article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom:1;}

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 {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: inherit;
}

fieldset,img {
    border: 0;
}

.detail-item-main .img-item img {
	width: 100%;
}

iframe {
    display: block;
}

abbr,acronym {
    border: 0;
    font-variant: normal;
}

del {
    text-decoration: line-through;
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: 500;
}

ol,ul {
    list-style: none;
}

caption,th {
    text-align: left;
}

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

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



.float-left {
    float: left;
}

.float-right {
    float: right;
}

.content-box {
    width: 40rem;
    margin: 0 auto;
}

.button {
    display: inline-block;
    height: 1.35rem;
    width: 5.05rem;
    text-align: center;
    line-height: 1.35rem;
    color: #fff;
    font-size: .35rem;
    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 rgba(46,188,79,0.4);
    -webkit-box-shadow: 0 0 .25rem rgba(46,188,79,0.4);
    box-shadow: 0 0 .25rem rgba(46,188,79,0.4);
}

.title {
    font-size: .75rem;
    color: #24292E;
    text-align: center;
    font-weight: 400;
    padding-bottom: .75rem;
    letter-spacing: .2rem;
    position: relative;
}

.title::before {
    content: "";
    width: 2.8rem;
    height: .1rem;
    background: #1074E7;
    position: absolute;
    left: 50%;
    margin-left: -1.4rem;
    bottom: 0;
}

.title strong {
    color: #24292E;
}

.title strong.english {
    letter-spacing: 0;
    margin-left: -0.2rem;
}

.operations {
    text-align: center;
    margin-top: .5rem;
    font-size: 0;
}

.operations a {
    font-size: .35rem;
    line-height: .5rem;
    color: #fff;
    text-decoration: none;
    position: relative;
}

.operations a span {
    position: absolute;
    right: -.5rem;
    -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);
    -ms-transform: translateX(.05rem);
    -o-transform: translateX(.05rem);
    -moz-transform: translateX(.05rem);
    transform: translateX(.05rem);
}

.arrow-btn {
    display: inline-block;
    vertical-align: middle;
    height: 1.35rem;
    line-height: 1.35rem;
    font-size: 0;
    background: #2EBC4F;
    padding: 0 .625rem;
    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;
}

.arrow-btn .arrow {
    margin-left: .075rem;
    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 rgba(46,188,79,0.4);
    -webkit-box-shadow: 0 0 .25rem rgba(46,188,79,0.4);
    box-shadow: 0 0 .25rem 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%);
}

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

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

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

.page-list {
    font-size: 0;
    text-align: center;
    padding: .75rem 0;
}

.page-list span {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    height: .6rem;
    width: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .35rem;
    color: #999999;
    margin: 0 .175rem;
    cursor: pointer;
}

.page-list span:hover {
    background: #2879FF;
    color: #fff;
}

.page-list span.current {
    color: #2879FF;
}

.page-list span.current:hover {
    background: unset;
    color: #2879FF;
}

.page-list span.first,.page-list span.prev,.page-list span.next,.page-list span.last {
    width: 1.5rem;
}

.header {
    height: 2.125rem;
    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 3.5rem;
    color: #fff;
    position: relative;
}

.header .logo {
    position: absolute;
    width: 2.6rem;
    height: .775rem;
    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;
    height: .85rem;
    position: absolute;
    right: 0;
    text-decoration: none;
    color: #fff;
    background: #2EBC4F;
    text-align: center;
    line-height: .85rem;
    -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 rgba(46,188,79,0.4);
    -webkit-box-shadow: 0 0 .25rem rgba(46,188,79,0.4);
    box-shadow: 0 0 .25rem 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;
    line-height: .4rem;
    font-size: .35rem;
}

.header .login-user .user-info li:first-child {
    border-right: 1px solid #fff;
    padding-right: .2rem;
    margin-right: .2rem;
}

.header .login-user .user-info li a {
    display: inline-block;
    color: #fff;
    padding-right: .2rem;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.header .login-user .user-info li a:hover {
    color: #2879FF;
}

.header .nav .menu-list {
    font-size: 0;
}

.header .nav .menu-list li {
    height: 2.125rem;
    line-height: 2.125rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.header .nav .menu-list li a {
    display: inline-block;
    text-decoration: none;
    font-size: .4rem;
    color: #fff;
    padding: 0 .8rem;
    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 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 rgba(0,0,0,0.16);
    -webkit-box-shadow: 0 0 .75rem rgba(0,0,0,0.16);
    box-shadow: 0 0 .75rem 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;
    line-height: .85rem;
    font-size: .35rem;
    border-left: .075rem 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;
    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 .375rem rgba(0,0,0,0.16);
    -webkit-box-shadow: 0 .075rem .375rem rgba(0,0,0,0.16);
    box-shadow: 0 .075rem .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;
}

.footer {
    height: 18.875rem;
    background: url(../images/footer.png) no-repeat center center;
    background-size: 100% 100%;
    color: #fff;
}

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

.footer .copyright {
    height: 1.55rem;
    width: 100%;
    line-height: 1.55rem;
    text-align: center;
    margin-top: 2.875rem;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
}

.footer .copyright::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.2);
    left: 0;
    top: 0;
}

.footer .copyright a {
    color: #fff;
}

.footer form {
    display: block;
    font-size: 0;
    padding: 1.925rem 0 1.075rem 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;
    height: 1.35rem;
    line-height: 1.35rem;
    margin-right: .75rem;
    padding: 0 .35rem;
    outline: none;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
}

.footer form .inputs .name {
    width: 4.175rem;
}

.footer form .inputs .tel {
    width: 5.05rem;
}

.footer form .inputs .company-name {
    width: 8.825rem;
}

.footer form .inputs .province {
    width: 5.1rem;
    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;
    cursor: pointer;
}

.footer form .inputs select::-ms-expand {
    display: none;
}

.footer form .button {
    width: 14.5%;
}

.footer form::-webkit-input-placeholder {
    color: #A0A0A0;
}

.footer form:-moz-placeholder {
    color: #A0A0A0;
}

.footer form::-moz-placeholder {
    color: #A0A0A0;
}

.footer form:-ms-input-placeholder {
    color: #A0A0A0;
}

.footer .footer-tel {
    position: relative;
}

.footer .footer-tel .footer-tel-name {
    font-size: .35rem;
}

.footer .footer-tel .footer-tel-num {
    font-family: "reducto_condensed_ssiCn";
    font-size: 1.325rem;
    font-weight: bold;
}

.footer .footer-tel .button {
    display: none;
    position: absolute;
    width: 2.95rem;
    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: 3.25rem;
}

.footer .footer-bottom .footer-logo {
    width: 3.35rem;
    margin-top: .1rem;
}

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

.footer .footer-bottom .slogans {
    font-size: .4rem;
    margin-top: .5rem;
}

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

.footer .footer-info-item ul {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-top: .5rem;
}

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

.footer .footer-info-item ul li a {
    font-size: .35rem;
    color: #fff;
    text-decoration: none;
    line-height: .95rem;
    -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;
}

.my-tab .tabs {
    text-align: center;
    margin-bottom: 1.425rem;
}

.my-tab .tabs .tabs-options {
    display: inline-block;
    border-bottom: .05rem solid #E2E2E2;
    font-size: 0;
}

.my-tab .tabs .tabs-options li {
    display: inline-block;
    vertical-align: middle;
    width: 3rem;
    text-align: center;
    font-size: .4rem;
    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;
    background: #1074E7;
    left: 0;
    bottom: -.05rem;
}

.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;
    height: 5.2rem;
    border-radius: .2rem;
    overflow: hidden;
    -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);
    margin-left: 0.5rem;
}

.my-tab .tab-content .tab-item-list li .right-text {
    margin-left: 10rem;
    min-height: 5.2rem;
}

.my-tab .tab-content .tab-item-list li .right-text .list-item-text h2 {
    display: inline;
    font-size: .35rem;
    font-weight: 400;
    line-height: .7rem;
    color: #333333;
    margin-top: .675rem;
    height: 2.75rem;
    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;
    font-weight: bold;
    color: #24292E;
    line-height: .75rem;
    max-height: 1.5rem;
    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;
    font-weight: 400;
    color: #2879FF;
}

.my-tab .tab-content .tab-item-list li .list-item-text {
    font-size: .35rem;
    font-weight: 400;
    line-height: .7rem;
    color: #333333;
    margin-top: .675rem;
    height: 2.75rem;
    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;
    color: #999999;
    margin-top: .5rem;
    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 {
    padding-bottom: .75rem;
    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;
    font-weight: bold;
}

.banner .banner-info {
    font-size: .65rem;
    font-weight: 400;
    margin-top: .375rem;
}

.banner .banner-info h1 {
    display: inline;
}

.banner .banner-info .location {
    margin-left: .75rem;
    display: none;
}

.banner .banner-info .split-dotted {
    margin: 0 .125rem;
}

.banner.join-us {
    height: 14.25rem;
}

.banner.group-manage,.banner.history,.banners-play.consultation .pic-scroll,.banners-play.consultation .banner,.banner.cooperative-agent {
    height: 14.225rem;
}

.banner.tech-service {
    height: 20rem;
    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;
}

.banner.history p {
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%,0);
    color: #fff;
    font-size: 16px;
}

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

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

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

.picScroll .picList li {
    width: 100%;
    position: relative;
}

.picScroll {
    width: 100%;
    position: relative;
}

.picScroll li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: .25rem;
}

.picScroll .nav-list {
    font-size: 0;
    margin-top: .5rem;
    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;
    cursor: pointer;
}

.picScroll .nav-list li.on {
    background: rgba(255,255,255,1);
}

.banners-play {
    position: relative;
}

.banners-play.home-banners-play {
    padding-bottom: 1rem;
}

.banners-play .pic-scroll {
    height: 21.25rem;
}

.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;
    position: relative;
}

.banners-play#m_scrollBox .arrow-group {
    position: absolute;
    color: #D8D8D8;
    bottom: 2.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.banners-play#m_scrollBox .arrow-group .iconfont {
    display: inline-block;
    position: relative;
    -webkit-animation: upDown 2s ease infinite;
    -moz-animation: upDown 2s ease infinite;
    -ms-animation: upDown 2s ease infinite;
    -o-animation: upDown 2s ease infinite;
    animation: upDown 2s ease infinite;
}

@-webkit-keyframes upDown {
    0% {
        -webkit-transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(50%);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-ms-keyframes upDown {
    0% {
        -ms-transform: translateY(0);
    }

    50% {
        -ms-transform: translateY(50%);
    }

    100% {
        -ms-transform: translateY(0);
    }
}

@-o-keyframes upDown {
    0% {
        -o-transform: translateY(0);
    }

    50% {
        -o-transform: translateY(50%);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@-moz-keyframes upDown {
    0% {
        -moz-transform: translateY(0);
    }

    50% {
        -moz-transform: translateY(50%);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@keyframes upDown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(50%);
    }

    100% {
        transform: translateY(0);
    }
}

.banners-play.home-banners-play .banner::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.6));
    background: -o-linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.6));
    background: -moz-linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.6));
    background: linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.6));
}

.banners-play.home-banners-play .banner.no-mask::before {
    display: none;
}

.banners-play .banner .content-box {
    position: absolute;
    left: 50%;
    top: 45%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: left;
    color: #fff;
}

.banners-play .banner .content-box .text-title {
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 500;
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    -ms-transform: translateY(1.25rem);
    -o-transform: translateY(1.25rem);
    -moz-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
    -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;
}

.banners-play .banner .content-box .text-desc p {
    font-size: .6rem;
    font-weight: 300;
    line-height: 1rem;
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    -ms-transform: translateY(1.25rem);
    -o-transform: translateY(1.25rem);
    -moz-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
    -webkit-transition: all 1.5s cubic-bezier(.165,.84,.44,1);
    -ms-transition: all 1.5s cubic-bezier(.165,.84,.44,1);
    -moz-transition: all 1.5s cubic-bezier(.165,.84,.44,1);
    -o-transition: all 1.5s cubic-bezier(.165,.84,.44,1);
    transition: all 1.5s cubic-bezier(.165,.84,.44,1);
}

.banners-play .banner .content-box .text-desc p:first-child {
    -webkit-transition-delay: 0.9s;
    -ms-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.banners-play .banner .content-box .text-desc p:nth-child(2) {
    -webkit-transition-delay: 1.1s;
    -ms-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.banners-play .banner .content-box .text-desc p:nth-child(3) {
    -webkit-transition-delay: 1.3s;
    -ms-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.banners-play .banner .content-box.action .text-title,.banners-play .banner .content-box.action .text-desc p {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
}

.banners-play .data-show {
    width: 75.417%;
    background: #fff;
    height: 3.375rem;
    line-height: 3.375rem;
    box-sizing: border-box;
    padding: 0 1.75rem;
    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 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 0 .5rem rgba(0,0,0,0.08);
    box-shadow: 0 0 .5rem rgba(0,0,0,0.08);
}

.banners-play .data-show .float-left {
    font-size: 0;
}

.banners-play .data-show .float-left span {
    display: inline-block;
    vertical-align: middle;
    font-size: .7rem;
}

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

.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;
    border-right: 1px solid #E2E2E2;
}

.banners-play .data-show .contact-way .phone div {
    font-size: .375rem;
    font-weight: 300;
    line-height: .5rem;
}

.banners-play .data-show .contact-way .phone .phone-num {
    font-size: .975rem;
    font-weight: bold;
    line-height: 1.15rem;
}

.banners-play .data-show .contact-way .arrow-btn {
    margin-left: .825rem;
}

.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;
    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;
    line-height: .9rem;
    color: #4B4B4B;
    margin-top: .375rem;
}

.home-detail .show-text .title::before {
    left: 0;
    margin-left: 0;
}

.home-detail .show-text .desc-text {
    margin: 1.75rem 0;
}

.home-detail .show-text .desc-text p {
    color: #4B4B4B;
    font-size: .45rem;
    font-weight: 400;
    line-height: .9rem;
    letter-spacing: 1px;
}

.home-detail .show-text .desc-text .green-radius {
    display: inline-block;
    vertical-align: middle;
    width: .175rem;
    height: .175rem;
    background: #4CA566;
    border-radius: 50%;
    margin-right: .15rem;
}

.home-detail .arrow-btn {
    background: transparent;
    color: #2879FF;
    font-size: .4rem;
    font-weight: 400;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    padding: 0;
}

.home-detail .arrow-btn:hover {
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.home-detail .detail-item {
    position: relative;
}

.content-box.home-content-box {
    width: 36rem;
}

.home-detail .detail-item-main {
    padding-top: 7rem;
}

.home-detail .detail-item-main:nth-of-type(1) {
    padding-top: 3.5rem;
}

.my-tab.detail-item {
    padding-top: 5rem;
}

.content-box.home-content-box .home-detail .detail-item-main:nth-of-type(4) {
    padding-top: 6rem;
}

.content-box.home-content-box .home-detail .detail-item-main:nth-of-type(5) {
    padding-top: 6.5rem;
}

.content-box.home-content-box .home-detail.tech-service-ctc .detail-item-main {
    padding-top: 3.5rem;
}

.content-box.home-content-box .home-detail.tech-service-ctc .video-play-btn {
    bottom: 0.75rem;
}

.home-detail .detail-item .float-left {
    width: 35%;
}

.home-detail .show-images {
    width: 50%;
    text-align: right;
    font-size: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-detail .show-images .images-content {
    display: inline-block;
    width: 20.625rem;
    height: 10.5rem;
    position: relative;
}

.home-detail .show-images .images-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.home-detail .show-images .images-content .map-orange {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-animation: myOpacity 1.5s ease-in-out infinite;
    -moz-animation: myOpacity 1.5s ease-in-out infinite;
    -ms-animation: myOpacity 1.5s ease-in-out infinite;
    -o-animation: myOpacity 1.5s ease-in-out infinite;
    animation: myOpacity 1.5s ease-in-out infinite;
}

@-webkit-keyframes myOpacity {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes myOpacity {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes myOpacity {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes myOpacity {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

@keyframes myOpacity {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

.home-detail .show-images .images-content .bling-radio {
    position: absolute;
    width: .65rem;
    height: .65rem;
    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;
}

.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;
    right: -.1rem;
    bottom: -.1rem;
    left: -.1rem;
    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;
    height: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    font-size: .775rem;
    font-weight: bold;
    color: #fff;
    font-family: "reducto_condensed_ssiCn";
}

.home-detail .show-images .images-content .bling-radio.has-number::after {
    top: -0.325rem;
    right: -0.325rem;
    bottom: -0.325rem;
    left: -0.325rem;
}

.home-detail .show-images .images-content .bling-radio.has-number:nth-of-type(1) {
    left: 3.15rem;
    top: 2.9rem;
}

.home-detail .show-images .images-content .bling-radio.has-number:nth-of-type(2) {
    left: 9.45rem;
    top: 1.5rem;
}

.home-detail .show-images .images-content .bling-radio.has-number:nth-of-type(3) {
    left: 13.375rem;
    top: .325rem;
}

.home-detail .show-images .images-content .bling-radio.has-number:nth-of-type(4) {
    left: 13.4rem;
    top: 4.2rem;
}

.home-detail .show-images .images-content .bling-radio.has-number:nth-of-type(5) {
    left: 17.375rem;
    top: 7.875rem;
}

.home-detail .show-images .images-content .bling-radio::after {
    top: -.225rem;
    right: -.225rem;
    bottom: -.225rem;
    left: -.225rem;
}

.home-detail .show-images .images-content .bling-radio:nth-of-type(1) {
    left: 2.175rem;
    top: 3.475rem;
    -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;
    top: 3.575rem;
    -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;
    top: 6.975rem;
    -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;
    top: 2.175rem;
    -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;
    top: 3.575rem;
    -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;
    top: 4.8rem;
    -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;
    top: 8.6rem;
    -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;
    top: .475rem;
    -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 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 .25rem rgba(0,0,0,0.3);
    box-shadow: 0 0 .25rem rgba(0,0,0,0.3);
}

.home-detail .show-images .images-content .image-item:nth-of-type(1) {
    width: 4.5rem;
    height: 4.5rem;
    left: 4.725rem;
    top: -.775rem;
}

.home-detail .show-images .images-content .image-item:nth-of-type(2) {
    width: 2.4rem;
    height: 2.4rem;
    -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;
    top: -.5rem;
}

.home-detail .show-images .images-content .image-item:nth-of-type(3) {
    width: 3.2rem;
    height: 3.2rem;
    -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;
    top: 4.625rem;
}

.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 .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;
    height: 15.75rem;
    margin-left: -1.475rem;
    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;
    height: 9.825rem;
    top: 2.5rem;
    left: 4.325rem;
}

.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;
    height: 1.775rem;
    top: 0;
}

.home-detail .mac-content .mac-screen .mac-screen-item:nth-of-type(2) {
    width: 11.4rem;
    height: 1.6rem;
    top: 1.775rem;
    -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;
    height: 1.85rem;
    top: 3.375rem;
    -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;
    height: 2.925rem;
    top: 5.45rem;
    -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;
    height: 2.55rem;
    top: 7.875rem;
    -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;
    padding: .7rem .95rem;
    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);
    -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;
    line-height: 1.25rem;
    text-align: center;
}

.home-detail .mac-content .piece-item span {
    font-size: 1.15rem;
    color: #2EBC4F;
    font-weight: bold;
    font-family: "reducto_condensed_ssiCn";
}

.home-detail .mac-content .piece-item .text {
    font-size: .35rem;
    color: #999999;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-align: center;
    margin-top: .25rem;
}

.home-detail .mac-content .piece-item .grow {
    width: .675rem;
    height: 1.15rem;
    background: url(../images/home/mac-arrow.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .375rem;
}

.home-detail .mac-content .piece-item img {
    width: 7.125rem;
    height: 3.575rem;
}

.home-detail .mac-content .piece-item1 {
    top: .475rem;
    left: 2.075rem;
}

.home-detail .mac-content .piece-item2 {
    padding: 0 .275rem;
    top: 3.3rem;
    left: 16.125rem;
}

.home-detail .mac-content .piece-item3 {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    padding: 0;
    top: 8.75rem;
    left: 3.6rem;
}

.home-detail .mac-content .piece-item3::before {
    content: "";
    width: 1.175rem;
    height: 1.175rem;
    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 .3rem .2rem .3rem;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    left: .65rem;
    -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;
    left: 17.95rem;
}

.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;
    height: 13.525rem;
    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 .775rem;
    font-size: 1.775rem;
    color: #40CCD1;
    font-weight: 800;
    -moz-box-shadow: 0 .05rem .25rem rgba(0,0,0,0.16);
    -webkit-box-shadow: 0 .05rem .25rem rgba(0,0,0,0.16);
    box-shadow: 0 .05rem .25rem rgba(0,0,0,0.16);
    border-radius: .25rem;
    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 .3rem .5rem .3rem;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    bottom: -.975rem;
    right: .5rem;
}

.home-detail .language-team .bubble-item:nth-of-type(1) {
    left: .625rem;
    top: -.125rem;
}

.home-detail .language-team .bubble-item:nth-of-type(2) {
    padding: .3rem .375rem;
    font-size: .7rem;
    color: #803B00;
    left: 2.375rem;
    top: 4.75rem;
    -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 .3rem .2rem .3rem;
    border-color: transparent transparent transparent #fff;
    right: -.575rem;
    bottom: 1rem;
}

.home-detail .language-team .bubble-item:nth-of-type(3) {
    padding: .225rem .25rem;
    font-size: .3rem;
    color: #FFC915;
    left: 1.975rem;
    top: 7.075rem;
    -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 .15rem .2rem .15rem;
    right: .25rem;
    bottom: -.375rem;
}

.home-detail .language-team .bubble-item:nth-of-type(4) {
    padding: .325rem .55rem;
    font-size: .95rem;
    color: #EF2884;
    right: 1.775rem;
    top: .375rem;
    -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 .2rem .325rem .2rem;
    left: .5rem;
    bottom: -.625rem;
    box-sizing: border-box;
}

.home-detail .language-team .bubble-item:nth-of-type(5) {
    padding: .175rem .25rem;
    font-size: .325rem;
    color: #00A7FF;
    right: 1.775rem;
    top: 3.575rem;
    -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 .1rem .15rem .1rem;
    left: .25rem;
    bottom: -.25rem;
}

.home-detail .language-team .bubble-item:nth-of-type(6) {
    padding: .375rem .25rem;
    font-size: .675rem;
    color: #ED7A18;
    right: 1.5rem;
    top: 5.5rem;
    -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 .2rem .3rem .2rem;
    left: .5rem;
    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;
}

.home-detail .my-tab .home-tab-content .img-item {
    height: 20.4rem;
}

.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;
    font-weight: 400;
    letter-spacing: .05rem;
}

.home-detail .my-tab .data-content-item .data-desc {
    font-size: .45rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: .9rem;
    margin-top: 1.25rem;
}

.home-detail .my-tab .home-tab-content.action .data-content-item .bar-lists .bar-item:first-of-type .ellipse.on {
    height: 2.625rem;
}

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

.home-detail .my-tab .home-tab-content.action .data-content-item .bar-lists .bar-item:nth-of-type(3) .ellipse.on {
    height: 2.4rem;
}

.home-detail .bar-lists {
    margin-top: 2.5rem;
    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;
    width: 2.35rem;
    margin: 0 auto;
    position: relative;
}

.home-detail .bar-item .bar .ellipse {
    display: inline-block;
    width: 1rem;
    height: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/home/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/home/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;
    top: -0.56rem;
    background-position: center bottom;
    background-image: url(../images/home/bar1-top.png);
    background-size: 100% 100%;
}

.home-detail .bar-item .bar .ellipse.blue::before {
    background-image: url(../images/home/bar2-top.png);
    background-size: 100% 100%;
    top: -.56rem;
}

.home-detail .bar-item .bar .ellipse::after {
    height: .3rem;
    bottom: -0.265rem;
    background-position: center top;
    background-image: url(../images/home/bar1-bottom.png);
    background-size: 100% 100%;
}

.home-detail .bar-item .bar .ellipse.blue::after {
    height: .35rem;
    bottom: -0.315rem;
    background-image: url(../images/home/bar2-bottom.png);
    background-size: 100% 100%;
}

.home-detail .bar-item .bar-number {
    font-size: .85rem;
    font-weight: bold;
    text-align: center;
    margin-top: .45rem;
}

.home-detail .bar-item .bar-name {
    height: .9rem;
    font-size: .4rem;
    font-weight: 400;
    letter-spacing: .05rem;
    text-align: center;
}

.home-detail .lengend {
    margin-top: 2rem;
    margin-left: .5rem;
}

.home-detail .lengend .lengend-item {
    font-size: .4rem;
    padding-left: 1.125rem;
    margin-right: 1.75rem;
    position: relative;
}

.home-detail .lengend .lengend-item:last-of-type {
    margin-right: 0;
}

.home-detail .lengend .lengend-item::before {
    content: "";
    position: absolute;
    width: .775rem;
    height: .875rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/home/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;
    height: .95rem;
    background-image: url(../images/home/bar2.png);
    background-size: 100% 100%;
}

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

.home-detail .show-text.float-right.with-google {
    width: 40%;
}

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

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

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

.home-detail .with-google-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: .1rem;
}

.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;
    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;
    height: 1.525rem;
    background: url(../images/home/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;
}

.home-detail .with-google-images .position .position-name {
    font-size: .35rem;
    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;
    height: 9.25rem;
    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 rgba(0,0,0,0.16);
    -webkit-box-shadow: 0 0 .75rem rgba(0,0,0,0.16);
    box-shadow: 0 0 .75rem 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 1.25rem 0;
    margin-left: 17.15rem;
}

.home-detail.tech-service-ctc .alpha-content .alpha-logo {
    display: block;
    width: 9.925rem;
    height: 2rem;
    background: url(../images/infinite-new-ideas.png) no-repeat;
    background-size: contain;
}

.home-detail.tech-service-ctc .alpha-content .alpha-text {
    font-size: .675rem;
    font-weight: 400;
    color: #333333;
    line-height: 1.15rem;
    margin-top: .625rem;
}

.home-detail .tech-service-item1 {
    display: inline-block;
    width: 20rem;
    height: 14.725rem;
    position: relative;
}

.home-detail .tech-service-item1 img {
    width: 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%;
}

.home-detail .tech-service-item1 .img-item1 {
    width: 12.75rem;
    height: 10.025rem;
    top: 1.375rem;
    right: 1.575rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
    box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
}

.home-detail .tech-service-item1 .img-item2 {
    width: 5.25rem;
    height: 10rem;
    left: 1.675rem;
    bottom: 1.7rem;
    border-radius: .725rem;
    -webkit-box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
    box-shadow: 0 0 1.25rem 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;
    height: 2.675rem;
    top: 4.425rem;
    right: .75rem;
    -webkit-box-shadow: 0 0 .375rem rgba(0,0,0,0.16);
    -moz-box-shadow: 0 0 .375rem rgba(0,0,0,0.16);
    box-shadow: 0 0 .375rem rgba(0,0,0,0.16);
}

.home-detail .tech-service-item1 .img-item1 .image-child2 {
    width: 3.45rem;
    height: .925rem;
    right: -1.05rem;
    bottom: .55rem;
}

.home-detail .tech-service-item1 .img-item2 .image-child1 {
    width: 3.95rem;
    height: 1.475rem;
    left: .65rem;
    bottom: 1.675rem;
}

.home-detail .tech-service-item1 .img-item2 .image-child2 {
    width: 4.45rem;
    height: 3.975rem;
    right: -2.4rem;
    top: .775rem;
    -webkit-box-shadow: 0 0 .75rem rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 .75rem rgba(0,0,0,0.08);
    box-shadow: 0 0 .75rem rgba(0,0,0,0.08);
}

.home-detail .tech-service-item1 .img-item2 .image-child3 {
    width: 1.4rem;
    height: 1.4rem;
    right: -.7rem;
    bottom: 1.7rem;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 .375rem rgba(0,0,0,0.16);
    -moz-box-shadow: 0 0 .375rem rgba(0,0,0,0.16);
    box-shadow: 0 0 .375rem 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;
    height: 14rem;
    position: relative;
}

.home-detail .tech-service-item2 img {
    width: 100%;
    height: 100%;
}

.home-detail .tech-service-item2 .img-item {
    position: absolute;
    width: 12.75rem;
    height: 10.45rem;
    left: 0;
    top: 1.525rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
    box-shadow: 0 0 1.25rem 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;
    height: 4.3rem;
    left: -0.25rem;
    top: 4.25rem;
}

.home-detail .tech-service-item2 .img-item .image-child2 {
    width: 8.4rem;
    height: 2.75rem;
    top: 6.5rem;
    right: -2.25rem;
}

.home-detail .tech-service-item2 .img-item .image-child3 {
    width: 1.325rem;
    height: 1.325rem;
    right: 1.5rem;
    bottom: 1.25rem;
}

.home-detail .tech-service-item2 .img-item .image-child4 {
    width: 1.275rem;
    height: 1.275rem;
    right: -1rem;
    bottom: 2rem;
}

.home-detail .tech-service-item2 .img-item .image-child5 {
    width: 1.925rem;
    height: 1.925rem;
    right: -.5rem;
    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 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
    box-shadow: 0 0 1.25rem 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;
    height: 18.8rem;
    position: relative;
}

.home-detail .tech-service-item3 img {
    width: 100%;
    height: 100%;
}

.home-detail .tech-service-item3 .img-item {
    position: absolute;
    width: 12.75rem;
    height: 10.45rem;
    top: 3.65rem;
    left: 1.975rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
    box-shadow: 0 0 1.25rem 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;
    height: 2.5rem;
    top: 2.4rem;
    left: -1.975rem;
}

.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;
    height: 4.65rem;
    right: -1.275rem;
    bottom: .775rem;
}

.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 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
    box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
}

.home-detail .tech-service-item3 .img-item .image-child3 {
    width: 1.325rem;
    height: 1.325rem;
    left: 3.325rem;
    bottom: .25rem;
}

.home-detail .tech-service-item3 .img-item .image-child4 {
    width: 1.275rem;
    height: 1.275rem;
    right: -.375rem;
    top: 1.25rem;
}

.home-detail .tech-service-item3 .img-item .image-child5 {
    width: 1.925rem;
    height: 1.925rem;
    left: -1rem;
    bottom: 2.375rem;
}

.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 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
    box-shadow: 0 0 1.25rem 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;
}

.home-detail .show-images.green-globalmap .images-content .bling-radio:nth-of-type(2) {
    top: 9.375rem;
    left: 5.25rem;
}

.home-detail .show-images.green-globalmap .images-content .bling-radio:nth-of-type(3) {
    top: 2rem;
    left: 10.75rem;
}

.home-detail .show-images.green-globalmap .images-content .bling-radio:nth-of-type(4) {
    top: 3.375rem;
    left: 12.625rem;
}

.home-detail .show-images.green-globalmap .images-content .bling-radio:nth-of-type(5) {
    top: 7.05rem;
    left: 11.25rem;
}

.home-detail .show-images.green-globalmap .images-content .bling-radio:nth-of-type(6) {
    top: 3.5rem;
    left: 15.375rem;
}

.home-detail .show-images.green-globalmap .images-content .bling-radio:nth-of-type(7) {
    left: 17.75rem;
    top: 7.875rem;
}

.home-detail .show-images.green-globalmap .image-item:nth-of-type(2) {
    width: 1.65rem;
    height: 1.65rem;
    left: 3.625rem;
    top: 3rem;
}

.home-detail .show-images.green-globalmap .image-item:nth-of-type(3) {
    width: 1.65rem;
    height: 1.65rem;
    top: 7rem;
    left: 5.5rem;
}

.home-detail .show-images.green-globalmap .image-item:nth-of-type(4) {
    width: 1.65rem;
    height: 1.65rem;
    top: 1.25rem;
    left: 8.75rem;
}

.home-detail .show-images.green-globalmap .image-item:nth-of-type(5) {
    width: 1.35rem;
    height: 1.35rem;
    top: 3.375rem;
    left: 10.95rem;
}

.home-detail .show-images.green-globalmap .image-item:nth-of-type(6) {
    width: 1.65rem;
    height: 1.65rem;
    top: 8.125rem;
    left: 9.875rem;
}

.home-detail .show-images.green-globalmap .image-item:nth-of-type(7) {
    width: 1.35rem;
    height: 1.35rem;
    top: 3.875rem;
    left: 13.625rem;
}

.home-detail .show-images.green-globalmap .image-item:nth-of-type(8) {
    width: 1.35rem;
    height: 1.35rem;
    top: 2rem;
    left: 16.2rem;
}

.home-detail .show-images.green-globalmap .image-item:nth-of-type(9) {
    width: 1.35rem;
    height: 1.35rem;
    top: 3.75rem;
    left: 16.25rem;
}

.home-detail .show-images.green-globalmap .image-item:nth-of-type(10) {
    width: 1.65rem;
    height: 1.65rem;
    top: 5.625rem;
    left: 15.75rem;
}

.home-detail .show-images.green-globalmap .image-item:nth-of-type(11) {
    width: 1.65rem;
    height: 1.65rem;
    top: 8rem;
    left: 15rem;
}

.home-detail .show-images.green-globalmap .text {
    position: absolute;
    font-size: .45rem;
    color: #4B4B4B;
    font-weight: 400;
    right: 1.125rem;
}

.home-detail .show-images.green-globalmap .text span {
    font-size: 1.1rem;
    font-weight: bold;
    color: #46C963;
    margin-left: .45rem;
    font-family: "reducto_condensed_ssiCn";
}

.more-tech {
    background: #F6F6F6;
    margin-top: 3.5rem;
}

.more-tech .more-tech-content {
    width: 36rem;
    margin: 0 auto;
    padding: 1.975rem 0 5.25rem;
}

.more-tech .more-tech-content .more-tech-title {
    font-size: .75rem;
    font-weight: 300;
    color: #24292E;
}

.more-tech .more-tech-content .more-tech-list {
    margin: 1.25rem -.575rem 0;
}

.more-tech .more-tech-content .more-tech-list li {
    float: left;
    width: 25%;
    height: 10.3rem;
}

.more-tech .more-tech-content .more-tech-list li .more-tech-item {
    background: #fff;
    margin: 0 .575rem;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    padding: 1.1rem .7rem;
}

.more-tech .more-tech-content .more-tech-list li .more-tech-item .iconfont {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: .75rem;
    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;
    color: #233142;
    letter-spacing: .0125rem;
    margin: .625rem 0;
}

.more-tech .more-tech-content .more-tech-list li .more-tech-item .text {
    font-size: .35rem;
    color: #999999;
    line-height: .6rem;
    max-height: 3.5rem;
    letter-spacing: .02rem;
    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;
    height: .4rem;
    background: url(../images/home/authentication-icon1.png) no-repeat;
    background-size: 100% 100%;
}

.authentication .auth-item .authentication-icon2 {
    width: .525rem;
    height: .45rem;
    background: url(../images/home/authentication-icon2.png) no-repeat;
    background-size: 100% 100%;
}

.authentication .auth-item .authentication-icon3 {
    width: .35rem;
    height: .5rem;
    background: url(../images/home/authentication-icon3.png) no-repeat;
    background-size: 100% 100%;
}

.authentication .auth-item i {
    margin-right: .125rem;
    font-size: .45rem;
}

.authentication .auth-item span {
    font-size: .4rem;
    color: #333333;
}

.play-3d-wrap {
    padding-top: 8.5rem;
}

.play-3d {
    height: 12.675rem;
    background: #F6F6F6;
    position: relative;
    margin-bottom: 4.5rem;
}

.play-3d .title {
    position: absolute;
    top: -4.5rem;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.play-3d .box {
    width: 30.175rem;
    height: 100%;
    padding: 0 2rem;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}

.dg-wrapper {
    position: absolute;
    height: 17.325rem;
    left: 2rem;
    right: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
}

.dg-wrapper li {
    position: absolute;
    top: 50%;
    width: 7.175rem;
    list-style: none;
    background: #fff;
    -webkit-box-shadow: 0 .25rem .5rem rgba(0,0,0,0.2);
    -moz-box-shadow: 0 .25rem .5rem rgba(0,0,0,0.2);
    box-shadow: 0 .25rem .5rem rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dg-wrapper li .innertext {
    height: 10.725rem
}

.dg-wrapper li.p1 {
    left: 20%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    opacity: 0;
}

.dg-wrapper li.p2 {
    left: 0;
    -webkit-transform: translate(8%,-50%);
    -moz-transform: translate(8%,-50%);
    -o-transform: translate(8%,-50%);
    -ms-transform: translate(8%,-50%);
    transform: translate(8%,-50%);
    z-index: 2;
    opacity: 1;
}

.dg-wrapper li.p3 {
    left: 50%;
    width: 9.625rem;
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    opacity: 1;
}

.dg-wrapper li.p3 .inner_img {
    height: 7.575rem;
}

.dg-wrapper li.p3 .inner_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.dg-wrapper li.p3 .innertext {
    height: 7.725rem;
    background: #2778FE;
    color: #fff;
}

.dg-wrapper li.p3 .innertext .iconfont {
    opacity: 1;
}

.dg-wrapper li.p4 {
    left: unset;
    right: 0;
    -webkit-transform: translate(-8%,-50%);
    -moz-transform: translate(-8%,-50%);
    -o-transform: translate(-8%,-50%);
    -ms-transform: translate(-8%,-50%);
    transform: translate(-8%,-50%);
    z-index: 2;
    opacity: 1;
}

.dg-wrapper li.p5 {
    left: unset;
    right: 20%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    opacity: 0;
}

.dg-wrapper .innertext {
    padding: 2.5rem 1.075rem 1rem;
    box-sizing: border-box;
    height: 7.725rem;
    color: #333;
    position: relative;
}

.dg-wrapper .innertext .iconfont {
    position: absolute;
    font-size: 1.425rem;
    left: 1.075rem;
    top: .35rem;
    opacity: 0.2;
}

.dg-wrapper .inner_img {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    -ms-transition: height 0.5s ease;
    transition: height 0.5s ease;
}

.dg-wrapper a .inner_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.dg-wrapper .banner-content {
    height: 3.75rem;
    font-size: .35rem;
    line-height: .75rem;
    position: relative;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
}

.dg-wrapper .banner-sign {
    position: absolute;
    bottom: 0.5rem;
    left: 1.075rem;
    right: 1.075rem;
    font-size: .35rem;
}

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

.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/branch/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: 12.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: 11.9rem;
    left: 15.15rem;
}

.branch-content .map-content .location-item.chongqing {
    top: 12.625rem;
    left: 11.95rem;
}

.branch-content .map-content .location-item.changsha {
    top: 13.05rem;
    left: 14.65rem;
}

.branch-content .map-content .location-item.shanghai {
    top: 12.025rem;
    left: 19.875rem;
}

.branch-content .map-content .location-item.chengdu {
    top: 11.95rem;
    left: 10.625rem;
}

.branch-content .map-content .location-item.guangzhou {
    top: 16.35rem;
    left: 16.05rem;
}

.branch-content .map-content .location-item.shenzhen {
    top: 16.85rem;
    left: 16.875rem;
}

.branch-content .map-content .location-item.zhengzhou {
    left: 15.025rem;
    top: 9.9rem;
}

.branch-content .map-content .location-item.zhuzhou {
    left: 14.65rem;
    top: 13.75rem;
}

.branch-content .map-content .location-item.yantai {
    left: 18.625rem;
    top: 8.45rem;
}

.branch-content .map-content .location-item.jinan {
    left: 16.85rem;
    top: 9.025rem;
}

.branch-content .map-content .location-item.qingdao {
    left: 19rem;
    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.wuxi {
    left: 18.225rem;
    top: 12.5rem;
}

.branch-content .map-content .location-item.hefei {
    left: 16.725rem;
    top: 11.55rem;
}

.branch-content .map-content .location-item.nanjing {
    left: 18.025rem;
    top: 11.425rem;
}

.branch-content .map-content .location-item.changzhou {
    left: 18.025rem;
    top: 11.425rem;
}

.branch-content .map-content .location-item.foshan {
    left: 16rem;
    top: 17rem;
}

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

.branch-content .my-tab .tab-content {
    margin-top: -1.75rem;
}

.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 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;
    height: 1.175rem;
    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/branch/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;
    height: 1.65rem;
    background: url(../images/branch/branch2.png) no-repeat;
    background-size: 100% 100%;
}

.branch-content .my-tab .tab-content .tab-item-list li:nth-child(3n) .shape {
    width: 5rem;
    height: 200px;
    background: url(../images/branch/branch3.png) no-repeat;
    background-size: 100% 100%;
}

.branch-content .item-info .item-title {
    font-size: .5rem;
    color: #24292E;
    font-weight: bold;
    height: 2rem;
    line-height: 2rem;
    position: relative;
}

.branch-content .item-info .item-text {
    margin: .7rem 0;
    overflow: hidden;
}

.branch-content .item-info .item-text table {
    width: 100%;
    font-size: .35rem;
    color: #333;
}

.branch-content .item-info .item-text table th {
    width: 1.5rem;
    color: #999999;
}

.branch-content .item-info .item-text table th,.branch-content .item-info .item-text table td {
    vertical-align: top;
    padding: .2rem 0;
    font-size: .35rem;
}

.branch-content .item-info .item-title::before {
    content: "";
    width: .725rem;
    height: .05rem;
    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 rgba(0,0,0,0.16);
    -webkit-box-shadow: 0 0 1rem rgba(0,0,0,0.16);
    box-shadow: 0 0 1rem rgba(0,0,0,0.16);
}

.branch-content .item-info:hover .item-title::before {
    width: 2rem;
}

.branch-content .item-info:hover .shape {
    visibility: visible;
    opacity: 1;
}

.branch-content .item-info .arrow-btn {
    background: transparent;
    color: #2879FF;
    font-size: .4rem;
    font-weight: 400;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    padding: 0;
}

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

.join-us-content {
    width: 70.715%;
    margin: 1.375rem auto 2.1rem;
}

.join-us-content li {
    border: 1px solid #E0E0E0;
    margin-bottom: .75rem;
    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 rgba(0,0,0,0.2);
}

.join-us-content li .item {
    padding: 1.1rem 1.5rem 1.6rem 1.6rem;
}

.join-us-content li .item>div {
    height: .6rem;
    line-height: .6rem;
}

.join-us-content li .item .float-left {
    font-size: .5rem;
    font-weight: bold;
    color: #24292E;
    position: relative;
    letter-spacing: .05rem;
}

.join-us-content li .item .float-left::before {
    content: "";
    width: .725rem;
    height: .05rem;
    background: #1074E7;
    position: absolute;
    left: 0;
    bottom: -.65rem;
}

.join-us-content li .item .float-right {
    font-size: .35rem;
    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 1.5rem .75rem 1.6rem;
    background: #F6F6F6;
    font-size: .35rem;
    line-height: .7rem;
}

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

.history-text {
    width: 63.929%;
    font-size: .35rem;
    font-weight: 400;
    line-height: .9rem;
    color: #4B4B4B;
    text-align: center;
    margin: .5rem auto 0;
}

.history-content {
    width: 84.285714%;
    margin: 2.5rem auto 3.125rem;
}

.history-content li {
    padding-bottom: 2.25rem;
    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;
    font-weight: bold;
    line-height: .55rem;
    color: #24292E;
}

.history-content li .text .text-desc {
    font-size: .35rem;
    font-weight: 400;
    color: #4B4B4B;
    line-height: .7rem;
    margin-top: .625rem;
}

.history-content li .text-lf {
    text-align: right;
    position: relative;
    float: left;
}

.history-content li .text-lf>* {
    padding-right: 1.325rem;
}

.history-content li .text-lf::before,.history-content li .time-show::after {
    content: "";
    width: .5rem;
    height: .5rem;
    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;
}

.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;
    background: url(../images/CAMEL-spirit.jpg) no-repeat center center;
    background-size: 100% 100%;
}

.camel-sprit .content-box {
    padding-top: 2.425rem;
}

.camel-sprit .title {
    color: #fff;
}

.camel-sprit-content {
    width: 66.143%;
    margin: 2.675rem auto 0;
    position: relative;
}

.camel-sprit-content {
    width: 66.143%;
    margin: 2.625rem auto .5rem;
    font-size: .35rem;
    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;
    text-transform: uppercase;
}

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

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

.camel-sprit-content .simple-text {
    padding-left: 28%;
    padding-top: .625rem;
}

.group-manage-content {
    width: 75%;
    margin: 1.5rem auto 0;
}

.group-manage-content .item {
    margin-bottom: 2.5rem;
}

.group-manage-content .float-left {
    width: 8.125rem;
    height: 9.025rem;
    line-height: 9.025rem;
}

.group-manage-content .personal-info {
    display: table-cell;
    vertical-align: middle;
    height: 9.025rem;
    padding-left: 1.375rem;
}

.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;
    font-weight: bold;
    color: #24292E;
}

.group-manage-content .info .position {
    font-size: .375rem;
    font-weight: 400;
    color: #000000;
    margin-left: .4rem;
}

.group-manage-content .desc {
    font-size: .35rem;
    font-weight: 400;
    line-height: .7rem;
    color: #333333;
    margin-top: .25rem;
    letter-spacing: 1px;
}

.group-manage-content .tags {
    margin-top: .5rem;
}

.group-manage-content .tags .tag-item {
    display: inline-block;
    font-size: .375rem;
    font-weight: 400;
    color: #333333;
    padding: .175rem .475rem;
    background: #EBF0FE;
    border-radius: .1rem;
}

.case-content {
    width: 79.643%;
    margin: 0 auto 1rem;
}

.consultation-content {
    width: calc(79.643% + 2rem );
    margin: 2rem auto 1rem;
}

.consultation-content .picScroll,.case-content .picScroll {
    display: none;
}

.consultation-content .picScroll .nav-list {
    margin: .275rem 0 .5rem;
}

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

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

.cooperative-agent-ctc {
    text-align: center;
}

.cooperative-agent-ctc .float-left {
    width: 50%;
}

.cooperative-agent-ctc .cooperative-title {
    height: .5rem;
    line-height: .5rem;
    font-size: .5rem;
    font-weight: bold;
    color: #24292E;
}

.cooperative-agent-ctc .text-content {
    font-size: .35rem;
    font-weight: 400;
    line-height: .7rem;
    color: #333333;
    margin-top: .75rem;
    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;
    padding-right: 1.25rem;
}

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

.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;
    height: 2.625rem;
    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 .4rem;
    border-color: transparent;
    border-left-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: .2rem;
    -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;
    font-weight: bold;
    color: #24292E;
}

.consultation-detail .content-show .time {
    font-size: .35rem;
    font-weight: 400;
    color: #999999;
    letter-spacing: 1px;
    margin-top: .725rem;
}

.consultation-detail .content-show .tags {
    font-size: 0;
    margin-top: .725rem;
}

.consultation-detail .content-show .tags h2 {
    display: inline-block;
    vertical-align: middle;
    height: .65rem;
    line-height: .65rem;
    font-size: .35rem;
    font-weight: 400;
    color: #333333;
    padding: 0 .55rem;
    background: #EBEBEB;
    border-radius: .325rem;
    margin-right: .375rem;
    margin-bottom: .375rem;
}

.consultation-detail .article {
    padding-top: 1rem;
    border-top: 1px dotted #E2E2E2;
}

.consultation-detail .article p {
    font-size: .35rem;
    font-weight: 400;
    line-height: .8rem;
    color: #333333;
    letter-spacing: 1px;
    margin-bottom: .375rem;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden;
}

.consultation-detail .article .image-show {
    margin-bottom: .5rem;
}

.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;
    font-weight: 400;
    color: #999999;
    letter-spacing: 1px;
    text-align: center;
    margin-top: .25rem;
}

.my-dialog {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}

.contact-us {
    box-sizing: border-box;
    width: 8rem;
    position: fixed;
    right: -6.85rem;
    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;
    -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;
    color: #FFFFFF;
    box-sizing: border-box;
    width: 1.15rem;
    padding: .55rem .35rem;
    background: #2879FF;
    letter-spacing: .2rem;
    border-radius: .25rem 0 0 .25rem;
    cursor: pointer;
}

.contact-us .contact-us-btn::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-width: .2rem 0 .2rem .2rem;
    border-style: solid;
    border-color: transparent transparent transparent #2879FF;
    right: -.18rem;
    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 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 0 0 .25rem;
    -moz-box-shadow: 0 0 1rem rgba(39,121,253,0.23);
    -webkit-box-shadow: 0 0 1rem rgba(39,121,253,0.23);
    box-shadow: 0 0 1rem rgba(39,121,253,0.23);
}

.contact-us .contact-ways {
    padding: 0 .75rem;
    border-bottom: none;
}

.contact-us .contact-ways .contact-way {
    margin-bottom: .3rem;
}

.contact-us .contact-ways .contact-way:last-child {
    margin-bottom: 0;
}

.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;
    height: .7rem;
    line-height: .7rem;
    border-radius: 50%;
    background: #FFB521;
    color: #fff;
    text-align: center;
    font-size: .4rem;
}

.contact-us .contact-ways .contact-way .way .iconfont.icon-dianhua::before {
    display: none;
    content: ''
}

.contact-us .contact-ways .contact-way .way .iconfont.icon-dianhua::after {
    content: "";
    background: url(../images/contact-sprite.png) no-repeat;
    background-position: -0.03rem -0.3rem;
    background-size: 3rem;
    display: block;
    width: 100%;
    height: 100%;
}

.contact-us .contact-ways .contact-way .way .iconfont.icon-dvt-email {
    background: #02AF48;
}

.contact-us .contact-ways .contact-way .way .iconfont.icon-dvt-email::before {
    display: none;
    content: ''
}

.contact-us .contact-ways .contact-way .way .iconfont.icon-dvt-email::after {
    content: "";
    background: url(../images/contact-sprite.png) no-repeat;
    background-position: -2.36rem -0.3rem;
    background-size: 3rem;
    display: block;
    width: 100%;
    height: 100%;
}

.contact-us .contact-ways .contact-way .way .iconfont.icon-dingweiweizhi {
    background: #386BF3;
}

.contact-us .contact-ways .contact-way .way .iconfont.icon-dingweiweizhi::before {
    display: none;
    content: ''
}

.contact-us .contact-ways .contact-way .way .iconfont.icon-dingweiweizhi::after {
    content: "";
    background: url(../images/contact-sprite.png) no-repeat;
    background-position: -1.7rem -0.3rem;
    background-size: 3rem;
    display: block;
    width: 100%;
    height: 100%;
}

.contact-us .contact-ways .contact-way .way span {
    font-size: .45rem;
    color: #333333;
    margin-left: .35rem;
}

.contact-us .contact-ways .contact-way .way-ctc {
    color: #2878FF;
    font-size: .55rem;
    padding: .25rem 0;
    border-bottom: 1px solid #E2E2E2;
}

.contact-us .contact-ways .contact-way .way-ctc.code-img-wrap {
    padding: 0.2rem 0 0 0;
}

.contact-us .w-code-img {
    width: 100%;
    position: relative;
    left: -0.2rem;
}

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

.contact-us a.box-item {
    text-decoration: none;
    color: #2879FF;
    border: 1px solid #2879FF;
    margin: .25rem 0 0 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;
    font-size: .35rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    margin-top: .3rem;
    position: relative;
}

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

:-ms-input-placeholder {
    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;
}

.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;
    color: #2878FF;
    margin-top: .25rem;
}

.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 2rem;
    background: #fff;
    border-radius: .1rem;
    -moz-box-shadow: 0 0 1.25rem rgba(0,0,0,0.27);
    -webkit-box-shadow: 0 0 1.25rem rgba(0,0,0,0.27);
    box-shadow: 0 0 1.25rem rgba(0,0,0,0.27);
}

.dialog .dialog-main i.close-btn {
    position: absolute;
    right: .725rem;
    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;
    color: #333333;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.dialog .dialog-main .dialog-content {
    margin-top: .75rem;
    font-size: .4rem;
    color: #333333;
}

.dialog .dialog-main .dialog-content p {
    text-align: center;
}

.dialog .dialog-main .dialog-operations {
    text-align: center;
    margin-top: 1rem;
}

.dialog.login-dialog .dialog-main {
    width: 58%;
}

.dialog.login-dialog .dialog-main .dialog-content {
    margin: 1.4rem 0 .75rem;
}

.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 );
    margin-right: .75rem;
    position: relative;
}

.dialog .dialog-main form .input-item label {
    position: absolute;
    font-size: .35rem;
    color: #A0A0A0;
    font-weight: 300;
    left: .375rem;
    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;
    width: 100%;
    box-sizing: border-box;
    line-height: .75rem;
    border: 1px solid #EAEAEA;
    border-radius: .25rem;
    outline: none;
    padding-left: 1.5rem;
    position: relative;
}

.dialog .dialog-main form .input-item .reminder-info {
    display: none;
    position: absolute;
    bottom: -.75rem;
    left: .375rem;
    font-size: .35rem;
    color: #FF2828;
}

.dialog .dialog-main form .input-item .reminder-info .iconfont {
    display: none;
    margin-right: .25rem;
    -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 rgba(39,118,248,0.33);
    -webkit-box-shadow: 0 0 .5rem rgba(39,118,248,0.33);
    box-shadow: 0 0 .5rem rgba(39,118,248,0.33);
}

.dialog .dialog-main form .input-item.error input {
    border-color: #FF2828;
    -moz-box-shadow: 0 0 .5rem rgba(255,40,40,0.23);
    -webkit-box-shadow: 0 0 .5rem rgba(255,40,40,0.23);
    box-shadow: 0 0 .5rem rgba(255,40,40,0.23);
}

.dialog .dialog-main form .input-item.error .reminder-info {
    display: block;
}

.dialog.video-play .dialog-main {
    width: 80%;
    padding: 0;
    background: transparent;
}

@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 span,.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: 4.9rem;
    }

    .history-content li .text .text-title,.branch-content .item-info .item-title,.join-us-content li .item .float-left,.group-manage-content .info .name,.my-tab .tab-content .tab-item-list li .list-item-title,.cooperative-agent-ctc .cooperative-title,.banner.case .banner-info,.consultation-detail .content-show .content-title {
        font-size: 0.625rem;
    }

    .cooperative-agent-ctc .cooperative-title {
        height: .625rem;
        line-height: 0.625rem;
    }

    .history-content li .text-lf::before,.history-content li .time-show::after {
        width: .625rem;
        height: .625rem;
    }

    .camel-sprit-content .first-letter {
        font-size: 0.938rem;
    }

    .group-manage-content .info .position,.group-manage-content .tags .tag-item {
        font-size: 0.469rem;
    }

    .banner .banner-title {
        font-size: 1.15rem;
    }

    .my-tab .tab-content .tab-item-list li .list-item-text {
        margin-top: 0.375rem;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        height: 2.5rem;
    }

    .my-tab .tab-content .tab-item-list li .list-item-time {
        margin-top: 0.2rem;
    }

    .home-detail .show-text .small-title {
        font-size: 0.56rem;
    }

    .more-tech .more-tech-content .more-tech-list li .more-tech-item .more-tech-item-title {
        font-size: 0.6rem;
    }

    .branch-content .item-info {
        height: 8.5rem;
    }
}

@media screen and (max-width: 1440px) {
    .cooperative-agent-ctc .image-item .text {
        font-size:0.5rem;
    }
}

@media screen and (max-width: 1280px) {
    .branch-content .item-info {
        height:8.5rem;
    }

    .more-tech .more-tech-content .more-tech-list li .more-tech-item .text {
        line-height: .75rem;
    }
}

@media screen and (max-width: 1200px) {
    .join-us-content li .item-details .column {
        width:2.7rem;
    }
}

#cnzz_stat_icon_1277940688 {
    display: none;
}

.banner-video-play {
    display: inline-block;
    font-size: 0;
    padding: .265rem .58rem;
    border-radius: .25rem;
    border: 1px solid #fff;
    cursor: pointer;
    margin-top: 1.3rem;
    background: rgba(96,143,255,0.3);
    opacity: 0;
    -webkit-transition: transform 1.5s cubic-bezier(.165,.84,.44,1) 1.5s,opacity 1.5s cubic-bezier(.165,.84,.44,1) 1.5s;
    -ms-transition: transform 1.5s cubic-bezier(.165,.84,.44,1) 1.5s,opacity 1.5s cubic-bezier(.165,.84,.44,1) 1.5s;
    -moz-transition: transform 1.5s cubic-bezier(.165,.84,.44,1) 1.5s,opacity 1.5s cubic-bezier(.165,.84,.44,1) 1.5s;
    -o-transition: transform 1.5s cubic-bezier(.165,.84,.44,1) 1.5s,opacity 1.5s cubic-bezier(.165,.84,.44,1) 1.5s;
    transition: transform 1.5s cubic-bezier(.165,.84,.44,1) 1.5s,opacity 1.5s cubic-bezier(.165,.84,.44,1) 1.5s;
    -webkit-transform: translateY(1.25rem);
    -ms-transform: translateY(1.25rem);
    -o-transform: translateY(1.25rem);
    -moz-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
}

.banner-video-play i,.banner-video-play span {
    display: inline-block;
    vertical-align: middle;
}

.banner-video-play i {
    width: .725rem;
    height: .725rem;
    background: url(../images/icon-video.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .45rem;
}

@media screen and (max-width: 1680px) and (min-width:768px) {
    .banner-video-play i {
        width:1rem;
        height: 1rem;
    }
}

.banner-video-play span {
    font-size: .6rem;
    color: #fff;
}

.banner-video-play:hover {
    background: rgba(255,255,255,0.6);
    -webkit-transition: background 0.1s ease-in-out 0s;
    -moz-transition: background 0.1s ease-in-out 0s;
    -o-transition: background 0.1s ease-in-out 0s;
    -ms-transition: background 0.1s ease-in-out 0s;
    transition: background 0.1s ease-in-out 0s;
}

.banners-play .banner .content-box.action .banner-video-play {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
}

.ecert-input-ql {
    width: 7.25rem;
    height: 1.25rem;
    position: relative;
    opacity: 1;
    border-radius: 0.1rem;
    margin: 0 auto;
    margin-bottom: 2.05rem;
}

.ecert-input-ql input {
    width: 6.5rem;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 0.375rem;
    background: rgba(244,244,244,1);
    font-size: 0.4rem;
    color: rgba(51,51,51,1);
    text-align: center;
    cursor: pointer;
}

.ecert-input-ql .yuan {
    width: 1.25rem;
    height: 1.25rem;
    background: rgba(255,255,255,1);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    right: -0.625rem;
    top: 0;
    cursor: pointer;
    text-align: center;
    line-height: 1.25rem;
}

.ecert-input-ql .yuan img {
    width: 0.675rem;
    height: 0.675rem;
    display: inline-block;
    vertical-align: middle;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix {
    *zoom:1;}

.search-ql {
    width: 20.2rem;
    font-family: Source Han Sans CN;
    margin: 0 auto;
}

.search-ql h1 {
    width: 100%;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 51px;
    color: rgba(36,41,46,1);
    text-align: center;
    margin-bottom: 28px;
}

.search-ql p {
    font-size: 18px;
    color: rgba(51,51,51,1);
    text-align: center;
    font-weight: 400;
    margin-bottom: 1.125rem;
}

.search-ql input {
    width: 15.75rem;
    padding: 0 0.375rem;
    height: 1.25rem;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(190,190,190,1);
    border-radius: 0.1rem;
    outline: none;
    font-size: 0.4rem;
    font-weight: 400;
    float: left;
}

.search-ql input:focus {
    border: 1px solid rgba(46,188,79,1);
}

.search-ql .btn {
    float: right;
    width: 3.125rem;
    height: 1.25rem;
    background: rgba(46,188,79,1);
    border-radius: 0.1rem;
    font-size: 0.4rem;
    color: rgba(255,255,255,1);
    line-height: 1.25rem;
    text-align: center;
    cursor: pointer;
}

.search-ql .btn:hover {
    background: rgba(33,173,66,1);
}

.search-ql .srarch-main {
    width: 100%;
    height: 6.05rem;
    background: rgba(242,245,248,1);
    opacity: 1;
    border-radius: 0.25rem;
    margin-top: 0.6rem;
    position: relative;
}

.search-ql .srarch-main .chaxun {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}

.search-ql .srarch-main .search-name {
    width: 100%;
    position: absolute;
    text-align: center;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.search-ql .srarch-main .search-name img {
    width: 1.775rem;
    height: 2.05rem;
    vertical-align: middle;
    display: inline-block;
}

.search-ql .srarch-main .search-name .info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.1rem;
}

.search-ql .srarch-main .search-name .info p {
    margin: 0;
    text-align: left;
}

.search-ql .srarch-main .search-name .info p:first-child {
    font-size: 0.55rem;
    color: rgba(51,51,51,1);
}

.search-ql .srarch-main .search-name .info p:last-child {
    font-size: 0.45rem;
    color: rgba(46,188,79,1);
    margin-top: 0.85rem;
    font-weight: 400;
}

.search-ql .srarch-main .srarch-shibai img {
    width: 2.2rem;
    height: 2.2rem;
}

.search-ql .srarch-main .srarch-shibai .info p:last-child {
    color: rgba(177,177,177,1);
}

.search-ql .srarch-main .chaxun img {
    width: 2.05rem;
    height: 2.15rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.search-ql .back {
    width: 7.5rem;
    height: 1.25rem;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(46,188,79,1);
    opacity: 1;
    border-radius: 0.1rem;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 0.75rem;
    cursor: pointer;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: center;
    margin-bottom: 2.025rem;
}

.search-ql .back:hover {
    background: rgba(46,188,79,1);
    border-color: #fff;
    color: #fff;
}

.search-ql .disable,.search-ql .disable:hover {
    background: rgba(187,192,193,1);
    color: rgba(255,255,255,1);
}

.search-ql h1 {
    width: 100%;
    font-size: 0.5rem;
    font-weight: bold;
    line-height: 1.275rem;
    color: rgba(36,41,46,1);
    text-align: center;
    margin-bottom: 0.7rem;
}

.search-ql p {
    font-size: 0.35rem;
    color: rgba(51,51,51,1);
    text-align: center;
    font-weight: 400;
    margin-bottom: 1.125rem;
}

.search-ql a,.search-ql a:hover {
    text-decoration: none;
}

.search-ql a:active {
    color: rgba(46,188,79,1);
}

.search-ql .back {
    width: 7.5rem;
    height: 1.25rem;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(46,188,79,1);
    opacity: 1;
    border-radius: 0.1rem;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 0.75rem;
    cursor: pointer;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: center;
    margin-bottom: 2.025rem;
    color: rgba(46,188,79,1);
}

.search-ql .srarch-main .search-name img {
    width: 2.3rem;
    height: 2.3rem;
    vertical-align: middle;
    display: inline-block;
}

.header .login-user .user-info li:nth-child(2) a {
    padding: 0 0.20rem;
    height: 0.85rem;
    text-decoration: none;
    color: #fff;
    background: #2EBC4F;
    text-align: center;
    line-height: .85rem;
    -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;
    margin-right: 0.2rem;
    position: relative;
    top: -0.2rem;
}

.platform-content {
    width: 23.85rem;
    height: 15.75rem;
    margin-left: -1.475rem;
    position: relative;
}

.home-detail .platform-content>img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.home-detail .platform-content .piece-item {
    position: absolute;
    border-radius: .1rem;
    padding: .375rem .3rem;
    background: #fff;
    -moz-box-shadow: 0 0 .5rem rgba(0,0,0,.27);
    -webkit-box-shadow: 0 0 .5rem rgba(0,0,0,.27);
    box-shadow: 0 0 .5rem rgba(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 .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    -o-transition: all .6s ease-in-out 0s;
    -ms-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s;
}

.home-detail .platform-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 .platform-content .piece-item1 {
    top: 5.875rem;
    left: 4.975rem;
}

.home-detail .platform-content .piece-item1 i {
    width: 0.77rem;
    height: 0.77rem;
    background: url(../images/tech-service/success.png) no-repeat;
    display: block;
    background-size: 100% 100%;
    margin: 0 auto;
}

.home-detail .platform-content .piece-item1 .text {
    font-size: 0.5rem;
    font-weight: 400;
    margin-top: 0.37rem;
    color: #444444;
}

.home-detail .platform-content .piece-item1 .text span {
    color: #FA6401;
}

.home-detail .platform-content .piece-item2 {
    padding: 0.25rem;
    bottom: 2.575rem;
    right: 0.575rem;
}

.home-detail .platform-content .piece-item2 img {
    width: 6.57rem;
    height: 4.82rem;
    display: block;
}

.home-detail .oeration-service {
    float: right;
    width: 22.425rem;
    height: 16.525rem;
    position: relative;
    top: 1rem;
}

.home-detail .oeration-service img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-position: right;
}

.home-detail .oeration-service .bubble-item {
    background: #fff;
    padding: .03rem .52rem;
    font-size: 0.4rem;
    color: #242331;
    line-height: 0.8rem;
    font-weight: 600;
    -moz-box-shadow: 0 .05rem .25rem rgba(0,0,0,.16);
    -webkit-box-shadow: 0 .05rem .25rem rgba(0,0,0,.16);
    box-shadow: 0 .05rem .25rem rgba(0,0,0,.16);
    border-radius: .25rem;
    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 .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    -o-transition: all .6s ease-in-out 0s;
    -ms-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s
}

.home-detail .oeration-service.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 .oeration-service .bubble-item:nth-of-type(1) {
    left: 3.825rem;
    top: 3.125rem;
}

.home-detail .oeration-service .bubble-item:nth-of-type(2) {
    left: 4.525rem;
    top: 5.325rem;
}

.home-detail .oeration-service .bubble-item:nth-of-type(3) {
    left: 2.825rem;
    top: 7.125rem;
}

.home-detail .oeration-service .bubble-item:nth-of-type(4) {
    left: 4.925rem;
    top: 9.125rem;
}

.home-detail .oeration-service .bubble-item:nth-of-type(5) {
    right: 4.025rem;
    top: 1.425rem;
}

.home-detail .oeration-service .bubble-item:nth-of-type(6) {
    right: 4.425rem;
    top: 3.425rem;
}

.home-detail .oeration-service .bubble-item:nth-of-type(7) {
    right: 4.625rem;
    top: 6.425rem;
}

.home-detail .oeration-service .bubble-item:nth-of-type(8) {
    right: 2.925rem;
    top: 8.425rem;
}

.home-detail .tech-service-item4 {
    width: 20rem;
    height: 14rem;
    position: relative;
    object-fit: scale-down;
}

.home-detail .tech-service-item4>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 2.3rem;
}

.home-detail .tech-service-item4 .img-item {
    position: absolute;
    width: 11.25rem;
    height: 11.25rem;
    left: 7.1rem;
    top: 2.4rem;
    border-radius: .5rem;
}

.home-detail .tech-service-item4 .img-item .image {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.home-detail .tech-service-item4 .img-item {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.home-detail .tech-service-item4.action .img-item {
    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-item4 .piece-item {
    position: absolute;
    border-radius: .3rem;
    background: #fff;
    -moz-box-shadow: 0px 8px 6px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 8px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 8px 6px 0px rgba(0,0,0,0.25);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    -o-transition: all .6s ease-in-out 0s;
    -ms-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s;
}

.home-detail .tech-service-item4.action .image-child,.home-detail .tech-service-item4.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 .tech-service-item4 .piece-item1 {
    width: 6.3rem;
    height: 1.9rem;
    text-align: center;
    left: -2rem;
    top: 0.5rem;
}

.home-detail .tech-service-item4 .piece-item1 .text {
    color: rgb(64,179,254);
    font-size: 0.6rem;
    font-weight: 600;
    line-height: 1.9rem;
}

.home-detail .tech-service-item4 .piece-item2 {
    width: 4.2rem;
    height: 3.5rem;
    text-align: center;
    left: -1.7rem;
    top: 3.5rem;
}

.home-detail .tech-service-item4 .piece-item2 img {
    display: inline-block;
    width: 1.45rem;
    height: 1.45rem;
    margin-top: 0.6rem;
}

.home-detail .tech-service-item4 .piece-item2 .text {
    color: rgb(51,51,51);
    font-size: 0.45rem;
    font-weight: 600;
    line-height: 1;
}

.home-detail .tech-service-item4 .image-child {
    position: absolute;
    width: 2rem;
    width: 2rem;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    -o-transition: all .6s ease-in-out 0s;
    -ms-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s;
    left: 7.7rem;
    top: -0.5rem;
}

.home-detail .tech-service-item4 .piece-item3 {
    width: 3.7rem;
    height: 3.0rem;
    text-align: center;
    right: -2.7rem;
    top: 1.5rem;
}

.home-detail .tech-service-item4 .piece-item3 img {
    display: inline-block;
    width: 1.05rem;
    height: 1.05rem;
    margin-top: 0.6rem;
}

.home-detail .tech-service-item4 .piece-item3 .text {
    color: rgb(51,51,51);
    font-size: 0.45rem;
    font-weight: 600;
    line-height: 1;
}

.home-detail .tech-service-item4 .piece-item4 {
    width: 3.7rem;
    height: 3.0rem;
    text-align: center;
    right: -2.4rem;
    bottom: 1rem;
    border-radius: 0.6rem;
}

.home-detail .tech-service-item4 .piece-item4 img {
    display: inline-block;
    width: 1.05rem;
    height: 1.05rem;
    margin-top: 0.6rem;
}

.home-detail .tech-service-item4 .piece-item4 .text {
    color: rgb(51,51,51);
    font-size: 0.45rem;
    font-weight: 600;
    line-height: 1;
}

.home-detail .tech-service-item5 {
    width: 20rem;
    height: 14rem;
    position: relative;
    object-fit: scale-down;
}

.home-detail .tech-service-item5>img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-position: -2rem -1rem;
}

.home-detail .tech-service-item5 .img-item {
    position: absolute;
    width: 13.25rem;
    height: 8.45rem;
    left: 1.5rem;
    top: 4.525rem;
    border-radius: .5rem;
}

.home-detail .tech-service-item5 .img-item .image {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.home-detail .tech-service-item5 .img-item {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.home-detail .tech-service-item5.action .img-item {
    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-item5 .piece-item {
    position: absolute;
    border-radius: .3rem;
    background: #fff;
    -moz-box-shadow: 0px 8px 6px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 8px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 8px 6px 0px rgba(0,0,0,0.25);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    -o-transition: all .6s ease-in-out 0s;
    -ms-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s;
}

.home-detail .tech-service-item5 .piece-item1 {
    width: 6.22rem;
    height: 2.22rem;
    text-align: center;
    left: -2.3rem;
    top: 0.5rem;
}

.home-detail .tech-service-item5 .piece-item1 .number {
    color: rgb(45,169,74);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0.2rem;
}

.home-detail .tech-service-item5 .piece-item1 .text {
    color: rgb(51,51,51);
    font-size: 0.43rem;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 0.1rem;
}

.home-detail .tech-service-item5 .piece-item2 {
    width: 7.5rem;
    height: 2.32rem;
    right: -1.9rem;
    top: 1.9rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-detail .tech-service-item5 .piece-item2 img {
    width: 7.3rem;
    height: 1.07rem;
    object-fit: scale-down;
}

.home-detail .tech-service-item5 .piece-item3 {
    width: 3.4rem;
    height: 3.4rem;
    right: -1rem;
    bottom: -1.2rem;
}

.home-detail .tech-service-item5 .piece-item3 .grow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.8rem;
}

.home-detail .tech-service-item5 .piece-item3 .grow i {
    display: inline-block;
    width: 0.7rem;
    height: 0.85rem;
    background-size: contain;
    margin-right: 0.1rem;
}

.home-detail .tech-service-item5 .piece-item3 .grow span {
    font-size: 0.9rem;
    color: #2DA94A;
    font-weight: 700;
}

.home-detail .tech-service-item5 .piece-item3 .text {
    color: rgb(36,35,49);
    font-size: 0.4rem;
    font-weight: 600;
    text-align: center;
    margin-top: 0.1rem;
}

.home-detail .tech-service-item5 .image-child {
    position: absolute;
    width: 1.95rem;
    width: 1.95rem;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    -o-transition: all .6s ease-in-out 0s;
    -ms-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s;
    left: -0.7rem;
    bottom: 0.5rem;
}

.home-detail .tech-service-item5.action .image-child,.home-detail .tech-service-item5.action .piece-item {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}