@charset "utf-8";
/*  @功能: 重设浏览器默认样式 */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
body { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video { display: inline-block;  *display: inline;
 *zoom: 1;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea { font: 14px/1.5 "宋体"; }
input, select, textarea { font-size: 100%; }
/* 去掉各Table  cell 的边距并让其边重合 */
table { border-collapse: collapse; border-spacing: 0; }
/* IE bug fixed: th 不继承 text-align*/
th { text-align: inherit; }
/* 去除默认边框 */
fieldset, img { border: 0; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; max-width: 100%; }
/* ie6 7 8(q) bug 显示为行内表现 */
iframe { display: block; }
/* 去掉 firefox 下此元素的边框 */
abbr, acronym { border: 0; font-variant: normal; }
/* 一致的 del 样式 */
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
/* 去掉列表前的标识, li 会继承 */
ol, ul { list-style: none; }
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th { text-align: left; }
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before, q:after { content: ''; }
/* 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* 让链接在 hover 状态下显示下划线 */
a:hover { text-decoration: underline; }
/* 默认不显示下划线，保持页面简洁 */
ins, a { text-decoration: none; }
/* 清理浮动 */
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fn-clear { zoom: 1;/* for IE6 IE7 */
}
/* @font-face {
    font-family: 'reducto_condensed_ssiCn';
    src: url('../fonts/reducto_condensed_ssi_condensed-webfont.eot');
    src: url('../fonts/reducto_condensed_ssi_condensed-webfont.eot') format('embedded-opentype'),
        url('../fonts/reducto_condensed_ssi_condensed-webfont.woff2') format('woff2'),
        url('../fonts/reducto_condensed_ssi_condensed-webfont.woff') format('woff'),
        url('../fonts/reducto_condensed_ssi_condensed-webfont.ttf') format('truetype'),
        url('../fonts/reducto_condensed_ssi_condensed-webfont.svg#reducto_condensed_ssicn') format('svg');
    font-weight: normal;
    font-style: normal
} */

/* 左右浮动 */
.float-left { float: left; }
.float-right { float: right; }
/* 内容宽度 */
.content-box { width: 40rem; margin: 0 auto; }
/* 按钮样式 */
.button { display: inline-block; height: 1.35rem/* 54px */
; width: 5.05rem/* 202px */
; text-align: center; line-height: 1.35rem/* 54px */
; color: #fff;  font-size: .35rem/* 14px */
;
background: #2EBC4F; cursor: pointer; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; -ms-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; }
.button:hover {  -moz-box-shadow: 0 0 .25rem         /* 10px */
        rgba(46, 188, 79, 0.4);
 -webkit-box-shadow: 0 0 .25rem         /* 10px */
        rgba(46, 188, 79, 0.4);
 box-shadow: 0 0 .25rem         /* 10px */
        rgba(46, 188, 79, 0.4);
}
/* 标题样式 */
.title {
 font-size: .66rem/* 30px */
; color: #24292E; text-align: center; font-weight: 400;  padding-bottom: .75rem/* 30px */
;/*letter-spacing: .2rem*/
        /* 8px */
;
position: relative; }
.title::before { content: ""; width: 2.8rem/* 112px */
;  height: .1rem/* 4px */
;
/*background: #1074E7;*/
position: absolute; left: 50%; margin-left: -1.4rem/* 56px */
; bottom: 0; }
.title strong { color: #24292E; }
.title strong.english { letter-spacing: 0; margin-left: -0.2rem; }
/* 操作按钮样式    start */
.operations { text-align: center;  margin-top: .5rem/* 20px */
;
font-size: 0; }
.operations a {
 font-size: .35rem/* 14px */
;
 line-height: .5rem/* 20px */
; color: #fff; text-decoration: none; position: relative; }
.operations a span { position: absolute;  right: -.5rem/* 20px */
;
-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.operations a:hover span {  -webkit-transform: translateX(.05rem);
    /* 2px */
    -ms-transform: translateX(.05rem);
    /* 2px */
    -o-transform: translateX(.05rem);
    /* 2px */
    -moz-transform: translateX(.05rem);
    /* 2px */
    transform: translateX(.05rem);
/* 2px */
}
.arrow-btn { display: inline-block; vertical-align: middle; height: 1.35rem/* 54px */
; line-height: 1.35rem/* 54px */
; font-size: 0; background: #2EBC4F;  padding: 0 .625rem/* 25px */
;
cursor: pointer; color: #fff; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; -ms-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; }
.arrow-btn .text, .arrow-btn .arrow { display: inline-block; vertical-align: middle;  font-size: .35rem/* 14px */
;
}
.arrow-btn .arrow {
 margin-left: .075rem/* 3px */
; position: relative; -webkit-transition: -webkit-translateX 0.3s ease-in-out; -moz-transition: -moz-translateX 0.3s ease-in-out; -o-transition: -o-translateX 0.3s ease-in-out; -ms-transition: -ms-translateX 0.3s ease-in-out; transition: translateX 0.3s ease-in-out; }
.arrow-btn:hover {  -moz-box-shadow: 0 0 .25rem         /* 10px */
        rgba(46, 188, 79, 0.4);
 -webkit-box-shadow: 0 0 .25rem         /* 10px */
        rgba(46, 188, 79, 0.4);
 box-shadow: 0 0 .25rem         /* 10px */
        rgba(46, 188, 79, 0.4);
}
.arrow-btn:hover .arrow { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); }
/* 操作按钮样式    end */
/* 底部按钮样式    start */
.bottom-operations { padding: 0 2.65rem; text-align: center;  margin-top: .65rem;
 margin: .65rem 0 .875rem;
}
.bottom-operations a { display: inline-block; width: 2.65rem; height: 1.075rem; line-height: 1.075rem; text-align: center;  font-size: .35rem;
color: #fff; background: #2879FF; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; -ms-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; text-decoration: none;  margin: 0 .25rem;
}
.bottom-operations a:hover {  -moz-box-shadow: 0 0 .75rem rgba(40, 121, 255, 0.5);
 -webkit-box-shadow: 0 0 .75rem rgba(40, 121, 255, 0.5);
 box-shadow: 0 0 .75rem rgba(40, 121, 255, 0.5);
}
.bottom-operations a.no-page { background: #EDEDED; color: #999; }
.bottom-operations a.no-page:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: no-drop; }
/* 底部按钮样式    end */
/* 面包屑    start */
.crumbs { font-size: 0;  padding: .5rem 0;
}
.crumbs a, .crumbs span { display: inline-block; vertical-align: middle; text-decoration: none;  font-size: .35rem;
color: #999; }
.crumbs .split-arrow {  margin: 0 .125rem;
}
.crumbs .current { color: #333; }
/* 面包屑    end */
/* 播放按钮样式    start */
.video-play-btn { width: 2rem; height: 2rem; text-align: center; line-height: 2rem; border-radius: 50%; background: #1074E7; font-size: 0.9rem; color: #fff; position: absolute; cursor: pointer; right: 1.05rem; bottom: 1.75rem; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; z-index: 2; }
.video-play-btn:hover { background: rgb(0, 98, 211); }
/* 播放按钮样式    end */

/* 分页样式    start */
.page-list { font-size: 0; text-align: center;  padding: .75rem         /* 30px */
        0;
}
.page-list a { display: inline-block; vertical-align: middle; text-decoration: none;  height: .6rem/* 24px */
;
 width: .6rem/* 24px */
;
 line-height: .6rem/* 24px */
;
text-align: center;  font-size: .35rem/* 14px */
;
color: #999999;  margin: 0 .175rem/* 7px */
;
cursor: pointer; }
.page-list a:hover { background: #2879FF; color: #fff; }
.page-list a.current { color: #2879FF; }
.page-list a.current:hover { background: unset; color: #2879FF; }
.page-list a.first, .page-list a.prev, .page-list a.next, .page-list a.last { width: 1.5rem/* 60px */
; }
/* 分页样式    end */
/* 头部样式    start */
.header { height: 2.125rem/* 85px */
; position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 10; }
.header .header-main { box-sizing: border-box; height: 100%; padding: 0 2.85rem         /* 114px */
        0 3.5rem/* 140px */
; color: #fff; position: relative; }
.header .logo { position: absolute; width: 2.6rem/* 104px */
;  height: .775rem/* 31px */
;
left: 0; }
.header .logo a { display: block; }
.header .logo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.header .login-btn { width: 2.05rem/* 82px */
;  height: .85rem/* 34px */
;
position: absolute; right: 0; text-decoration: none; color: #fff; background: #2EBC4F; text-align: center;  line-height: .85rem/* 34px */
;
-webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; -ms-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; }
.header .login-btn:hover {  -moz-box-shadow: 0 0 .25rem         /* 10px */
        rgba(46, 188, 79, 0.4);
 -webkit-box-shadow: 0 0 .25rem         /* 10px */
        rgba(46, 188, 79, 0.4);
 box-shadow: 0 0 .25rem         /* 10px */
        rgba(46, 188, 79, 0.4);
}
.header .logo, .header .login-btn { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.header .login-user { display: none; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.header .login-user .user-info { color: #fff; font-size: 0; }
.header .login-user .user-info li { display: inline-block; vertical-align: middle;  height: .4rem/* 16px */
;
 line-height: .4rem/* 16px */
;
 font-size: .35rem/* 14px */
;
}
.header .login-user .user-info li:first-child { border-right: 1px solid #fff;  padding-right: .2rem/* 8px */
;
 margin-right: .2rem/* 8px */
;
}
.header .login-user .user-info li a { display: inline-block; color: #fff;  padding-right: .2rem/* 8px */
;
cursor: pointer; text-decoration: none; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.header .login-user .user-info li a:hover { color: #2879FF; }
.header .nav .menu-list { font-size: 0; }
.header .nav .menu-list li { height: 2.125rem/* 85px */
; line-height: 2.125rem/* 85px */
; display: inline-block; vertical-align: middle; position: relative; }
.header .nav .menu-list li a { display: inline-block; text-decoration: none;  font-size: .4rem/* 16px */
;
color: #000;  padding: 0 .8rem/* 32px */
;
text-transform: uppercase; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.header .nav .menu-list li a:hover { opacity: 0.5; }
.header .nav .menu-list li .second-menu-list { visibility: hidden; opacity: 0; position: absolute;  padding: .25rem         /* 10px */
        0;
left: 50%; top: 1.75rem; background: #fff; z-index: 2; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);  -moz-box-shadow: 0 0 .75rem         /* 30px */
        rgba(0, 0, 0, 0.16);
 -webkit-box-shadow: 0 0 .75rem         /* 30px */
        rgba(0, 0, 0, 0.16);
 box-shadow: 0 0 .75rem         /* 30px */
        rgba(0, 0, 0, 0.16);
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.header .nav .menu-list li:hover .second-menu-list { visibility: visible; opacity: 1; }
.header .nav .menu-list li .second-menu-list dd {
 height: .85rem/* 34px */
;
 line-height: .85rem/* 34px */
;
 font-size: .35rem/* 14px */
;
 border-left: .075rem         /* 3px */
        solid transparent;
 border-right: .075rem solid transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.header .nav .second-menu-list dd a { display: block;  font-size: .35rem/* 14px */
;
color: #333333; white-space: nowrap; }
.header .nav .menu-list li .second-menu-list dd:hover { background: #F7F7F7; border-left-color: #1074E7; }
.header.fixed { position: fixed; background: #fff;  -moz-box-shadow: 0 .075rem         /* 3px */
        .375rem rgba(0, 0, 0, 0.16);
 -webkit-box-shadow: 0 .075rem         /* 3px */
        .375rem rgba(0, 0, 0, 0.16);
 box-shadow: 0 .075rem         /* 3px */
        .375rem rgba(0, 0, 0, 0.16);
}
.header.fixed .nav .menu-list a, .header.fixed .login-user .user-info, .header.fixed .login-user .user-info li a { color: #333; }
.header.fixed .login-user .user-info li:first-child { border-right-color: #333; }
.header-box { overflow: hidden; }
/* 头部样式    end */
/* 尾部样式    start */
.footer { height: 18.875rem/* 755px */
; background: url(../images/footer.png) no-repeat center center; background-size: 100% 100%; color: #fff; }
.footer .footer-content { height: 100%; width: 41.2rem/* 1248px */
; box-sizing: border-box; position: relative; padding-bottom: 1.55rem/* 62px */
; }
.footer .copyright { height: 1.55rem/* 62px */
; width: 100%; line-height: 1.55rem/* 62px */
; text-align: center; margin-top: 2.875rem; position: absolute; bottom: 0; left: 0; box-sizing: border-box; }
.footer .copyright::before { content: ""; position: absolute; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); left: 0; top: 0; }
.footer .copyright a { color: #fff; }
.footer form { display: block; font-size: 0; padding: 1.925rem         /* 77px */
        0 1.075rem         /* 43px */
        0; }
.footer form .inputs, .footer form .button, .footer form .inputs input, .footer form .inputs select { display: inline-block; vertical-align: middle; }
.footer form .inputs { width: 85.5%; font-size: 0; }
.footer form .inputs input, .footer form .inputs select {
 font-size: .35rem/* 14px */
; height: 1.35rem/* 54px */
; line-height: 1.35rem/* 54px */
;  margin-right: .75rem/* 30px */
;
 padding: 0 .35rem/* 14px */
;
outline: none; box-sizing: border-box; border: none; border-radius: 0; }
.footer form .inputs .name { width: 4.175rem/* 167px */
; }
.footer form .inputs .tel { width: 5.05rem/* 202px */
; }
.footer form .inputs .company-name { width: 8.825rem/* 353px */
; }
.footer form .inputs .province { width: 5.1rem/* 204px */
; padding-right: 5%; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff url('../images/down-arrow.png') 95% center no-repeat;  background-size: .3rem/* 12px */
;
cursor: pointer; }
 .footer form .inputs select::-ms-expand {
 display: none;
}
.footer form .button { width: 14.5%; }
 .footer form ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #A0A0A0;
}
 .footer form :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #A0A0A0;
}
 .footer form ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #A0A0A0;
}
 .footer form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #A0A0A0;
}
.footer .footer-tel { position: relative; }
.footer .footer-tel .footer-tel-name {  font-size: .35rem/* 14px */
;
}
.footer .footer-tel .footer-tel-num { font-family: "宋体"; font-size: 1.325rem/* 53px */
; font-weight: bold; }
.footer .footer-tel .button { display: none; position: absolute; width: 2.95rem/* 118px */
; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.footer .footer-bottom { margin-top: 5.25rem/* 130px */
; }
.footer .footer-bottom .footer-logo { width: 3.35rem/* 134px */
; 
;  margin-top: .1rem/* 4px */
;
}
.footer .footer-bottom .footer-logo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.footer .footer-bottom .slogans {  font-size: .4rem/* 16px */
;
 margin-top: .5rem/* 20px */
;
}
.footer .float-left { margin-left: 5%; width: 15%; }
.footer .float-right { width: 69%; font-size: 0; }
.footer .footer-info-item { display: inline-block; vertical-align: top; font-size: 0; width: 23%; margin-right: 1%; }
.footer .footer-info-item:last-child { width: 50%; margin-right: 0; }
.footer .footer-info-item .column {
 font-size: .4rem/* 16px */
; font-weight: bold; }
.footer .footer-info-item ul { display: inline-block; vertical-align: top; width: 50%;  margin-top: .5rem/* 20px */
;
}
.footer .footer-info-item:last-child ul, .footer .footer-info-item:nth-of-type(2) ul { width: 100%; }
.footer .footer-info-item ul li { width: 100%; box-sizing: border-box;  padding-right: .25rem/* 10px */
;
}
.footer .footer-info-item ul li a {
 font-size: .35rem/* 14px */
; color: #fff; text-decoration: none;  line-height: .95rem/* 38px */
;
-webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; 
-ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;  }
.footer .footer-info-item ul li a:hover { opacity: 0.5; }
/* 尾部样式    end */
/* tab切换样式    start */
.my-tab .tabs { text-align: center; margin-bottom: 1.425rem/* 57px */
; }
.my-tab .tabs .tabs-options { display: inline-block;  border-bottom: .05rem         /* 2px */
        solid #E2E2E2;
font-size: 0; }
.my-tab .tabs .tabs-options li { display: inline-block; vertical-align: middle; width: 3rem/* 120px */
; text-align: center;  font-size: .4rem/* 16px */
;
font-weight: 500; color: #666;  padding-bottom: .375rem;
cursor: pointer; position: relative; }
.my-tab .tabs .tabs-options li::after { display: none; content: ""; position: absolute; width: 100%;  height: .05rem/* 2px */
;
background: #1074E7; left: 0;  bottom: -.05rem/* 2px */
;
}
.my-tab .tabs .tabs-options li.on { color: #333; }
.my-tab .tabs .tabs-options li.on::after { display: block; }
.my-tab .tab-content .tab-item-list li {
 padding: .8rem 0; border-top: 1px dotted #E2E2E2; }
.branch-content .my-tab .tab-content .tab-item-list li {  padding: .4rem 0;
}
.my-tab .tab-content .tab-item-list li:first-of-type { border-top: none; }
.my-tab .tab-content .tab-item-list li a { text-decoration: none; }
.my-tab .tab-content .tab-item-list li a:hover .float-left { box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2); }
.my-tab .tab-content .tab-item-list li a:hover .list-item-title { color: #1074E7; }
.my-tab .tab-content .tab-item-list li a:hover .list-item-text { color: #999999; }
.my-tab .tab-content .tab-item-list li .float-left { width: 8rem/* 320px */

; height: 5.2rem/* 208px */
;  border-radius: .2rem/* 8px */
;
overflow: hidden;  -moz-box-shadow: 0 0 .5rem         /* 20px */
        rgba(0, 0, 0, 0.27);
 -webkit-box-shadow: 0 0 .5rem         /* 20px */
        rgba(0, 0, 0, 0.27);
 box-shadow: 0 0 .5rem         /* 20px */
        rgba(0, 0, 0, 0.27);
margin-left: 0.5rem; }
.my-tab .tab-content .tab-item-list li .right-text { margin-left: 10rem; min-height: 5.2rem/* 208px */
; }
.my-tab .tab-content .tab-item-list li .right-text .list-item-text h2 { display: inline;  font-size: .35rem/* 14px */;
font-weight: 400;  line-height: .7rem/* 28px */;
color: #333333;  margin-top: .675rem/* 27px */;
height: 2.75rem/* 110px */; letter-spacing: 1px; }
.my-tab .tab-content .tab-item-list li .float-left img { width: 100%; height: 100%; object-position: center; object-fit: cover; }
.my-tab .tab-content .tab-item-list li .list-item-title {
 font-size: .5rem/* 20px */
; font-weight: bold; color: #24292E;  line-height: .75rem/* 30px */
;
max-height: 1.5rem/* 60px */
; overflow: hidden; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;  margin-bottom: .35rem;
}
.my-tab .tab-content .tab-item-list li .link-text { display: block; text-decoration: none;  font-size: .35rem/* 14px */
;
font-weight: 400; color: #2879FF; }
.my-tab .tab-content .tab-item-list li .list-item-text {
 font-size: .35rem/* 14px */
; font-weight: 400;  line-height: .7rem/* 28px */
;
color: #333333;  margin-top: .675rem/* 27px */
;
height: 2.75rem/* 110px */
; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; letter-spacing: 1px; }
.case-content .my-tab .tab-content .tab-item-list li .list-item-text { height: auto; overflow: visible; text-overflow: unset; text-overflow: unset; display: unset; -webkit-line-clamp: unset; line-clamp: unset; -webkit-box-orient: unset; }
.my-tab .tab-content .tab-item-list li .list-item-time {
 font-size: .35rem/* 14px */
; color: #999999;  margin-top: .5rem/* 20px */
;
letter-spacing: 1px; }
/*动画*/
.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; }
 @-webkit-keyframes fadeInUp {  from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInUp {  from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
/* banner样式    start */

.banner {
 padding-bottom: .75rem/* 30px */
; position: relative; margin-bottom: 1.625rem; }
.consultation .banner::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.28); }
.banner .pc-banner-mask { width: 100%; position: absolute; bottom: 0; left: 0; }
.banner .pc-banner-mask { height: 2.875rem; background: url(../images/banner-mask.png) no-repeat; background-size: 100% 100%; }
.banner img { width: 100%; height:auto;/* height: 100%; object-position: center; object-fit: cover;*/ display:block;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
.banner .banner-title { font-size: 1rem/* 40px */
; font-weight: bold; }
.banner .banner-info {
 font-size: .65rem; font-weight: 400;  margin-top: .375rem/* 15px */
;
}
.banner .banner-info h1 { display: inline; }
.banner .banner-info .location {
 margin-left: .75rem/* 30px */
; display: none; }
.banner .banner-info .split-dotted {  margin: 0 .125rem/* 5px */
;
}
.banner.join-us { height: 14.25rem/* 570px */
; }
.banner.group-manage, .banner.history, .banners-play.consultation .pic-scroll, .banners-play.consultation .banner, .banner.cooperative-agent { height: 14.225rem/* 569px */
; }
.banner.tech-service { height: 20rem/* 800px */
; margin-bottom: 0; position: relative; }
.banner.tech-service .vedio-btn { position: absolute; width: 1.5rem; height: 1.5rem; border-radius: 50%; line-height: 1.5rem; text-align: center; overflow: hidden; z-index: 10; right: 2.5rem; bottom: 2.5rem; }
.banner.tech-service .vedio-btn .iconfont { display: block;  font-size: .75rem;
color: #666666; cursor: pointer; }
.banner.tech-service .vedio-btn .stop, .banner.tech-service .vedio-btn .play { display: none; }
 @-webkit-keyframes myRotate {  from {
 -webkit-transform: rotate(0deg);
}
to { -webkit-transform: rotate(359deg); }
}
 @-ms-keyframes myRotate {  from {
 -ms-transform: rotate(0deg);
}
to { -ms-transform: rotate(359deg); }
}
 @-o-keyframes myRotate {  from {
 -o-transform: rotate(0deg);
}
to { -o-transform: rotate(359deg); }
}
 @-moz-keyframes myRotate {  from {
 -moz-transform: rotate(0deg);
}
to { -moz-transform: rotate(359deg); }
}
 @keyframes myRotate {  from {
 transform: rotate(0deg);
}
to { transform: rotate(359deg); }
}
.banner.tech-service .vedio-btn .load { -webkit-animation: myRotate 2s linear infinite; -moz-animation: myRotate 2s linear infinite; -ms-animation: myRotate 2s linear infinite; -o-animation: myRotate 2s linear infinite; animation: myRotate 2s linear infinite; }
.banner.case { height: 16.925rem/* 677px */
; }
.banner.case .content-box { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -72%); -o-transform: translate(-50%, -72%); -ms-transform: translate(-50%, -72%); -moz-transform: translate(-50%, -72%); transform: translate(-50%, -72%); }
.banner.case .banner-content { width: 87.429%; margin: 4.425rem         /* 177px*/
        auto 0; }
.banner.case .float-left { width: 49%; margin-top: 2.2rem; }
.banner.case .float-right { width: 12.5rem; height: 8.75rem; }
.banner.case .banner-info {  font-size: .5rem/* 20px */
;
}
.banner .banner-text { color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-73%, -70%); -o-transform: translate(-73%, -70%); -ms-transform: translate(-73%, -70%); -moz-transform: translate(-73%, -70%); transform: translate(-73%, -70%); }
.banner.case .banner-text { position: unset; left: 0; width: 20rem; -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); }
.banner.case .operations { text-align: left; }
.banner.case .operations a { color: #2778FE; }
/* banner样式    end */
.picScroll .picList li { width: 100%; position: relative; }
/* 轮播样式    start */
.picScroll { width: 100%; position: relative; }
.picScroll li img { width: 100%; height: 100%; object-fit: cover; object-position: center;  border-radius: .25rem/* 10px */
;
}
.picScroll .nav-list { font-size: 0;  margin-top: .5rem/* 20px */
;
text-align: center; }
.picScroll .nav-list li { display: inline-block;  width: .45rem;
 height: .45rem;
border-radius: 50%; background: rgba(255, 255, 255, 0.3);  margin: 0 .325rem/* 13px */
;
cursor: pointer; }
.picScroll .nav-list li.on { background: rgba(255, 255, 255, 1); }
/* 轮播样式    end */
/* 首页相关样式    start */
.banners-play { position: relative; }
.banners-play.home-banners-play { padding-bottom: 1rem; }
.banners-play .pic-scroll { height: 21.25rem/* 850px */
; }
.banners-play#m_scrollBox { display: none; position: relative; }
.banners-play#m_scrollBox .pic-scroll li .arrow-btn { position: absolute; bottom: 0; left: 50%; opacity: 0; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); -webkit-transition: all 1.5s cubic-bezier(.165, .84, .44, 1) 1.3s; -ms-transition: all 1.5s cubic-bezier(.165, .84, .44, 1) 1.3s; -moz-transition: all 1.5s cubic-bezier(.165, .84, .44, 1) 1.3s; -o-transition: all 1.5s cubic-bezier(.165, .84, .44, 1) 1.3s; transition: all 1.5s cubic-bezier(.165, .84, .44, 1) 1.3s; }
.banners-play#m_scrollBox .pic-scroll li .content-box.action .arrow-btn { opacity: 1; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.banners-play#m_scrollBox .banners-play .banner { height: 21.25rem/* 850px */
; position: relative; }
.banners-play#m_scrollBox .arrow-group { position: absolute; color: #D8D8D8; bottom: 2.5rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.banners-play#m_scrollBox .arrow-group .iconfont { display: inline-block; position: relative; -webkit-animation: upDown 2s ease infinite; -moz-animation: upDown 2s ease infinite; -ms-animation: upDown 2s ease infinite; -o-animation: upDown 2s ease infinite; animation: upDown 2s ease infinite; }
 @-webkit-keyframes upDown {  0% {
 -webkit-transform: translateY(0);
}
 50% {
 -webkit-transform: translateY(50%);
}
 100% {
 -webkit-transform: translateY(0);
}
}
 @-ms-keyframes upDown {  0% {
 -ms-transform: translateY(0);
}
 50% {
 -ms-transform: translateY(50%);
}
 100% {
 -ms-transform: translateY(0);
}
}
 @-o-keyframes upDown {  0% {
 -o-transform: translateY(0);
}
 50% {
 -o-transform: translateY(50%);
}
 100% {
 -o-transform: translateY(0);
}
}
 @-moz-keyframes upDown {  0% {
 -moz-transform: translateY(0);
}
 50% {
 -moz-transform: translateY(50%);
}
 100% {
 -moz-transform: translateY(0);
}
}
 @keyframes upDown {  0% {
 transform: translateY(0);
}
 50% {
 transform: translateY(50%);
}
 100% {
 transform: translateY(0);
}
}
.banners-play.home-banners-play .banner::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -o-linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -moz-linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
.banners-play.home-banners-play .banner.no-mask::before { display: none; }
.banners-play .banner .content-box { position: absolute; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: left; color: #fff; }
.banners-play .banner .content-box .text-title { font-size: 1rem/* 40px */
; letter-spacing: 1px; font-weight: 500; opacity: 0; -webkit-transform: translateY(1.25rem); /* 50px */
-ms-transform: translateY(1.25rem); /* 50px */
-o-transform: translateY(1.25rem); /* 50px */
-moz-transform: translateY(1.25rem); /* 50px */
transform: translateY(1.25rem); /* 50px */
-webkit-transition: all 1.5s cubic-bezier(.165, .84, .44, 1); -ms-transition: all 1.5s cubic-bezier(.165, .84, .44, 1); -moz-transition: all 1.5s cubic-bezier(.165, .84, .44, 1); -o-transition: all 1.5s cubic-bezier(.165, .84, .44, 1); transition: all 1.5s cubic-bezier(.165, .84, .44, 1); -webkit-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; }
.banners-play .banner .content-box .text-desc { margin-top: 1.25rem/* 50px */
; }
.banners-play .banner .content-box .text-desc p {
 font-size: .6rem/* 24px */
; font-weight: 300; line-height: 1rem/* 40px */
; opacity: 0; -webkit-transform: translateY(1.25rem); /* 50px */
-ms-transform: translateY(1.25rem); /* 50px */
-o-transform: translateY(1.25rem); /* 50px */
-moz-transform: translateY(1.25rem); /* 50px */
transform: translateY(1.25rem); /* 50px */
-webkit-transition: all 1.5s cubic-bezier(.165, .84, .44, 1); -ms-transition: all 1.5s cubic-bezier(.165, .84, .44, 1); -moz-transition: all 1.5s cubic-bezier(.165, .84, .44, 1); -o-transition: all 1.5s cubic-bezier(.165, .84, .44, 1); transition: all 1.5s cubic-bezier(.165, .84, .44, 1); }
.banners-play .banner .content-box .text-desc p:first-child { -webkit-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; -moz-transition-delay: 0.9s; transition-delay: 0.9s; }
.banners-play .banner .content-box .text-desc p:nth-child(2) { -webkit-transition-delay: 1.1s; -ms-transition-delay: 1.1s; -o-transition-delay: 1.1s; -moz-transition-delay: 1.1s; transition-delay: 1.1s; }
.banners-play .banner .content-box .text-desc p:nth-child(3) { -webkit-transition-delay: 1.3s; -ms-transition-delay: 1.3s; -o-transition-delay: 1.3s; -moz-transition-delay: 1.3s; transition-delay: 1.3s; }
.banners-play .banner .content-box.action .text-title, .banners-play .banner .content-box.action .text-desc p { opacity: 1; -webkit-transform: none; -ms-transform: none; -o-transform: none; -moz-transform: none; transform: none; }
.banners-play .data-show { width: 75.417%; background: #fff; height: 3.375rem/* 135px */
; line-height: 3.375rem/* 135px */
; box-sizing: border-box; padding: 0 1.75rem/* 70px */
; position: absolute; bottom: 0.5rem; left: 50%; color: #24292E; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);  -moz-box-shadow: 0 0 .5rem         /* 20px */
        rgba(0, 0, 0, 0.08);
 -webkit-box-shadow: 0 0 .5rem         /* 20px */
        rgba(0, 0, 0, 0.08);
 box-shadow: 0 0 .5rem         /* 20px */
        rgba(0, 0, 0, 0.08);
}
.banners-play .data-show .float-left { font-size: 0; }
.banners-play .data-show .float-left span { display: inline-block; vertical-align: middle;  font-size: .7rem/* 28px */
;
}
.banners-play .use-total, .banners-play .phone-num { font-family: "宋体"; font-weight: bold; }
.banners-play .data-show .float-left .use-total { font-size: 1.425rem/* 57px */
; /* 20px */
; }
.banners-play .data-show .contact-way .phone { display: inline-block; vertical-align: middle; line-height: initial; }
.banners-play .data-show .contact-way .phone {
 padding-right: .825rem/* 33px */
; border-right: 1px solid #E2E2E2; }
.banners-play .data-show .contact-way .phone div {
 font-size: .375rem; font-weight: 300;  line-height: .5rem;
}
.banners-play .data-show .contact-way .phone .phone-num {
 font-size: .975rem/* 39px */
; font-weight: bold; line-height: 1.15rem; }
.banners-play .data-show .contact-way .arrow-btn {  margin-left: .825rem/* 33px */
;
}
.banners-play .page-info-list { position: absolute; width: 100%; top: 78%; text-align: center; }
.banners-play .page-info-list li { display: inline-block; vertical-align: middle;  margin: 0 .3rem/* 12px */
;
font-size: 0;  width: .45rem;
 height: .45rem;
background: #fff; border-radius: 50%; opacity: 0.3; cursor: pointer; }
.banners-play .page-info-list li.on { opacity: 1; }
.home-detail .show-text .title { text-align: left; }
.home-detail .show-text .small-title {
 font-size: .45rem/*18px*/
;
 line-height: .9rem/*36px*/
; color: #4B4B4B;  margin-top: .375rem/*15px*/
;
}
.home-detail .show-text .title::before { left: 0; margin-left: 0; }
.home-detail .show-text .desc-text { margin: 1.75rem         /* 70px */
        0; }
.home-detail .show-text .desc-text p { color: #4B4B4B;  font-size: .45rem/* 18px */
;
font-weight: 400;  line-height: .9rem/* 36px */
;
letter-spacing: 1px; }
.home-detail .show-text .desc-text .green-radius { display: inline-block; vertical-align: middle;  width: .175rem/* 7px */
;
 height: .175rem/* 7px */
;
background: #4CA566; border-radius: 50%;  margin-right: .15rem/* 6px */
;
}
.home-detail .arrow-btn { background: transparent; color: #2879FF;  font-size: .4rem;
font-weight: 400; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; padding: 0; }
.home-detail .arrow-btn:hover { -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.home-detail .detail-item { position: relative; }
.content-box.home-content-box { width: 36rem/* 1440px */
; }
.home-detail .detail-item-main { padding-top: 7rem; }
.home-detail .detail-item-main:nth-of-type(1) { padding-top: 3.5rem; }
.my-tab.detail-item { padding-top: 5rem; }
.content-box.home-content-box .home-detail .detail-item-main:nth-of-type(4) { padding-top: 6rem; }
.content-box.home-content-box .home-detail .detail-item-main:nth-of-type(5) { padding-top: 6.5rem; }
.content-box.home-content-box .home-detail.tech-service-ctc .detail-item-main { padding-top: 3.5rem; }
.content-box.home-content-box .home-detail.tech-service-ctc .video-play-btn { bottom: 0.75rem; }
.home-detail .detail-item .float-left { width: 35%; }
.home-detail .show-images { width: 65%; text-align: right; font-size: 1rem/* 40px */
; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.home-detail .show-images .images-content { display: inline-block; width: 20.625rem/* 825px */
; height: 10.5rem/* 420px */
; position: relative; }
.home-detail .show-images .images-content img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-detail .show-images .images-content .map-orange { position: absolute; top: 0; left: 0; opacity: 0; -webkit-animation: myOpacity 1.5s ease-in-out infinite; -moz-animation: myOpacity 1.5s ease-in-out infinite; -ms-animation: myOpacity 1.5s ease-in-out infinite; -o-animation: myOpacity 1.5s ease-in-out infinite; animation: myOpacity 1.5s ease-in-out infinite; }
 @-webkit-keyframes myOpacity {  0% {
 opacity: 0;
}
 25% {
 opacity: 0.5;
}
 50% {
 opacity: 1;
}
 75% {
 opacity: 0.5;
}
 100% {
 opacity: 0;
}
}
 @-ms-keyframes myOpacity {  0% {
 opacity: 0;
}
 25% {
 opacity: 0.5;
}
 50% {
 opacity: 1;
}
 75% {
 opacity: 0.5;
}
 100% {
 opacity: 0;
}
}
 @-o-keyframes myOpacity {  0% {
 opacity: 0;
}
 25% {
 opacity: 0.5;
}
 50% {
 opacity: 1;
}
 75% {
 opacity: 0.5;
}
 100% {
 opacity: 0;
}
}
 @-moz-keyframes myOpacity {  0% {
 opacity: 0;
}
 25% {
 opacity: 0.5;
}
 50% {
 opacity: 1;
}
 75% {
 opacity: 0.5;
}
 100% {
 opacity: 0;
}
}
 @keyframes myOpacity {  0% {
 opacity: 0;
}
 25% {
 opacity: 0.5;
}
 50% {
 opacity: 1;
}
 75% {
 opacity: 0.5;
}
 100% {
 opacity: 0;
}
}
.home-detail .show-images .images-content .bling-radio { position: absolute;  width: .65rem/* 26px */
;
 height: .65rem/* 26px */
;
font-family: "宋体"; text-align: center; z-index: 2; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-animation-name: zoomPoint; -moz-animation-name: zoomPoint; -ms-animation-name: zoomPoint; -o-animation-name: zoomPoint; animation-name: zoomPoint; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -ms-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.home-detail .show-images .images-content .bling-radio::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; z-index: -1; background: -webkit-radial-gradient(circle, rgba(255, 107, 29, 1) 0%, rgba(255, 101, 20, 1) 100%); background: -ms-radial-gradient(circle, rgba(255, 107, 29, 1) 0%, rgba(255, 101, 20, 1) 100%); background: -o-radial-gradient(circle, rgba(255, 107, 29, 1) 0%, rgba(255, 101, 20, 1) 100%); background: -moz-radial-gradient(circle, rgba(255, 107, 29, 1) 0%, rgba(255, 101, 20, 1) 100%); background: radial-gradient(circle, rgba(255, 107, 29, 1) 0%, rgba(255, 101, 20, 1) 100%); }
.home-detail .show-images .images-content .bling-radio::after { content: ""; position: absolute;  top: -.1rem/* 4px */
;
 right: -.1rem/* 4px */
;
 bottom: -.1rem/* 4px */
;
 left: -.1rem/* 4px */
;
border-radius: 50%; z-index: -1; background: -webkit-radial-gradient(circle, rgba(255, 107, 29, 0.2) 0%, rgba(255, 101, 20, 0.2) 100%); background: -ms-radial-gradient(circle, rgba(255, 107, 29, 0.2) 0%, rgba(255, 101, 20, 0.2) 100%); background: -o-radial-gradient(circle, rgba(255, 107, 29, 0.2) 0%, rgba(255, 101, 20, 0.2) 100%); background: -moz-radial-gradient(circle, rgba(255, 107, 29, 0.2) 0%, rgba(255, 101, 20, 0.2) 100%); background: radial-gradient(circle, rgba(255, 107, 29, 0.2) 0%, rgba(255, 101, 20, 0.2) 100%); }
.home-detail .show-images .images-content .bling-radio.has-number { width: 1.7rem/* 68px */
; height: 1.7rem/* 68px */
; line-height: 1.7rem/* 68px */
; text-align: center;  font-size: .775rem/* 31px */
;
font-weight: bold; color: #fff; font-family: "宋体"; }
.home-detail .show-images .images-content .bling-radio.has-number::after { top: -0.325rem/* 13px */
; right: -0.325rem/* 13px */
; bottom: -0.325rem/* 13px */
; left: -0.325rem/* 13px */
; }
.home-detail .show-images .images-content .bling-radio.has-number:nth-of-type(1) { left: 3.15rem/* 126px */
; top: 2.9rem/* 116px */
; }
.home-detail .show-images .images-content .bling-radio.has-number:nth-of-type(2) { left: 9.45rem/* 378px */
; top: 1.5rem/* 60px */
; }
.home-detail .show-images .images-content .bling-radio.has-number:nth-of-type(3) { left: 13.375rem/* 535px */
;  top: .325rem/* 13px */
;
}
.home-detail .show-images .images-content .bling-radio.has-number:nth-of-type(4) { left: 6.4rem/* 536px */
; top: 7.2rem/* 168px */
; }
.home-detail .show-images .images-content .bling-radio.has-number:nth-of-type(5) { left: 17.375rem/* 695px */
; top: 7.875rem/* 315px */
; }
.home-detail .show-images .images-content .bling-radio::after {  top: -.225rem/* 9px */
;
 right: -.225rem/* 9px */
;
 bottom: -.225rem/* 9px */
;
 left: -.225rem/* 9px */
;
}
.home-detail .show-images .images-content .bling-radio:nth-of-type(1) { left: 2.175rem/* 87px */
; top: 3.475rem/* 139px */
; -webkit-animation-delay: 0.4s; -ms-animation-delay: 0.4s; -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; }
.home-detail .show-images .images-content .bling-radio:nth-of-type(2) { left: 4.575rem/* 183px */
; top: 3.575rem/* 143px */
; -webkit-animation-delay: 0.8s; -ms-animation-delay: 0.8s; -o-animation-delay: 0.8s; -moz-animation-delay: 0.8s; animation-delay: 0.8s; }
.home-detail .show-images .images-content .bling-radio:nth-of-type(3) { left: 5.825rem/* 233px */
; top: 6.975rem/* 279px */
; -webkit-animation-delay: 1.2s; -ms-animation-delay: 1.2s; -o-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; }
.home-detail .show-images .images-content .bling-radio:nth-of-type(4) { left: 10.175rem/* 407px */
; top: 2.175rem/* 87px */
; -webkit-animation-delay: 1.6s; -ms-animation-delay: 1.6s; -o-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s; }
.home-detail .show-images .images-content .bling-radio:nth-of-type(5) { left: 12.1rem/* 484px */
; top: 3.575rem/* 143px */
; -webkit-animation-delay: 2s; -ms-animation-delay: 2s; -o-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }
.home-detail .show-images .images-content .bling-radio:nth-of-type(6) { left: 13.85rem/* 554px */
; top: 4.8rem/* 192px */
; -webkit-animation-delay: 2.4s; -ms-animation-delay: 2.4s; -o-animation-delay: 2.4s; -moz-animation-delay: 2.4s; animation-delay: 2.4s; }
.home-detail .show-images .images-content .bling-radio:nth-of-type(7) { left: 18.325rem/* 733px */
; top: 8.6rem/* 344px */
; -webkit-animation-delay: 2.8s; -ms-animation-delay: 2.8s; -o-animation-delay: 2.8s; -moz-animation-delay: 2.8s; animation-delay: 2.8s; }
.home-detail .show-images .images-content .bling-radio:nth-of-type(8) { left: 13.525rem/* 541px */
;  top: .475rem/* 19px */
;
-webkit-animation-delay: 3.0s; -ms-animation-delay: 3.0s; -o-animation-delay: 3.0s; -moz-animation-delay: 3.0s; animation-delay: 3.0s; }
 @-webkit-keyframes zoomPoint {  0% {
 -webkit-transform: scale(0);
}
 80% {
 opacity: 1;
 -webkit-transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
}
}
 @-ms-keyframes zoomPoint {  0% {
 -ms-transform: scale(0);
}
 80% {
 opacity: 1;
 -ms-transform: scale(1);
}
 100% {
 opacity: 0;
 -ms-transform: scale(1);
}
}
 @-moz-keyframes zoomPoint {  0% {
 -moz-transform: scale(0);
}
 80% {
 opacity: 1;
 -moz-transform: scale(1);
}
 100% {
 opacity: 0;
 -moz-transform: scale(1);
}
}
 @-o-keyframes zoomPoint {  0% {
 -o-transform: scale(0);
}
 80% {
 opacity: 1;
 -o-transform: scale(1);
}
 100% {
 opacity: 0;
 -o-transform: scale(1);
}
}
 @keyframes zoomPoint {  0% {
 transform: scale(0);
}
 80% {
 opacity: 1;
 transform: scale(1);
}
 100% {
 opacity: 0;
 transform: scale(1);
}
}
.home-detail .show-images .images-content .image-item { position: absolute; border-radius: 50%; overflow: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; z-index: 3; -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s;  -moz-box-shadow: 0 0 .25rem         /* 10px */
        rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: 0 0 .25rem         /* 10px */
        rgba(0, 0, 0, 0.3);
 box-shadow: 0 0 .25rem         /* 10px */
        rgba(0, 0, 0, 0.3);
}
.home-detail .show-images .images-content .image-item:nth-of-type(1) { width: 4.5rem/* 180px */
; height: 4.5rem/* 180px */
; left: 4.725rem/* 189px */
;  top: -.775rem/* 31px */
;
}
.home-detail .show-images .images-content .image-item:nth-of-type(2) { width: 2.4rem/* 96px */
; height: 2.4rem/* 96px */
; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; left: 16.225rem/* 649px */
;  top: -.5rem/* 20px */
;
}
.home-detail .show-images .images-content .image-item:nth-of-type(3) { width: 3.2rem/* 128px */
; height: 3.2rem/* 128px */
; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; left: 7.95rem/* 318px */
; top: 4.625rem/* 185px */
; }
.home-detail .show-images .images-content .image-item img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-detail .show-images .images-content.action .image-item { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }
.home-detail .show-text.float-right { width: 45%; text-align: right; }
.home-detail .show-images.float-left { width: 55%; left: 0; }
.home-detail .show-text.float-right .title::before { right: 0; left: unset; }
.home-detail .show-text.float-right .title { text-align: right; }
.home-detail .mac-content { width: 23.85rem/* 954px */
; height: 15.75rem/* 630px */
; margin-left: -1.475rem/* 59px */
; position: relative; }
.home-detail .mac-content img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-detail .mac-content .mac-screen { position: absolute; width: 15.175rem/* 607px */
; height: 9.825rem/* 393px */
; top: 2.5rem/* 100px */
; left: 4.325rem/* 173px */
; }
.home-detail .mac-content .mac-screen .mac-screen-item { position: absolute; left: 50%; -webkit-transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); opacity: 0; -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; }
.home-detail .mac-content .mac-screen .mac-screen-item:nth-of-type(1) { width: 15.125rem/* 605px */
; height: 1.775rem/* 71px */
; top: 0; }
.home-detail .mac-content .mac-screen .mac-screen-item:nth-of-type(2) { width: 11.4rem/* 456px */
; height: 1.6rem/* 64px */
; top: 1.775rem/* 71px */
; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; }
.home-detail .mac-content .mac-screen .mac-screen-item:nth-of-type(3) { width: 14.525rem/* 581px */
; height: 1.85rem/* 74px */
; top: 3.375rem/* 135px */
; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; }
.home-detail .mac-content .mac-screen .mac-screen-item:nth-of-type(4) { width: 14.425rem/* 577px */
; height: 2.925rem/* 117px */
; top: 5.45rem/* 218px */
; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; }
.home-detail .mac-content .mac-screen .mac-screen-item:nth-of-type(5) { width: 14.425rem/* 577px */
; height: 2.55rem/* 102px */
; top: 7.875rem/* 315px */
; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; transition-delay: 0.8s; }
.home-detail .mac-content .piece-item { position: absolute;  border-radius: .1rem/* 4px */
;
 padding: .7rem         /* 28px */
        .95rem/* 38px */
;
background: #fff;  -moz-box-shadow: 0 0 .5rem         /* 20px */
        rgba(0, 0, 0, 0.27);
 -webkit-box-shadow: 0 0 .5rem         /* 20px */
        rgba(0, 0, 0, 0.27);
 box-shadow: 0 0 .5rem         /* 20px */
        rgba(0, 0, 0, 0.27);
-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; }
.home-detail .mac-content .piece-item .number { font-size: 0; }
.home-detail .mac-content .piece-item span, .home-detail .mac-content .piece-item i { display: inline-block; vertical-align: middle; }
.home-detail .mac-content .piece-item .number { height: 1.25rem/* 50px */
; line-height: 1.25rem/* 50px */
; text-align: center; }
.home-detail .mac-content .piece-item span { font-size: 1.15rem/* 46px */
; color: #2EBC4F; font-weight: bold; font-family: "宋体"; }
.home-detail .mac-content .piece-item .text {
 font-size: .35rem/* 14px */
; color: #999999; font-weight: 400; letter-spacing: 0.5px; text-align: center;  margin-top: .25rem/* 10px */
;
}
.home-detail .mac-content .piece-item .grow {
 width: .675rem/* 27px */
; height: 1.15rem/* 46px */
; background: url(../images/mac-arrow.png) no-repeat; background-size: 100% 100%;  margin-right: .375rem;
}
.home-detail .mac-content .piece-item img { width: 7.125rem/* 285px */
; height: 3.575rem/* 143px */
; }
.home-detail .mac-content .piece-item1 {
 top: .475rem/* 19px */
; left: 2.075rem/* 83px */
; }
.home-detail .mac-content .piece-item2 {
 padding: 0 .275rem/* 11px */
; top: 3.3rem/* 132px */
; left: 16.125rem/* 645px */
; }
.home-detail .mac-content .piece-item3 { width: 1.5rem/* 60px */
; height: 1.5rem/* 60px */
; border-radius: 50%; padding: 0; top: 8.75rem/* 350px */
; left: 3.6rem/* 144px */
; }
.home-detail .mac-content .piece-item3::before { content: ""; width: 1.175rem/* 47px */
; height: 1.175rem/* 47px */
; background: #2EBC4F; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.home-detail .mac-content .piece-item3::after { content: ""; width: 0; height: 0;  border-width: .2rem         /* 8px */
        .3rem         /* 12px */
        .2rem         /* 8px */
        .3rem/* 12px */
;
border-style: solid; border-color: transparent transparent transparent #fff; position: absolute; top: 50%;  left: .65rem/* 26px */
;
-webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
.home-detail .mac-content .piece-item4 { top: 7.875rem/* 315px */
; left: 17.95rem/* 718px */
; }
.home-detail .mac-content.action .mac-screen .mac-screen-item { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
.home-detail .mac-content.action .piece-item { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }
.home-detail .language-team { float: right; width: 18.425rem/* 737px */
; height: 11.525rem/* 541px */
; position: relative; }
.home-detail .language-team img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-detail .language-team .bubble-item { background: #fff;  padding: .25rem         /* 10px */
        .775rem/* 31px */
;
font-size: 1.775rem/* 71px */
; color: #40CCD1; font-weight: 800;  -moz-box-shadow: 0 .05rem         /* 2px */
        .25rem         /* 10px */
        rgba(0, 0, 0, 0.16);
 -webkit-box-shadow: 0 .05rem         /* 2px */
        .25rem         /* 10px */
        rgba(0, 0, 0, 0.16);
 box-shadow: 0 .05rem         /* 2px */
        .25rem         /* 10px */
        rgba(0, 0, 0, 0.16);
 border-radius: .25rem/* 10px */
;
position: absolute; opacity: 0; white-space: nowrap; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; }
.home-detail .language-team .bubble-item::before { position: absolute; content: ""; width: 0; height: 0;  border-width: .5rem         /* 20px */
        .3rem         /* 12px */
        .5rem         /* 20px */
        .3rem/* 12px */
;
border-style: solid; border-color: #fff transparent transparent transparent;  bottom: -.975rem/* 39px */
;
 right: .5rem/* 20px */
;
}
.home-detail .language-team .bubble-item:nth-of-type(1) {  left: .625rem/* 25px */
;
 top: -.125rem/* 5px */
;
}
.home-detail .language-team .bubble-item:nth-of-type(2) {
 padding: .3rem         /* 12px */
        .375rem/* 15px */
;
 font-size: .7rem/* 28px */
; color: #803B00; left: 2.375rem/* 95px */
; top: 4.75rem/* 190px */
; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; }
.home-detail .language-team .bubble-item:nth-of-type(2)::before {
 border-width: .2rem         /* 8px */
        .3rem         /* 12px */
        .2rem         /* 8px */
        .3rem/* 12px */
; border-color: transparent transparent transparent #fff;  right: -.575rem/* 23px */
;
bottom: 1rem/* 40px */
; }
.home-detail .language-team .bubble-item:nth-of-type(3) {
 padding: .225rem         /* 9px */
        .25rem/* 10px */
;
 font-size: .3rem/* 12px */
; color: #FFC915; left: 1.975rem/* 79px */
; top: 7.075rem/* 283px */
; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; }
.home-detail .language-team .bubble-item:nth-of-type(3)::before {  border-width: .2rem         /* 8px */
        .15rem         /* 6px */
        .2rem         /* 8px */
        .15rem/* 6px */
;
 right: .25rem/* 10px */
;
 bottom: -.375rem/* 15px */
;
}
.home-detail .language-team .bubble-item:nth-of-type(4) {
 padding: .325rem         /* 13px */
        .55rem/* 22px */
;
 font-size: .95rem/* 38px */
; color: #EF2884; right: 1.775rem/* 71px */
;  top: .375rem/* 15px */
;
-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; }
.home-detail .language-team .bubble-item:nth-of-type(4)::before {
 border-width: .325rem         /* 13px */
        .2rem         /* 8px */
        .325rem         /* 13px */
        .2rem/* 8px */
;
 left: .5rem/* 20px */
;
 bottom: -.625rem/* 25px */
; box-sizing: border-box; }
.home-detail .language-team .bubble-item:nth-of-type(5) {
 padding: .175rem         /* 7px */
        .25rem/* 10px */
;
 font-size: .325rem/* 13px */
; color: #00A7FF; right: 1.775rem/* 71px */
; top: 3.575rem/* 143px */
; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; }
.home-detail .language-team .bubble-item:nth-of-type(5)::before {  border-width: .15rem         /* 6px */
        .1rem         /* 4px */
        .15rem         /* 6px */
        .1rem/* 4px */
;
 left: .25rem/* 10px */
;
 bottom: -.25rem;
}
.home-detail .language-team .bubble-item:nth-of-type(6) {
 padding: .375rem         /* 15px */
        .25rem/* 10px */
;
 font-size: .675rem/* 27px */
; color: #ED7A18; right: 1.5rem/* 60px */
; top: 5.5rem/* 220px */
; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }
.home-detail .language-team .bubble-item:nth-of-type(6)::before {  border-width: .3rem         /* 12px */
        .2rem         /* 8px */
        .3rem         /* 12px */
        .2rem/* 8px */
;
 left: .5rem/* 20px */
;
 bottom: -.57rem;
}
.home-detail .language-team.action .bubble-item { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.home-detail .my-tab .home-tab-content { margin-top: -0.5rem; }
.home-detail .my-tab .home-tab-content .float-left { width: 50%; height: 20.4rem/* 816px */
; }
.home-detail .my-tab .home-tab-content .img-item { height: 20.4rem/* 816px */
; }
.home-detail .my-tab .home-tab-content .img-item img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-detail .my-tab .tab-data-content { height: 100%; background: #2778FE; box-sizing: border-box; position: relative; }
.home-detail .my-tab .data-content-item { position: absolute; top: 0; right: 0; left: 0; bottom: 0; color: #fff; opacity: 0; -webkit-transition: opacity 0.8s ease-in-out 0s; -moz-transition: opacity 0.8s ease-in-out 0s; -o-transition: opacity 0.8s ease-in-out 0s; -ms-transition: opacity 0.8s ease-in-out 0s; transition: opacity 0.8s ease-in-out 0s; }
.home-detail .my-tab .data-content-item .data-item-ctc { background: #2778FE; position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 2.325rem 1.75rem 3.45rem; }
.home-detail .my-tab .home-tab-content.action .data-content-item:first-of-type { opacity: 1; }
.home-detail .my-tab .data-content-item .data-title {
 font-size: .85rem/* 34px */
; font-weight: 400;  letter-spacing: .05rem/* 2px */
;
}
.home-detail .my-tab .data-content-item .data-desc {
 font-size: .45rem/* 18px */
; font-weight: 400; letter-spacing: 1px;  line-height: .9rem/* 36px */
;
margin-top: 1.25rem/* 50px */
; }
.home-detail .my-tab .home-tab-content.action .data-content-item .bar-lists .bar-item:first-of-type .ellipse.on { height: 2.625rem/*105px*/
; }
.home-detail .my-tab .home-tab-content.action .data-content-item:first-of-type .bar-lists .bar-item:first-of-type .ellipse.on { height: 59.92%; }
.home-detail .my-tab .home-tab-content.action .data-content-item:first-of-type .bar-lists .bar-item:nth-of-type(2) .ellipse.on { height: 82.32%; }
.home-detail .my-tab .home-tab-content.action .data-content-item:first-of-type .bar-lists .bar-item:nth-of-type(3) .ellipse.on { height: 73.92%; }
.home-detail .my-tab .home-tab-content.action .data-content-item:nth-of-type(2) .bar-lists .bar-item:first-of-type .ellipse.on { height: 47.04%; }
.home-detail .my-tab .home-tab-content.action .data-content-item:nth-of-type(2) .bar-lists .bar-item:nth-of-type(2) .ellipse.on { height: 76.16%; }
.home-detail .my-tab .home-tab-content.action .data-content-item:nth-of-type(2) .bar-lists .bar-item:nth-of-type(3) .ellipse.on { height: 62.04%; }
.home-detail .my-tab .home-tab-content.action .data-content-item .bar-lists .bar-item .ellipse.blue.on { height: 28% !important; }
.home-detail .my-tab .home-tab-content.action .data-content-item .bar-lists .bar-item:nth-of-type(2) .ellipse.blue.on { height: 56% !important; }
.home-detail .my-tab .home-tab-content.action .data-content-item .bar-lists .bar-item:nth-of-type(3) .ellipse.blue.on { height: 44% !important; }
.home-detail .my-tab .home-tab-content.action .data-content-item .bar-lists .bar-item:nth-of-type(2) .ellipse.on { height: 2.25rem/*90px*/
; }
.home-detail .my-tab .home-tab-content.action .data-content-item .bar-lists .bar-item:nth-of-type(3) .ellipse.on { height: 2.4rem/*96px*/
; }
.home-detail .bar-lists { margin-top: 2.5rem/* 100px */
; font-size: 0; }
.home-detail .bar-item { display: inline-block; vertical-align: top; width: 26%; margin-right: 6.5%; }
.home-detail .bar-item:last-of-type { margin-right: 0; width: 31%; }
.home-detail .bar-item .bar { height: 3.75rem/* 150px */
; width: 2.35rem; margin: 0 auto; position: relative; }
.home-detail .bar-item .bar .ellipse { display: inline-block; width: 1rem/* 40px */
; height: 0; position: absolute; bottom: 0; right: 0; background-repeat: no-repeat; background-position: center center; background-image: url(../images/bar1-body.png); background-size: 100% 100%; -webkit-transition: height 1s linear; -ms-transition: height 1s linear; -moz-transition: height 1s linear; -o-transition: height 1s linear; transition: height 1s linear; }
.home-detail .bar-item .bar .ellipse.blue { background-image: url(../images/bar2-body.png); background-size: 100% 100%; left: 0; right: unset; }
.home-detail .bar-item .bar .ellipse::before, .home-detail .bar-item .bar .ellipse::after { content: ''; width: 100%; display: block; position: absolute; left: 0; background-size: 100%; background-repeat: no-repeat; }
.home-detail .bar-item .bar .ellipse::before {
 height: .6rem/* 24px */
; top: -0.56rem; background-position: center bottom; background-image: url(../images/bar1-top.png); background-size: 100% 100%; }
.home-detail .bar-item .bar .ellipse.blue::before { background-image: url(../images/bar2-top.png); background-size: 100% 100%;  top: -.56rem;
}
.home-detail .bar-item .bar .ellipse::after {
 height: .3rem/* 12px */
; bottom: -0.265rem/* 11px */
; background-position: center top; background-image: url(../images/bar1-bottom.png); background-size: 100% 100%; }
.home-detail .bar-item .bar .ellipse.blue::after {
 height: .35rem/* 14px */
; bottom: -0.315rem; background-image: url(../images/bar2-bottom.png); background-size: 100% 100%; }
.home-detail .bar-item .bar-number {
 font-size: .85rem/* 34px */
; font-weight: bold; text-align: center;  margin-top: .45rem/* 18px */
;
}
.home-detail .bar-item .bar-name {
 height: .9rem;
 font-size: .4rem/* 16px */
; font-weight: 400;  letter-spacing: .05rem/* 2px */
;
text-align: center; }
.home-detail .lengend { margin-top: 2rem/* 80px */
;  margin-left: .5rem;
}
.home-detail .lengend .lengend-item {
 font-size: .4rem/* 16px */
; padding-left: 1.125rem/* 45px */
; margin-right: 1.75rem/* 70px */
; position: relative; }
.home-detail .lengend .lengend-item:last-of-type { margin-right: 0; }
.home-detail .lengend .lengend-item::before { content: ""; position: absolute;  width: .775rem/* 31px */
;
 height: .875rem/* 35px */
;
background-repeat: no-repeat; background-position: center center; background-image: url(../images/bar1.png); background-size: 100% 100%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.home-detail .lengend .lengend-item.blue::before {
 width: .8rem/* 32px */
;
 height: .95rem/* 38px */
; background-image: url(../images/bar2.png); background-size: 100% 100%; }
.home-detail .show-text.float-right.with-google, .home-detail .show-text.float-right.with-google .title { text-align: left; }
.home-detail .show-text.float-right.with-google { width: 40%; }
.home-detail .show-images.float-left.with-google { width: 60%; }
.home-detail .show-text.float-right.with-google .title::before { left: 0; }
.home-detail .with-google-images { width: 82.67%; position: relative; }
.home-detail .with-google-images img { width: 100%; height: 100%; object-fit: cover; object-position: center;  border-radius: .1rem/* 4px */
;
}
.home-detail .with-google-images .pic-scroll-play .li-item { position: relative; opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.home-detail .with-google-images .pic-scroll-play .image-item { position: absolute; width: 87.22%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.home-detail .with-google-images .pic-scroll-play .image-item .mark-img { position: absolute; width: 41%; height: 20.08%; left: -7%; top: 10%; }
.home-detail .with-google-images .pic-scroll-play .mark-text { position: absolute;  font-size: .35rem/* 14px */
;
color: #909090; text-align: left; margin-left: 6.39%; bottom: 1.125rem; }
.home-detail .with-google-images .position { position: absolute; width: 3.575rem; height: 3.575rem; right: -0.25rem; bottom: -0.25rem; border-radius: 50%; background: #fff;  -moz-box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.27);
 -webkit-box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.27);
 box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.27);
}
.home-detail .with-google-images .position .positon-icon { position: absolute; width: 1.2rem/* 48px */
; height: 1.525rem/* 61px */
; background: url(../images/position-sp.png) no-repeat; background-size: 100% 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);  top: .725rem/* 29px */
;
}
.home-detail .with-google-images .position .position-name {
 font-size: .35rem/* 14px */
; color: #909090; position: absolute; top: 2.25rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; }
.home-detail .with-google-images .mark-img, .home-detail .with-google-images .mark-text, .home-detail .with-google-images .position { opacity: 0; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.6s ease-in-out 0.3s; -moz-transition: all 0.6s ease-in-out 0.3s; -o-transition: all 0.6s ease-in-out 0.3s; -ms-transition: all 0.6s ease-in-out 0.3s; transition: all 0.6s ease-in-out 0.3s; }
.home-detail .with-google-images li.on .mark-img, .home-detail .with-google-images li.on .mark-text, .home-detail .with-google-images li.on .position { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.home-detail .with-google-images .pic-scroll-play li.on .li-item { opacity: 1; }
.home-detail .with-google-images li.on .mark-text { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; }
.home-detail.tech-service-ctc .alpha .float-left { width: 17.15rem/* 686px */
; height: 9.25rem/* 370px */
; position: relative; }
.home-detail.tech-service-ctc .alpha .float-left::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.32); }
.home-detail.tech-service-ctc .alpha .float-left img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-detail.tech-service-ctc .alpha {
 -moz-box-shadow: 0 0 .75rem         /* 30px */
        rgba(0, 0, 0, 0.16);
 -webkit-box-shadow: 0 0 .75rem         /* 30px */
        rgba(0, 0, 0, 0.16);
 box-shadow: 0 0 .75rem         /* 30px */
        rgba(0, 0, 0, 0.16); opacity: 0; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.home-detail.tech-service-ctc .alpha.action { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.home-detail.tech-service-ctc .alpha-content { box-sizing: border-box; padding: 3rem         /* 120px */
        1.25rem         /* 50px */
        0; margin-left: 17.15rem/* 686px */
; }
.home-detail.tech-service-ctc .alpha-content .alpha-logo { display: block; width: 6.925rem/* 277px */
; height: 2rem/* 80px */
; background: url(../images/product_logo.png) no-repeat; background-size: 100% 100%; }
.home-detail.tech-service-ctc .alpha-content .alpha-text {
 font-size: .675rem/* 27px */
; font-weight: 400; color: #333333; line-height: 1.15rem/* 46px */
;  margin-top: .625rem/* 25px */
;
}
.home-detail .tech-service-item1 { display: inline-block; width: 20rem/* 800px */
; height: 14.725rem/* 589px */
; position: relative; }
.home-detail .tech-service-item1 img { width: 100%; height: 100%; }
.home-detail .tech-service-item1 .img-item1, .home-detail .tech-service-item1 .img-item2 { position: absolute; }
.home-detail .tech-service-item1 .img-item1 .image, .home-detail .tech-service-item1 .img-item2 .image { width: 100%; height: 100%; }
.home-detail .tech-service-item1 .img-item1 { width: 12.75rem/* 510px */
; height: 10.025rem/* 401px */
; top: 1.375rem/* 55px */
; right: 1.575rem/* 63px */
;  border-radius: .5rem/* 20px */
;
-webkit-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); }
.home-detail .tech-service-item1 .img-item2 { width: 5.25rem/* 210px */
; height: 10rem/* 400px */
; left: 1.675rem/* 67px */
; bottom: 1.7rem/* 68px */
;  border-radius: .725rem/* 29px */
;
-webkit-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); }
.home-detail .tech-service-item1 .image-child { position: absolute; }
.home-detail .tech-service-item1 .img-item1 .image-child1 { width: 2.75rem/* 110px */
; height: 2.675rem/* 107px */
; top: 4.425rem/* 177px */
;  right: .75rem/* 30px */
;
 -webkit-box-shadow: 0 0 .375rem         /* 15px */
        rgba(0, 0, 0, 0.16);
 -moz-box-shadow: 0 0 .375rem         /* 15px */
        rgba(0, 0, 0, 0.16);
 box-shadow: 0 0 .375rem         /* 15px */
        rgba(0, 0, 0, 0.16);
}
.home-detail .tech-service-item1 .img-item1 .image-child2 { width: 3.45rem/* 138px */
;  height: .925rem/* 37px */
;
right: -1.05rem/* 42px */
;  bottom: .55rem/* 22px */
;
}
.home-detail .tech-service-item1 .img-item2 .image-child1 { width: 3.95rem/* 158px */
; height: 1.475rem/* 59px */
;  left: .65rem/* 26px */
;
bottom: 1.675rem/* 67px */
; }
.home-detail .tech-service-item1 .img-item2 .image-child2 { width: 4.45rem/* 178px */
; height: 3.975rem/* 159px */
; right: -2.4rem/* 96px */
;  top: .775rem/* 31px */
;
 -webkit-box-shadow: 0 0 .75rem         /* 30px */
        rgba(0, 0, 0, 0.08);
 -moz-box-shadow: 0 0 .75rem         /* 30px */
        rgba(0, 0, 0, 0.08);
 box-shadow: 0 0 .75rem         /* 30px */
        rgba(0, 0, 0, 0.08);
}
.home-detail .tech-service-item1 .img-item2 .image-child3 { width: 1.4rem/* 56px */
; height: 1.4rem/* 56px */
;  right: -.7rem/* 28px */
;
bottom: 1.7rem/* 68px */
; border-radius: 50%;  -webkit-box-shadow: 0 0 .375rem         /* 15px */
        rgba(0, 0, 0, 0.16);
 -moz-box-shadow: 0 0 .375rem         /* 15px */
        rgba(0, 0, 0, 0.16);
 box-shadow: 0 0 .375rem         /* 15px */
        rgba(0, 0, 0, 0.16);
}
.home-detail .tech-service-item1 .img-item1 .image-child1, .home-detail .tech-service-item1 .img-item2 .image-child2, .home-detail .tech-service-item1 .img-item2 .image-child3 { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.home-detail .tech-service-item1 .img-item1, .home-detail .tech-service-item1 .img-item2, .home-detail .tech-service-item1 .img-item1 .image-child2, .home-detail .tech-service-item1 .img-item2 .image-child1 { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.home-detail .tech-service-item1.action .img-item1, .home-detail .tech-service-item1.action .img-item2 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.home-detail .tech-service-item1.action .img-item1 .image-child1, .home-detail .tech-service-item1.action .img-item2 .image-child2, .home-detail .tech-service-item1.action .img-item2 .image-child3 { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.home-detail .tech-service-item1.action .img-item1 .image-child2, .home-detail .tech-service-item1.action .img-item2 .image-child1 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.home-detail .tech-service-item1 .img-item2 { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; }
.home-detail .tech-service-item1 .img-item1 .image-child1, .home-detail .tech-service-item1 .img-item1 .image-child2, .home-detail .tech-service-item1 .img-item2 .image-child1, .home-detail .tech-service-item1 .img-item2 .image-child2, .home-detail .tech-service-item1 .img-item2 .image-child3 { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; }
.home-detail .tech-service-item1 .img-item1 .image-child2, .home-detail .tech-service-item1 .img-item2 .image-child2 { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; }
.home-detail .tech-service-item1 .img-item2 .image-child3 { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; }
.home-detail .tech-service-item2 { width: 13.725rem/* 549px */
; height: 14rem/* 560px */
; position: relative; }
.home-detail .tech-service-item2 img { width: 100%; height: 100%; }
.home-detail .tech-service-item2 .img-item { position: absolute; width: 12.75rem/* 510px */
; height: 10.45rem/* 418px */
; left: 0; top: 1.525rem/* 61px */
;  border-radius: .5rem/* 20px */
;
-webkit-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); }
.home-detail .tech-service-item2 .img-item img { width: 100%; height: 100%; }
.home-detail .tech-service-item2 .img-item .image-child { position: absolute; }
.home-detail .tech-service-item2 .img-item .image-child1 { width: 13.025rem/* 521px */
; height: 4.3rem/* 172px */
; left: -3.25rem/* 130px */
; top: 4.25rem/* 170px */
; }
.home-detail .tech-service-item2 .img-item .image-child2 { width: 8.4rem/* 336px */
; height: 2.75rem/* 110px */
; top: 6.5rem/* 260px */
; right: -2.25rem/* 90px */
; }
.home-detail .tech-service-item2 .img-item .image-child3 { width: 1.325rem/* 53px */
; height: 1.325rem/* 53px */
; right: 1.5rem/* 60px */
; bottom: 1.25rem/* 50px */
; }
.home-detail .tech-service-item2 .img-item .image-child4 { width: 1.275rem/* 51px */
; height: 1.275rem/* 51px */
; right: -1rem/* 40px */
; bottom: 2rem/* 80px */
; }
.home-detail .tech-service-item2 .img-item .image-child5 { width: 1.925rem/* 77px */
; height: 1.925rem/* 77px */
;  right: -.5rem/* 20px */
;
bottom: 0; }
.home-detail .tech-service-item2 .img-item, .home-detail .tech-service-item2 .img-item .image-child1, .home-detail .tech-service-item2 .img-item .image-child2 { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.home-detail .tech-service-item2 .img-item .image-child3, .home-detail .tech-service-item2 .img-item .image-child4, .home-detail .tech-service-item2 .img-item .image-child5 { border-radius: 50%; -webkit-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.home-detail.tech-service-ctc .show-text.float-right .title, .home-detail.tech-service-ctc .show-text.float-right { text-align: left; }
.home-detail.tech-service-ctc .show-text .title::before { left: 0; }
.home-detail .tech-service-item2.action .img-item, .home-detail .tech-service-item2.action .img-item .image-child1, .home-detail .tech-service-item2.action .img-item .image-child2 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.home-detail .tech-service-item2.action .img-item.on .image-child1 { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.home-detail .tech-service-item2.action .img-item.on .image-child2 { -webkit-transform: translateY(-125%); -moz-transform: translateY(-125%); -ms-transform: translateY(-125%); -o-transform: translateY(-125%); transform: translateY(-125%); }
.home-detail .tech-service-item2.action .img-item .image-child1, .home-detail .tech-service-item2.action .img-item .image-child2 { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; }
.home-detail .tech-service-item2.action .img-item .image-child3, .home-detail .tech-service-item2.action .img-item .image-child4, .home-detail .tech-service-item2.action .img-item .image-child5 { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.home-detail .tech-service-item2.action .img-item .image-child3 { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }
.home-detail .tech-service-item2.action .img-item .image-child4 { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; -ms-transition-delay: 0.7s; transition-delay: 0.7s; }
.home-detail .tech-service-item2.action .img-item .image-child5 { -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; -ms-transition-delay: 0.9s; transition-delay: 0.9s; }
.home-detail .tech-service-item3 { display: inline-block; width: 18.9rem/* 756px */
; height: 18.8rem/* 752px */
; position: relative; }
.home-detail .tech-service-item3 img { width: 100%; height: 100%; }
.home-detail .tech-service-item3 .img-item { position: absolute; width: 12.75rem/* 510px */
; height: 10.45rem/* 418px */
; top: 3.65rem/* 146px */
; left: 1.975rem/* 79px */
;  border-radius: .5rem/* 20px */
;
-webkit-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); }
.home-detail .tech-service-item3 .img-item .image-child { position: absolute; }
.home-detail .tech-service-item3 .img-item .image-child1 { width: 8.225rem/* 329px */
; height: 2.5rem/* 100px */
; top: 2.4rem/* 96px */
; left: -1.975rem/* 79px */
; }
.home-detail .tech-service-item3 .img-item, .home-detail .tech-service-item3 .img-item .image-child1, .home-detail .tech-service-item3 .img-item .image-child2 { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.home-detail .tech-service-item3 .img-item .image-child2 { width: 6.425rem/* 257px */
; height: 4.65rem/* 186px */
; right: -1.275rem/* 51px */
;  bottom: .775rem/* 31px */
;
}
.home-detail .tech-service-item3 .img-item .image-child1, .home-detail .tech-service-item3 .img-item .image-child2 { -webkit-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); }
.home-detail .tech-service-item3 .img-item .image-child3 { width: 1.325rem/* 53px */
; height: 1.325rem/* 53px */
; left: 3.325rem/* 133px */
;  bottom: .25rem/* 10px */
;
}
.home-detail .tech-service-item3 .img-item .image-child4 { width: 1.275rem/* 51px */
; height: 1.275rem/* 51px */
;  right: -.375rem/* 15px */
;
top: 1.25rem/* 50px */
; }
.home-detail .tech-service-item3 .img-item .image-child5 { width: 1.925rem/* 77px */
; height: 1.925rem/* 77px */
; left: -1rem/* 40px */
; bottom: 2.375rem/* 95px */
; }
.home-detail .tech-service-item3 .img-item .image-child3, .home-detail .tech-service-item3 .img-item .image-child4, .home-detail .tech-service-item3 .img-item .image-child5 { border-radius: 50%; -webkit-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.home-detail .tech-service-item3.action .img-item, .home-detail .tech-service-item3.action .img-item .image-child1, .home-detail .tech-service-item3.action .img-item .image-child2 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.home-detail .tech-service-item3.action .img-item .image-child3, .home-detail .tech-service-item3.action .img-item .image-child4, .home-detail .tech-service-item3.action .img-item .image-child5 { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.home-detail .tech-service-item3.action .img-item .image-child1 { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; }
.home-detail .tech-service-item3.action .img-item .image-child2 { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }
.home-detail .tech-service-item3.action .img-item .image-child3 { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; }
.home-detail .tech-service-item3.action .img-item .image-child4 { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; }
.home-detail .tech-service-item3.action .img-item .image-child5 { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }
.home-detail .show-images.green-globalmap { text-align: left; }
.home-detail .show-images.green-globalmap .images-content .bling-radio::before { background: rgba(46, 188, 79, 0.8); }
.home-detail .show-images.green-globalmap .images-content .bling-radio::after { background: rgba(46, 188, 79, 0.2); }
.home-detail .show-images .images-content .map-line { position: absolute; top: 0;  left: .3rem/* 12px */
;
}
.home-detail .show-images.green-globalmap .images-content .bling-radio:nth-of-type(2) { top: 9.375rem/* 375px */
; left: 5.25rem/* 210px */
; }
.home-detail .show-images.green-globalmap .images-content .bling-radio:nth-of-type(3) { top: 2rem/* 80px */
; left: 10.75rem/* 430px */
; }
.home-detail .show-images.green-globalmap .images-content .bling-radio:nth-of-type(4) { top: 3.375rem/* 135px */
; left: 12.625rem/* 505px */
; }
.home-detail .show-images.green-globalmap .images-content .bling-radio:nth-of-type(5) { top: 7.05rem/* 282px */
; left: 11.25rem/* 450px */
; }
.home-detail .show-images.green-globalmap .images-content .bling-radio:nth-of-type(6) { top: 3.5rem/* 140px */
; left: 15.375rem/* 615px */
; }
.home-detail .show-images.green-globalmap .images-content .bling-radio:nth-of-type(7) { left: 17.75rem/* 710px */
; top: 7.875rem/* 315px */
; }
.home-detail .show-images.green-globalmap .image-item:nth-of-type(2) { width: 1.65rem/* 66px */
; height: 1.65rem/* 66px */
; left: 3.625rem/* 145px */
; top: 3rem/* 120px */
; }
.home-detail .show-images.green-globalmap .image-item:nth-of-type(3) { width: 1.65rem/* 66px */
; height: 1.65rem/* 66px */
; top: 7rem/* 280px */
; left: 5.5rem/* 220px */
; }
.home-detail .show-images.green-globalmap .image-item:nth-of-type(4) { width: 1.65rem/* 66px */
; height: 1.65rem/* 66px */
; top: 1.25rem/* 50px */
; left: 8.75rem/* 350px */
; }
.home-detail .show-images.green-globalmap .image-item:nth-of-type(5) { width: 1.35rem/* 54px */
; height: 1.35rem/* 54px */
; top: 3.375rem/* 135px */
; left: 10.95rem/* 438px */
; }
.home-detail .show-images.green-globalmap .image-item:nth-of-type(6) { width: 1.65rem/* 66px */
; height: 1.65rem/* 66px */
; top: 8.125rem/* 325px */
; left: 9.875rem/* 395px */
; }
.home-detail .show-images.green-globalmap .image-item:nth-of-type(7) { width: 1.35rem/* 54px */
; height: 1.35rem/* 54px */
; top: 3.875rem/* 155px */
; left: 13.625rem/* 545px */
; }
.home-detail .show-images.green-globalmap .image-item:nth-of-type(8) { width: 1.35rem/* 54px */
; height: 1.35rem/* 54px */
; top: 2rem/* 80px */
; left: 16.2rem/* 648px */
; }
.home-detail .show-images.green-globalmap .image-item:nth-of-type(9) { width: 1.35rem/* 54px */
; height: 1.35rem/* 54px */
; top: 3.75rem/* 150px */
; left: 16.25rem/* 650px */
; }
.home-detail .show-images.green-globalmap .image-item:nth-of-type(10) { width: 1.65rem/* 66px */
; height: 1.65rem/* 66px */
; top: 5.625rem/* 225px */
; left: 15.75rem/* 630px */
; }
.home-detail .show-images.green-globalmap .image-item:nth-of-type(11) { width: 1.65rem/* 66px */
; height: 1.65rem/* 66px */
; top: 8rem/* 320px */
; left: 15rem/* 600px */
; }
.home-detail .show-images.green-globalmap .text { position: absolute;  font-size: .45rem/* 18px */
;
color: #4B4B4B; font-weight: 400; right: 1.125rem/* 45px */
; }
.home-detail .show-images.green-globalmap .text span { font-size: 1.1rem/* 22px */
; font-weight: bold; color: #46C963;  margin-left: .45rem/* 18px */
;
font-family: "宋体"; }
.more-tech { background: #F6F6F6; margin-top: 3.5rem; }
.more-tech .more-tech-content { width: 36rem/*1440px*/
; margin: 0 auto; padding: 1.975rem         /*79px*/
        0 5.25rem/*210px*/
; }
.more-tech .more-tech-content .more-tech-title {
 font-size: .75rem/*30px*/
; font-weight: 300; color: #24292E; }
.more-tech .more-tech-content .more-tech-list {  margin: 1.25rem         /*50px*/
        -.575rem         /*23px*/
        0;
}
.more-tech .more-tech-content .more-tech-list li { float: left; width: 25%; height: 9.3rem/*372px*/
; }
.more-tech .more-tech-content .more-tech-list li .more-tech-item { background: #fff;  margin: 0 .575rem/*23px*/
;
box-sizing: border-box; height: 100%; overflow: hidden;  padding: 1.1rem .825rem;
}
.more-tech .more-tech-content .more-tech-list li .more-tech-item .iconfont { width: 1.5rem/*60px*/
; height: 1.5rem/*60px*/
; line-height: 1.5rem/*60px*/
; text-align: center;  font-size: .75rem/*30px*/
;
color: #fff; border-radius: 50%; }
.more-tech .more-tech-content .more-tech-list li .more-tech-item .icon-edmyoujianyingxiao { background: #F97387; }
.more-tech .more-tech-content .more-tech-list li .more-tech-item .icon-jiekouguanli { background: #1ED3E6; }
.more-tech .more-tech-content .more-tech-list li .more-tech-item .icon-loudou { background: #FC9559; }
.more-tech .more-tech-content .more-tech-list li .more-tech-item .icon-renwuhuaxiang { background: #5E65DD; }
.more-tech .more-tech-content .more-tech-list li .more-tech-item .more-tech-item-title {
 font-size: .55rem/*22px*/
; color: #233142;  letter-spacing: .0125rem/*0.5px*/
;
 margin: .625rem         /*25px*/
        0;
}
.more-tech .more-tech-content .more-tech-list li .more-tech-item .text {
 font-size: .35rem/*14px*/
; color: #999999;  line-height: .6rem/*24px*/
;
max-height: 3.5rem/*140px*/
;  letter-spacing: .02rem/*0.8px*/
;
overflow: hidden; }
.more-tech .more-tech-content .more-tech-list li .more-tech-item:hover { -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); }
.authentication, .authentication .auth-item { font-size: 0; }
.authentication i, .authentication span { display: inline-block; vertical-align: middle; }
.authentication .auth-item { margin: 0 1.5%; }
.authentication .auth-item .authentication-icon1 {
 width: .525rem/* 21px */
;
 height: .4rem/* 16px */
; background: url(../images/authentication-icon1.png) no-repeat; background-size: 100% 100%; }
.authentication .auth-item .authentication-icon2 {
 width: .525rem/* 21px */
;
 height: .45rem/* 16px */
; background: url(../images/authentication-icon2.png) no-repeat; background-size: 100% 100%; }
.authentication .auth-item .authentication-icon3 {
 width: .35rem/* 14px */
;
 height: .5rem/* 20px */
; background: url(../images/authentication-icon3.png) no-repeat; background-size: 100% 100%; }
.authentication .auth-item i {  margin-right: .125rem/* 5px */
;
 font-size: .45rem/* 18px */
;
}
.authentication .auth-item span {
 font-size: .4rem/* 16px */
; color: #333333; }
/* 3d轮播样式   start */
.play-3d-wrap { padding-top: 8.5rem; }
.play-3d { height: 12.675rem; background: #F6F6F6; position: relative; margin-bottom: 4.5rem; }
.play-3d .title { /* position: absolute; */
top: -4.5rem; /* left: 50%; */
-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.play-3d .box { width: 30.175rem; height: 100%; padding: 0 2rem; margin: 0 auto; box-sizing: border-box; position: relative; }
.dg-wrapper { position: absolute; height: 17.325rem; left: 2rem; right: 2rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; }
.dg-wrapper li { position: absolute; top: 50%; width: 7.175rem; list-style: none; background: #fff;  -webkit-box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 0.2);
 box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.dg-wrapper li .innertext { height: 10.725rem }
.dg-wrapper li.p1 { left: 20%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 0; }
.dg-wrapper li.p2 { left: 0; -webkit-transform: translate(8%, -50%); -moz-transform: translate(8%, -50%); -o-transform: translate(8%, -50%); -ms-transform: translate(8%, -50%); transform: translate(8%, -50%); z-index: 2; opacity: 1; }
.dg-wrapper li.p3 { left: 50%; width: 9.625rem; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; opacity: 1; }
.dg-wrapper li.p3 .inner_img { height: 7.575rem; }
.dg-wrapper li.p3 .inner_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.dg-wrapper li.p3 .innertext { height: 7.725rem; background: #2778FE; color: #fff; }
.dg-wrapper li.p3 .innertext .iconfont { opacity: 1; }
.dg-wrapper li.p4 { left: unset; right: 0; -webkit-transform: translate(-8%, -50%); -moz-transform: translate(-8%, -50%); -o-transform: translate(-8%, -50%); -ms-transform: translate(-8%, -50%); transform: translate(-8%, -50%); z-index: 2; opacity: 1; }
.dg-wrapper li.p5 { left: unset; right: 20%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 0; }
.dg-wrapper .innertext { padding: 2.5rem 1.075rem 1rem; box-sizing: border-box; height: 7.725rem; color: #333; position: relative; }
.dg-wrapper .innertext .iconfont { position: absolute; font-size: 1.425rem; left: 1.075rem;  top: .35rem;
opacity: 0.2; }
.dg-wrapper .inner_img { width: 100%; position: relative; overflow: hidden; height: 0; -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -o-transition: height 0.5s ease; -ms-transition: height 0.5s ease; transition: height 0.5s ease; }
.dg-wrapper a .inner_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.dg-wrapper .banner-content { height: 3.75rem;  font-size: .35rem;
 line-height: .75rem;
position: relative; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; }
.dg-wrapper .banner-sign { position: absolute; bottom: 0.5rem; left: 1.075rem/* 43px */
; right: 1.075rem/* 43px */
;  font-size: .35rem/* 14px */
;
}
.play-3d .box .prev, .play-3d .box .next { position: absolute; cursor: pointer; top: 50%; background: #2778FE; width: 1rem; height: 1rem; line-height: 1rem; text-align: center;  margin-top: -.5rem;
color: #fff; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; -ms-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; }
.play-3d .box .prev:hover, .play-3d .box .next:hover {  -moz-box-shadow: 0 0 .25rem rgba(39, 120, 254, 0.4);
 -webkit-box-shadow: 0 0 .25rem rgba(39, 120, 254, 0.4);
 box-shadow: 0 0 .25rem rgba(39, 120, 254, 0.4);
}
.play-3d .box .prev { left: 0; }
.play-3d .box .next { right: 0; }
/* 3d轮播样式   end */
/* 首页相关样式    end */
/* 分支机构相关样式    start */
.branch-content { width: 80.215%; margin: 2.5rem auto 0; padding: 2.675rem 0 0; }
.branch-content .map-content { width: 23.15rem; height: 19.5rem; background: url(../images/map.png) no-repeat; background-size: 100% 100%; margin: 0 auto 2.1rem 3.5rem; position: relative; }
.branch-content .map-content .location-item { font-size: 0; position: absolute; display: none; }
.branch-content .map-content .location-item i, .branch-content .map-content .location-item span { display: inline-block; vertical-align: middle; }
.branch-content .map-content .location-item span {
 font-size: .325rem; color: #333333; }
.branch-content .map-content .location-item i {
 width: .4rem;
 height: .4rem; background: #2EBC4F; border-radius: 50%; position: relative;  margin-right: .05rem;
}
.branch-content .map-content .location-item i::before { content: ""; top: -0.225rem; right: -0.225rem; bottom: -0.225rem; left: -0.225rem; border-radius: 50%; position: absolute; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); background: #2EBC4F; opacity: 0; -webkit-animation: twinkle 1.5s ease-in-out infinite; -ms-animation: twinkle 1.5s ease-in-out infinite; -o-animation: twinkle 1.5s ease-in-out infinite; -moz-animation: twinkle 1.5s ease-in-out infinite; animation: twinkle 1.5s ease-in-out infinite; }
.branch-content .map-content .location-item.xian { top: 9.45rem; left: 11.775rem; }
.branch-content .map-content .location-item.beijing { top: 7.325rem; left: 17.125rem; }
.branch-content .map-content .location-item.qingdao { top: 8.575rem; left: 17.85rem; }
.branch-content .map-content .location-item.wuhan { top: 9.05rem; left: 18.85rem; }
.branch-content .map-content .location-item.chongqing { top: 12.625rem; left: 11.95rem; }
.branch-content .map-content .location-item.changsha { top: 13.05rem; left: 14.65rem; }
.branch-content .map-content .location-item.shanghai { top: 12.025rem; left: 19.875rem; }
.branch-content .map-content .location-item.chengdu { top: 11.95rem; left: 10.625rem; }
.branch-content .map-content .location-item.guangzhou { top: 16.35rem; left: 16.05rem; }
.branch-content .map-content .location-item.shenzhen { top: 16.85rem; left: 16.875rem; }
.branch-content .map-content .location-item.zhengzhou { left: 15.025rem; top: 9.9rem; }
.branch-content .map-content .location-item.zhuzhou { left: 14.65rem; top: 13.75rem; }
.branch-content .map-content .location-item.yantai { left: 18.625rem; top: 8.45rem; }
.branch-content .map-content .location-item.jinan { left: 16.85rem; top: 9.025rem; }
.branch-content .map-content .location-item.weifang { left: 18.075rem; top: 9.45rem; }
.branch-content .map-content .location-item.lianyungang { left: 18.325rem; top: 10.325rem; }
.branch-content .map-content .location-item.nanjing { left: 17.2rem; top: 11rem; }
.branch-content .map-content .location-item.wuxi { left: 19.025rem; top: 10.925rem; }
.branch-content .map-content .location-item.hefei { left: 16.725rem; top: 11.55rem; }
.branch-content .map-content .location-item.changzhou { left: 18.025rem; top: 11.425rem; }
.branch-content .map-content .location-item.suzhou { left: 19.475rem; top: 11.525rem; }
.branch-content .map-content .location-item.jiaxing { left: 18.325rem; top: 11.95rem; }
.branch-content .map-content .location-item.hangzhou { left: 18.075rem; top: 12.65rem; }
.branch-content .map-content .location-item.yuyao { left: 19.725rem; top: 12.55rem; }
.branch-content .map-content .location-item.ningbo { left: 19.25rem; top: 13.05rem; }
.branch-content .map-content .location-item.wenzhou { left: 19.25rem; top: 13.575rem; }
.branch-content .map-content .location-item.nanchang { left: 17.2rem; top: 13.95rem; }
.branch-content .map-content .location-item.xiamen { left: 18.75rem; top: 14.825rem; }
.branch-content .map-content .location-item.dongguan { left: 17.475rem; top: 16.3rem; }
.branch-content .my-tab .tab-content .tab-item-list { padding: 0; }
.branch-content .my-tab .tab-content .tab-item-list li { border: none; }
.branch-content .my-tab .tab-content .tab-item-list { padding: 1rem/* 40px */
; }
.branch-content .my-tab .tab-content { margin-top: -1.75rem/* 70px */
; }
.branch-content .my-tab .tab-content .tab-item-list li { float: left; width: 33.33333%; }
.branch-content .item-info { border: 1px solid rgba(224, 224, 224, 1);  padding: .55rem         /* 22px */
        10.83%;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; overflow: hidden; margin: 0 3.118%; box-sizing: border-box; height: 8rem; background: #fff; }
.branch-content .item-info .shape { width: 1.4rem/*56px*/
; height: 1.175rem/*47px*/
; position: absolute; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; background: url(../images/branch1.png) no-repeat; background-size: 100% 100%; }
.branch-content .my-tab .tab-content .tab-item-list li:nth-child(2n) .shape { width: 2.5rem/*100px*/
; height: 1.65rem/*66px*/
; background: url(../images/branch2.png) no-repeat; background-size: 100% 100%; }
.branch-content .my-tab .tab-content .tab-item-list li:nth-child(3n) .shape { width: 5rem/*200px*/
; height: 200px/*200px*/
; background: url(../images/branch3.png) no-repeat; background-size: 100% 100%; }
.branch-content .item-info .item-title {
 font-size: .5rem/* 20px */
; color: #24292E; font-weight: bold; height: 2rem/* 80px */
; line-height: 2rem/* 80px */
; position: relative; }
.branch-content .item-info .item-text {
 margin: .7rem         /* 28px */
        0; overflow: hidden; }
.branch-content .item-info .item-text table { width: 100%;  font-size: .35rem/* 14px */
;
color: #333; }
.branch-content .item-info .item-text table th { width: 1.5rem/* 60px */
; color: #999999; }
.branch-content .item-info .item-text table th, .branch-content .item-info .item-text table td { vertical-align: top;  padding: .2rem         /* 8px */
        0;
 font-size: .35rem/* 14px */
;
}
.branch-content .item-info .item-title::before { content: "";  width: .725rem/*29px*/
;
 height: .05rem/*2px*/
;
background: #1074E7; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; -ms-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; }
.branch-content .item-info:hover { -moz-box-shadow: 0 0 1rem         /* 40px */
        rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 0 1rem         /* 40px */
        rgba(0, 0, 0, 0.16); box-shadow: 0 0 1rem         /* 40px */
        rgba(0, 0, 0, 0.16); }
.branch-content .item-info:hover .item-title::before { width: 2rem/* 80px */
; }
.branch-content .item-info:hover .shape { visibility: visible; opacity: 1; }
.branch-content .item-info .arrow-btn { background: transparent; color: #2879FF;  font-size: .4rem/* 16px */
;
font-weight: 400; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; padding: 0; }
.branch-content .item-info .arrow-btn:hover { box-shadow: none; }
 @-webkit-keyframes twinkle {  0% {
 opacity: 0;
 -webkit-transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
}
}
 @-ms-keyframes twinkle {  0% {
 opacity: 0;
 -ms-transform: scale(0);
}
 50% {
 opacity: 0.3;
 -ms-transform: scale(1);
}
 100% {
 opacity: 0;
 -moz-transform: scale(0);
}
}
 @-o-keyframes twinkle {  0% {
 opacity: 0;
 -o-transform: scale(0);
}
 50% {
 opacity: 0.3;
 -o-transform: scale(1);
}
 100% {
 opacity: 0;
 -moz-transform: scale(0);
}
}
 @-moz-keyframes twinkle {  0% {
 opacity: 0;
 -moz-transform: scale(0);
}
 50% {
 opacity: 0.3;
 -moz-transform: scale(1);
}
 100% {
 opacity: 0;
 -moz-transform: scale(0);
}
}
 @keyframes twinkle {  0% {
 opacity: 0;
 transform: scale(0);
}
 50% {
 opacity: 0.3;
 transform: scale(1);
}
 100% {
 opacity: 0;
 -moz-transform: scale(0);
}
}
/* 分支机构相关样式    end */
/* 加入我们内页样式    start */
.join-us-content { width: 70.715%; margin: 1.375rem         /* 55px */
        auto 2.1rem/* 84px */
; }
.join-us-content li { border: 1px solid #E0E0E0;  margin-bottom: .75rem/* 30px */
;
cursor: pointer; }
.join-us-content li:last-child { margin-bottom: 0; }
.join-us-content li:hover { border: 1px solid rgba(224, 224, 224, 0.2); box-shadow: 0 0 1rem         /* 40px */
        rgba(0, 0, 0, 0.2); }
.join-us-content li .item { padding: 1.1rem         /* 44px */
        1.5rem         /* 60px */
        1.6rem         /* 64px */
        1.6rem/* 64px */
; }
.join-us-content li .item>div {  height: .6rem/* 24px */
;
 line-height: .6rem/* 24px */
;
}
.join-us-content li .item .float-left {
 font-size: .5rem/* 20px */
; font-weight: bold; color: #24292E; position: relative;  letter-spacing: .05rem/* 2px */
;
}
.join-us-content li .item .float-left::before { content: "";  width: .725rem/* 29px */
;
 height: .05rem/* 2px */
;
background: #1074E7; position: absolute; left: 0;  bottom: -.65rem/* 26px */
;
}
.join-us-content li .item .float-right {
 font-size: .35rem/* 14px */
; font-weight: 400; color: #333333; }
.join-us-content li:first-child .item-details { display: block; }
.join-us-content li .item-details { display: none;  padding: .8rem         /* 32px */
        1.5rem         /* 60px */
        .75rem         /* 30px */
        1.6rem/* 64px */
;
background: #F6F6F6;  font-size: .35rem/* 14px */
;
 line-height: .7rem/* 28px */
;
}
.join-us-content li .item-details .column, .join-us-content li .item-details .text { display: table-cell; }
.join-us-content li .item-details .column { color: #999999; width: 2rem; }
.join-us-content li .item-details .text p { color: #333333; font-weight: 400; }
.join-us-content li .item-details .text a { color: #1074E7; }
/* 加入我们内页样式    end */
/* 公司历程内页样式    start */
.history-text { width: 63.929%;  font-size: .35rem/* 14px */
;
font-weight: 400;  line-height: .9rem/* 36px */
;
color: #4B4B4B; text-align: center;  margin: .5rem         /* 20px */
        auto 0;
}
.history-content { width: 84.285714%; margin: 2.5rem         /* 100px */
        auto 3.125rem/* 125px */
; }
.history-content li { padding-bottom: 2.25rem/* 90px */
; position: relative; }
.history-content li::before { content: ""; position: absolute; width: 1px; height: 100%; background: #E2E2E2; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.history-content li .text { width: 50%; }
.history-content li .text * { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.history-content li:last-child .text { padding-bottom: 0; }
.history-content li .text .text-title {
 font-size: .5rem/* 20px */
; font-weight: bold;  line-height: .55rem/* 22px */
;
color: #24292E; }
.history-content li .text .text-desc {
 font-size: .35rem/* 14px */
; font-weight: 400; color: #4B4B4B;  line-height: .7rem/* 28px */
;
 margin-top: .625rem/* 25px */
;
}
.history-content li .text-lf { text-align: right; position: relative; float: left; }
.history-content li .text-lf>* { padding-right: 1.325rem/* 53px */
; }
.history-content li .text-lf::before, .history-content li .time-show::after { content: "";  width: .5rem/* 20px */
;
 height: .5rem/* 20px */
;
border-radius: 50%; border: 1px solid #707070; position: absolute; top: 0; background: #fff; right: 0; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); visibility: visible; }
.history-content li .time-show::after { visibility: hidden; }
.history-content li .time-show { position: relative; }
.history-content li .text-rg { text-align: left; float: right; }
.history-content li .text-rg>* { padding-left: 1.325rem/* 53px */
; }
.history-content li:hover .text * { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.history-content li:hover .text-title { color: #1074E7; }
.history-content li:hover .text-lf::before { border-color: #1074E7; }
.camel-sprit { background-color: #F2F8FD; height: 32.225rem/* 1529px */
; /* background: url(../images/camel-spirit.jpg) no-repeat center center; */
background-size: 100% 100%; }
.camel-sprit .content-box { padding-top: 2.425rem/* 97px */
; }
.camel-sprit .title { color: #24292E; }
.camel-sprit-content { width: 66.143%; margin: 2.675rem         /* 107px */
        auto 0; position: relative; }
.camel-sprit-content { width: 66.143%;  margin: 2.625rem         /* 105px */
        auto .5rem/* 20px */
;
 font-size: .35rem/* 14px */
;
font-weight: 400; color: #fff; border-collapse: collapse; position: relative; }
.camel-sprit-content::before, .camel-sprit-content::after { content: ""; width: 1px; height: 100%; background: #3E3D3C; position: absolute; top: 0; opacity: 0.5; }
.camel-sprit-content .left-content, .camel-sprit-content .right-content { width: 23%; }
.camel-sprit-content .mid-content { width: 54%; }
.camel-sprit-content::before { left: 23%; }
.camel-sprit-content::after { right: 23%; }
.camel-sprit-content table tr td { vertical-align: top; }
.camel-sprit-content .first-letter { color: #24292E;  font-size: .75rem/* 30px */
;
text-transform: uppercase; }
.camel-sprit-content .full-letter { color: #1074E7;  padding-right: .375rem/* 15px */
;
}
.camel-sprit-content .detail-text { color: #4B4B4B;  line-height: .7rem/* 28px */
;
padding: 0 12% 2rem/* 80px */
; opacity: 0.5; }
.camel-sprit-content .simple-text { color: #4B4B4B; padding-left: 28%;  padding-top: .625rem/* 25px */
;
}
/* 公司历程内页样式    end */
/* 管理团队内页样式    start */
.group-manage-content { width: 75%; margin: 1.5rem         /* 60px */
        auto 0; }
.group-manage-content .item { margin-bottom: 2.5rem/* 100px */
; }
.group-manage-content .float-left { width: 8.125rem/* 325px */
; height: 9.025rem/* 361px */
; line-height: 9.025rem/* 361px */
; }
.group-manage-content .personal-info { display: table-cell; vertical-align: middle; height: 9.025rem/* 361px */
; padding-left: 1.375rem/* 55px */
; }
.group-manage-content .float-left img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.group-manage-content .info { line-height: 30px; font-size: 0; }
.group-manage-content .info .name, .group-manage-content .info .position { display: inline-block; vertical-align: middle; }
.group-manage-content .info .name {
 font-size: .5rem/* 20px */
; font-weight: bold; color: #24292E; }
.group-manage-content .info .position {
 font-size: .375rem/* 15px */
; font-weight: 400; color: #000000;  margin-left: .4rem/* 16px */
;
}
.group-manage-content .desc {
 font-size: .35rem/* 14px */
; font-weight: 400;  line-height: .7rem/* 28px */
;
color: #333333;  margin-top: .25rem/* 10px */
;
letter-spacing: 1px; }
.group-manage-content .tags {  margin-top: .5rem/* 20px */
;
}
.group-manage-content .tags .tag-item { display: inline-block;  font-size: .375rem/* 15px */
;
font-weight: 400; color: #333333;  padding: .175rem         /* 7px */
        .475rem/* 19px */
;
background: #EBF0FE;  border-radius: .1rem/* 4px */
;
}
/* 管理团队内页样式    end */
/* 资讯内页样式    start */
.case-content { width: 79.643%; margin: 0 auto 1rem/*40px*/
; }
.consultation-content { width: calc(79.643% + 2rem             /* 80px */
        ); margin: 2rem auto 1rem; }
.consultation-content .picScroll, .case-content .picScroll { display: none; }
.consultation-content .picScroll .nav-list {  margin: .275rem         /* 11px */
        0 .5rem/* 20px */
;
}
.consultation-content .picScroll .nav-list li { background: rgba(153, 153, 153, 0.3); }
.consultation-content .picScroll .nav-list li.on { background: rgba(153, 153, 153, 1); }
/* 资讯内页样式    end */
/* 客户案例内页样式    start */
.case-content .tab-item-list li .list-item-time { letter-spacing: initial; }
.case-content .tab-item-list li .list-item-title, .case-content .tab-item-list li .list-item-text { max-height: unset; display: initial; }
/* 客户案例内页样式    end */

.cooperative-agent-ctc { text-align: center; }
/* 合作代理内页样式    start */
.cooperative-agent-ctc .float-left { width: 50%; }
.cooperative-agent-ctc .cooperative-title {
 height: .5rem/* 20px */
;
 line-height: .5rem/* 20px */
;
 font-size: .5rem/* 20px */
; font-weight: bold; color: #24292E; }
.cooperative-agent-ctc .text-content {
 font-size: .35rem/* 14px */
; font-weight: 400;  line-height: .7rem/* 28px */
;
color: #333333;  margin-top: .75rem/* 30px */
;
letter-spacing: 1px; }
.cooperative-agent-ctc .text-content .remark { color: #999999; }
.cooperative-agent-ctc .image-content {  margin-top: .75rem;
}
.cooperative-agent-ctc .image-col { margin-bottom: 1.2rem; }
.cooperative-agent-ctc .image-item { display: inline-block; vertical-align: top;  margin: 0 .625rem;
 border-radius: .15rem;
overflow: hidden;  -webkit-box-shadow:0 .075rem .15rem rgba(0,0,0,0.16);
 -moz-box-shadow:0 .075rem .15rem rgba(0,0,0,0.16);
 box-shadow:0 .075rem .15rem rgba(0,0,0,0.16);
}
.cooperative-agent-ctc .image-item .image { width: 12.525rem; height: 7.3rem; overflow: hidden; }
.cooperative-agent-ctc .image-item .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.cooperative-agent-ctc .image-item .text { height: 1.5rem; line-height: 1.5rem;  font-size: .4rem;
color: #333333; font-weight: bold; }
.cooperative-agent-ctc .item { margin-bottom: 2.225rem/* 89px */
; padding-right: 1.25rem/* 50px */
; }
.cooperative-agent-ctc .contacts { margin-bottom: 1.925rem; }
.cooperative-agent-ctc .contact-item { display: inline-block; vertical-align: top; width: 8.075rem; border: 1px solid #DEDEDE;  border-radius: .15rem;
color: #24292E; background: #DEDEDE; overflow: hidden;  margin: 0 .25rem;
}
.cooperative-agent-ctc .contact-title { height: 1.25rem; line-height: 1.25rem;  font-size: .4rem/* 16px */
;
font-weight: 400; }
.cooperative-agent-ctc .contact-info { font-size: 1rem; font-weight: 500; font-family: "宋体"; background: #fff; }
.cooperative-agent-ctc .contact-info a { color: #2879FF; text-decoration: none; }
.cooperative-agent-ctc .contact-info.tel a { color: #24292E; }
/* 合作代理内页样式    end */
/* 资讯详情内页样式    start */
.consultation-detail { width: 78.072%; margin: 2.5rem auto 0; }
.consultation-detail .top-content {
 padding: 1.25rem 0 .875rem; padding-bottom: 1.5rem; }
.consultation-detail .top-content .float-left { width: 50%; }
.consultation-detail .top-content .float-right { width: 14.5rem; height: 9.45rem; position: relative; }
.consultation-detail .top-content .float-right .picScroll .picList li { width: 14.5rem; height: 9.45rem; }
.consultation-detail .picScroll { display: block; }
.consultation-detail .picScroll .nav-list li { background: #E2E2E2; }
.consultation-detail .picScroll .nav-list li.on { background: #999; }
.consultation-detail .top-content .float-right img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.consultation-detail .top-content .float-right .video-button { position: absolute; width: 2.625rem/* 105px */
; height: 2.625rem/* 105px */
; border-radius: 50%; background: rgba(0, 0, 0, 0.4); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; }
.consultation-detail .top-content .float-right .video-button::before { content: ""; width: 0; height: 0; border-style: solid;  border-width: .275rem         /* 11px */
        .4rem/* 16px */
;
border-color: transparent; border-left-color: #fff; position: absolute; top: 50%; left: 50%;  margin-left: .2rem/* 8px */
;
-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.consultation-detail .content-show .content-title {
 font-size: .5rem/* 20px */
; font-weight: bold; color: #24292E; }
.consultation-detail .content-show .time {
 font-size: .35rem/* 14px */
; font-weight: 400; color: #999999; letter-spacing: 1px;  margin-top: .725rem/* 29px */
;
}
.consultation-detail .content-show .tags { font-size: 0;  margin-top: .725rem/* 29px */
;
}
.consultation-detail .content-show .tags h2 { display: inline-block; vertical-align: middle;  height: .65rem/* 26px */
;
 line-height: .65rem/* 26px */
;
 font-size: .35rem/* 14px */
;
font-weight: 400; color: #333333;  padding: 0 .55rem/* 22px */
;
background: #EBEBEB;  border-radius: .325rem/* 13px */
;
 margin-right: .375rem/* 15px */
;
 margin-bottom: .375rem/* 15px */
;
}
.consultation-detail .article { padding-top: 1rem/* 40px */
; border-top: 1px dotted #E2E2E2; }
.consultation-detail .article p {
 font-size: .35rem/* 14px */
; font-weight: 400;  line-height: .8rem/* 28px */
;
color: #333333; letter-spacing: 1px;  margin-bottom: .375rem/* 15px */
;
margin-left: 0 !important; margin-right: 0 !important; overflow: hidden; }
.consultation-detail .article .image-show {  margin-bottom: .5rem/* 20px */
;
}
.consultation-detail .article .image-show .image { width: 70.266%; margin: 0 auto; }
.consultation-detail .article .image-show .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.consultation-detail .article .remark {
 font-size: .3rem/* 12px */
; font-weight: 400; color: #999999; letter-spacing: 1px; text-align: center;  margin-top: .25rem/* 10px */
;
}
/* 资讯详情内页样式    end */
.my-dialog { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; }
/* 联系我们相关样式    start */
.contact-us { box-sizing: border-box; width: 8rem/* 320px */
; position: fixed; right: -6.85rem/* 274px */
; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 1.15rem/* 46px */
; -webkit-transition: right 0.5s ease-in-out; -moz-transition: right 0.5s ease-in-out; -o-transition: right 0.5s ease-in-out; -ms-transition: right 0.5s ease-in-out; transition: right 0.5s ease-in-out; z-index: 10; }
.contact-us.on { right: 0; }
.contact-us .contact-us-btn { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);  font-size: .45rem/* 18px */
;
color: #FFFFFF; box-sizing: border-box; width: 1.15rem/* 46px */
;  padding: .55rem         /* 22px */
        .35rem/* 14px */
;
background: #2879FF;  letter-spacing: .2rem/* 8px */
;
 border-radius: .25rem         /* 10px */
        0 0 .25rem/* 10px */
;
cursor: pointer; }
.contact-us .contact-us-btn::before { position: absolute; content: ""; width: 0; height: 0;  border-width: .2rem         /* 8px */
        0 .2rem         /* 8px */
        .2rem/* 8px */
;
border-style: solid; border-color: transparent transparent transparent #2879FF;  right: -.2rem/* 8px */
;
top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.contact-us .contact-content {
 padding: .625rem         /* 25px */
        0; background: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.contact-us .contact-content.on {
 border-radius: .25rem         /* 10px */
        0 0 .25rem/* 10px */
; -moz-box-shadow: 0 0 1rem         /* 40px */
        rgba(39, 121, 253, 0.23); -webkit-box-shadow: 0 0 1rem         /* 40px */
        rgba(39, 121, 253, 0.23); box-shadow: 0 0 1rem         /* 40px */
        rgba(39, 121, 253, 0.23); }
.contact-us .contact-ways {
 padding: 0 .975rem/* 39px */
; border-bottom: 1px solid #E2E2E2; }
.contact-us .contact-ways .contact-way {  margin-bottom: .3rem/* 12px */
;
}
.contact-us .contact-ways .contact-way .way { font-size: 0; }
.contact-us .contact-ways .contact-way .way i, .contact-us .contact-ways .contact-way .way span { display: inline-block; vertical-align: middle; }
.contact-us .contact-ways .contact-way .way .iconfont { display: inline-block;  width: .7rem/* 28px */
;
 height: .7rem/* 28px */
;
 line-height: .7rem/* 28px */
;
border-radius: 50%; background: #FFB521; color: #fff; text-align: center;  font-size: .4rem/* 16px */
;
}
.contact-us .contact-ways .contact-way .way .iconfont.icon-dvt-email { background: #01BE91; }
.contact-us .contact-ways .contact-way .way .iconfont.icon-dingweiweizhi { background: #386BF3; }
.contact-us .contact-ways .contact-way .way span {
 font-size: .45rem/* 18px */
; color: #333333;  margin-left: .35rem/* 14px */
;
}
.contact-us .contact-ways .contact-way .way-ctc { color: #2878FF;  font-size: .55rem/* 22px */
;
 padding: .25rem         /* 10px */
        0;
border-bottom: 1px solid #E2E2E2; }
.contact-us .contact-ways .contact-way .way-ctc a { display: block; text-decoration: none; color: #2878FF; }
.contact-us .contact-way:last-of-type .way-ctc { border-bottom: none; }
.contact-us .contact-way .way-ctc.tel {  font-size: .55rem/* 22px */
;
}
.contact-us a.box-item { text-decoration: none; color: #2879FF; border: 1px solid #2879FF;  margin: .25rem         /* 10px */
        0;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.contact-us a.box-item:hover { background: #2879FF; color: #fff; }
.contact-us .box-item { display: block; border: 1px solid #E2E2E2;  border-radius: .175rem/* 7px */
;
 font-size: .35rem/* 14px */
;
height: 1rem/* 40px */
; line-height: 1rem/* 40px */
; text-align: center;  margin-top: .3rem/* 12px */
;
position: relative; }

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #999;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
}
.contact-us .box-item input { width: 100%; height: 100%; border: none; outline: none; line-height: 1rem; background: transparent; }
.contact-us .info {  padding: 0 .975rem/* 39px */
;
}
.contact-us .info .box-item { text-align: left;  padding: 0 .425rem;
}
.contact-us .info .consultation-btn { display: inline-block; text-decoration: none;  font-size: .35rem/* 14px */
;
color: #2878FF;  margin-top: .25rem/* 10px */
;
}
/* 联系我们相关样式    end */

/* 弹层样式    start */
.dialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 999; display: none; }
.dialog .dialog-main { position: absolute; top: 50%; left: 50%; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 1.25rem         /* 50px */
        2rem/* 80px */
; background: #fff;  border-radius: .1rem/* 4px */
;
-moz-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.27); -webkit-box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.27); box-shadow: 0 0 1.25rem         /* 50px */
        rgba(0, 0, 0, 0.27); }
.dialog .dialog-main i.close-btn { position: absolute;  right: .725rem/* 29px */
;
 top: .5rem;
color: #E2E2E2; cursor: pointer; }
.dialog.reminder .dialog-main { padding: 1.25rem 2rem; }
.dialog.video-play i.close-btn { z-index: 10; display: none; }
.dialog.video-play .dialog-main:hover i.close-btn { display: block; }
.dialog .dialog-main .dialog-title {
 font-size: .5rem/* 20px */
; color: #333333; text-align: center; font-weight: bold; position: relative; }
.dialog .dialog-main .dialog-content {
 margin-top: .75rem;
 font-size: .4rem/* 16px */
; color: #333333; }
.dialog .dialog-main .dialog-content p { text-align: center; }
.dialog .dialog-main .dialog-operations { text-align: center; margin-top: 1rem/* 40px */
; }
.dialog.login-dialog .dialog-main { width: 58%; }
.dialog.login-dialog .dialog-main .dialog-content {  margin: 1.4rem         /* 56px */
        0 .75rem/* 30px */
;
}
.dialog .dialog-main form .inputs { display: inline-block; vertical-align: middle; width: 78%; }
.dialog .dialog-main form .button { width: 20%; }
.dialog .dialog-main form .input-item { display: inline-block; vertical-align: middle;  width: calc(50% - .825rem             /* 33px */
        );
 margin-right: .75rem/* 30px */
;
position: relative; }
.dialog .dialog-main form .input-item label { position: absolute;  font-size: .35rem/* 14px */
;
color: #A0A0A0; font-weight: 300;  left: .375rem/* 15px */
;
top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }
.dialog .dialog-main form .input-item input { height: 1.35rem/* 54px */
; width: 100%; box-sizing: border-box;  line-height: .75rem/* 30px */
;
border: 1px solid #EAEAEA;  border-radius: .25rem/* 10px */
;
outline: none; padding-left: 1.5rem/* 60px */
; position: relative; }
.dialog .dialog-main form .input-item .reminder-info { display: none; position: absolute;  bottom: -.75rem/* 30px */
;
 left: .375rem/* 15px */
;
 font-size: .35rem/* 14px */
;
color: #FF2828; }
.dialog .dialog-main form .input-item .reminder-info .iconfont { display: none;  margin-right: .25rem/* 10px */
;
-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.dialog .dialog-main form .input-item input:focus { border-color: #2879FF;  -moz-box-shadow: 0 0 .5rem         /* 20px */
        rgba(39, 118, 248, 0.33);
 -webkit-box-shadow: 0 0 .5rem         /* 20px */
        rgba(39, 118, 248, 0.33);
 box-shadow: 0 0 .5rem         /* 20px */
        rgba(39, 118, 248, 0.33);
}
.dialog .dialog-main form .input-item.error input { border-color: #FF2828;  -moz-box-shadow: 0 0 .5rem         /* 20px */
        rgba(255, 40, 40, 0.23);
 -webkit-box-shadow: 0 0 .5rem         /* 20px */
        rgba(255, 40, 40, 0.23);
 box-shadow: 0 0 .5rem         /* 20px */
        rgba(255, 40, 40, 0.23);
}
.dialog .dialog-main form .input-item.error .reminder-info { display: block; }
/* 弹层样式    end */
/* 视频播放器样式    start */
.dialog.video-play .dialog-main { width: 80%; padding: 0; background: transparent; }

/* 视频播放器样式    end */

@media screen and (max-width:1680px) {
.join-us-content li .item-details .column { width: 2.4rem; }
.header .nav .menu-list li a { font-size: 0.5rem; }
.header .login-user .user-info li {
 height: .5rem;
 line-height: .5rem; font-size: 0.44rem; }
.header .nav .second-menu-list dd a { font-size: 0.44rem; }
.banners-play .banner .content-box .text-title { font-size: 1.25rem; }
.banners-play .banner .content-box .text-desc p { font-size: 0.75rem; line-height: 1.25rem; }
.title { font-size: 0.84rem; }
.home-detail .show-text .desc-text p { font-size: 0.5rem; line-height: 1.125rem; }
.arrow-btn .text,  .arrow-btn .arrow { font-size: 0.47rem; }
.my-tab .tabs .tabs-options li {  font-size: .5rem;
}
.home-detail .my-tab .data-content-item .data-title { font-size: 0.93rem; }
.home-detail .my-tab .data-content-item .data-desc { font-size: 0.56rem; }
.home-detail .show-text.float-right,  .home-detail .detail-item .float-left { width: 45%; }
.home-detail .show-images.float-left,  .home-detail .show-images { width: 55%; }
.home-detail .mac-content { margin-left: -3rem; }
.home-detail .show-images.green-globalmap { margin-left: -1rem; }
.home-detail .my-tab .data-content-item .data-item-ctc { padding: 2.325rem 1.6rem 3.45rem; }
.home-detail .bar-item .bar-number { font-size: 1.06rem; }
.home-detail .bar-item .bar-name,  .home-detail .lengend .lengend-item,  .footer .footer-info-item .column,  .footer .footer-bottom .slogans,  .cooperative-agent-ctc .contact-title { font-size: 0.5rem; }
.dg-wrapper .banner-content,  .dg-wrapper .banner-sign,  .footer form .inputs input,  .footer form .inputs select,  .footer .footer-tel .footer-tel-name,  .history-text,  .history-content li .text .text-desc,  .camel-sprit-content .full-letter,  .camel-sprit-content,  .operations a,  .branch-content .item-info .item-text table th,  .branch-content .item-info .item-text table td,  .join-us-content li .item .float-right,  .join-us-content li .item-details,  .group-manage-content .desc,  .my-tab .tab-content .tab-item-list li .list-item-text,  .my-tab .tab-content .tab-item-list li .right-text .list-item-text h2,  .my-tab .tab-content .tab-item-list li .list-item-time,  .page-list a,  .cooperative-agent-ctc .text-content,  .my-tab .tab-content .tab-item-list li .link-text,  .more-tech .more-tech-content .more-tech-list li .more-tech-item .text,  .consultation-detail .content-show .time,  .consultation-detail .content-show .tags span,  .consultation-detail .article p,  .footer .footer-info-item ul li a,  .crumbs a,  .crumbs span { font-size: 0.47rem; }
.join-us-content li .item-details { line-height: 0.8rem; }
.history-content li .text .text-desc,  .join-us-content li .item-details.alpha,  .group-manage-content .desc,  .my-tab .tab-content .tab-item-list li .list-item-text,  .my-tab .tab-content .tab-item-list li .right-text .list-item-text h2,  .cooperative-agent-ctc .text-content { line-height: 0.875rem; }
.more-tech .more-tech-content .more-tech-list li .more-tech-item .text { line-height: 0.8rem; max-height: 3.9rem; }
.history-content li .text .text-title,  .branch-content .item-info .item-title,  .join-us-content li .item .float-left,  .group-manage-content .info .name,  .my-tab .tab-content .tab-item-list li .list-item-title,  .cooperative-agent-ctc .cooperative-title,  .banner.case .banner-info,  .consultation-detail .content-show .content-title { font-size: 0.625rem; }
.cooperative-agent-ctc .cooperative-title {
 height: .625rem; line-height: 0.625rem; }
.history-content li .text-lf::before,  .history-content li .time-show::after {  width: .625rem;
 height: .625rem;
}
.camel-sprit-content .first-letter { font-size: 0.938rem; }
.group-manage-content .info .position,  .group-manage-content .tags .tag-item { font-size: 0.469rem; }
.banner .banner-title { font-size: 1.15rem; }
.my-tab .tab-content .tab-item-list li .list-item-text { margin-top: 0.375rem; -webkit-line-clamp: 3; line-clamp: 3; height: 2.5rem; }
.my-tab .tab-content .tab-item-list li .list-item-time { margin-top: 0.2rem; }
.home-detail .show-text .small-title { font-size: 0.56rem; }
.more-tech .more-tech-content .more-tech-list li .more-tech-item .more-tech-item-title { font-size: 0.6rem; }
.branch-content .item-info { height: 8.5rem; }
}
@media screen and (max-width:1440px) {
.cooperative-agent-ctc .image-item .text { font-size: 0.5rem; }
}
@media screen and (max-width:1280px) {
.branch-content .item-info { height: 8.5rem; }
.more-tech .more-tech-content .more-tech-list li .more-tech-item .text {  line-height: .75rem;
}
}
 @media screen and (max-width:1200px) {
.join-us-content li .item-details .column { width: 2.7rem; }
}
#cnzz_stat_icon_1277940688 { display: none; }
.banner-video-play { display: inline-block; font-size: 0;  padding: .265rem .58rem;
 border-radius: .25rem;
border: 1px solid #fff; cursor: pointer; margin-top: 1.3rem; background: rgba(96,143,255,0.3); opacity: 0; -webkit-transition: transform 1.5s cubic-bezier(.165, .84, .44, 1) 1.5s, opacity 1.5s cubic-bezier(.165, .84, .44, 1) 1.5s; -ms-transition: transform 1.5s cubic-bezier(.165, .84, .44, 1) 1.5s, opacity 1.5s cubic-bezier(.165, .84, .44, 1) 1.5s; -moz-transition: transform 1.5s cubic-bezier(.165, .84, .44, 1) 1.5s, opacity 1.5s cubic-bezier(.165, .84, .44, 1) 1.5s; -o-transition: transform 1.5s cubic-bezier(.165, .84, .44, 1) 1.5s, opacity 1.5s cubic-bezier(.165, .84, .44, 1) 1.5s; transition: transform 1.5s cubic-bezier(.165, .84, .44, 1) 1.5s, opacity 1.5s cubic-bezier(.165, .84, .44, 1) 1.5s; -webkit-transform: translateY(1.25rem); -ms-transform: translateY(1.25rem); -o-transform: translateY(1.25rem); -moz-transform: translateY(1.25rem); transform: translateY(1.25rem); }
.banner-video-play i, .banner-video-play span { display: inline-block; vertical-align: middle; }
.banner-video-play i {
 width: .725rem;
 height: .725rem; /* background: url(../images/icon-video.png) no-repeat; */
background-size: 100% 100%;  margin-right: .45rem;
}
@media screen and (max-width:1680px) and (min-width:768px) {
.banner-video-play i { width: 1rem; height: 1rem; }
}
.banner-video-play span {
 font-size:.6rem; color: #fff; }
.banner-video-play:hover { background: rgba(255,255,255,0.6); -webkit-transition: background 0.1s ease-in-out 0s; -moz-transition: background 0.1s ease-in-out 0s; -o-transition: background 0.1s ease-in-out 0s; -ms-transition: background 0.1s ease-in-out 0s; transition: background 0.1s ease-in-out 0s; }
.banners-play .banner .content-box.action .banner-video-play { opacity: 1; -webkit-transform: none; -ms-transform: none; -o-transform: none; -moz-transform: none; transform: none; }
.ecert-input-ql { width: 7.25rem; height: 1.25rem; position: relative; opacity: 1; border-radius: 0.1rem; margin: 0 auto; margin-bottom: 2.05rem; }
.ecert-input-ql input { width: 6.5rem; height: 100%; border: none; outline: none; padding: 0 0.375rem; background: rgba(244, 244, 244, 1); font-size: 0.4rem; color: rgba(51, 51, 51, 1); text-align: center; cursor: pointer; }
.ecert-input-ql .yuan { width: 1.25rem; height: 1.25rem; background: rgba(255, 255, 255, 1); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 50%; opacity: 1; position: absolute; right: -0.625rem; top: 0; cursor: pointer; text-align: center; line-height: 1.25rem; }
.ecert-input-ql .yuan img { width: 0.675rem; height: 0.675rem; display: inline-block; vertical-align: middle; }
/* 代理商 查询   */
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix {  *zoom: 1;
/* 这是专门给IE6-7做的清除浮动 */
}
.search-ql { width: 20.2rem; font-family: Source Han Sans CN; margin: 0 auto; }
.search-ql h1 { width: 100%; font-size: 0.75rem; font-weight: bold; line-height: 51px; color: rgba(36, 41, 46, 1); text-align: center; margin-bottom: 28px; }
.search-ql p { font-size: 18px; color: rgba(51, 51, 51, 1); text-align: center; font-weight: 400; margin-bottom: 1.125rem; }
.search-ql input { width: 15.75rem; padding: 0 0.375rem; height: 1.25rem; background: rgba(255, 255, 255, 1); border: 1px solid rgba(190, 190, 190, 1); border-radius: 0.1rem; outline: none; font-size: 0.4rem; font-weight: 400; float: left; }
.search-ql input:focus { border: 1px solid rgba(46, 188, 79, 1); }
.search-ql .btn { float: right; width: 3.125rem; height: 1.25rem; background: rgba(46, 188, 79, 1); border-radius: 0.1rem; font-size: 0.4rem; color: rgba(255, 255, 255, 1); line-height: 1.25rem; text-align: center; cursor: pointer; }
.search-ql .btn:hover { background: rgba(33, 173, 66, 1); }
.search-ql .srarch-main { width: 100%; height: 6.05rem; background: rgba(242, 245, 248, 1); opacity: 1; border-radius: 0.25rem; margin-top: 0.6rem; position: relative; }
.search-ql .srarch-main .chaxun { width: 100%; height: 100%; position: relative; text-align: center; }
.search-ql .srarch-main .search-name { width: 100%; position: absolute; text-align: center; margin: auto; top: 50%; transform: translateY(-50%); }
.search-ql .srarch-main .search-name img { width: 1.775rem; height: 2.05rem; vertical-align: middle; display: inline-block; }
.search-ql .srarch-main .search-name .info { display: inline-block; vertical-align: middle; margin-left: 1.1rem; }
.search-ql .srarch-main .search-name .info p { margin: 0; text-align: left; }
.search-ql .srarch-main .search-name .info p:first-child { font-size: 0.55rem; color: rgba(51, 51, 51, 1); }
.search-ql .srarch-main .search-name .info p:last-child { font-size: 0.45rem; color: rgba(46, 188, 79, 1); margin-top: 0.85rem; font-weight: 400; }
.search-ql .srarch-main .srarch-shibai img { width: 2.2rem; height: 2.2rem; }
.search-ql .srarch-main .srarch-shibai .info p:last-child { color: rgba(177, 177, 177, 1); }
.search-ql .srarch-main .chaxun img { width: 2.05rem; height: 2.15rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.search-ql .back { width: 7.5rem; height: 1.25rem; background: rgba(255, 255, 255, 1); border: 1px solid rgba(46, 188, 79, 1); opacity: 1; border-radius: 0.1rem; margin: 0 auto; font-size: 16px; margin-top: 0.75rem; cursor: pointer; font-weight: 400; line-height: 1.25rem; text-align: center; margin-bottom: 2.025rem; }
.search-ql .back:hover { background: rgba(46, 188, 79, 1); border-color: #fff; color: #fff; }
.search-ql .disable,  .search-ql .disable:hover { background: rgba(187, 192, 193, 1); color: rgba(255, 255, 255, 1); }
.search-ql h1 { width: 100%; font-size: 0.5rem; font-weight: bold; line-height: 1.275rem; color: rgba(36, 41, 46, 1); text-align: center; margin-bottom: 0.7rem; }
.search-ql p { font-size: 0.35rem; color: rgba(51, 51, 51, 1); text-align: center; font-weight: 400; margin-bottom: 1.125rem; }
.search-ql a,  .search-ql a:hover { text-decoration: none; }
.search-ql a:active { color: rgba(46, 188, 79, 1); }
.search-ql .back { width: 7.5rem; height: 1.25rem; background: rgba(255, 255, 255, 1); border: 1px solid rgba(46, 188, 79, 1); opacity: 1; border-radius: 0.1rem; margin: 0 auto; font-size: 16px; margin-top: 0.75rem; cursor: pointer; font-weight: 400; line-height: 1.25rem; text-align: center; margin-bottom: 2.025rem; color: rgba(46, 188, 79, 1); }
.search-ql .srarch-main .search-name img { width: 2.3rem; height: 2.3rem; vertical-align: middle; display: inline-block; }
.menu-list li { position: relative; }
.menu-list li dl { background: #fff; width: 120px; position: absolute; left: 0px; top: 60px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); padding: 10px 0; display: none; z-index: 999; }
.menu-list li dl dd { line-height: 28px; border-bottom: #ddd dotted 1px; margin: 0 10px; }
.menu-list li dl dd a { font-size: 14px !important; color: #666 !important; font-weight: normal; padding: 0 !important; text-align: center; display: block !important; display: inline-block !important; }
.menu-list li dl dd a:hover { color: #f60; }
.inside_con { padding: 10px 0; min-height: 300px; width: 75.417%; margin: 0 auto }
.ezse { display: none }
.use02 { font-size: 1.425rem !important/* 57px; */;  margin-right: .5rem/* 20px;
 */;
}
.ezse { display: none }
.topde { display: none }
.h_onestop img { max-width: 100%;display:block; margin:0 auto; }
 @media only screen and (max-width: 980px) {
/*.content-box{ width:100% !important;}
	.header-box{ display:none;}*/
.header { display: none }
.content-box.home-content-box { width: 90%; overflow: hidden }
.banners-play .data-show .float-left { float: none; }
.banners-play .data-show { height: 60px }
.banners-play .data-show .float-left .use-total { font-size: 3.425rem/* 57px */}
.banners-play .data-show .float-left span { font-size: 1.7rem /* 28px */; }
.float-right { float: none; width: 100% }
.banners-play .data-show .contact-way .phone .phone-num { font-size: 1.975rem /* 39px */; font-weight: bold; line-height: 3.15rem; }
.float-left { float: none; width: 100% !important }
.home-detail .show-images { float: none; }
.home-detail .show-images { position: inherit; transform: none }
.home-detail .show-images .images-content { width: 100% }
.title::before { width: 12.8rem; margin-left: -6.4rem; }
.contact-us { display: none }
.home-detail .mac-content .piece-item1 { left: 6.075rem /* 83px */; }
.home-detail .mac-content .piece-item .text { font-size: 2.35rem /* 14px */; }
.home-detail .mac-content .piece-item span { font-size: 2.15rem /* 46px */; }
.home-detail .language-team { float: none; width: 100%; margin: 0 auto; height: auto; }
.home-detail .language-team .bubble-item { font-size: 4.775rem; }
.home-detail .language-team .bubble-item:nth-of-type(1) { top: 6.875rem; }
.home-detail .language-team .bubble-item:nth-of-type(2) { font-size: 2.7rem; top: 15.75rem /* 190px */; }
.home-detail .language-team .bubble-item:nth-of-type(3) { font-size: 1.3rem; top: 22.075rem; }
.home-detail .language-team .bubble-item:nth-of-type(4) { top: 7.375rem; font-size: 2.95rem; }
.home-detail .language-team .bubble-item:nth-of-type(6) { top: 14.5rem; font-size: 2.675rem }
.home-detail .language-team .bubble-item:nth-of-type(5) { font-size: 2.325rem; top: 21.575rem; }
.my-tab .tabs .tabs-options { width: 100% }
.home-detail .my-tab .home-tab-content .img-item { height: auto }
.home-detail .my-tab .home-tab-content .float-left { width: 100%; height: 340px; }
.home-detail .my-tab .home-tab-content { height: auto }
.play-3d .box { width: 90% }
.dg-wrapper li { width: 80% }
.play-3d { display: none }
.footer { height: auto }
.footer .footer-info-item { width: 100% !important }
.footer .float-left { width: 100% !important; float: none; }
.footer .footer-info-item ul { width: 100% !important }
.footer .footer-bottom .footer-logo { width: 14.35rem /* 134px */; height: auto; }
.footer .footer-bottom .slogans { font-size: 3.4rem !important }
.float-right { width: 100% !important; float: none; }
.footer form .inputs .name { width: 100% !important; height: auto; margin: 2% 0; }
.footer form .inputs .tel { width: 100% !important; height: auto; margin: 2% 0; }
.footer form .inputs .company-name { width: 100% !important; height: auto; margin: 2% 0; }
.footer form .inputs .province { width: 100% !important; height: 30px; line-height: 30px; margin: 2% 0; }
.footer form .inputs input, .footer form .inputs select { font-size: 2.47rem !important; }
.footer form .button { width: 100% !important }
.button { height: 30px; line-height: 30px; font-size: 14px; margin: 2% 0; }
.footer .float-right { width: 100% !important; }
.footer .footer-info-item ul li a { line-height: inherit }
.footer .copyright { height: auto; line-height: inherit; margin-top: 5%; position: inherit; }
.ezse { display: block; background: #F6F6F6 }
.ezseee { width: 90% !important; margin: 0 auto; padding: 4% 0 }
.ezseee h2 { color: #24292E; font-size: 24px; text-align: center; x
}
.ezseee p { background: #1074E7; width: 100px; height: 2px; display: block; margin: 2% auto; }
.feui { background: #2778fe; padding: 4% }
.feui img { display: block; color: #fff; width: 20% !important; }
.feui span { display: block; color: #fff; text-align: left }
.feui strong { display: block; color: #fff; text-align: left }
.topde { height: 50px; display: block }
.home-detail.tech-service-ctc .alpha .float-left { width: 100% !important; height: auto }
.home-detail.tech-service-ctc .alpha-content { width: 100% !important; height: auto; margin: 0 }
.home-detail.tech-service-ctc .alpha-content .alpha-logo { height: 40px; width: 50%; }
.home-detail.tech-service-ctc .alpha-content .alpha-text { font-size: 18px; line-height: inherit }
.home-detail .tech-service-item1 { width: 100% }
.more-tech .more-tech-content .more-tech-list li { width: 100%; height: auto }
.more-tech .more-tech-content .more-tech-list li .more-tech-item { margin-bottom: 2% }
.service .top { height: auto !important }
.service .top .con1 { display: block !important; padding: 0 !important }
.service .top .con1 .leftCon { width: 100% !important }
.service { width: 90% !important; margin: 0 auto }
.service .top .con1 .rightImg { width: 100%; margin: 0 auto; width: 100% !important; }
.service .top .con1 img { margin: 0 auto; display: block; width: 100% !important; }
.service .top .con2 { display: block !important; padding: 0 !important; height: auto !important }
.service .top .con2 .rightCon { width: 100% !important; height: auto !important; word-wrap: break-word !important; }
.service .top .con2 .rightCon p { word-wrap : break-word; width: 100% !important; height: auto !important }
.service .top .con2 .leftImg { line-height: inherit !important }
.service .bottom .box { display: block !important; }
.service .bottom { height: auto !important }
.service .bottom { height: auto }
.service .bottom .box .box1 { width: 77% !important; height: auto !important; margin: 7% auto; }
.service .bottom .box p { height: auto !important }
.history-text { font-size: 14px; line-height: 24px; }
.camel-sprit-content .left-content, .camel-sprit-content .right-content { width: 100% }
.camel-sprit-content .mid-content { width: 100% }
.camel-sprit { height: auto }
.camel-sprit-content .detail-text { line-height: 24px; padding: 0 !important }
.camel-sprit-content::before { background: none }
.camel-sprit-content::before, .camel-sprit-content::after { background: none }
.maibang { display: block !important; }
.maibang .cont2 { width: 90% !important; margin: 0 auto; height: auto !important }
.maibang .cont2 .box { width: 87% !important; display: block !important; height: auto !important }
.maibang .cont2 .box .box_right p { width: 100% !important }
.maibang .cont2 .box .box_left img { width: 100% !important; }
.maibang .cont2 .box .box_right p { margin-top: 0% !important; height: auto !important }
.camel-sprit-content .simple-text { padding-left: 0%; }
.banner { width: 100% !important }
.banner h1 { width: 90% !important; font-size: 24px !important; padding-top: 10% !important; margin: 0 auto !important; height: auto !important }
.banner h2 { width: 89% !important; font-size: 24px !important; padding-top: 2% !important; margin: 0 auto !important; height: auto !important; display: block; }
.part .part_one p { font-size: 24px !important; }
.part .part_two img { width: 100% !important }
.part .part_three { font-size: 24px !important; }
.part .part_four { display: block !important; }
.part .part_four p { width: 100% !important }
.layout { width: inherit !important; max-width: inherit !important }
.title h3 { font-size: 24px !important; line-height: 40px; }
.Facebook .video { width: 100% !important; float: none }
.Facebook .text { width: 100% !important; float: right; }
.title h2 { font-size: 28px !important; }
.wrap { width: 100% !important; max-width: inherit !important; }
.h_about { padding: 0 30px 0px !important; }
.clearfix { padding-bottom: 0 !important; }
.title { padding-top: 0 !important; }
.Whatsapp .text { width: 100% !important }
.Whatsapp .video { width: 100% !important }
.h_main .wrap { margin: 0 !important; }
/*.h_onestop .gallery-thumbs ul{ height:auto !important;}
	.h_onestop li h4{ width:60% !important; line-height: inherit !important;}*/
	
.h_onestop li a { height: 50px !important; }
.ico { height: 40px !important; width: 40px !important; background-size: 100% 100% !important; }
.h_onestop .gallery-thumbs ul:after { width: 24px !important; height: 49px !important; }
.h_onestop li h4 { width: 50% !important; height: 40px !important; line-height: 40px !important; font-size: 17px !important; margin-left: 6% !important; }
/*.h_onestop .gallery-thumbs ul{ padding-top:70px !important}*/
.h_main .imgs img { height: auto !important }
.h_main .imgs { height: auto !important }
.h_main .text h2 { font-size: 20px !important; padding: 0 !important; margin: 0 !important; }
.h_main .text p { font-size: 15px !important; line-height: 23px !important; }
.h_onestop .ico { background-size: 38px auto !important; }
.h_main .wrap.gallery-top dd.swiper-slide ul li:nth-child(2n+1), .h_main .wrap.gallery-top dd.swiper-slide ul li:nth-child(2n) { background-size: 46px auto !important; }
.h_main .bd h3 { font-size: 20px !important; line-height: 20px !important; }
.h_main .bd h4 { font-size: 17px !important; }
.h_main .bd li:nth-child(4), .h_main .bd li:nth-child(5), .h_main .bd li { height: 99px !important; padding-left: 115px !important; margin-bottom: 0px !important; }
.phone { width: 100% !important; }
.home-detail .show-text.float-right .title { text-align: left !important; font-size: 2rem !important; }
.home-detail .show-text.float-right { text-align: left !important }
.home-detail .show-text .desc-text p { line-height: 20px !important; }
.Whatsapp { padding: 0 30px 0px !important; }
.home-detail .show-text .title { font-size: 2rem !important; }
.inside_con { padding: 0 30px 0px !important; width: inherit }
.layout { padding: 0 30px 0px !important; }
.Facebook .text { padding: 0 !important; }
.banners-play .data-show .contact-way .phone div { font-size: 1.375rem !important; }
}


/**/
@media(max-width:768px){
.banners-play .banner .content-box .text-title{ font-size:18px !important;}
.banners-play .banner .content-box .text-desc p{ font-size:14px !important;}
.banners-play .banner .content-box{ top:40%; width:90%;}
.banners-play .data-show{ width:90%; padding:0 5%;}
.banners-play .data-show .float-left span{ font-size:12px !important;}
.banners-play .data-show .float-left .use-total{ font-size:16px !important;}
.banners-play .data-show .contact-way .phone div{ line-height:1.5em; font-size:12px !important;}
.banners-play .data-show .contact-way .phone .phone-num{ line-height:1em; font-size:16px !important;}
/**/
.home-detail .show-text .title{ font-size:16px !important;}
.home-detail .show-text .desc-text{ margin:1rem 0 1.75rem 0;}
.home-detail .show-text .desc-text p{ font-size:12px !important;}
.con2{ width:90% !important;}
.con2 ul li{ float:none !important; width:100% !important; margin-right:0 !important; margin-top:15px !important}

/**/
.footer .footer-content{ width:90%;}
.footer form .inputs{ width:100%;}
.footer form .inputs input, .footer form .inputs select{ font-size:1.2rem !important; line-height:30px !important; height:30px !important; padding:0 10px !important;}
.footer .copyright{ margin-top:3%; padding-top:3%; font-size:12px;}
.footer .copyright span{ display:none;}
.footer .footer-tel .footer-tel-name{ font-size:12px !important;}
.footer .footer-tel .footer-tel-num{ font-size:16px !important;}
.footer .footer-info-item ul li a{ font-size:12px !important;}
/**/
.banner.case .banner-content{ width:100% !important;}
.banner.case .banner-text{ width:100% !important;}
.banner .banner-title{ font-size:2.4rem;}
.banner h1{ font-size:12px !important;}
/**/
.layout{ width:90% !important; padding:0 5% !important;}
.title h2{ font-size:16px !important; line-height:1.5em !important;}
.title h3{ font-size:18px !important; line-height:2em !important;}
.h_main .hd{ padding:0 !important;}
.h_about{ padding:0 !important;}
.h_about .text h3{ font-size:20px !important; line-height:2em !important;}
.h_about .text p{ font-size:16px !important; line-height:2em !important;}
.h_onestop .gallery-thumbs ul{ margin:0 !important;}
.h_onestop .text p{ font-size:14px !important; line-height:2em !important;}
.Facebook .text p{ font-size:14px !important; line-height:2em !important;}
.Whatsapp{ padding:0 !important;}
.Whatsapp .text h3{ font-size:20px !important; line-height:2em !important;}
.Whatsapp .text p{ font-size:16px !important; line-height:2em !important;}
.inside_con{ width:90% !important; padding:0 5% !important;}

}