<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{
    padding-top: 60px;
}
.box{
    overflow: hidden;
}
@font-face {
    font-family:"super";
    src: url('./superchip1.woff');
    /* src: url('./superchip2.woff'); */
}

.logo h2{
    font-weight:bold;
}
.logo h2,.logo h3{
    display: inline-block !important;
}
.text h1{
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 980px;
    font-size: 50px;
    height: 680px;
    overflow: hidden;
}

.mission{
    background: #efefef;
    height: 140px;
    width: 100%;
    position: relative;
    padding: 30px 56px;
    box-sizing: border-box;
    line-height: 42px;
    font-size: 16px;
}
.mission .text-bg{
    width: 824px;
    position: absolute;
    left: 82px;
    bottom: 0;
}
.mission .l-mess{
    float: left;
}
.mission .l-mess .label{
    font-size: 30px;
    color: #2A2E2E;
    letter-spacing: 0;
}
.mission .r-mess{
    float: right;
    width: 390px;
    height: 190px;
    position: relative;
}
.mission .r-mess:before{
    content: ' ';
    width: 1px;
    position: absolute;
    left: -60px;
    top: 0;
    display: block;
    bottom: 0;
    background: #D8D9DC;
}
.mission .r-mess .label{
    font-size: 20px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 36px;
}
.mission .r-mess .desc{
    font-size: 14px;
    color: #5F6464;
    letter-spacing: 0;
    line-height: 25px;
    margin-top: 16px;
}
.mission .line{
    width: 1px;
    height: 189px;
    background: #D8D9DC;
    position: absolute;
    left: 55.24%;
    top: 67px;
    display: none;
}
.both{ clear: both;}
.history-header{ height: 384px; background-size: cover; background-image: url('../images/banner.jpg'); background-position: center; color: #fff;}
.history-header h2{ text-align: center; font-size: 30px; line-height: 45px; padding-top: 150px;}

.progress-bar{ width: 730px; margin: auto; padding-top: 70px;}
.progress-bar .node{ width:24px ; height: 24px;  float: left; position: relative; border-radius: 50%; background:rgba(255,255,255,0.5);cursor: pointer;}
.progress-bar .node .txt{ position: absolute; font-size: 16px; top: -30px; width: 200px; text-align: center; left: 50%;  margin-left: -100px;}
.progress-bar .node .core{ width:18px; height: 18px; position: absolute; top:3px;  left:3px;  border-radius: 50%; }
.progress-bar .node.active .core{  background: #fff;}
.progress-bar .line{ float: left; height: 2px;  background:rgba(255,255,255,0.5); width:100px; margin-top: 11px;}


.history-content{ height: 413px; background: #fff ; color: #5F6464; overflow: hidden;}
.en-us .history-content{
    height: 620px;
}
.history-main{ width: 10000px; position: absolute;}
.history-main-box{ width: 384px; float: left; margin-right: 25px;}
.history-title{ font-size: 24px; padding-top: 40px; line-height: 36px;  padding-bottom: 8px; border-bottom:1px solid #D8D9DC; margin-bottom: 18px;color: #2A2E2E;}
.history-main-box .li{ line-height: 25px; margin-bottom: 18px; font-size: 14px;}
.history-main-box .li .left{ float: left; width: 40px; padding-right: 10px;  text-align: right;}
.history-main-box .li .right{ width: 320px; float: left;}

.history-content .mod-con{ position: relative;}

.clearfix-mission{ display: none;}

.history-button{ display: none;}

.partTwoTitle {
    font-size: 2.5vw;
    font-weight: bold;
    text-align: center;
    line-height: 3.75vw;
    margin-bottom: 2.5vw;
}

.partTwoText {
    text-align: center;
    margin-bottom: 4vw;
    font-size: 20px;
}
.resAndDevelp {
    width: 90%;
    margin: 0 auto;
}

.resAndDevelp .dataDiv {
    display: inline-block;
    text-align: center;
    width: 24.5%;
}

.resAndDevelp .dataDiv .dataDiv_h3 {
    font-size: 2.5vw;
    font-weight: bold;
    text-align: center;
    line-height: 4.6875vw;
    margin-bottom: 1.5vw;
}

.resAndDevelp .dataDiv .dataDiv_text {
    font-size: 1.1458333vw;
    line-height: 1.3541666666vw;
    color: #000;
}

.resAndDevelp .resAndDevelp_image img {
    width: 100%;
    margin-top: 3vw;
    margin-bottom: 5vw;
}
.mouseOutIn {
    /* width: 80%; */
    margin: 0 auto;
    margin-bottom: 5vw;
}

.mouseOutIn .lineDiv {
    /* margin-bottom: 2%; */
    text-align: center;
    width: 100%;
}

.mouseOutIn .lineDiv .lineModel {
    position: relative;
    display: inline-block;
    width: 100%;
    /* margin: 0 1%; */
    background-color: #000;
    border-radius: 1vw;
}

.mouseOutIn .lineDiv .lineModel img {
    width: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
    border-radius: 1vw;
}
.can-active{
    position: relative;
}
.mouseOutIn p.lineDiv_Title {
    font-size: 1.55vw;
    line-height: 1.61458333vw;
    font-weight: bold;
    position: absolute;
    left: 1.5625vw;
    bottom: 20px;
    color: #fff;
}

.mouseOutIn-mob p.lineDiv_Title {
    font-size: 1.25vw;
    line-height: 1.61458333vw;
    font-weight: bold;
    position: absolute;
    left: 7.5625vw;
    bottom: 3.5625vw;
    color: #fff;
}

.mouseOutIn .lineDiv .box .activeDiv {
    display: none;
    position: absolute;
    text-align: left;
}

.mouseOutIn .lineDiv .box.active {
    z-index: 3;
}

.mouseOutIn .lineDiv .box.active .lineModel {
    /* width: 62%; */
    background-color: #1C2F80;
}

.mouseOutIn .lineDiv .box.active .lineModel .activeDiv {
    display: block;
    top: 50%;
}

.mouseOutIn .lineDiv .box.active .activeDiv_text {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    display: inline-block;
    padding: 15px 25px;
}

.mouseOutIn .lineDiv .box.active .activeDiv_line {
    border-bottom: 1px solid #d6d6d6;
    width: 10%;
    padding-bottom: 1vw;
}


.mouseOutIn .lineDiv .box.active .activeDiv_title {
    text-align: left;
    font-size: 1.375vw;
    line-height: 3.33333%;
    font-weight: bold;
    color: #fff;
    margin-top: 2vw;
}

.mouseOutIn .resAndDevelp {
    width: 90%;
    margin: 0 auto;
}

.resAndDevelp .dataDiv {
    display: inline-block;
    text-align: center;
    width: 24.5%;
}

.resAndDevelp .dataDiv .dataDiv_h3 {
    font-size: 2.5vw;
    font-weight: bold;
    text-align: center;
    line-height: 4.6875vw;
    margin-bottom: 1.5vw;
}

.resAndDevelp .dataDiv .dataDiv_text {
    font-size: 1.1458333vw;
    line-height: 1.3541666666vw;
    color: #000;
}

.resAndDevelp .resAndDevelp_image img {
    width: 100%;
    margin-top: 3vw;
    margin-bottom: 5vw;
}

.pc-show {
    display: block;
}
.part-3{
    padding-top: 30px !important;
}
.mouseOutIn .lineDiv .box:hover {
    width: 40.07vw;
}

.mouseOutIn .lineDiv .box {
    background-size: cover;
}

.mouseOutIn .lineDiv1 .box:nth-child(1) {
    background-image: url("../images/service_one-v3.png");
}

.mouseOutIn .lineDiv1 .box:nth-child(2) {
    background-image: url("../images/service_two-v2.png");
}

.mouseOutIn .lineDiv1 .box:nth-child(3) {
    background-image: url("../images/service_three-v3.png")
}

.mouseOutIn .lineDiv2 .box:nth-child(1) {
    background-image: url("../images/service_four-v3.png");
}

.mouseOutIn .lineDiv2 .box:nth-child(2) {
    background-image: url("../images/service_five-v2.png");
}

.mouseOutIn .lineDiv2 .box:nth-child(3) {
    background-image: url("../images/service_six-v1.png");
}

.mouseOutIn .lineDiv3 .box:nth-child(1) {
    background-size: 100%;
    background-image: url("../images/index1.png");
}

.mouseOutIn .lineDiv3 .box:nth-child(2) {
    background-size: 100%;
    background-image: url("../images/index2.png");
}

.mouseOutIn .lineDiv3 .box:nth-child(3) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index3.png");
}
.mouseOutIn .lineDiv3 .box:nth-child(4) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index1.png");
}
.mouseOutIn .lineDiv3 .box:nth-child(5) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index2.png");
}
.mouseOutIn .lineDiv3 .box:nth-child(6) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index3.png");
}
.mouseOutIn .lineDiv3 .box:nth-child(7) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index1.png");
}
.mouseOutIn .lineDiv3 .box:nth-child(8) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index2.png");
}
.mouseOutIn .lineDiv3 .box:nth-child(9) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index3.png");
}
.mouseOutIn .lineDiv3 .box:nth-child(10) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index1.png");
}
.mouseOutIn .lineDiv3 .box:nth-child(11) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index3.png");
}
.mouseOutIn .lineDiv3 .box:nth-child(12) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index2.png");
}
.mouseOutIn .lineDiv3 .box:nth-child(13) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index1.png");
}
.mouseOutIn .lineDiv3 .box:nth-child(14) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index2.png");
}
.mouseOutIn .lineDiv3 .box:nth-child(15) {
    margin-right: 0px;
    background-size: 100%;
    background-image: url("../images/index3.png");
}
.mouseOutIn{
}
.lineDiv3box{
    overflow: hidden;
    white-space: nowrap;
}
.lineDiv3{
    /*display: flex;*/
    display: inline-block;
    width: 2000px;
    height: 230px;
    margin-left: 60px;
}
.lineDiv3 .box{
    /*flex: 1;*/
    display: inline-block;
    width: 330px;
    height: 230px;
    margin-right: 25px;
}

.history-items{
    display: block;
    border: 1px solid red;
    height: 360px;
}

.nav.index{
    background: transparent;
    color: #fff !important;
    border: none;
    box-shadow: none;
}
.nav.index .menu_list .menu_item .txt{
    color: #fff;
}
.top-index-h1{
    position: relative;
}
.top-index-h1 .p{
    display: block;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 150px;
    left: 0px;
    right: 0px;
    color:#fff;
    z-index: 99999991;
    text-align: center;
    line-height:60px !important;
}
@font-face
{
    font-family: larrymsfont;
    src: url('./larryms.woff'),
    url('./larryms.woff2'); /* IE9 */
}
.top-index-h1 .p&gt;div{
    display: inline-block;
    height: 60px;
    vertical-align: top;
    color:#fff;
    font-size:42px !important;
}
.top-index-h1 .p .left{
    width:50px;
    height: 60px;
    overflow: hidden;
}
.top-index-h1 .p .left span{
    display: block;
    width: 100%;
    height: 60px;
    color:#fff;
    font-size:42px !important;
    line-height:60px !important;
    text-align: left;
}
.top-index-h1 .p&gt;div.right{
    width:200px;
    height: 60px;
    overflow: hidden;
}
.top-index-h1 .p&gt;div.right span{
    display: block;
    width: 100%;
    height: 60px;
    color:#fff;
    font-size:42px !important;
    line-height:60px !important;
    text-align: left;
}

.brief-text-box .desc.item-font{
    display: block;
    font-family: 'Microsoft YaHei';
    padding: 5px 50px;
    color: #686868;
    text-align: center;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 50px;
    margin-bottom: 20px;
}
.top-index-h1 .p&gt;div{
    font-family: 'larrymsfont';
    font-size: 52px !important;
}
.top-index-h1 .p&gt;div.left span,.top-index-h1 .p&gt;div.right span{
    font-family: 'larrymsfont';
    font-size: 52px !important;
}
.top-index-h1 .p&gt;div.right{
    width: 250px;
}
.top-index-h1 .p{
    bottom: 280px;
}

/**
slide-item
 */
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
}

.slide-item-body ul li {
    width: 33.333%;
    float: left;
    display: block;
    height: 200px;
    padding-top: 42px;
    margin-bottom: 30px;
    border: none;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: inherit;
    padding-top: 0;
    border-radius: 0;
    background-color: #f5f5f5;
    color: #000;
    z-index: 10002;
}
.slide-item-body ul li a {
    display: block;
    box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);
}
.new-img img {
    width: 100%;
    height: auto;
    min-height: 105px;
    border: none;
    display: block;
}
.slide-item {
    width: 800px;
    position: relative;
    margin: 0 auto;/* overflow: hidden; */
}
.slide-item-box {
    padding: 50px 0;
}
.new-body {
    padding: 20px 20px 40px 20px;
}
.new-body-title {
    line-height: 24px;
    font-size: 16px;
    overflow: hidden;
    color: #616161;
    letter-spacing: 1px;
    font-weight: 600;
}
.new-body-text {
    padding-top: 20px;
    height: 92px;
    min-height: 50px;
    line-height: 18px;
    font-size: 12px;
    color: #919191;
    overflow: hidden;
}
.slide-item-body {
    /* padding-top:20px; */
    margin-left: -70px;
}
.slide-item-body ul li {
    margin-left: 15px;
    margin-right: 15px;
    /*padding-top: 20px;*/
}
.slide-item-body .tempWrap {
    padding-top: 20px;
    /*background: #f5f5f5;*/
}
.slide-item-body ul {
    padding-top: 10px;
    overflow: visible;
}
/*.slide-item-body ul li:hover {*/
/*-ms-transform: translateY(-10px);*/
/*-webkit-transform: translateY(-10px);*/
/*-moz-transform: translateY(-10px);*/
/*-o-transform: translateY(-10px);*/
/*transform: translateY(-10px);*/
/*z-index: 1002;*/
/*position: relative;*/
/*left: 0;*/
/*}*/
.next {
    position: absolute;
    top: 49%;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px;
    -webkit-background-size: 60px;
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    right: auto;
    left: -157px;
    height: 60px;
    width: 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.next-bg {
    background-image: url("../images/btn-fl1.png");
}
.next:hover {
    background-image: url("../images/btn-fl2.png");
}
.prev {
    position: absolute;
    top: 49%;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px;
    -webkit-background-size: 60px;
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    right: -179px;
    height: 60px;
    width: 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.prev-bg {
    background-image: url("../images/btn-fr1.png");
}
.prev-bg:hover {
    background-image: url("../images/btn-fr2.png");
}

.timeline {
    list-style: none;
    position: relative;
    max-width: 1200px;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    overflow: hidden; }
.timeline * {
    color: #333;
}
.timeline .fa {
    color: #fff;
}
.timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 4px;
    border-radius: 2px;
    display: block; }
.timeline .timeline-row {
    padding-left: 50%;
    position: relative;
    z-index: 10; }
.timeline .timeline-row .timeline-time {
    position: absolute;
    right: 50%;
    top: 31px;
    text-align: right;
    margin-right: 40px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600; }
.timeline .timeline-row .timeline-time small {
    display: block;
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400; }
.timeline .timeline-row .timeline-icon {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 3px;
    color: white;
    font-size: 14px;
    z-index: 100; }
.timeline .timeline-row .timeline-icon &gt; div {
    border-radius: 50%;
    line-height: 34px;
    font-size: 16px; }
.timeline .timeline-row .timeline-content {
    margin-left: 40px;
    position: relative;
    background-color: white;
    color: #333333; }
.timeline .timeline-row .timeline-content:after {
    content: "";
    position: absolute;
    top: 48px;
    left: -41px;
    height: 4px;
    width: 40px;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: -1; }
.timeline .timeline-row .timeline-content .panel-body {
    padding: 15px 15px 2px;
    position: relative;
    z-index: 10; }
.timeline .timeline-row .timeline-content h2 {
    font-size: 22px;
    margin-bottom: 12px;
    margin-top: 0;
    line-height: 1.2; }
.timeline .timeline-row .timeline-content p {
    margin-bottom: 15px; }
.timeline .timeline-row .timeline-content img {
    margin-bottom: 15px; }
.timeline .timeline-row .timeline-content blockquote {
    border-color: #eeeeee; }
.timeline .timeline-row .timeline-content blockquote footer, .timeline .timeline-row .timeline-content blockquote small, .timeline .timeline-row .timeline-content blockquote .small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse footer, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse .small {
    color: #999999; }
.timeline .timeline-row .timeline-content .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    margin-bottom: 15px;
    overflow: hidden; }
.timeline .timeline-row .timeline-content .video-container iframe, .timeline .timeline-row .timeline-content .video-container object, .timeline .timeline-row .timeline-content .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.timeline .timeline-row:nth-child(odd) {
    padding-left: 0;
    padding-right: 50%; }
.timeline .timeline-row:nth-child(odd) .timeline-time {
    right: auto;
    left: 50%;
    text-align: left;
    margin-right: 0;
    margin-left: 40px; }
.timeline .timeline-row:nth-child(odd) .timeline-content {
    margin-right: 40px;
    margin-left: 0; }
.timeline .timeline-row:nth-child(odd) .timeline-content:after {
    left: auto;
    right: -41px; }
.timeline.animated .timeline-row .timeline-content {
    left: 20px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
    text-align: left;
}
.timeline.animated .timeline-row:nth-child(odd) .timeline-content {
    left: -20px; text-align: right; }
.timeline.animated .timeline-row.active .timeline-content {
    opacity: 1;
    left: 0; }
.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
    left: 0; }

@media (max-width: 1200px) {
    .timeline {
        padding: 15px 10px; }
    .timeline:after {
        left: 28px; }
    .timeline .timeline-row {
        padding-left: 0;
        margin-bottom: 16px; }
    .timeline .timeline-row .timeline-time {
        position: relative;
        right: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px; }
    .timeline .timeline-row .timeline-time strong {
        display: inline-block;
        margin-right: 10px; }
    .timeline .timeline-row .timeline-icon {
        top: 52px;
        left: -2px;
        margin-left: 0; }
    .timeline .timeline-row .timeline-content {
        margin-left: 56px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        position: relative; }
    .timeline .timeline-row .timeline-content:after {
        right: auto !important;
        left: -20px !important;
        top: 32px; }
    .timeline .timeline-row:nth-child(odd) {
        padding-right: 0; }
    .timeline .timeline-row:nth-child(odd) .timeline-time {
        position: relative;
        right: auto;
        left: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px; }
    .timeline .timeline-row:nth-child(odd) .timeline-content {
        margin-right: 0;
        margin-left: 55px; }
    .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
        left: 20px; }
    .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
        left: 0; } }
.bg-primary {
    background-color: #007bff!important
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #0062cc!important
}

.bg-secondary {
    background-color: #868e96!important
}

a.bg-secondary:focus,a.bg-secondary:hover {
    background-color: #6c757d!important
}

.bg-success {
    background-color: #28a745!important
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #1e7e34!important
}

.bg-info {
    background-color: #17a2b8!important
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #117a8b!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #dc3545!important
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #bd2130!important
}

.bg-light {
    background-color: #f8f9fa!important
}

a.bg-light:focus,a.bg-light:hover {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:focus,a.bg-dark:hover {
    background-color: #1d2124!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}
.history-header .progress-bar{
    background: transparent;
}
/**
* 适配移动端
*/
.xy-phone .box .section-second .text{
    height: 200px !important;
}
.xy-phone .text h1{
    height: 200px !important;
    line-height: 200px !important;
}
.xy-phone .pfont{
    display: block;
    width: 100vw !important;
    bottom: 50px !important;
    min-width: 390px !important;
    max-width: 390px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
    overflow: hidden;
}
.xy-phone .pfont-box{
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    max-width: 390px;
    margin: o auto;
}
.xy-phone .pfont-box .xin{
    /*font-size: 32px;*/
    /*line-height: 72px;*/
    /*width: 32px;*/
    /*left: 115px;*/

    font-size: 1.8rem;
    line-height: 4.2rem;
    width: 2rem;
    left: 7.2rem;
}
.xy-phone .pfont-box .ul{
    width: 100% !important;
    box-sizing: border-box;
    text-align: center;
    padding-left: 0px;
}
.xy-phone .pfont-box .ul .lifont{
    font-size: 1.8rem;
    letter-spacing: 0.7rem;
    line-height: 4.2rem;
}
.xy-phone .pfont-box .ul .lifont em{
    width: 1.8rem;
    line-height: 4.2rem;
    height: 4.2rem;
}
.xy-phone .brief-text-box .desc{
    width: auto !important;
}
.xy-phone .brief-text-box .desc.item-font{
    font-size: 16px;
    line-height: 28px;
    padding: 0px 10px;
    margin-bottom: 10px;
}
.xy-phone .english-box{
    padding-top: 20px;
    box-sizing: border-box;
}
.xy-phone .english-box .xin{
    left: 35px;
    font-size: 26px;
    line-height: 72px;
}
.xy-phone .pfont-box.english-box .ul{
    text-align: left;
}
.xy-phone .pfont-box.english-box .ul .lifont{
    letter-spacing: 0px !important;
    font-size: 26px !important;
    line-height: 72px;
}


.xy-phone .mission{
    height: 180px;
    padding: 20px 10px;
    font-size: 14px;
    line-height: 28px;
}
.xy-phone .mission.english{
    padding: 20px 0px;
    font-size: 13px;
    line-height: 26px;
    height: 190px;
}
.xy-phone .history-header h2{
    padding-top: 55px;
}

.xy-phone .brand-item{
    width: 100vw;
}
.xy-phone .history-header .progress-bar{
    width: 100% !important;
}

.xy-phone .partTwoTitle{
    font-size: 24px;
    line-height: 32px;
}
.xy-phone .partTwoText{
    font-size: 14px;
    line-height: 26px;
}
.xy-phone .resAndDevelp .dataDiv .dataDiv_h3{
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
}
.xy-phone .resAndDevelp .dataDiv .dataDiv_text{
    white-space: nowrap;
    font-size: 12px;
}
.xy-phone .resAndDevelp{
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
.xy-phone .resAndDevelp .dataDiv{
    width: 24%;
}
.xy-phone .part-3{
    padding-top: 20px !important;
}
.xy-phone .partTwoText{
    margin-bottom: 12px;
}
.xy-phone .partTwoTitle{
    margin-bottom: 15px;
}
.xy-phone .resAndDevelp_image{
    max-width: 100%;
    margin-bottom: 12px;
}
.xy-phone .resAndDevelp_image img{
    display:block;
    width: 100%;
}
.xy-phone .slide-item-box{
    padding:0px;
}
.xy-phone .slide-item-body ul{
    overflow-y: hidden;
    white-space: nowrap;
    height: 305px !important;
}
.xy-phone .slide-item-body ul li{
    display: inline-block;
    width: 100vw !important;
    text-align: center;
    white-space: nowrap;
}
.xy-phone-brand-item-box{
    display: none !important;
}
.xy-phone .xy-phone-brand-item-box{
    display: block !important;
    padding: 0px !important;
    background: url(../images/banner.jpg);
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
    padding-top: 10px !important;
    max-height: 800px;
    overflow-y: scroll;
}
.xy-phone .xy-phone-brand-item-box h2{
    color: #fff;
    display: block;
    text-align: center;
    font-size: 28px;
    line-height: 45px;
    padding: 15px 0px;
}
.xy-phone .xy-phone-brand-item-box .flowChart{
    background: transparent !important;
}

.xy-phone .xy-phone-brand-item-box .flowChart .li .left{
    padding: 6px 0px;
    color: #888;
    font-size: 15px;
}

.xy-phone .section-second{
    position: relative;
    background-color: #888;
    height: 200px;
}
.xy-phone .section-second .video-background {
    position: absolute;
    left: 50%;
    top: 50%;
    /*保证视频内容始终居中*/
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    /*保证视频充满屏幕*/
    object-fit: cover;
    min-height: 200px;
    z-index: 1;
}
.xy-phone .section-second .text{
    height: 200px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10000;
}</pre></body></html>