@charset "utf-8";

/*  @功能: 重设浏览器默认样式 */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

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: 12px/1.5 "Source Han Sans CN,PingFang SC,helvetica neue,arial,hiragino sans gb,stheiti,wenquanyi micro hei,微软雅黑,宋体,sans-serif";
}

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;
}

/* 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('../images/reducto_condensed_ssi_condensed-webfont.eot');
    src: url('../images/reducto_condensed_ssi_condensed-webfont.eot?#iefix') format('embedded-opentype'),
        url('../images/reducto_condensed_ssi_condensed-webfont.woff2') format('woff2'),
        url('../images/reducto_condensed_ssi_condensed-webfont.woff') format('woff'),
        url('../images/reducto_condensed_ssi_condensed-webfont.ttf') format('truetype'),
        url('../images/reducto_condensed_ssi_condensed-webfont.svg') 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: .75rem
        /* 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: #346afb;
}

.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 0 11.5rem;
        /* 114px */
        
        /* 140px */
    
    color: #fff;
    position: relative;
}

.header .logo {
    position: absolute;
    /*width: 2.6rem
        /* 104px */
    
    /*height: .775rem*/
        /* 31px */
    width: 6.25rem;  /*250px*/
    height: 1.75rem;   /*70px*/
    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;
    float: right;
}

.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: #fff;
    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: 16.045rem;        /* 755px */
    
    background: url(../images/footbg.jpg) no-repeat center center;
    background-size: 100% 100%;
    color: #fff;
}

.footer .footer-content {
    height: 100%;
    width: 31.2rem
        /* 1248px */
    ;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 1.55rem
        /* 62px */
    ;
}

.footer .copyright {
    height: 1.3rem
        /* 62px */
    ;
    width: 100%;
    line-height: 1.3rem
        /* 62px */
    ;
    text-align: center;
    margin-top: 3rem;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
}

.footer .copyright::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.footer form {
    display: block;
    font-size: 0;
    padding: 2.7rem
        /* 108px */
        0 2.2rem
        /* 88px */
        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;
    border: #ccc 1px solid;
}

.footer form .inputs .name {
    width: 6.5rem;
        /* 260px */
    
}

.footer form .inputs .tel {
    width: 6.5rem;
        /* 260px */
    
}

.footer form .inputs .company-name {
    width: 11rem;
        /* 440px */
    
}

.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: "reducto_condensed_ssiCn";
    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: 1.5rem;
        /* 60px */
    
}

.footer .footer-bottom .footer-logo {
    /*width: 3.35rem;*/
        /* 134px */
    
    /*height: 1rem;*/
        /* 40px */
    

    width: 6.25rem;
    height: 1.9rem;    
    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 */
    ;
    width: 6.25rem;
    height: 1.75rem;    
    
}

.footer .footer-bottom .slogans img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.footer .float-left {
    margin-left: 5%;
    width: 29%;
}

.footer .float-right {
    width: 66%;
    font-size: 0;
}

.footer .footer-info-item {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    width: 30%;
    margin-right: 10%;
}

.footer .footer-info-item:last-child {
    width: 20%;
    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;
    text-transform: uppercase;
}

.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: 100%;
    object-position: center;
    object-fit: cover;
}

.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: 17.125rem;
    -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;   
}

.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: 5rem;
        /* 200px */
    line-height: 5rem;
        /* 200px */
    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;*/
    width: 60%;
}

.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: "reducto_condensed_ssiCn";
    font-weight: bold;
}

.banners-play .data-show .float-left .use-total {
    font-size: 1.425rem;
    margin-right: .5rem;
        /* 20px */
}

.banners-play .data-show .float-left .totals,
.banners-play .data-show .float-left .choose,
.banners-play .data-show .float-left .trade
{
    display: inline-block;
    vertical-align: middle;
    line-height: initial;
    float: left;
    overflow: hidden;
    padding-right: 2rem;
    font-size: .375rem;
    padding-top: 1.4rem; 
}

.data-show .float-left .totals .use-total,
.data-show .float-left .choose .choose-total,
.data-show .float-left .trade .trade-total
{
    font-size: 1.425rem;
    margin-right: .5rem;
    line-height: 1.4rem;
    font-family: "reducto_condensed_ssiCn";
    font-weight: bold;
}
.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: 1rem;
    color: #2ebc4f;
}

.banners-play .data-show .contact-way .phone .phone-num {
    font-size: 1.5rem
        /* 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 0;
        /* 70px */
    
}

.home-detail .show-text .desc-text p {
    color: #4B4B4B;
    font-size: .45rem
        /* 18px */
    ;
    font-weight: 400;
    line-height: 1rem
        /* 36px */
    ;
    letter-spacing: 1px;
}
.home-detail .show-text .desc-text.decorate p{
    background: url(../images/dian.jpg) no-repeat center left;   
    padding-left: .7rem; 
}

.home-detail .show-text .desc-text.decorate2 p{
    background: url(../images/dian.jpg) no-repeat center right;   
    padding-right: .7rem; 
}

.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: #2ebc4f;
    color: #fff;
    font-size: .4rem;
    font-weight: 400;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    padding: 0; 
    width: 2.95rem;
    text-align: center;
    border-radius: 20px;
    height: 0.9rem
 /* 54px */;
    line-height: 0.9rem
 /* 54px */; 
}

.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: 100%;
        /* 1440px */
    ;
}

.home-detail .detail-item-main {
    padding-top: 4rem;
    width: 36rem
        /* 1440px */
    ;
    margin: 0 auto;
}
.home-detail .detail-item-main.language{
    padding-top: 4rem;
}
.home-detail .detail-item-main:nth-of-type(1) {
    padding-top: 1.5rem; 
}

.my-tab.detail-item {
    width: 36rem;
    padding-top: 5rem;
    margin: 0 auto;
}

.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.top50{
    top: 86%; 
}

.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;
    }
}
/*改版的模块1*/
.detail-item-main .record img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.detail-item-main .float-left.record{
    width: 40%;
} 

/*打破堡垒样式*/
.break{
    width: 100%;
    height: 19.625rem; /* 785px*/
    background: url(../images/break.jpg) no-repeat center;
    margin-top: 2.7rem; 

}
.break .detail-item{
    width: 36rem
 /* 1440px */;
    margin: 0 auto; 
    padding-top: 8.15rem; 
}
/*打破堡垒样式*/
.home-detail .show-images .images-content .bling-radio {
    position: absolute;
    width: .65rem
        /* 26px */
    ;
    height: .65rem
        /* 26px */
    ;
    font-family: "reducto_condensed_ssiCn";
    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;
}
.break .title.white{
    color: #fff;
}
.break .arrow-btn{
    background: #ffffff;
    color: #0945b6;
}
.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: "reducto_condensed_ssiCn";
}

.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: 13.4rem
        /* 536px */
    ;
    top: 4.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: 35%;
    text-align: right;
}

.home-detail .show-images.float-left {
    width: 65%;
    left: 0;
}
/*针对改版之后新增的*/
.home-detail .float-left.languagepic{
    width: 50%;
    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 */
    ;
    
    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: "reducto_condensed_ssiCn";
}

.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: 13.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: 60%;;
}

.home-detail .show-images.float-left.with-google {
    width: 40%;
}*/

.home-detail .show-text.float-right.with-google .title::before {
    left: 0;
}

.home-detail .with-google-images {
    width: 82.67%;
    position: relative;
    float: right;
}

.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/alpha.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: "reducto_condensed_ssiCn";
}

.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: 1.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.xinxiang {
    left: 16.025rem;
    top: 9.4rem;
}


.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 */
    ;
}
.drive{
    width: 40rem; /*1600px*/
    margin: 0 auto;
    margin-bottom: 1rem; 
}
.drive img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.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 {
    height: 38.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: #fff;
}

.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 {
    font-size: .75rem
        /* 30px */
    ;
    text-transform: uppercase;
}

.camel-sprit-content .full-letter {
    color: #1074E7;
    padding-right: .375rem
        /* 15px */
    ;
}

.camel-sprit-content .detail-text {
    line-height: .7rem
        /* 28px */
    ;
    padding: 0 12% 2rem
        /* 80px */
    ;
    opacity: 0.5;
}

.camel-sprit-content .simple-text {
    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: "reducto_condensed_ssiCn";
    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.94rem;
    }

    .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: 42%;
    }

    .home-detail .show-images.float-left,
    .home-detail .show-images {
        width: 58%;
    }

    .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;
    }
}

/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:32px;line-height:30px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8; border-radius: 5px;background:#f8f8f8; text-align:center;padding:0 12px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#fff;border:1px solid #008ef7;background:#008ef7;}