/* 2019 -04 -30 test */

@font-face {
     font-family: "Verdana";

     src: url("./fonts/Verdana.eot");

     src: url("./fonts/Verdana.eot") format("embedded-opentype"), url("./fonts/Verdana.woff2") format("woff2"),
          url("./fonts/Verdana.woff") format("woff"), url("./fonts/Verdana.ttf") format("truetype"),
          url("./fonts/Verdana.svg#Verdana") format("svg");
}

.swiper-container {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     overflow: hidden;
     z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
     float: left;
}

.swiper-container-vertical > .swiper-wrapper {
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -ms-flex-direction: column;
     -webkit-flex-direction: column;
     flex-direction: column;
}

.swiper-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: -webkit-transform;
     -moz-transition-property: transform, -moz-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -o-transform: translate(0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
     -webkit-box-lines: multiple;
     -moz-box-lines: multiple;
     -ms-flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
     -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     margin: 0 auto;
}

.swiper-slide {
     -webkit-flex-shrink: 0;
     -ms-flex: 0 0 auto;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     position: relative;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
     height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
     -webkit-box-align: start;
     -ms-flex-align: start;
     -webkit-align-items: flex-start;
     -moz-box-align: start;
     align-items: flex-start;
     -webkit-transition-property: -webkit-transform, height;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     -webkit-transition-property: height, -webkit-transform;
     transition-property: height, -webkit-transform;
     -o-transition-property: height, -o-transform;
     -moz-transition-property: transform, height, -moz-transform;
     transition-property: transform, height;
     transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform;
}

.swiper-container .swiper-notification {
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none;
     opacity: 0;
     z-index: -1000;
}

.swiper-wp8-horizontal {
     -ms-touch-action: pan-y;
     touch-action: pan-y;
}

.swiper-wp8-vertical {
     -ms-touch-action: pan-x;
     touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
     position: absolute;
     top: 50%;
     width: 27px;
     height: 44px;
     margin-top: -22px;
     z-index: 10;
     cursor: pointer;
     -o-background-size: 27px 44px;
     background-size: 27px 44px;
     background-position: center;
     background-repeat: no-repeat;
}

.swiper-pagination {
     position: absolute;
     text-align: center;
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
     opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
     bottom: 10px;
     left: 0;
     width: 100%;
}

.swiper-pagination-bullet {
     width: 8px;
     height: 8px;
     display: inline-block;
     -webkit-border-radius: 100%;
     border-radius: 100%;
     background: #000;
}

button.swiper-pagination-bullet {
     border: none;
     margin: 0;
     padding: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -webkit-appearance: none;
     appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
     cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
     background: #fff;
}

.swiper-pagination-bullet-active {
     opacity: 1;
     background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
     background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
     background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
     right: 10px;
     top: 50%;
     -webkit-transform: translate3d(0, -50%, 0);
     -moz-transform: translate3d(0, -50%, 0);
     -o-transform: translate(0, -50%);
     -ms-transform: translate3d(0, -50%, 0);
     transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 5px 0;
     display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 0 5px;
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
     -ms-perspective: 1200px;
}

.swiper-container-cube,
.swiper-container-flip {
     overflow: visible;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
     -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
     pointer-events: none;
     -webkit-transition-property: opacity;
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
     transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
     pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
     pointer-events: auto;
}

.swiper-scrollbar {
     -webkit-border-radius: 10px;
     border-radius: 10px;
     position: relative;
     -ms-touch-action: none;
     background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
     position: absolute;
     left: 1%;
     bottom: 3px;
     z-index: 50;
     height: 5px;
     width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
     position: absolute;
     right: 3px;
     top: 1%;
     z-index: 50;
     width: 5px;
     height: 98%;
}

.swiper-scrollbar-drag {
     height: 100%;
     width: 100%;
     position: relative;
     background: rgba(0, 0, 0, 0.5);
     -webkit-border-radius: 10px;
     border-radius: 10px;
     left: 0;
     top: 0;
}

.swiper-scrollbar-cursor-drag {
     cursor: move;
}

.swiper-lazy-preloader {
     width: 42px;
     height: 42px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -21px;
     margin-top: -21px;
     z-index: 10;
     -webkit-transform-origin: 50%;
     -moz-transform-origin: 50%;
     -ms-transform-origin: 50%;
     -o-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
     -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
     -o-animation: swiper-preloader-spin 1s steps(12, end) infinite;
     animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
     background-position: 50%;
     -o-background-size: 100%;
     background-size: 100%;
     background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
     100% {
          -webkit-transform: rotate(360deg);
     }
}

@-moz-keyframes swiper-preloader-spin {
     100% {
          -moz-transform: rotate(360deg);
          transform: rotate(360deg);
     }
}

@-o-keyframes swiper-preloader-spin {
     100% {
          -o-transform: rotate(360deg);
          transform: rotate(360deg);
     }
}

@keyframes swiper-preloader-spin {
     100% {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg);
     }
}

@charset "UTF-8";

body,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p,
tr,
td,
strong,
span,
pre {
     margin: 0;
     padding: 0;
     border: 0;
     background-repeat: no-repeat;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
     margin: 0;
     padding: 0;
     font-weight: normal;
}

img {
     border: 0px;
     vertical-align: middle;
}

ul,
li {
     list-style: none;
}

em,
i {
     font-style: normal;
}

a {
     text-decoration: none;
     color: #333;
     outline: none;
}

a:hover {
     background-repeat: no-repeat;
     color: #333;
     text-decoration: none;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix {
     *zoom: 1;
}

*,
:after,
:before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     background-repeat: no-repeat;
}

html {
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -webkit-font-smoothing: antialiased;
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
     touch-callout: none;
     cursor: pointer;
}

body,
button,
input,
select,
textarea {
     font-size: 14px;
     line-height: 24px;
     color: #333;
     font-family: "Verdana", Arial, "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
}

input,
button,
select,
textarea {
     outline: none;
     border: none;
     -webkit-border-radius: 0px;
     border-radius: 0px;
     -webkit-appearance: none;
     -moz-appearance: none;
}

a {
     background-color: transparent;
     -webkit-text-decoration-skip: objects;
     text-decoration: none;
     color: #333;
     outline: none;
     cursor: pointer;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

a,
input[type="button"],
button,
label,
input[type="submit"] {
     cursor: pointer;
}

[type="checkbox"],
[type="radio"] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box; /* 1 */
     padding: 0; /* 2 */
}

input,
textarea,
select {
     outline: none;
}

.commonweb {
     padding: 0px 3%;
}

.commonwebbox {
     margin-left: 0px;
     margin-right: 0px;
}

.commonleft {
     float: none;
}

.commonright {
     float: none;
}

.phnoeshow {
     width: 100%;
     display: block;
}

.ipadshow,
.ipadbigshow {
     width: 100%;
     display: none;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
     float: left;
     padding-left: 15px;
     padding-right: 15px;
}

.col-xs-12 {
     width: 100%;
}

.col-xs-11 {
     width: 91.66666667%;
}

.col-xs-10 {
     width: 83.33333333%;
}

.col-xs-9 {
     width: 75%;
}

.col-xs-8 {
     width: 66.66666667%;
}

.col-xs-7 {
     width: 58.33333333%;
}

.col-xs-6 {
     width: 50%;
}

.col-xs-5 {
     width: 41.66666667%;
}

.col-xs-4 {
     width: 33.33333333%;
}

.col-xs-3 {
     width: 25%;
}

.col-xs-2 {
     width: 16.66666667%;
}

.col-xs-1 {
     width: 8.33333333%;
}

@media (max-width: 320px) {
     body {
          min-width: 320px;
     }
}

@media (min-width: 500px) {
     .col-xs-l1,
     .col-xs-l2,
     .col-xs-l3,
     .col-xs-l4 {
          float: left;
          padding-left: 15px;
          padding-right: 15px;
     }

     .col-xs-l1 {
          width: 20%;
     }

     .col-xs-l2 {
          width: 40%;
     }

     .col-xs-l3 {
          width: 60%;
     }

     .col-xs-l4 {
          width: 80%;
     }
}

@media (min-width: 768px) {
     .phnoeshow {
          display: none;
     }

     .ipadshow,
     .ipadbigshow {
          display: block;
     }

     .commonwebbox {
          margin-left: -10px;
          margin-right: -10px;
     }

     .col-sm-1,
     .col-sm-2,
     .col-sm-3,
     .col-sm-4,
     .col-sm-5,
     .col-sm-6,
     .col-sm-7,
     .col-sm-8,
     .col-sm-9,
     .col-sm-10,
     .col-sm-11,
     .col-sm-12 {
          float: left;
          padding-left: 15px;
          padding-right: 15px;
     }

     .col-sm-12 {
          width: 100%;
     }

     .col-sm-11 {
          width: 91.66666667%;
     }

     .col-sm-10 {
          width: 83.33333333%;
     }

     .col-sm-9 {
          width: 75%;
     }

     .col-sm-8 {
          width: 66.66666667%;
     }

     .col-sm-7 {
          width: 58.33333333%;
     }

     .col-sm-6 {
          width: 50%;
     }

     .col-sm-5 {
          width: 41.66666667%;
     }

     .col-sm-4 {
          width: 33.33333333%;
     }

     .col-sm-3 {
          width: 25%;
     }

     .col-sm-2 {
          width: 16.66666667%;
     }

     .col-sm-1 {
          width: 8.33333333%;
     }
}

@media (min-width: 992px) {
     .commonwebbox {
          margin-left: -10px;
          margin-right: -10px;
     }

     .commonleft {
          float: left;
     }

     .commonright {
          float: right;
     }

     .col-md-1,
     .col-md-2,
     .col-md-3,
     .col-md-4,
     .col-md-5,
     .col-md-6,
     .col-md-7,
     .col-md-8,
     .col-md-9,
     .col-md-10,
     .col-md-11,
     .col-md-12 {
          float: left;
          padding-left: 15px;
          padding-right: 15px;
     }

     .col-md-12 {
          width: 100%;
     }

     .col-md-11 {
          width: 91.66666667%;
     }

     .col-md-10 {
          width: 83.33333333%;
     }

     .col-md-9 {
          width: 75%;
     }

     .col-md-8 {
          width: 66.66666667%;
     }

     .col-md-7 {
          width: 58.33333333%;
     }

     .col-md-6 {
          width: 50%;
     }

     .col-md-5 {
          width: 41.66666667%;
     }

     .col-md-4 {
          width: 33.33333333%;
     }

     .col-md-3 {
          width: 25%;
     }

     .col-md-2 {
          width: 16.66666667%;
     }

     .col-md-1 {
          width: 8.33333333%;
     }
}

@media (min-width: 1024px) {
     .commonweb {
          padding: 0px 10px;
     }

     .ww-ro-1 {
          width: 33.33333333%;
     }

     html {
          cursor: default;
     }
}

@media (min-width: 1199px) {
     .commonweb {
          margin: 0px auto;
          max-width: 1482px;
     }

     .commonleft {
          float: left;
     }

     .commonright {
          float: right;
     }

     .col-lg-1,
     .col-lg-2,
     .col-lg-3,
     .col-lg-4,
     .col-lg-5,
     .col-lg-6,
     .col-lg-7,
     .col-lg-8,
     .col-lg-9,
     .col-lg-10,
     .col-lg-11,
     .col-lg-12 {
          float: left;
          padding-left: 15px;
          padding-right: 15px;
     }

     .col-lg-12 {
          width: 100%;
     }

     .col-lg-11 {
          width: 91.66666667%;
     }

     .col-lg-10 {
          width: 83.33333333%;
     }

     .col-lg-9 {
          width: 75%;
     }

     .col-lg-8 {
          width: 66.66666667%;
     }

     .col-lg-7 {
          width: 58.33333333%;
     }

     .col-lg-6 {
          width: 50%;
     }

     .col-lg-5 {
          width: 41.66666667%;
     }

     .col-lg-4 {
          width: 33.33333333%;
     }

     .col-lg-3 {
          width: 25%;
     }

     .col-lg-2 {
          width: 16.66666667%;
     }

     .col-lg-1 {
          width: 8.33333333%;
     }
}

@media (min-width: 1239px) {
     .col-lg-l1,
     .col-lg-l2,
     .col-lg-l3,
     .col-lg-l4 {
          float: left;
          padding-left: 15px;
          padding-right: 15px;
     }

     .col-lg-l1 {
          width: 20%;
     }

     .col-lg-l2 {
          width: 40%;
     }

     .col-lg-l3 {
          width: 60%;
     }

     .col-lg-l4 {
          width: 80%;
     }
}

.visible-lg,
.visible-md,
.visible-sm {
     display: none;
}

.hidden-lg,
.hidden-md,
.hidden-sm {
     display: none;
}

@media (min-width: 767px) {
     .visible-sm {
          display: block;
     }

     .hidden-sm {
          display: none;
     }
}

@media (min-width: 991px) {
     .visible-md {
          display: block;
     }

     .hidden-sm {
          display: block;
     }

     .mobile-visible {
          display: none;
     }
}

@media (min-width: 1200px) {
     .visible-lg {
          display: block;
     }

     .hidden-lg {
          display: block;
     }
}

@media (min-width: 1130px) {
     .ipadshow {
          display: none;
     }
}

/* 重置*/

@media (min-width: 1024px) {
     .commonweb {
          padding: 0px 40px;
     }
}

@media (min-width: 1260px) {
     .commonweb {
          padding: 0;
          max-width: 1200px;
     }
}

@media (min-width: 1400px) {
     .commonweb {
          max-width: 1280px;
     }
}

@media (min-width: 1600px) {
     .commonweb {
          max-width: 1460px;
     }
}

@charset "UTF-8";

/*20180627  3083-6158  =3075*/

/*--头部--*/

.zheadcont {
     width: 100%;
     background: #fff;
     position: relative;
}

.zlogosearchcont {
     width: 100%;
     background: #fff;
     position: fixed;
     left: 0;
     top: 0;
     z-index: 20;
}

.zlogo {
     display: block;
     float: left;
     position: relative;
     height: 50px;
}

.zlogo img {
     display: block;
     height: 35px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
}

.showpagenav {
     display: block;
     float: left;
     margin-right: 2px;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
}

.showpagenav img {
     display: block;
     height: 50px;
}

.zsearchcontshow {
     float: right;
     margin: 4% 20px 0 20px;
     display: none;
}

.zsearchcontshow {
     float: right;
     margin: 2% auto;
     width: 100%;
     position: fixed;
     left: 0;
     top: 89px;
     z-index: 21;
}

.zsearchcont {
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     overflow: hidden;
     width: 76%;
     margin: 0 auto;
     background: #fff;
     padding: 6px 0;
}

.zsearchtext {
     width: 80%;
     height: 25px;
     text-indent: 10px;
     float: left;
}

.zsearchbtn {
     width: 32px;
     height: 26px;
     background: url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat -199px 4px;
     float: right;
     cursor: pointer;
     margin-right: 7px;
}

.footfocus {
     padding: 20px 0;
     text-align: center;
}

.zlanguage {
     margin: 13px 12px 0 0;
     float: right;
     position: relative;
}

.zlanguage span {
     display: inline-block;
}

.zlanguage span:after {
     display: inline-block;
     content: "";
     width: 0px;
     height: 0px;
     border-left: 6px solid transparent;
     border-bottom: 6px solid transparent;
     border-top: 6px solid #999999;
     margin-bottom: 3px;
     margin-left: 6px;
     transform: rotate(135deg);
     -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     -o-transform: rotate(135deg);
}

.phonesearchtbn {
     display: inline-block;
     float: right;
     width: 24px;
     height: 24px;
     background: url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat -358px -3px;
     margin: 13px 3% 0 3%;
}

.zlanguagefloat {
     width: 100%;
     position: fixed;
     top: 89px;
     left: 0;
     display: none;
     z-index: 20;
}

.zlanguagefloat p {
     width: 76%;
     padding: 6px 0;
     background: #fff;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     text-align: center;
     margin: 0 auto;
}

/*-------- 内页banner --------*/

.innerpagebanner {
     width: 100%;
     overflow: hidden;
}

.innerpagebanner img {
     display: block;
     width: 100%;
}

/*-------- 底部 --------*/

.zfootcont {
     padding: 22px 0;
     background: #333333;
     color: #cccccc;
     position: relative;
     text-align: center;
}

.zcopyright {
     display: block;
}

.zfootlink a {
     display: inline-block;
     padding-right: 6px;
     background: url(https://www.goodix.com/en/webimages/zimg81.jpg) no-repeat right center;
     color: #cccccc;
}

.zfootlink a:last-child {
     background: none;
}

.zcopyright a {
     color: #ccc;
}

.zcopyright a img {
     width: 20px;
     height: 28px;
     vertical-align: -11px;
}

.zfootshare {
     position: fixed;
     height: 50px;
     right: 0;
     bottom: 50px;
     z-index: 21;
}

.zfootshare span {
     display: block;
     width: 50px;
     height: 50px;
     background: #d1121b;
     cursor: pointer;
}

.zfootshare span em {
     display: block;
     width: 26px;
     height: 26px;
     background: #d1121b url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat -217px -1px;
     -o-background-size: 285px;
     background-size: 285px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -13px 0 0 -13px;
}

.zshowshare {
     position: absolute;
     width: 100%;
     bottom: 50px;
     background: #d3d4d4;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     height: 0;
     overflow: hidden;
}

.zshowshare.slideshare {
     height: auto;
     overflow: initial;
}

.zshowshare a {
     display: block !important;
     width: 50px !important;
     height: 50px !important;
     margin: 0 0 1px 0 !important;
     padding: 0 !important;
     position: relative;
     background: #c0c1c2 !important;
}

.zshowshare a:before {
     content: "";
     display: block;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -15px 0 0 -15px;
     background: url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
}

.zshowshare .bds_twi:before {
     background-position: -142px -31px;
}

.zshowshare .bds_fbook:before {
     background-position: -175px -31px;
}

.zshowshare .bds_linkedin:before {
     background-position: -207px -31px;
}

.zshowshare .bds_tsina:before {
     background-position: -238px -31px;
}

.zshowshare .bds_weixin:before {
     background-position: -271px -31px;
}

.zshowshare .bds_twi:hover:before {
     background-position: -142px -66px;
}

.zshowshare .bds_fbook:hover:before {
     background-position: -175px -66px;
}

.zshowshare .bds_linkedin:hover:before {
     background-position: -207px -66px;
}

.zshowshare .bds_tsina:hover:before {
     background-position: -238px -66px;
}

.zshowshare .bds_weixin:hover:before {
     background-position: -271px -66px;
}

/*-------- 导航 --------*/

.zpagemask {
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0;
     top: 0;
     z-index: 19;
     background: rgba(255, 255, 255, 0);
     display: none;
}

.zfloatsubnav {
     width: 196px;
     height: 100%;
     position: fixed;
     right: -196px;
     top: 0;
     background: rgba(0, 0, 0, 0.9);
     overflow-x: hidden;
     overflow-y: auto;
     font-size: 16px;
     z-index: 21;
     transition: 0.2s ease-in-out;
     -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
     -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
}

.zfloatsubnav.showthis {
     left: 0;
}

.zfloatsubnav ul {
     width: 100%;
     position: absolute;
     top: 6%;
}

.zfloatsubnav ul li a {
     color: #b0b0b0;
     display: block;
     padding: 20px;
     border-bottom: 1px solid #1f1f1f;
}

.zfloatsubnav a:hover {
     color: #fff;
}

.zclosenav {
     display: inline-block;
     width: 26px;
     height: 26px;
     background: url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat -109px -31px;
     position: absolute;
     right: 20px;
     top: 20px;
}

.zsubfloatnav {
     display: none;
}

.zsubnav {
     position: absolute;
     width: 100%;
     top: 9%;
     color: #b0b0b0;
     opacity: 0;
     right: -196px;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
}

.zsubnav.showthissub {
     opacity: 1;
     right: 0;
}

.zsubnav a {
     color: #b0b0b0;
     display: block;
     padding: 20px;
}

.zsubnav h4 {
     padding-bottom: 15px;
}

.zsubnav h4 span {
     display: inline-block;
     font-size: 12px;
     padding: 0 25px 0 20px;
     cursor: pointer;
}

.zsubnav h4 span:before {
     display: inline-block;
     content: "";
     width: 6px;
     height: 6px;
     border-left: 1px solid #b0b0b0;
     border-bottom: 1px solid #b0b0b0;
     margin-right: 1px;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
}

.zsubnav h4 em {
     display: inline-block;
}

.ztopnav {
     right: 0;
     opacity: 1;
     transition: 0.2s ease-in-out;
     -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
     -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
}

.ztopnav.hidesubnav {
     right: -196px;
     opacity: 0;
}

/*-------- 首页 --------*/

.indexbanner {
     width: 100%;
     overflow: hidden;
     position: relative;
}

.indexbanner ul li {
     width: 100%;
     -o-background-size: cover;
     background-size: cover;
     background-position: center;
     overflow: hidden;
     float: left;
     -webkit-flex-shrink: 0;
     -ms-flex: 0 0 auto;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     height: 100%;
     position: relative;
}

.indexbanner ul {
     width: 100%;
     height: 100%;
     z-index: 1;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: -webkit-transform;
     -moz-transition-property: transform, -moz-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}

.indexbanner ul li img {
     display: block;
     width: 100%;
}

.indexbannerbtn {
     width: 100%;
     text-align: center;
     position: absolute;
     left: 0;
     z-index: 20;
     bottom: 0px;
}

.indexbannerbtn p span {
     display: inline-block;
     width: 12px;
     height: 12px;
     background: #fff;
     overflow: hidden;
     margin: 0 5px;
     -webkit-border-radius: 16px;
     border-radius: 16px;
     opacity: 0.6;
     filter: alpha(opacity=60);
     cursor: pointer;
}

.indexbannerbtn p span.swiper-pagination-bullet-active {
     opacity: 1;
     filter: alpha(opacity=60);
}

.zindextext {
     width: 100%;
     padding: 15px 2%;
     background: #0050a6;
     color: #fff;
     font-size: 14px;
     line-height: 22px;
}

.zproducttype {
     width: 100%;
     overflow: hidden;
}

.zinproductleft {
     width: 100%;
}

.zproducttype img {
     display: block;
     width: 100%;
     transition: 0.8s ease-in-out;
     -webkit-transition: 0.8s ease-in-out;
     -moz-transition: 0.8s ease-in-out;
     -ms-transition: 0.8s ease-in-out;
     -o-transition: 0.8s ease-in-out;
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
}

.zproducttype a:hover img {
     transform: scale(1.03);
     -webkit-transform: scale(1.03);
     -moz-transform: scale(1.03);
     -ms-transform: scale(1.03);
     -o-transform: scale(1.03);
}

.zinlefttop,
.zinleftbottom {
     position: relative;
     overflow: hidden;
     border-bottom: 15px solid #f0f1f2;
}

.zinproductright {
     width: 100%;
     position: relative;
     overflow: hidden;
}

.zinproductright img {
     display: block;
     width: 100%;
}

.zproducttext {
     padding: 3%;
}

.zproducttext h4 {
     font-size: 20px;
     margin-bottom: 9px;
}

.zproducttext h4 span {
     display: block;
     width: 39px;
     height: 2px;
     background: #333333;
     margin-top: 9px;
}

.zsolutinbanner {
     width: 100%;
     overflow: hidden;
     position: relative;
}

.zsolutinbanner ul li {
     width: 100%;
     -o-background-size: cover;
     background-size: cover;
     background-position: center;
     overflow: hidden;
     float: left;
     -webkit-flex-shrink: 0;
     -ms-flex: 0 0 auto;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     height: 100%;
     position: relative;
}

.zsolutinbanner ul {
     width: 100%;
     height: 100%;
     z-index: 1;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: -webkit-transform;
     -moz-transition-property: transform, -moz-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}

.zsolutinbanner ul li img {
     display: block;
     width: 100%;
}

.zindexnews {
     padding: 39px 3% 9px 3%;
}

.zindexnews ul li {
     padding-bottom: 30px;
}

.zindexnews ul li span.znewsimg {
     display: block;
     overflow: hidden;
     margin: 0;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
}

.zindexnews ul li img {
     display: block;
     width: 100%;
     transition: 0.8s ease-in-out;
     -webkit-transition: 0.8s ease-in-out;
     -moz-transition: 0.8s ease-in-out;
     -ms-transition: 0.8s ease-in-out;
     -o-transition: 0.8s ease-in-out;
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
}

.zindexnews ul li h4 {
     font-size: 20px;
     margin: 16px 0 10px 0;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     height: 25px;
}

.zindexnews ul li p {
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     height: 45px;
}

.zindexnews ul li span {
     color: #c80009;
     display: inline-block;
     margin-top: 20px;
}

.zindexnews ul li:hover .znewsimg {
     -webkit-box-shadow: 0 0 22px -8px #000;
     box-shadow: 0 0 22px -8px #000;
}

.zindexnews ul li:hover img {
     transform: scale(1.03);
     -webkit-transform: scale(1.03);
     -moz-transform: scale(1.03);
     -ms-transform: scale(1.03);
     -o-transform: scale(1.03);
}

.znewstitle {
     padding-bottom: 18px;
     font-size: 22px;
}

.znewstitle a {
     float: right;
     font-size: 14px;
}

.zindexpagelink {
     width: 100%;
     padding: 60px 0 30px 0;
     background: #f0f1f2;
}

.zindexpagelink ul li {
     width: 33.33%;
     padding-bottom: 25px;
     text-align: center;
     font-size: 16px;
     float: left;
}

.zindexpagelink ul li img {
     display: block;
     height: 66px;
     margin: 0 auto 13px;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     position: relative;
     top: 0;
}

.zindexpagelink ul li a:hover {
     color: #c80009;
}

.zindexpagelink ul li:hover img {
     top: -10px;
}

/*-------- 内页 --------*/

/*Yewenwen---2016-9-8*/

.zinnerpagecont {
     padding: 46px 10px;
}

.zmycustomer {
     overflow: hidden;
}

.zmycustomer h4 {
     text-align: center;
     padding-bottom: 42px;
     font-size: 18px;
}

.zmycustomer ul {
     margin: 0 -2% 0 0;
}

.zmycustomer ul li {
     width: 33.33%;
     float: left;
     padding: 0 2% 2% 0;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
}

.zmycustomer ul li span {
     display: block;
     border: 1px solid #e0e0e0;
     overflow: hidden;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
}

.zmycustomer ul li img {
     display: block;
     width: 100%;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
}

.zmycustomer ul li:hover span {
     border: 1px solid #c8000a;
}

.zloadbtn {
     display: block;
     padding: 8px 0;
     background: #c8000a;
     transition: 0.2s ease-in-out;
     -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
     -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
}

.zloadbtn:hover {
     background: rgba(200, 0, 10, 0.8);
}

.zloadbtn span {
     display: block;
     width: 31px;
     margin: 0 auto;
     height: 31px;
     background: url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat 0 -108px;
}

/*-------- 公司概况 --------*/

.zabout1 {
     padding: 60px 0;
     background: #f7f7f7;
}

.zabouttitle {
     font-size: 26px;
     text-align: center;
     padding-bottom: 10px;
}

.zabout1text {
     margin: 0 auto;
     font-size: 16px;
     line-height: 28px;
     text-align: left;
}

.zabout2 {
     padding: 30px 10px;
}

.zabout1text2 {
     margin: 0 auto;
}

.zzhuanliimg img {
     display: block;
     max-width: 100%;
     margin: 0 auto;
}

.zyanfaimg {
     text-align: center;
}

.zyanfaimg img {
     max-width: 100%;
     display: block;
     margin: 0 auto;
}

/*-------- 支持平台 --------*/

.zsurportcont {
     padding: 80px 0;
}

.outlogined {
     text-align: center;
}

.outloginedtext {
     font-size: 20px;
     line-height: 30px;
     padding-bottom: 66px;
}

.surportlogin,
.surportzhuce {
     display: inline-block;
     width: 100%;
     height: 46px;
     font-size: 16px;
     text-align: center;
     line-height: 46px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     background: #e0e0e0;
     margin: 0 0 10px 0;
}

.surportlogin:hover,
.surportzhuce:hover {
     background: #c8000a;
     color: #fff;
}

.surportdownload {
     padding: 56px 0;
     position: relative;
}

.surportdownload dl {
     padding-bottom: 36px;
     margin-bottom: 36px;
     border-bottom: 1px solid #e8e8e8;
}

.surportdownload dl dd {
     width: 100%;
     font-size: 13px;
}

.surportdownload dl dd h4 {
     font-size: 18px;
     color: #0d71ca;
}

.zdownloadtext {
     margin: 20px 0;
}

.surportdownload dl dd span {
     color: #999;
}

.surportdownload dl dt a {
     display: block;
     width: 85px;
     height: 85px;
     border: 1px solid #d9d9d9;
     -webkit-border-radius: 100%;
     border-radius: 100%;
     text-align: center;
     color: #0d71ca;
     margin-top: 12px;
}

.surportdownload dl dt a span {
     display: block;
     width: 39px;
     height: 39px;
     background: url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat -82px -150px;
     margin: 10px 0 0 20px;
     transition: 0.2s ease-in-out;
     -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
     -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
}

.surportdownload dl dt a:hover span {
     background-position: -82px -108px;
}

.zmodifypassword {
     color: #0d71ca;
     font-size: 16px;
     text-decoration: underline;
     position: absolute;
     right: 0;
     top: -45px;
}

/*-------- 修改密码 --------*/

.zpasswordfloat {
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, 0.6);
     z-index: 22;
     display: none;
}

.zfloatcont {
     width: 90%;
     background: #fff;
     position: absolute;
     top: 12%;
     left: 50%;
     display: none;
     z-index: 23;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
}

.zshowpassword,
.zshowzhuce,
.zshowlogin,
.zshowsuccess,
.zshowpassword2 {
     padding: 40px 32px;
     font-size: 15px;
}

.zfloatcont h4 {
     font-size: 20px;
     padding-bottom: 12px;
}

.zfloatcont ul li {
     padding-top: 21px;
}

.zfloatcont ul li span {
     display: inline-block;
     width: 100%;
     line-height: 32px;
}

.zfloatcont ul li span em {
     color: #c8000a;
}

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

.zpsswordtext input {
     width: 100%;
     height: 30px;
     border: 1px solid #e0e0e0;
     line-height: 30px;
     text-indent: 8px;
     background: #f7f7f7;
}

.zpasswordbtn {
     width: 100%;
     height: 40px;
     line-height: 40px;
     color: #fff;
     background: #c8000a;
     font-size: 15px;
     cursor: pointer;
     margin-top: 15px;
}

.zclosepassword {
     display: inline-block;
     width: 24px;
     height: 24px;
     background: url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat -109px -33px;
     position: absolute;
     right: 12px;
     top: 12px;
}

.zshowpassword2 ul {
     border-top: 1px solid #e0e0e0;
     padding: 20px;
}

.zzhucetips {
     padding-bottom: 10px;
}

.zzhucetips em {
     color: #c8000a;
}

.zpsswordtext input.zzhucecode {
     width: 100%;
}

.zchangecode {
     display: block;
     width: 79px;
     border: 1px solid #e0e0e0;
     margin: 6px 0 3px 0;
}

.zchangecode img {
     display: block;
     width: 77px;
     height: 28px;
}

.zchangeimg {
     float: left;
     color: #0d71ca;
}

.zerrortip {
     display: none;
     padding-left: 18px;
     position: absolute;
     font-size: 13px;
     color: #c8000a;
     background: url(https://www.goodix.com/en/webimages/zimg36.jpg) no-repeat left center;
     left: 0;
     top: 28px;
}

.zshowlogin .zpsswordtext {
     width: 100%;
}

.zshowlogin {
     width: 90%;
     padding: 40px 32px 86px;
}

.zshowlogin ul li {
     padding-top: 16px;
}

.zcheckbox {
     font-size: 14px;
}

.zcheckbox input {
     width: 12px;
     height: 12px;
     border: 1px solid #666666;
     margin-right: 3px;
     -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
}

.zforgetpassword {
     display: block;
     color: #0d71ca;
     font-size: 14px;
}

.zshowlogintext {
     width: 100%;
     padding: 11px 10px;
     background: #e6e6e6;
     position: absolute;
     left: 0;
     bottom: 0;
     font-size: 14px;
}

.zshowlogintext span {
     color: #0d71ca;
     cursor: pointer;
}

.zshowsuccess {
     text-align: center;
     padding: 79px;
     padding: 45px 11px;
}

.zsuccessshow {
     color: #0d71ca;
}

.zshowsuccess h4 {
     font-size: 22px;
     padding: 24px 0 18px 0;
}

.zsuccessicon {
     display: block;
     margin: 0 auto;
     width: 55px;
     height: 55px;
     background: url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat 0 -155px;
}

/*-------- 公司简介分布 --------*/

.zcompanylist {
     padding: 46px 0;
}

.zcompanyleft {
     color: #959ead;
     margin: 0 auto 32px;
     text-align: center;
}

.zcompany1 {
     display: inline-block;
     padding: 0 10px 10px 10px;
     margin-bottom: 10px;
     font-size: 26px;
     line-height: 34px;
     border-bottom: 1px solid #b5bac3;
}

.zcompany2 {
     font-size: 15px;
}

.zcompanyright {
     width: 100%;
     position: relative;
     margin: 0 auto;
}

.zshowaddicon {
     position: absolute;
     left: 0;
     top: 0;
}

.zshowaddicon ul li {
     width: 22px;
     height: 28px;
     position: absolute;
     background: url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat -40px -109px;
     cursor: pointer;
     z-index: 1;
     transition: 0.2s ease-in-out;
     -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
     -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
}

.zshowaddicon ul li:hover,
.zshowaddicon ul li.animateli {
     transform: translateY(2px);
     -webkit-transform: translateY(2px);
     -moz-transform: translateY(2px);
     -ms-transform: translateY(2px);
     -o-transform: translateY(2px);
}

.zshowaddicon ul li span {
     display: inline-block;
     width: 85px;
     position: absolute;
     top: 0;
     color: #c8000a;
}

.zshowaddicon ul li.zshowbtn1 span {
     left: -40px;
     top: 3px;
}

.zshowaddicon ul li.zshowbtn2 span {
     left: -72px;
     top: 8px;
}

.zshowaddicon ul li.zshowbtn3a span {
     width: 32px;
     left: -64px;
}

.zshowaddicon ul li.zshowbtn4 span {
     width: 32px;
     left: 26px;
}

.zshowaddicon ul li.zshowbtn5a span {
     width: 32px;
     left: 22px;
     top: 8px;
}

.zshowaddicon ul li.zshowbtn5a span {
     width: 32px;
     left: 22px;
     top: 8px;
}

.zshowaddicon ul li.zshowbtn6a span {
     width: 32px;
     left: -3px;
     top: 22px;
}

.zshowaddicon ul li.zshowbtn9a span {
     left: -50px;
     top: -3px;
}

.zshowaddicon ul li.zshowbtn10a span {
     left: -52px;
     top: 0px;
}

.zphonecompany {
     width: 100%;
}

/*-------- 联系我们 --------*/

.zcontactus {
     padding: 72px 0;
     background: #f2f2f2;
}

.zcontactusmap {
     width: 90%;
     margin: 0 auto;
     position: relative;
}

.zpccontact img {
     display: none;
}

.zpccontact {
     display: none;
}

.zcompanyfloat {
     width: 100%;
     padding: 26px 0;
     line-height: 28px;
     font-size: 16px;
     border-bottom: 1px solid #e2e1e1;
     text-align: center;
}

.zcompanyfloat h4 {
     font-weight: bold;
     padding-bottom: 16px;
}

.zcompanyicon {
     display: none;
}

.zphonecontact {
     display: block;
     width: 100%;
}

/*-------- 支持中心 ---------*/

.zsurportcentertext {
     padding: 52px 0;
     background: url(https://www.goodix.com/en/webimages/zimg42.jpg) no-repeat;
     -o-background-size: cover;
     background-size: cover;
     color: #fff;
     text-align: center;
     font-size: 15px;
     position: relative;
     line-height: 30px;
}

.zsurportcentertext:after {
     display: inline-block;
     content: "";
     width: 0;
     height: 0;
     border-top: 15px solid rgba(0, 0, 0, 0);
     border-bottom: 15px solid rgba(0, 0, 0, 0);
     border-left: 19px solid #003082;
     position: absolute;
     bottom: -23px;
     z-index: 10;
     left: 50%;
     margin-left: -15px;
     transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
}

.zsurportcentermap {
     padding: 56px 0;
     background: #eff6fd;
}

.zsurportmap {
     position: relative;
     padding-top: 20px;
}

.zsurportmapcont {
     display: none;
}

.zsurportcontent {
     padding: 40px 0;
     background: #1f3549;
}

.zsurportcontent .zabouttitle {
     color: #fff;
}

.zsurportcontent ul li {
     color: #fff;
     min-height: 120px;
     margin-top: 3%;
}

.zsurportcontent ul li img {
     display: block;
     float: left;
     height: 93px;
     -webkit-transition: 0.8s ease-in-out;
     -o-transition: 0.8s ease-in-out;
     -moz-transition: 0.8s ease-in-out;
     transition: 0.8s ease-in-out;
     -webkit-transition: 0.6s ease-in-out;
     -moz-transition: 0.6s ease-in-out;
     -ms-transition: 0.6s ease-in-out;
     -o-transition: 0.6s ease-in-out;
     transform: translateX(0);
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
}

.zsurportcontent ul li:hover img {
     transform: translateX(10px);
     -webkit-transform: translateX(10px);
     -moz-transform: translateX(10px);
     -ms-transform: translateX(10px);
     -o-transform: translateX(10px);
}

.zsurportcontent ul li div {
     width: 66%;
     float: left;
     padding-left: 12px;
}

.zsurportcontent ul li h4 {
     font-size: 18px;
     padding: 15px 0 10px 0;
}

.zsurportmapimg {
     display: block;
     width: 100%;
}

.zsurportemail {
     padding: 40px 10px;
     text-align: center;
     font-size: 16px;
     background: url(https://www.goodix.com/en/webimages/zimg50.jpg) no-repeat;
     -o-background-size: cover;
     background-size: cover;
}

.zsurportemail span {
     font-size: 20px;
}

.zsurportemail a {
     color: #0d71ca;
}

/*-------- 新闻 --------*/

.znewscont {
     position: relative;
}

.newsleft {
     padding: 8% 0 3% 0;
}

.newsright {
     padding: 6% 3%;
     background: #f2f2f2;
     margin-bottom: 20px;
}

.pageslink {
     display: none;
}

.newslist dl {
     padding: 25px 0;
     border-bottom: 1px solid #d9d9d9;
}

.newslist dt {
     padding: 0;
}

.newslist dt img {
     display: block;
     width: 100%;
}

.newslist dd {
     padding-top: 18px;
}

.newslist dd span {
     font-size: 16px;
     font-weight: bold;
     color: #808080;
     font-family: Arial;
}

.newslist dd h4 {
     font-size: 18px;
     font-weight: bold;
     padding: 4px 0;
}

.newslist dd h4 a {
     color: #0050a7;
}

.newslist dd p {
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
}

.newsrighttitle {
     font-size: 18px;
     color: #c8000a;
     font-weight: bold;
}

.newsrightlist {
     padding: 16px 0 20px 0;
     background: url(https://www.goodix.com/en/webimages/zimg51.jpg) no-repeat left bottom;
     -o-background-size: 100%;
     background-size: 100%;
}

.newsrightlist dt img {
     display: block;
     width: 100%;
}

.newsrightlist dd span {
     display: inline-block;
     font-size: 26px;
     font-family: Arial;
     color: #999999;
     line-height: 28px;
     padding: 18px 0 12px 0;
}

.newsrightlist dd h4 {
     font-size: 16px;
     font-weight: bold;
     padding-bottom: 6px;
}

.newsrightlist dd h4 a {
     color: #666;
}

.newsrightlist dd p {
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
}

.newstextlist {
     font-size: 12px;
     padding-top: 24px;
     color: #333;
}

.newstextlist li span {
     float: right;
}

.newstextlist li a {
     color: #333;
}

.newstextlist li a:hover {
     color: #c8000a;
}

.newstextlist li p {
     width: 80%;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
}

.newsdetailtl h4 {
     font-size: 18px;
     font-weight: bold;
     line-height: 30px;
     color: #004895;
     padding: 6px 0 8px 0;
}

.newsdetail {
     padding-top: 26px;
     padding-bottom: 48px;
}

.newsdetail img {
     display: block;
     margin: 0 auto;
     max-width: 100% !important;
     height: auto !important;
}

.backnewslist {
     display: block;
     width: 98px;
     height: 35px;
     text-align: center;
     line-height: 35px;
     color: #fff;
     margin: 20px auto;
     background-color: #c8000a;
}

.backnewslist:hover {
     color: #fff;
}

.dedate {
     margin-right: 12px;
}

.commonDetailedContentsfoot {
     padding-bottom: 45px;
}

.commonDetailedContentsfoot dl {
     border: 1px solid #cccccc;
     border-left: none;
     border-right: none;
     font-size: 12px;
     padding: 13px 0px;
}

.commonDetailedContentsfoot dl span {
     display: inline-block;
     background: #f2f2f2;
     color: #1a1a1a;
     line-height: 27px;
     padding: 0px 10px;
     margin-right: 15px;
}

.commonDetailedContentsfoot dl dd {
     float: none;
     margin-bottom: 15px;
}

.commonDetailedContentsfoot dl dt {
     float: none;
}

.commonDetailedContentsfoot dl dd,
.commonDetailedContentsfoot dl dt {
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 1;
}

.closecitycont {
     display: none;
}

/*-------- 员工生活 --------*/

.stafflifeimg {
     background: #1b7fe9;
     display: none;
}

.stafflifeimg img {
     display: block;
     float: left;
     width: 62%;
}

.stafflifetext {
     float: left;
     width: 38%;
     padding: 30px 22px 0 22px;
     color: #fff;
     line-height: 26px;
}

.stafflifetext h4 {
     font-size: 20px;
     font-weight: bold;
     padding-bottom: 32px;
}

.staffvoicecont {
     padding: 93px 0;
     background: url(https://www.goodix.com/en/webimages/zimg60.jpg) no-repeat;
     -o-background-size: cover;
     background-size: cover;
}

.goodixpclist {
     display: none;
}

.goodixpclist dl {
     float: left;
     margin-right: 14px;
}

.goodixpclist dl dd {
     position: relative;
     float: left;
}

.goodixpclist dl dd img {
     display: block;
     max-width: 100%;
     height: 112px;
     margin: 0 auto;
}

.goodix1 {
     width: 194px;
}

.goodix2 {
     width: 217px;
}

.goodix3 {
     width: 217px;
}

.goodix4 {
     width: 197px;
}

.goodix5 {
     width: 69px;
}

.staffvoicecont dl.goodix6 {
     width: 201px;
     margin: 0;
}

.goodixphonelist {
     width: 100%;
     margin: 0 auto;
     position: relative;
}

.leftgoodix,
.rightgoodix {
     display: block;
     width: 26px;
     height: 154px;
     background: url(https://www.goodix.com/en/webimages/zimg83.png) no-repeat;
     position: absolute;
     top: 50%;
     margin-top: -77px;
}

.leftgoodix {
     left: 0;
     background-position: left bottom;
}

.leftgoodix:hover {
     background-position: left top;
}

.rightgoodix {
     right: 0;
     background-position: right bottom;
}

.rightgoodix:hover {
     background-position: right top;
}

.goodixphonescroll {
     width: 76%;
     margin: 0 auto;
     overflow: hidden;
}

.goodixphonescroll ul li {
     overflow: hidden;
     float: left;
     position: relative;
     -webkit-flex-shrink: 0;
     -ms-flex: 0 0 auto;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     display: -ms-flexbox;
     -ms-flex-pack: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
}

.goodixphonescroll ul {
     width: 100%;
     height: 100%;
     z-index: 1;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: -webkit-transform;
     -moz-transition-property: transform, -moz-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}

.goodiximg {
     display: block;
     width: 100%;
}

.goodixphmess {
     padding: 12px 18px;
     background: #fff;
     margin-top: 24px;
}

.goodixleftimg {
     width: 28%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
     float: left;
}

.goodixleftimg img {
     display: block;
     width: 100%;
}

.goodixrgtext {
     float: left;
     font-size: 15px;
     width: 100%;
     padding-top: 8px;
}

.goodixrgtext h4 {
     font-size: 18px;
     font-weight: bold;
}

.goodixrgtext h4 span {
     font-weight: normal;
     font-size: 14px;
}

.zfloatgoodix {
     width: 428px;
     min-height: 165px;
     padding: 24px;
     background: #fff;
     border: 1px solid #e0e0e0;
     position: absolute;
     left: 0;
     bottom: 135px;
     display: none;
     z-index: 10;
}

.zgoodixicon {
     display: inline-block;
     content: "";
     width: 0;
     height: 0;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     border-left: 13px solid #fff;
     position: absolute;
     left: 125px;
     bottom: -16px;
     z-index: 10;
     transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
}

.zfloatgoodixtext {
     width: 254px;
     float: left;
     padding: 12px 0 0 15px;
}

.zfloatgoodixtext h4 {
     font-size: 20px;
     font-weight: bold;
     padding-bottom: 10px;
}

.zfloatgoodixtext h4 span {
     font-size: 15px;
     font-weight: normal;
}

.zfloatgoodiximg {
     width: 115px;
     height: 115px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
     float: left;
}

.goodixpclist dl dd .zfloatgoodiximg img {
     display: block;
     width: 115px;
     height: 115px;
}

.goodix1 dd {
     width: 97px;
     height: 111px;
}

.zgoodix1 .zgoodixicon {
     left: 31px;
}

.zgoodix2 .zfloatgoodix {
     left: -97px;
}

.zgoodix3 .zfloatgoodix {
     left: 0;
     top: 138px;
     bottom: auto;
}

.zgoodix3 .zgoodixicon {
     bottom: auto;
     top: -16px;
     left: 41px;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
}

.zgoodix4 .zfloatgoodix {
     left: -97px;
     bottom: auto;
     top: 138px;
}

.zgoodix4 .zgoodixicon {
     bottom: auto;
     top: -16px;
     left: 158px;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
}

.zgoodix5 .zgoodixicon {
     left: 35px;
}

.zgoodix6 .zfloatgoodix {
     left: -107px;
}

.zgoodix6 .zgoodixicon {
     left: 167px;
}

.zgoodix7 .zfloatgoodix {
     bottom: auto;
     top: 134px;
}

.zgoodix7 .zgoodixicon {
     left: 50px;
     top: -16px;
     bottom: auto;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
}

.zgoodix8 .zfloatgoodix {
     left: -107px;
     bottom: auto;
     top: 134px;
}

.zgoodix8 .zgoodixicon {
     bottom: auto;
     top: -16px;
     left: 156px;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
}

.zgoodix9 .zfloatgoodix {
     bottom: auto;
     top: 134px;
}

.zgoodix9 .zgoodixicon {
     left: 50px;
     top: -16px;
     bottom: auto;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
}

.zgoodix10 .zfloatgoodix {
     left: -110px;
     bottom: auto;
     top: 134px;
}

.zgoodix10 .zgoodixicon {
     bottom: auto;
     top: -16px;
     left: 159px;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
}

.zgoodix11 .zgoodixicon {
     left: 32px;
}

.zgoodix12 .zfloatgoodix {
     left: -110px;
}

.zgoodix12 .zgoodixicon {
     left: 172px;
}

.zgoodix13 .zgoodixicon {
     left: 39px;
}

.zgoodix14 .zfloatgoodix {
     left: -99px;
}

.zgoodix14 .zgoodixicon {
     left: 138px;
}

.zgoodix15 .zfloatgoodix {
     bottom: auto;
     top: 134px;
}

.zgoodix15 .zgoodixicon {
     left: 17px;
     top: -16px;
     bottom: auto;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
}

.zgoodix16 .zfloatgoodix {
     left: -99px;
     bottom: auto;
     top: 134px;
}

.zgoodix16 .zgoodixicon {
     bottom: auto;
     top: -16px;
     left: 132px;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
}

.zgoodix17 .zfloatgoodix {
     left: -140px;
}

.zgoodix17 .zgoodixicon {
     left: 160px;
}

.zgoodix18 .zfloatgoodix {
     left: -140px;
     bottom: auto;
     top: 134px;
}

.zgoodix18 .zgoodixicon {
     left: 166px;
     top: -16px;
     bottom: auto;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
}

.zgoodix19 .zfloatgoodix {
     left: -230px;
}

.zgoodix19 .zgoodixicon {
     left: 258px;
}

.zgoodix20 .zfloatgoodix {
     left: -331px;
}

.zgoodix20 .zgoodixicon {
     left: 378px;
}

.zgoodix21 .zfloatgoodix {
     left: -230px;
     bottom: auto;
     top: 134px;
}

.zgoodix21 .zgoodixicon {
     left: 248px;
     top: -16px;
     bottom: auto;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
}

.zgoodix22 .zfloatgoodix {
     left: -331px;
     bottom: auto;
     top: 134px;
}

.zgoodix22 .zgoodixicon {
     bottom: auto;
     top: -16px;
     left: 388px;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
}

.stafflifeiscroll {
     width: 100%;
     overflow: hidden;
     position: relative;
}

.stafflifeiscroll ul li {
     overflow: hidden;
     float: left;
     width: 100%;
     padding: 0 5px;
     margin-bottom: 15px;
}

.stafflifeiscroll ul {
     margin: 0;
}

.stafflifeiscroll ul li img {
     display: block;
     width: 100%;
     height: auto;
}

.stafflifeileft,
.stafflifeiright {
     display: block;
     width: 33px;
     height: 60px;
     background: #c8000a;
     position: absolute;
     top: 50%;
     margin-top: -30px;
     cursor: pointer;
     z-index: 10;
}

.stafflifeileft {
     left: 0;
}

.stafflifeiright {
     right: 0;
}

.stafflifeileft:before,
.stafflifeiright:before {
     content: "";
     position: absolute;
     width: 8px;
     height: 8px;
     border-left: 3px solid white;
     border-top: 3px solid white;
     position: absolute;
     transform: rotate(315deg);
     -webkit-transform: rotate(315deg);
     -moz-transform: rotate(315deg);
     -ms-transform: rotate(315deg);
     -o-transform: rotate(315deg);
     top: 50%;
     left: 50%;
     margin: -4px 0 0 -4px;
}

.stafflifeiright:before {
     transform: rotate(135deg);
     -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     -o-transform: rotate(135deg);
     margin: -4px 0 0 -6px;
}

.staffhidetext {
     display: block;
}

.staffhidetext h4 {
     font-size: 16px;
     padding: 12px 0 6px 0;
}

/*-------- 投资者关系 --------*/

.newstextlist2 {
     padding: 15px 0;
     background: url(https://www.goodix.com/en/webimages/zimg51.jpg) no-repeat left bottom;
     -o-background-size: 100%;
     background-size: 100%;
     margin-bottom: 30px;
}

.Investorservices {
     font-size: 13px;
     padding-top: 15px;
}

.annpubliclist {
     padding: 3% 0;
}

.annpubliclist ul li {
     padding: 14px 0;
     border-bottom: 1px solid #e0e0e0;
}

.annpubliclist ul li span {
     display: inline-block;
     float: right;
}

.annpubliclist ul li a {
     display: inline-block;
     padding-left: 25px;
     background: url(https://www.goodix.com/en/webimages/zimg66.jpg) no-repeat left center;
     width: 80%;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
}

.annpubliclist ul li a:hover {
     color: #0d71ca;
}

.znewssubnav a {
     display: inline-block;
     width: 33.3%;
     text-align: center;
     padding: 6px 0;
     background: #e0e0e0;
     float: left;
}

.znewssubnav a.cur,
.znewssubnav a:hover {
     background: #c8000a;
     color: #fff;
}

/*-------- 投资者服务 --------*/

.zcontactleft p {
     margin-bottom: 20px;
     font-size: 18px;
}

.zcontactright img {
     display: block;
     width: 100%;
}

.zcontactadd {
     background: url(https://www.goodix.com/en/webimages/zimg68.jpg) no-repeat left 5px;
     padding: 8px 0 12px 52px;
     -o-background-size: 30px;
     background-size: 30px;
}

.zcontacter {
     background: url(https://www.goodix.com/en/webimages/zimg69.jpg) no-repeat left 5px;
     padding: 8px 0 12px 62px;
     -o-background-size: 30px;
     background-size: 30px;
}

.zcontactph {
     background: url(https://www.goodix.com/en/webimages/zimg70.jpg) no-repeat left 5px;
     padding: 8px 0 12px 62px;
     -o-background-size: 30px;
     background-size: 30px;
}

.zcontactfax {
     background: url(https://www.goodix.com/en/webimages/zimg71.jpg) no-repeat left 5px;
     padding: 8px 0 12px 62px;
     -o-background-size: 30px;
     background-size: 30px;
}

.zcontactemail {
     background: url(https://www.goodix.com/en/webimages/zimg72.jpg) no-repeat left 5px;
     padding: 8px 0 12px 62px;
     -o-background-size: 30px;
     background-size: 30px;
}

/*-------- 社会责任 --------*/

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

.zresponsabletop img {
     display: block;
     width: 100%;
}

.zresponsabletext {
     padding: 2%;
     font-size: 15px;
     line-height: 24px;
     text-align: left;
}

.zresponsablelist {
     position: relative;
     overflow: hidden;
}

.zresponsablescroll {
     margin: 0 42px;
     overflow: hidden;
}

.zresponsablescroll ul {
     margin: 0 -10px;
}

.zresponsablescroll ul li {
     overflow: hidden;
     float: left;
     position: relative;
     height: 100%;
     padding: 0 10px;
     margin-bottom: 20px;
}

.zresponsablescroll ul li .while {
     background: #fff;
     position: relative;
     padding: 26px 0 46px;
}

.zresponsablelist ul li img {
     display: block;
     width: 80%;
     margin: 0 auto;
}

.zzerentext {
     display: block;
     width: 85%;
     margin: 0 auto;
     margin-top: 6px;
     padding-top: 32px;
     border-top: 1px solid #e0e0e0;
     font-size: 18px;
     text-align: center;
     line-height: 26px;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
}

.responsleft,
.responsright {
     display: block;
     width: 27px;
     height: 84px;
     background: #d9d9d9;
     position: absolute;
     top: 50%;
     margin-top: -42px;
     cursor: pointer;
     z-index: 10;
}

.responsleft {
     left: 0;
}

.responsright {
     right: 0;
}

.responsleft:before,
.responsright:before {
     content: "";
     position: absolute;
     width: 8px;
     height: 8px;
     border-left: 3px solid white;
     border-top: 3px solid white;
     position: absolute;
     transform: rotate(315deg);
     -webkit-transform: rotate(315deg);
     -moz-transform: rotate(315deg);
     -ms-transform: rotate(315deg);
     -o-transform: rotate(315deg);
     top: 50%;
     left: 50%;
     margin: -4px 0 0 -4px;
}

.responsright:before {
     transform: rotate(135deg);
     -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     -o-transform: rotate(135deg);
     margin: -4px 0 0 -6px;
}

.responsleft:hover,
.responsright:hover {
     background: #c8000a;
}

.zfloatrespons {
     display: block;
     text-align: left;
     width: 100%;
     height: 100%;
     padding: 23px 32px 0 32px;
     background: rgba(0, 72, 149, 0.85);
     position: absolute;
     left: 0;
     top: 0;
     color: #fff;
     font-size: 15px;
     line-height: 32px;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transform: translateY(100%);
     -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
     -ms-transform: translateY(100%);
     -o-transform: translateY(100%);
}

.zfloatrespons:hover {
     color: #fff;
}

.zfloatlink {
     display: block;
     width: 56px;
     height: 56px;
     margin: 15px auto 0;
     background: url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat 0 -216px;
}

/*Yewenwen---2016-9-8*/

.wwinnav {
     display: block;
     border: none;
     margin: 0;
     padding: 15px 0;
}

.wwinnavlist {
     padding: 15px 0 0 0;
     display: none;
}

.wwinnavlist a {
     display: block;
     width: 100%;
     font-size: 16px;
     padding: 22px 0;
     text-align: center;
     line-height: 18px;
}

.wwinnavlist a.cur {
     background: #c8000a;
     color: #fff;
}

.wwinnavlist a:hover {
     background: #c8000a;
     color: #fff;
}

.wwamo {
     padding: 20px 0 60px 0;
     position: relative;
}

.wwfixedtext {
     width: 100%;
     font-size: 14px;
     line-height: 24px;
     font-weight: 100;
     padding: 0 10px 20px;
}

.wwamoimg {
     position: relative;
     top: 0;
     max-width: 100%;
     cursor: pointer;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}

.wwamoimg:hover {
     top: -10px;
}

.wwledfined {
     width: 100%;
     background: #e0e5ea;
}

.wwledimg {
     float: right;
     display: block;
     width: 60%;
}

.wwledfined {
     padding: 0;
}

.wwledtext {
     padding-bottom: 20px;
     font-size: 15px;
}

.wwproled {
     position: relative;
     z-index: 9;
}

/*指纹识别方案*/

.wwproject {
     position: relative;
     width: 100%;
     overflow: hidden;
}

.wwprojectimg img {
     width: 100%;
     display: block;
}

.wwprojecttext {
     text-align: center;
     padding: 15px 3%;
}

.wwprojectBg {
     width: 100%;
     background: url(https://www.goodix.com/en/webimages/wwimg06.jpg) no-repeat center;
     -o-background-size: cover;
     background-size: cover;
}

.wwprojectlolist ul {
     height: 100%;
}

.wwprojectlolist ul li {
     height: 100%;
     color: #fff;
     text-align: center;
     font-size: 15px;
     line-height: 16px;
     padding: 30px 0;
}

.wwprojectlolist ul li:last-child {
     border-right: none;
}

.wwprojectlolist ul li img {
     height: 66px;
     display: block;
     margin: 0 auto;
     margin-bottom: 15px;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     position: relative;
     top: 0;
}

.wwprojectlolist ul li:hover img {
     top: -10px;
}

/*IFS方案*/

.wwledfinedimg {
     width: 100%;
     display: block;
}

.wwifsject {
     text-align: center;
     padding: 20px 12px;
}

.wwmouse {
     display: none;
}

.wwhonorfix {
     padding: 20px 0;
}

.wwhonorfix img {
     max-width: 100%;
     display: block;
     margin: 0 auto;
}

.wwBg .wwhonortext {
     padding-bottom: 30px;
}

/*On-Cell*/

.wwcelltopT {
     padding: 20px 0;
}

.wwimgR {
     display: block;
     position: relative;
     top: 0;
     max-width: 100%;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}

.wwimgR:hover {
     top: -10px;
}

.wwmarkcon {
     padding-top: 30px;
     text-align: center;
}

.wwmarklist {
     padding-top: 30px;
}

.wwmarklist ul li {
     margin-bottom: 12px;
     transition: 0.2s ease-in-out;
     -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
     -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
     position: relative;
     top: 0;
}

.wwmarklist ul li:hover {
     top: -10px;
}

.wwmardiv {
     color: #fff;
     padding: 12px 12px;
     background: #0099cc;
}

.wwmarklist ul li h3 {
     padding: 4px 0 8px 0;
     font-size: 16px;
}

.wwangleR img {
     display: block;
     position: relative;
     top: 0;
     max-width: 100%;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}

.wwangleR img:hover {
     top: -10px;
}

.wwangleL {
     padding: 20px 0;
}

.wwliving img {
     display: block;
}

.wwlivingtext {
     padding: 15px 12px;
}

.wwliving img {
     display: block;
     max-width: 100%;
}

.wwjectbot .wwangleL {
     padding: 0px 0 30px;
}

.wwjectbot {
     padding-bottom: 20px;
}

.wwiotpos img {
     display: block;
     width: 100%;
}

.wwifstit {
     padding-bottom: 8px;
}

.wwIottextbox {
     padding: 20px 0;
}

.wwiottext {
     padding: 20px 0;
}

.wwimgMar {
     display: block;
     max-width: 100%;
     margin: 0 auto;
}

.wwimgheight {
     display: block;
     width: 100%;
}

/*奖项及荣誉*/

.wwhonorimg img {
     display: block;
     max-width: 100%;
     margin: 0 auto;
}

.wwhonorimg {
     position: relative;
     background: #f2f2f2;
     text-align: center;
     cursor: pointer;
}

.wwhonor ul {
     padding: 28px 0;
}

.wwhonor ul li {
     padding-left: 7px;
     padding-right: 7px;
     margin-bottom: 14px;
     margin-top: 14px;
}

.wwhonorimg .title {
     padding: 10px 10px 20px;
     height: 78px;
}

/*图片弹窗*/

.yuangongmask {
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     position: fixed;
     left: 0;
     top: 0;
     z-index: 50;
     display: none;
}

.bigimgovflow {
     position: relative;
     background: #fff;
     padding: 35px 14% 25px;
}

.bigimgfloat {
     position: relative;
     overflow: hidden;
     margin: 0 auto;
     padding-bottom: 25px;
}

.bigimgcont {
     width: 100%;
     position: absolute;
     top: 20%;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     z-index: 51;
     display: none;
     background: #fff;
}

.bigimgfloat img {
     display: block;
     width: 100%;
     margin: 0 auto;
     background: #f2f2f2;
}

.closeyuangong {
     display: block;
     width: 25px;
     height: 25px;
     overflow: hidden;
     background: url(https://www.goodix.com/en/webimages/wwpic18.png) no-repeat;
     position: absolute;
     top: 15px;
     right: 15px;
     z-index: 9;
     -o-background-size: 100% 100%;
     background-size: 100% 100%;
}

.Meetpeopletext {
     text-align: center;
     padding: 0 0 0;
     width: 100%;
     z-index: 9;
}

/**/

.wwprojecttext02 {
     text-align: left;
}

.wwGoodix .commonweb {
     padding-bottom: 20px;
     padding-top: 20px;
}

.wwGoodixlist {
     padding: 12px 0;
     background: #4178be;
}

.wwGoodixlist ul li {
     text-align: center;
     color: #fff;
     margin-bottom: 24px;
     margin-top: 24px;
}

.wwGoodixlist ul li img {
     padding-bottom: 6px;
     width: 126px;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     position: relative;
     top: 0;
}

.wwGoodixlist ul li:hover img {
     top: -10px;
}

.wwbluetootbox {
     padding: 20px 3% 40px;
}

.wwbluetoothL .wwimgR {
     max-width: 100%;
     display: block;
     margin: 0 auto;
}

.wwbluetoothL {
     padding-top: 20px;
}

.wwtwoType ul li {
     margin-bottom: 15px;
     margin-top: 15px;
}

.wwtwoTypediv {
     background: #fff;
     height: auto;
     padding: 0 20px 20px;
}

.wwtwoTypediv span {
     width: 80%;
     display: block;
     overflow: hidden;
     margin: 0 auto;
}

.wwtwoTypediv img {
     width: 100%;
     display: block;
     margin: 0 auto;
     transition: 0.8s ease-in-out;
     -webkit-transition: 0.8s ease-in-out;
     -moz-transition: 0.8s ease-in-out;
     -ms-transition: 0.8s ease-in-out;
     -o-transition: 0.8s ease-in-out;
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
}

.wwtwoTypediv:hover img {
     transform: scale(1);
     -webkit-transform: scale(1.06);
     -moz-transform: scale(1.06);
     -ms-transform: scale(1.06);
     -o-transform: scale(1.06);
}

.wwtwoTypediv h3 {
     font-weight: bold;
     padding-bottom: 10px;
}

.wwBgtwo {
     background: #f2f2f2;
}

.wwtwoTypetit {
     text-align: center;
     padding: 20px 0 5px;
}

.wwtwoType {
     padding: 0px 3% 30px;
}

.wwhand {
     padding: 20px 0;
}

.wwtablet .wwifsject {
     padding: 20px 0;
     font-size: 14px;
     text-align: left;
}

.wwtabletconR img {
     margin: 0 auto;
}

.wwledfinedimg03 {
     display: none;
}

.wwcultext {
     padding: 20px 3%;
}

.wwculture {
     padding: 20px 3%;
}

.wwculbot ul {
     padding: 0 0 40px;
}

.wwculbot ul li {
     text-align: center;
     padding-bottom: 15px;
     padding-top: 15px;
}

.wwculbot ul li .textleft {
     text-align: left;
}

.wwculbot ul li img {
     max-width: 100%;
     display: block;
     margin: 0 auto;
     padding-bottom: 15px;
}

.wwculturelist ul li:first-child {
     padding-bottom: 15px;
}

.wwculbot ul li h3 {
     font-size: 17px;
     padding: 0 15px 15px;
     margin-bottom: 15px;
     display: inline-block;
     position: relative;
}

.wwculbot ul li h3:after {
     content: " ";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 1px;
     background: #bfbfbf;
}

.wwtouchlilist li div img {
     display: block;
     max-width: 100%;
     margin: 0 auto;
}

.wwtouchboxH3 {
     text-align: center;
}

.wwtouchlilist {
     text-align: center;
}

.wwtouchlilist li {
     display: inline-block;
     float: left;
     padding-bottom: 15px;
     padding-top: 15px;
}

.wwtouchlilist li div {
     border: 1px solid #ccc;
     font-size: 18px;
     padding-bottom: 20px;
}

.wwtouchboxH3 {
     font-size: 20px;
     color: #333;
     padding-bottom: 10px;
}

.wwtouchbox {
     padding: 30px 3% 15px;
}

.wwtouchbox {
     background: #f2f2f2;
}

.wwpartner {
     padding: 30px 3% 15px;
}

.wwmark {
     background-image: none;
}

.wwhonorimg span.wwboximg {
     display: block;
     overflow: hidden;
     margin: 0;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
}

.wwhonorimg:hover span.wwboximg {
     transform: scale(1);
     -webkit-transform: scale(1.03);
     -moz-transform: scale(1.03);
     -ms-transform: scale(1.03);
     -o-transform: scale(1.03);
}

.wwdivimg img {
     max-width: 100%;
     display: block;
     margin: 0 auto;
}

.wwhonortext02 {
     padding: 20px 0;
}

.wwdivimg {
     padding-bottom: 20px;
}

.wwchiptext {
     padding: 20px 0;
}

.wwiotposheig {
     height: auto !important;
}

.wwjectbotleft {
     padding: 30px 0;
}

.wwfingboxDiv {
     padding: 30px 0;
}

.wwhonor {
     padding-bottom: 30px;
}

.wwboximg {
     display: block;
     overflow: hidden;
     margin: 0;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
}

.wwtouchlilist li:hover .wwboximg {
     transform: scale(1);
     -webkit-transform: scale(1.03);
     -moz-transform: scale(1.03);
     -ms-transform: scale(1.03);
     -o-transform: scale(1.03);
}

.wwculbot ul li img {
     -webkit-transition: all 0.2s linear;
     transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
}

.wwculbot ul li:hover img {
     -webkit-transform: translate3d(0, -5px, 0);
     transform: translate3d(0, -5px, 0);
     -moz-transform: translate3d(0, -5px, 0);
     -ms-transform: translate3d(0, -5px, 0);
     -o-transform: translate3d(0, -5px, 0);
}

.wwtrans {
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     transition: all 0.2s linear;
}

.wwtrans:hover {
     -webkit-transform: translate3d(0, -2px, 0);
     -moz-transform: translate3d(0, -5px, 0);
     transform: translate3d(0, -5px, 0);
}

.wwslogan .commonweb {
     padding: 20px 3%;
}

/*-------- 网站地图 --------*/

.sitemapcont2 {
     padding: 6% 0;
     overflow: hidden;
}

.sitemapcont2 dl {
     position: relative;
     margin-bottom: 36px;
}

.sitemapcont2 dl dt {
     font-size: 16px;
     font-weight: bold;
     color: #c8000a;
     padding: 0 8px;
     background: #fff;
     position: absolute;
     left: 18px;
     top: -14px;
}

.sitemapcont2 dl dd {
     padding: 4% 3% 1% 27px;
     border: 1px solid #e6e6e6;
}

.sitemapcont2 dl dd a {
     display: inline-block;
     padding-left: 10px;
     background: url(https://www.goodix.com/en/webimages/zimg86.jpg) no-repeat left center;
     margin: 0 23px 8px 0;
}

/*-------- 热点事件 --------*/

.zfocusevent dl {
     margin: 25px 0 28px 0;
     padding-bottom: 26px;
     border-bottom: 2px solid #d9d9d9;
}

.zfocusevent dl dt {
     width: 100%;
}

.zfocusevent dl dt img {
     display: block;
     max-width: 100%;
}

.zfocusevent dl dd {
     float: left;
     width: 100%;
     padding: 20px 0 0 0;
}

.zeventdate {
     font-size: 18px;
     color: #808080;
     font-weight: bold;
}

.zfocusevent dl dd h4 {
     font-size: 18px;
     font-weight: bold;
     margin: 9px 0;
}

.zfocusevent dl dd h4 a {
     color: #0050a7;
}

.zeventtitle {
     font-size: 18px;
     padding: 13px 0 13px 22px;
     background-repeat: no-repeat;
     -o-background-size: cover;
     background-size: cover;
}

.zeventpro1 {
     margin-bottom: 20px;
}

.zeventpro1 ul {
     padding-bottom: 40px;
}

.zeventpro1 ul li {
     width: 50%;
     text-align: center;
     float: left;
     padding: 20px 0 0 0;
     font-size: 16px;
}

.zeventpro1 ul li img {
     display: block;
     max-width: 100%;
     margin: 0 auto 10px;
     transition: 0.8s ease-in-out;
     -webkit-transition: 0.8s ease-in-out;
     -moz-transition: 0.8s ease-in-out;
     -ms-transition: 0.8s ease-in-out;
     -o-transition: 0.8s ease-in-out;
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
}

.zeventpro1 ul li:hover img {
     transform: scale(1.03);
     -webkit-transform: scale(1.06);
     -moz-transform: scale(1.06);
     -ms-transform: scale(1.06);
     -o-transform: scale(1.06);
}

.zeventpro1 ul li span {
     display: block;
     width: 100%;
     margin: 0 auto;
}

.zeventpro1 ul li:nth-of-type(2n + 1) {
     clear: left;
}

.zeventreport {
     padding-bottom: 40px;
}

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

.zeventreportleft ul li img {
     display: block;
     width: 100%;
}

.zeventreport .zeventtitle {
     margin-bottom: 20px;
}

.zeventreportright {
     width: 100%;
     font-size: 14px;
     float: left;
     padding: 20px 0 0 0;
}

/*.zeventreportright ul li { font-size: 16px; padding: 10px 0 10px 18px; border-bottom: 1px dashed #d4d4d4; background: url(https://www.goodix.com/en/webimages/zimg104.jpg) no-repeat left center; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }*/

.zeventreportright ul li {
     position: relative;
     font-size: 15px;
     padding: 10px 0 10px 18px;
     border-bottom: 1px dashed #d4d4d4;
     overflow: hidden;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.zeventreportright ul li:before {
     content: "";

     position: absolute;

     width: 8px;

     height: 8px;

     border-radius: 50%;

     background-color: #00489e;

     left: 0px;

     top: 19px;
}

.zeventreportright ul li a {
     max-width: 80%;
     display: block;
     overflow: hidden;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}

.zeventreportright ul li span {
     float: right;
     font-size: 13px;
}

.zeventreportright ul li a:hover {
     color: #c8000a;
}

.exhibitionimg {
     display: block;
     width: 100%;
}

.exhibitiontext {
     width: 100%;
     padding: 10px 0 0 0;
     font-size: 18px;
     line-height: 30px;
}

.exhibitiontitle {
     font-size: 22px;
     font-weight: bold;
     margin-bottom: 6px;
}

.zeventreviewcont {
     margin-bottom: 40px;
}

.zreviewfloat {
     width: 100%;
     font-size: 16px;
     line-height: 28px;
}

.zreviewfloat .zeventtitle {
     margin-bottom: 30px;
}

.zreviewimg {
     display: block;
     width: 100%;
}

.zreviewtext {
     width: 100%;
     padding: 12px 0 20px 0;
}

.zhuidingvideo {
     width: 100%;
     position: relative;
     cursor: pointer;
}

.zhuidingvideo img {
     display: block;
     width: 100%;
}

.zhuidingicon {
     display: block;
     width: 73px;
     height: 73px;
     background: url(https://www.goodix.com/en/webimages/zimg110.png) no-repeat;
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -36px 0 0 -36px;
}

.zhuidingleader {
     width: 100%;
     padding: 20px 0 0 0;
}

.zleadercont {
     padding-bottom: 30px;
     border-bottom: 1px solid #cccccc;
}

.zleadercont dt {
     width: 124px;
     height: 124px;
     overflow: hidden;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}

.zleadercont dt img {
     display: block;
     width: 100%;
}

.zleadercont dd {
     padding: 19px 0 0 0;
     font-size: 18px;
}

.zleadertext {
     font-size: 18px;
     line-height: 28px;
     padding-top: 23px;
}

.zfloatvideocont {
     width: 100%;
     padding: 0 5%;
     position: fixed;
     top: 20%;
     z-index: 23;
     display: none;
}

.zfloatvideocont video {
     width: 100%;
     height: 100%;
}

.bd_weixin_popup {
     width: 252px !important;
     height: 305px !important;
}

.zweixinfloat {
     width: 240px;
     padding: 10px;
     height: 290px;
     font-size: 12px;
     line-height: 20px;
     background: #fff;
     border: 1px solid #d8d8d8;
     position: fixed;
     left: 50%;
     top: 50%;
     margin: -150px 0 0 -120px;
     z-index: 23;
     display: none;
}

.zweixinfloat img {
     display: block;
     margin: 10px auto 0;
}

.zweixinfloat h4 {
     font-weight: bold;
     font-size: 14px;
}

.zclosewx {
     width: 16px;
     height: 16px;
     position: absolute;
     right: 3px;
     top: 3px;
     color: #999;
     text-decoration: none;
     font-size: 20px;
     cursor: pointer;
}

/*-------- 免责声明 --------*/

.zsinglepagecont {
     padding: 0 0 60px 0;
}

.zsinglepagetl {
     font-size: 18px;
     font-weight: bold;
}

.zsannavbtn {
     text-align: center;
     font-size: 16px;
     cursor: pointer;
}

.zsannavbtn span:after {
     display: inline-block;
     content: "";
     width: 12px;
     height: 12px;
     border-left: 1px solid #333;
     border-bottom: 1px solid #333;
     margin: 0 0 3px 6px;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
}

.suptext {
     vertical-align: super;
     font-size: 12px;
}

/*-------- 搜索结果 --------*/

.resulttitle {
     font-size: 18px;
}

.resulttitle em {
     color: #da251d;
}

.resultlist {
     font-size: 13px;
     padding: 3% 0;
}

.resultlist img {
     display: block;
     width: 100%;
     margin-bottom: 2%;
}

.resultlist li {
     padding: 15px 0;
     border-top: 1px solid #d9d9d9;
     border-bottom: 1px solid #d9d9d9;
     margin-bottom: -1px;
}

.resultlist h4 {
     font-size: 16px;
     line-height: 24px;
     margin-bottom: 3%;
}

.resultlist h4 em {
     color: #da251d;
}

.resulttext {
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
}

.resultlabel {
     color: #999;
     display: inline-block;
     padding-top: 3%;
}

.wqpVideo {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     background: rgba(0, 0, 0, 0.5);
     display: none;
     z-index: 6;
     height: 100%;
}

.zfloatvideocont video {
     background: #000;
}

.txtMarquee-left {
     width: 100%;
     position: relative;
     background: #0a51a4;
     z-index: 8;
     color: #fff;
}

.txtMarquee-left .bd {
     position: relative;
     max-width: inherit;
}

.wqpNewsTitle {
     position: absolute;
     display: block;
     top: 0px;
     left: 10px;
     font-size: 14px;
     color: #fff;
     background: url(https://www.goodix.com/en/webimages/wqpinco01.png) 0 center no-repeat;
     padding-left: 35px;
     height: 40px;
     line-height: 40px;
     -o-background-size: 25px auto;
     background-size: 25px auto;
}

.txtMarquee-left .bd {
     padding-left: 145px;
     height: 40px;
     overflow: hidden;
}

.txtMarquee-left .bd .tempWrap {
     width: 100% !important;
}

.txtMarquee-left .bd ul {
     overflow: hidden;
     zoom: 1;
}

.txtMarquee-left .bd ul li {
     margin-right: 20px;
     float: left;
     padding: 0;
     text-align: left;
     _display: inline;
     width: auto !important;
     font-size: 14px;
     height: 40px;
     line-height: 40px;
}

.txtMarquee-left .bd ul li a {
     color: #fff;
}

.txtMarquee-left .bd ul li:hover {
     text-decoration: underline;
     cursor: pointer;
}

.txtMarquee-left .bd ul li span {
     color: #fff;
}

.zindexnews .znewstitle {
     background-image: url(https://www.goodix.com/en/webimages/wqpnewinco.png);
     padding-left: 33px;
     -o-background-size: 25px auto;
     background-size: 25px auto;
     background-position: 0 0;
     background-repeat: no-repeat;
}

.zmycustomer ul li {
     width: 25%;
}

.zinnerpagecont {
     padding: 15px 10px;
}

.zfloatsubnav {
     z-index: 999;
}

.zcompanyfloat {
     text-align: left;
     font-size: 13px;
}

.zcompanyfloat h4 {
     text-align: center;
}

.zcompanyfloat .wqptran {
     -ms-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     -webkit-transform: translate(-50%, 0);
     -o-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
     position: relative;
     left: 50%;
     width: 100%;
}

body {
     overflow-x: hidden;
}

.bigimgfloat h4 {
     text-align: center;
     padding-top: 20px;
     font-size: 15px;
}

.wwhonorimg p.text {
     display: none;
}

.marquee2 {
     position: relative;
     overflow: hidden;
}

.wqpjintext {
     text-align: left;
}

.zcopyright {
     font-size: 12px;
}

.zcopyright a {
     display: block;
}

.zresponsablescroll ul {
     padding-bottom: 20px;
}

/*-------- 20170216社会招聘 --------*/

.zSocialrecruitment {
     background-position: center top;
     -o-background-size: cover;
     background-size: cover;
     padding: 100px 0;
}

.zrecruitmentcont {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 3%;
}

.zzpsearchcont {
     max-width: 800px;
     height: 70px;
     background: rgba(0, 0, 0, 0.2);
     margin: 0 auto;
     padding: 4px;
     position: relative;
}

.zzpsearchtext {
     width: 100%;
     height: 62px;
     line-height: 52px;
     text-indent: 10px;
     background: rgba(0, 0, 0, 0.3);
     color: #fff;
}

.zzpsearchbtn {
     width: 152px;
     height: 62px;
     background: #fff;
     line-height: 62px;
     text-align: center;
     font-size: 18px;
     color: #333;
     cursor: pointer;
     position: absolute;
     right: 4px;
     top: 4px;
     font-size: 0;
     background: #c80009 url(https://www.goodix.com/en/webimages/zhaopinicon.png) no-repeat scroll center center;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}

.zzpsearchbtn:hover {
     background-color: #ce0223;
}

@media (max-width: 1023px) {
     .zzpsearchtext,
     .zzpsearchbtn {
          line-height: 42px;
          height: 46px;
     }

     .zzpsearchcont {
          height: auto;
     }

     .zzpsearchbtn {
          width: 60px;
          -o-background-size: 20px auto;
          background-size: 20px auto;
     }

     .zzpsearchtext {
          padding-right: 60px;
     }
}

.zrecruitmentlist {
     background: rgba(0, 0, 0, 0.5);
     padding: 20px 3% 36px;
     margin-top: 36px;
     color: #fff;
}

.zrecruitmentlist a {
     color: #fff;
}

.zjoplistleft {
     padding-bottom: 36px;
}

.zjoplisttitle {
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 15px;
}

.zjoplisttitle a {
     font-size: 13px;
     font-weight: normal;
     float: right;
}

.zjoplistleft ul li span {
     font-size: 12px;
     float: right;
}

.zjoplistleft ul li {
     padding: 8px 0;
     border-bottom: 1px dashed #fff;
}

.zjoplistleft ul li a {
     display: inline-block;
     width: 75%;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -ms-word-break: break-all;
     word-break: break-all;
     overflow: hidden;
}

.zhotjoblist {
     padding-top: 12px;
}

.zhotjoblist a {
     display: inline-block;
     border: 1px solid #fff;
     padding: 3px 16px;
     -webkit-border-radius: 22px;
     border-radius: 22px;
     margin: 0 20px 20px 0;
}

.zzpconatcttip {
     text-align: center;
}

.zzpconatcttitle {
     font-size: 24px;
     line-height: 32px;
     padding-top: 10px;
     text-transform: uppercase;
     margin-bottom: 20px;
}

.zzpconatctph {
     display: none;
     padding: 6px 16px;
     background: #c8000a;
     color: #fff;
     font-size: 16px;
     margin: 26px 0;
}

.zzpconatctphtext {
     display: none;
     color: #999;
     font-size: 24px;
     font-family: "Microsoft YaHei";
}

/*-------- 20170216社会招聘列表 --------*/

.jobsSearch {
     margin: 15px 0px 0px;
     padding-bottom: 20px;
     text-align: center;
     background: #f7f7f7;
}

.jobsSearch dl {
     width: 100%;
     display: inline-block;
     padding: 15px 10px;
}

.jobsSearch dl dt {
     float: none;
     font-size: 14px;
     padding-right: 10px;
     padding-top: 0;
     text-align: left;
}

.jobsSearch dl dd {
     float: none;
     width: 100%;
}

.jobsSearch dl dd label {
     display: block;
     border: 1px solid #999;
     width: 100%;
     position: relative;
     padding: 7px 0;
     background: #fff;
}

.jobsSearch dl dd label input.jobstext {
     color: #999;
     width: 100%;
     padding-left: 10px;
}

.jobsSearch dl dd label input.jobssubmit {
     position: absolute;
     right: 0px;
     width: 90px;
     height: 40px;
     top: -1px;
     color: #fff;
     cursor: pointer;
     background: #c8000a;
     text-indent: 0;
}

.zworklocation {
     margin: 0 6px;
     text-align: left;
     padding-left: 22px;
     color: #999;
     background: url(https://www.goodix.com/en/webimages/zzp03.png) no-repeat left 4px;
}

.zworklocation a {
     color: #999;
     display: inline-block;
     margin: 0 0 10px 13px;
}

.zworklocation a:hover,
.zworklocation a.cur {
     color: #c8000a;
}

.jobslist {
     background: #f7f7f7;
     margin-top: 20px;
     padding-bottom: 30px;
     position: relative;
     overflow-x: auto;
     margin-bottom: 40px;
}

.weekbar {
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
     min-width: 570px;
     padding-bottom: 40px;
}

.jobslist::-webkit-scrollbar {
     height: 10px;
}

/* Track */

.jobslist::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     -webkit-border-radius: 10px;
     border-radius: 10px;
}

/* Handle */

.jobslist::-webkit-scrollbar-thumb {
     -webkit-border-radius: 10px;
     border-radius: 10px;
     background: rgba(200, 10, 10, 0.8);
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.jobslist::-webkit-scrollbar-thumb:window-inactive {
     background: rgba(200, 10, 10, 0.8);
}

.jobslist dl {
     line-height: 60px;
     border-bottom: 1px solid #cccccc;
     margin: 0px 10px;
}

.jobslist dl dt {
     float: left;
     padding-left: 20px;
     width: 40%;
     background: url(https://www.goodix.com/en/webimages/zzp04.png) no-repeat left center;
}

.jobslist dl dd {
     float: left;
     width: 20%;
}

.jobslist dl dd span {
     display: inline-block;
     text-align: center;
}

.jobslist dl dd.jobslistTime {
     width: 20%;
     text-align: center;
}

.jobslist dl.jobslistHead {
     background: #c8000a;
     color: #fff;
     border-bottom: none;
     padding: 0px 10px;
     margin: 0px;
     font-size: 14px;
}

.jobslist dl.jobslistHead dt {
     background: none;
     padding-left: 30px;
}

.jobsDetailed {
     background: #f7f7f7;
     color: #4c4c4c;
     padding: 20px 10px;
}

.jobsDetailed h3.jobsDetailedtitle {
     color: #c8000a;
     border-bottom: 1px solid #d9d9d9;
     font-size: 16px;
     padding-bottom: 10px;
     padding-top: 0;
}

.jobsDetailedleft {
     float: none;
     width: 100%;
     padding-top: 20px;
}

.Demand {
     margin: 0px;
     padding: 0;
     font-size: 13px;
}

.Demand span {
     display: block;
     float: none;
     width: 100%;
}

.post {
     font-size: 13px;
     line-height: 22px;
     padding: 10px 0px 0;
}

.jobsMail {
     padding: 10px 0 0;
     font-size: 13px;
}

.jobsMail a {
     color: #005fa7;
}

.jobsReturn {
     text-align: center;
     padding-top: 20px;
}

.jobsReturn a {
     display: block;
     background: #c8000a;
     color: #fff;
     border: 1px solid #c8000a;
     height: 38px;
     width: 130px;
     text-align: center;
     line-height: 38px;
     font-size: 16px;
     -webkit-border-radius: 20px;
     border-radius: 20px;
     margin: 0 auto 12px;
}

.jobsReturn a:hover {
     background: #fff;
     color: #c8000a;
}

.jobsDetailedright {
     float: none;
     width: 100%;
     padding: 10px;
     font-size: 13px;
     border: 1px solid #d9d9d9;
     margin-top: 20px;
}

.jobsDetailedright img {
     display: block;
     width: 100%;
}

.jobsDetailedright h3 {
     font-weight: bold;
     font-size: 14px;
     padding-top: 10px;
}

.jobsDetailedright p {
     line-height: 18px;
     padding-top: 5px;
}

.jobsDetailedright p a {
     color: #00a1e9;
}

.jobsDetailedright p a:hover {
     color: #00a1e9;
}

.wqpblock {
     display: inline;
}

.wqpnewsnone p:nth-of-type(4) {
     display: none;
}

.zpccompany {
     display: none;
}

.wqppccompany {
     display: block;
}

.wwculturelist ul li {
     padding: 10px 0;
}

/*20170222*/

.specialTitle {
     background: url(https://www.goodix.com/en/webimages/winco02.png) right center no-repeat;
     position: relative;
     height: 35px;
     margin-bottom: 10px;
     -o-background-size: auto;
     background-size: auto;
}

.specialTitle span {
     position: absolute;
     background: url(https://www.goodix.com/en/webimages/winco01.png) 0 center no-repeat, #fff;
     padding-left: 50px;
     font-size: 20px;
     color: #333;
     padding-right: 10px;
     -o-background-size: 40px auto;
     background-size: 40px auto;
}

.specialDl {
     background: #ccf0ff;
}

.specialDl dt {
     padding: 0;
     background-position: center 0;
     -o-background-size: cover;
     background-size: cover;
     height: 314px;
}

.specialDl dd {
     padding: 20px 10px 10px 10px;
}

/*.specialDl dd .dot{position: static;width: 100%;height: auto;margin: 0;border-radius: 0;}*/

.specialDl dd .title,
.whutitle {
     font-size: 20px;
     color: #333;
     margin-bottom: 10px;
}

.specialDl dd .dot {
     background: url(https://www.goodix.com/en/webimages/winco03.png) 0 7px no-repeat;
     padding-left: 15px;
     color: #666;
     font-size: 12px;
     margin-bottom: 5px;
}

.wdot {
     /*background: url(https://www.goodix.com/en/webimages/winco03.png) 0 7px no-repeat;*/

     position: relative;

     padding-left: 15px;
     color: #666;
     font-size: 14px;
     margin-bottom: 5px;
}

.wdot:before {
     content: "";

     position: absolute;

     width: 5px;

     height: 5px;

     background-color: #666;

     border-radius: 50%;

     top: 10px;

     left: 0;
}

.specialList ul li {
     padding: 0;
     padding: 20px 0 0;
}

.specialList ul li.li1 .floatright {
     padding-top: 0;
}

.specialList ul li.li2 .floatright {
     padding-top: 0;
}

.specialList ul li.li3 .floatright {
     padding-top: 0;
}

.specialList ul li.li4 .floatright {
     padding-top: 0;
}

.floatleft {
     float: none;
     width: 100%;
     margin-bottom: 20px;
     display: block;
}

.floatleft img {
     display: block;
     max-width: 100%;
     margin: 0 auto;
}

.floatright {
     float: none;
     width: 100%;
}

.specialConTwo {
     padding: 15px 0;
}

.ActiveStylus {
     position: relative;
}

.ActiveStylus img {
     display: block;
     width: 100%;
}

.actcontent {
     color: #fff;
     position: relative;
     padding: 20px 0;
     background: #0151c7;
     padding-left: 10px;
}

.actcontent .actitle {
     font-size: 22px;
     line-height: normal;
     margin-bottom: 10px;
}

/*.actcontent .actdot { font-size: 18px; background: url(https://www.goodix.com/en/webimages/winco04.png) 0 center no-repeat; padding-left: 20px; line-height: normal; margin-bottom: 10px; }*/

.actcontent .actdot {
     font-size: 16px;
     line-height: 24px;
     position: relative;
     padding-left: 20px;
     margin-bottom: 10px;
}

.actcontent .actdot:before {
     content: "";

     position: absolute;

     width: 10px;

     height: 10px;

     border: 2px solid #fff;

     top: 8px;

     left: 0;

     border-radius: 50%;
}

.specialConThree,
.specialConFour {
     padding: 15px 0;
     overflow: hidden;
}

.swiperList {
     position: relative;
     overflow: hidden;
}

.swiperList ul {
     margin: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: -webkit-transform;
     -moz-transition-property: transform, -moz-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}

.swiperList ul li {
     float: left;
     padding: 0 30px;
     position: relative;
     -webkit-flex-shrink: 0;
     -ms-flex: 0 0 auto;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     width: 33.3%;
     height: 100%;
     display: -ms-flexbox;
     -ms-flex-pack: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
}

.swiperList ul li img {
     display: block;
     width: 100%;
}

.warrow a {
     display: block;
     position: absolute;
     top: 50%;
     width: 25px;
     height: 48px;
     background-position: center center;
     -o-background-size: 18px auto;
     background-size: 18px auto;
     margin-top: -24px;
     background-repeat: no-repeat;
}

.warrow a.leftBtn {
     background-image: url(https://www.goodix.com/en/webimages/winco05.png);
     left: 0;
}

.warrow a.rightBtn {
     background-image: url(https://www.goodix.com/en/webimages/winco06.png);
     right: 0;
}

.exhibitiontext {
     font-size: 14px;
}

.specialConfive {
     padding: 15px 0;
     position: relative;
}

.newsdetail iframe {
     width: 100%;
     height: 200px;
}

/*20170330*/

.wdisplaywraper {
     position: relative;
     z-index: 12;
}

.wdisplaycon {
     position: relative;
     top: 20px;
     left: 0;
     color: #333;
     font-size: 16px;
     width: 100%;
}

.wdisplaycon .title {
     font-size: 20px;
     font-weight: 500;
     text-align: center;
     margin-bottom: 10px;
}

.wdisplaycon .text {
     font-size: 16px;
     text-align: center;
     font-family: Arial, Helvetica, sans-serif;
     margin-bottom: 15px;
}

.lineheight {
     line-height: 26px;
}

.wqpdisplaytwo {
     padding: 80px 0 0;
}

.wqpdisplaytwo dl {
     position: relative;
}

.wqpdisplaytwo dl dt {
     width: 100%;
     padding: 0 20px;
}

.wqpdisplaytwo dl dt img {
     display: block;
     max-width: 100%;
     margin: 0 auto;
}

.wqpdisplaytwo dl dd {
     width: 100%;
     font-size: 16px;
     color: #3d3d3d;
     position: relative;
     padding-left: 20px;
}

.pb10 {
     padding-bottom: 10px;
     color: #3d3d3d;
}

.paboutfix {
     position: relative;
     margin-top: 2%;
}

/*made by lww start */

/*电脑展专题*/

.ComputerShow {
     padding-top: 30px;
}

.ComputerShowTitle {
     width: 100%;
     height: 30px;
     line-height: 30px;
     background: url(https://www.goodix.com/en/webimages/lbg02_mobile.jpg) right top no-repeat;
     -o-background-size: 100% 30px;
     background-size: 100% 30px;
     text-align: center;
     color: #fff;
     margin-bottom: 25px;
}

.ComputerShowPageOneTop {
     background: #edfaff;
}

.ComputerShowPageOneTop img {
     max-width: 100%;
     display: block;
     margin: 0 auto;
}

.ComputerShowPageOneTop dd {
     padding: 15px;
}

.ComputerShowPageOneTop dd h4 {
     font-size: 16px;
     padding-bottom: 10px;
}

.ComputerShowPageOneTop .specialP {
     padding-left: 15px;
     background: url(https://www.goodix.com/en/webimages/licon01.png) left 7px no-repeat;
     -o-background-size: 6px;
     background-size: 6px;
     font-size: 14px;
     color: #333;
}

.ComputerShowPageOneList ul {
     padding-top: 50px;
     margin: 0 -10px;
}

.ComputerShowPageOneList ul li {
     margin: 50px 0 100px;
     padding: 0 10px;
}

.ComputerShowPageOneList ul li:last-child {
     margin-bottom: 50px;
}

.ComputerShowPageOneList ul li div {
     background: #edfaff;
     padding-bottom: 30px;
     height: 100%;
}

.ComputerShowPageOneList ul li img {
     display: block;
     margin: 0 auto 0;
     position: relative;
     top: -65px;
     width: 130px;
     height: 130px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
     -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px 1px;
     box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px 1px;
}

.ComputerShowPageOneList ul li h4 {
     text-align: center;
     color: #064990;
     font-weight: bold;
     font-size: 16px;
     margin-top: -50px;
}

.ComputerShowPageOneList ul li .texttop {
     font-size: 15px;
     font-weight: bold;
     color: #333;
     text-align: center;
     display: block;
     padding: 0 25px 5px;
}

.ComputerShowPageOneList ul li article {
     padding: 0 10px;
}

.ComputerShowPageOneList ul li article p {
     padding: 0 10px;
     position: relative;
     line-height: 28px;
}

.ComputerShowPageTwo dl dd ul li p.sadot {
     position: relative;
}

.ComputerShowPageOneList ul li article p:before,
.ComputerShowPageTwo dl dd ul li p.sadot:before {
     display: block;
     content: "·";
     font-size: 16px;
     font-weight: bold;
     color: #333;
     position: absolute;
     left: 0;
     top: 0px;
}

.ComputerShowPageTwo dl dd ul li p.sadot:before {
     left: -14px;
}

.ComputerShowPageTwo dl {
     background: #edfaff;
     margin-bottom: 10px;
}

.ComputerShowPageTwo dl dt img {
     display: block;
     max-width: 100%;
     margin: 0 auto;
}

.ComputerShowPageTwo dl dd {
     width: 80%;
     margin: 0 auto;
     padding: 20px 0;
}

.ComputerShowPageTwo dl dd h4 {
     color: #333;
     font-size: 18px;
     padding-bottom: 5px;
}

.ComputerShowPageTwo dl dd ul li {
     background: url(https://www.goodix.com/en/webimages/licon01.png) left 11px no-repeat;
     -o-background-size: 6px;
     background-size: 6px;
     padding-left: 15px;
     line-height: 30px;
     font-size: 16px;
}

.ComputerShowPageTwo dl dd ul li p {
     color: #666;
     font-size: 14px;
}

.ComputerShowPageThree {
     background: #e2017b;
}

.ComputerShowPageThree dt img {
     max-width: 100%;
     display: block;
     margin: 0 auto;
}

.ComputerShowPageThree dd {
     color: #fff;
     padding: 30px;
     text-align: justify;
     line-height: 28px;
}

/*made by lww end */

/*20170804*/

.campus-recruitment-bg {
     background: url(https://www.goodix.com/en/webimages/wximg02.jpg) center top no-repeat;
     -o-background-size: cover;
     background-size: cover;
     padding: 10% 0;
}

.recruitment-title {
     max-width: 890px;
     margin: 0 auto;
     text-align: center;
     border-bottom: 1px solid #ccc;
     margin-bottom: 8%;
}

.recruitment-title .wmsg {
     font-size: 20px;
     font-weight: bold;
     line-height: 32px;
     margin-bottom: 10px;
}

.recruitment-title .wmsgtext {
     padding-bottom: 10px;
     display: inline-block;
     color: #333;
     border-bottom: 2px solid #666;
}

.recruitment-con {
     padding: 4% 10px 6%;
     background: rgba(255, 255, 255, 0.6);
     -webkit-border-radius: 10px;
     border-radius: 10px;
     border: 1px solid #d9dadc;
     -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
     box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
     font-size: 14px;
     text-align: left;
}

.wrecruitment-time {
     line-height: 26px;
     padding-bottom: 5%;
     display: none;
}

.address-list ul li {
     width: 33.3%;
     padding: 0 0 15px;
     position: relative;
     float: left;
     margin-bottom: 15px;
     text-align: center;
}

.address-list ul li a {
     display: block;
}

.address-list ul li .waddress-con {
     width: 90px;
     height: 119px;
     background-image: url(https://www.goodix.com/en/webimages/wxinco01.png);
     background-repeat: no-repeat;
     background-position: 0 0;
     margin: 0 auto;
     padding-top: 20px;
     -o-background-size: cover;
     background-size: cover;
}

.address-list ul li .wadot {
     position: absolute;
     bottom: -5px;
     left: 50%;
     margin-left: -5px;
     display: block;
     width: 10px;
     height: 10px;
     background-image: url(https://www.goodix.com/en/webimages/wxinco03.png);
     background-position: 0 bottom;
     background-repeat: no-repeat;
     z-index: 4;
}

.address-list ul li .address-name {
     display: block;
     color: #333;
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 0;
}

.address-list ul li .add-date {
     color: #666;
     font-size: 12px;
}

.address-list ul li:after {
     content: "";
     position: absolute;
     display: block;
     width: 100%;
     height: 1px;
     left: 0;
     background: #004795;
     bottom: -1px;
     z-index: 3;
}

.address-list ul li:nth-of-type(1):after,
.address-list ul li:nth-of-type(4):after {
     left: 50%;
     width: 50%;
}

.address-list ul li:last-child:after,
.address-list ul li:nth-of-type(3):after,
.address-list ul li:last-child:after,
.address-list ul li:nth-of-type(6):after {
     width: 50%;
}

.address-list ul li:last-child:after {
     width: 0;
}

.address-list ul li:hover .waddress-con,
.address-list ul li.cur .waddress-con {
     background-image: url(https://www.goodix.com/en/webimages/wxinco02.png);
}

.address-list ul li:hover .address-name,
.address-list ul li.cur .add-date,
.address-list ul li.cur .address-name {
     color: #c8000a;
}

/*校园招聘详情*/

.address-left {
     margin-bottom: 20px;
     background: #f7f7f7;
}

.address-left ul li {
     float: left;
     width: 25%;
}

.address-left ul li a {
     display: block;
     background: #f7f7f7;
     height: 45px;
     line-height: 45px;
     font-size: 14px;
     font-weight: bold;
     text-align: center;
     color: #666;
     padding: 0;
}

.address-left ul li:hover a,
.address-left ul li.cur a {
     background: #c8000a;
     color: #fff;
}

.screcruitment-list {
     padding-top: 20px;
     padding-bottom: 10px;
}

.shcool-search {
     margin-top: 0;
}

.school-jobslist {
     margin-top: 20px;
     background: #f7f7f7;
     padding-bottom: 30px;
}

.scrollover {
     position: relative;
     overflow-x: auto;
}

.school-jobslist .weekbar {
     padding-bottom: 30px;
}

.schoolDl {
     padding: 0 15px;
}

.schoolDl dd {
     float: left;
     width: 33.3%;
     text-align: center;
     padding: 18px 0;
     border-bottom: 1px solid #ccc;
     height: 60px;
     overflow: hidden;
}

.schoolDl dd.dd1 {
     /*width:40%;*/
     padding-left: 35px;
     text-align: left;
}

.wzhaoinco {
     background: url(https://www.goodix.com/en/webimages/zzp04.png) no-repeat 0 center;
}

/*/.schoolDl dd.dd2{width:35%;}
 
 
 
 .schoolDl dd.dd3{width:25%;}*
 
 
 
 
 
 
 
 .schoolhead{background:#C8000A;height:60px;line-height:60px;color:#fff;font-size:16px;}
 
 
 
 .schoolhead dd{padding:0;border-bottom:none;}
 
 
 
 .school-jobslist .loadInco{ cursor: pointer;margin:0 15px;}
 
 
 
 
 
 
 
 
 
 
 
 /*薪福满满*/

.full-pay-one {
     padding-top: 20px;
     padding-bottom: 10px;
     color: #666;
     font-size: 16px;
     line-height: 28px;
}

.full-left {
     max-width: 840px;
}

.full-title {
     font-size: 18px;
     line-height: 30px;
     color: #333;
     padding-bottom: 4%;
}

.full-right {
     padding-top: 10px;
     text-align: center;
}

.full-right img {
     max-width: 100%;
}

.full-pay-two {
     background: url(https://www.goodix.com/en/webimages/wximg04.jpg) center 0 no-repeat;
     -o-background-size: cover;
     background-size: cover;
     padding: 8% 0;
     color: #fff;
     font-size: 14px;
}

.full-two-left {
     margin-bottom: 20px;
}

.full-two-left img {
     display: block;
     max-width: 100%;
     margin: 0 auto;
}

.fs24 {
     font-size: 20px;
     line-height: 36px;
}

.fs18 {
     font-size: 16px;
     line-height: 30px;
}

.wpb5 {
     padding-bottom: 5px;
}

.full-twotitle {
     padding-bottom: 13px;
}

.lineheight24 {
     line-height: 18px;
}

.full-pay-three {
     padding: 30px 0;
     color: #666;
}

.wpb25 {
     padding-bottom: 15px;
}

.fill-three-img {
     padding-top: 30px;
}

.fill-three-img img {
     display: block;
     max-width: 100%;
}

.recruitment-process {
     background: #e2e6eb;
     padding: 8% 0;
}

.process-title {
     text-align: center;
     font-weight: bold;
     font-size: 20px;
     color: #1a1a1a;
     padding-bottom: 5%;
}

.process-list {
     padding: 0;
}

.process-list li {
     float: left;
     width: 33.3%;
     position: relative;
     margin-bottom: 10px;
}

.process-list li:after {
     content: "";
     display: block;
     width: 13px;
     height: 9px;
     position: absolute;
     right: -6px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     background: url(https://www.goodix.com/en/webimages/wxinco06.png) right center no-repeat;
     -o-background-size: cover;
     background-size: cover;
}

.process-list li .sbtit {
     width: 85px;
     height: 85px;
     margin: 0 auto;
     border: 1px solid #fff;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     display: block;
}

.process-list li .iinco {
     width: 83px;
     height: 83px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #fff;
     display: block;
     border: 5px solid #e2e6eb;
     text-align: center;
     line-height: 73px;
     font-size: 14px;
}

.process-list li:last-child:after {
     background: none;
}

.process-list li:last-child .iinco {
     line-height: 20px;
     padding-top: 15px;
}

.wproblem-wraper {
     padding-top: 30px;
     padding-bottom: 30px;
}

.wproblem-title {
     text-align: center;
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
}

.wproblem-nav {
     overflow-x: auto;
     min-height: 48px;
     margin-bottom: 20px;
}

.wproblem-nav p {
     min-width: 510px;
}

.wproblem-nav p a {
     float: left;
     display: block;
     width: 100px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     background: #f2f2f2;
     margin: 0 1px;
     font-size: 14px;
     position: relative;
}

.wproblem-nav p a.cur,
.wproblem-nav p a:hover {
     background: #c8000a;
     color: #fff;
}

.wproblem-nav p a.cur:after,
.wproblem-nav p a:hover:after {
     position: absolute;
     content: "";
     width: 0;
     height: 0;
     left: 50%;
     bottom: -8px;
     margin-left: -8px;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid #c8000a;
}

.wproblem-text {
     font-size: 16px;
     text-align: center;
     max-width: 878px;
     margin: 0 auto;
}

.cityname {
     padding-top: 30px;
     text-align: center;
     font-size: 16px;
}

.questionlist03 {
     font-size: 14px;
     padding-top: 25px;
     padding-bottom: 15px;
}

.questionlist03 dl {
     margin-bottom: 22px;
}

.questionlist03 dt {
     position: relative;
     cursor: pointer;
     color: #333333;
}

.questionlist03 dt span {
     display: block;
     border: 5px solid #e6e6e6;
     padding: 15px 30px 15px 60px;
}

.questionlist03 dt:before {
     display: block;
     content: "";
     width: 50px;
     height: 100%;
     background-color: #c8000a;
     background-image: url(https://www.goodix.com/en/webimages/wt10.png);
     background-position: center;
     background-repeat: no-repeat;
     position: absolute;
     left: 0px;
     top: 0px;
     -o-background-size: 20px auto;
     background-size: 20px auto;
}

.questionlist03 dt:after {
     display: block;
     content: "";
     width: 30px;
     height: 100%;
     position: absolute;
     right: 5px;
     top: 0;
     background-image: url(https://www.goodix.com/en/webimages/wt12.png);
     background-position: center;
     background-repeat: no-repeat;
     -o-background-size: 15px auto;
     background-size: 15px auto;
}

.questionlist03 dd {
     padding: 25px 0;
     display: none;
}

.questiontext03 {
     position: relative;
     padding: 0 0px 0 60px;
     line-height: 26px;
}

.questiontext03:before {
     display: block;
     content: "";
     width: 50px;
     height: 90px;
     background-color: #e6e6e6;
     background-image: url(https://www.goodix.com/en/webimages/wt11.png);
     background-position: center;
     background-repeat: no-repeat;
     position: absolute;
     left: 0px;
     top: 0px;
     -o-background-size: 16px auto;
     background-size: 16px auto;
}

.questionlist03 dt.cur {
     background-color: #e6e6e6;
}

.questionlist03 dt.cur span {
     border: 5px solid #e6e6e6;
}

.questionlist03 dt.cur:after {
     background-image: url(https://www.goodix.com/en/webimages/wt13.png);
}

.wmsg-con {
     padding-top: 30px;
     font-size: 14px;
     color: #1a1a1a;
     line-height: 26px;
}

.wmsg-title {
     font-weight: bold;
     font-size: 20px;
     color: #1a1a1a;
     line-height: 28px;
     margin-bottom: 15px;
}

.wmsg-con .campus {
     color: #0050a7;
}

.wmsg-con .campuscolorrea {
     color: #c8000a;
}

.wrecruitment-deatils {
     padding-top: 25px;
     max-width: 1180px;
}

.wrecruitment-deatils .newsdetailtl {
     text-align: center;
}

.wrecruitment-deatils .newsdetail {
     padding-bottom: 10px;
}

.wrecruitment-deatils .backnewslist {
     margin-bottom: 30px;
}

.commonDetailedContentsfoot {
     padding-bottom: 20px;
}

/*汇新聚才*/

.personnel-top {
     -o-background-size: cover;
     background-size: cover;
     padding: 10% 0;
     position: relative;
     background-position: center 0;
}

.personnel-con {
     max-width: 1000px;
     margin: 0 auto;
     padding: 0 15px;
}

.personnel-middle {
     max-width: 1130px;
     margin: 0 auto;
     padding: 10% 15px;
}

.personnel-middle .pertitle {
     text-align: center;
}

.personnel-middle .percon {
     text-align: center;
     max-width: 910px;
     margin: 0 auto;
}

.personnel-bottom {
     padding: 10% 0;
}

.work-environment {
     padding: 4% 0;
}

.environment-list {
     margin-top: 45px;
     position: relative;
     overflow: hidden;
}

.environment-swiper {
     position: relative;
     overflow: hidden;
}

.environment-list ul {
     width: 100%;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -o-transform: translate(0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     position: relative;
     box-sizing: content-box;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: -webkit-transform;
     -moz-transition-property: transform, -moz-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}

.environment-list ul li {
     -webkit-flex-shrink: 0;
     -ms-flex: 0 0 auto;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     position: relative;
     float: left;
     width: 33.3%;
     border: 1px solid #e0e0e0;
     padding: 5px;
     text-align: center;
     font-size: 16px;
}

.environment-list ul li h4 {
     height: 40px;
     line-height: 40px;
     overflow: hidden;
}

.environment-list ul li img {
     display: block;
     width: 100%;
}

.work-btn {
     width: 62px;
     height: 62px;
     position: absolute;
     top: 50%;
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -o-webkit-transform: translate(-50%, -50%);
     -moz-webkit-transform: translate(-50%, -50%);
     -ms-webkit-transform: translate(-50%, -50%);
     background-position: 0 0;
     background-repeat: no-repeat;
     z-index: 9;
     cursor: pointer;
     display: none;
}

.work-button-prev {
     left: 23px;
     background-image: url(https://www.goodix.com/en/webimages/wxinco07.png);
}

.work-button-next {
     right: -39px;
     background-image: url(https://www.goodix.com/en/webimages/wxinco08.png);
}

.desktop {
     max-width: 1130px;
     margin: 50px auto 0;
     position: relative;
}

.desktop .btn {
     width: 36px;
     height: 20px;
     display: block;
     margin: 0 auto;
     background-image: url(https://www.goodix.com/en/webimages/wxinco09.png);
     background-repeat: no-repeat;
     position: relative;
     z-index: 999;
     cursor: pointer;
}

.desktop .btn-top-year {
     background-position: 0 0;
     margin-bottom: 10px;
}

.desktop .btn-bottom-year {
     background-position: right center;
     margin-top: 10px;
}

.line-area {
     width: 50px;
     margin: 0 auto;
     text-align: center;
     position: relative;
     z-index: 8;
}

.line-area ul {
     padding: 33px 0;
     background: url(https://www.goodix.com/en/webimages/wxinco11.png) center 0 repeat-y;
}

.line-area ul li {
     padding: 13px 0;
     font-size: 16px;
     background: #fff;
     margin: 28px 0;
     cursor: pointer;
     position: relative;
}

.line-area ul li.cur {
     height: 50px;
     -webkit-border-radius: 100%;
     border-radius: 100%;
     border: 1px solid #3d3d3d;
}

.history-box {
     position: absolute;
     width: 100%;
     top: 110px;
     left: 0;
     z-index: 6;
}

.history-box .box {
     display: none;
}

.history-box .box.show {
     display: block;
}

.box-left {
     float: left;
     width: 50%;
     padding-right: 85px;
}

.box-left .frame {
     border: 1px solid #999;
     padding: 10px;
     position: relative;
}

.box-left .frame:after {
     content: "";
     width: 21px;
     height: 15px;
     display: block;
     background: url(https://www.goodix.com/en/webimages/wximg14.jpg) 0 0 no-repeat;
     position: absolute;
     right: -21px;
     top: -1px;
}

.box-left .frame img {
     display: block;
     width: 100%;
}

.box-right {
     width: 50%;
     float: right;
     padding-left: 80px;
     line-height: 30px;
     font-size: 16px;
}

.mobile-history {
     margin-top: 30px;
}

.mobile-history-img {
     position: relative;
     overflow: hidden;
     padding-bottom: 20px;
}

.mobile-history-con {
     position: relative;
     overflow: hidden;
}

.mobile-history ul li {
     width: 100%;
     border: 0;
     padding: 0;
     text-align: left;
}

.mobile-history ul li img {
     display: block;
     width: 100%;
}

.mobile-history ul li .year-num {
     height: 50px;
     text-align: center;
     background: #d1121b;
     color: #fff;
     font-size: 18px;
     display: block;
     line-height: 50px;
}

.mobile-history-con {
     padding-top: 20px;
     width: 100%;
}

.mobile-pagination {
     position: relative;
     width: 100%;
     height: 2px;
     clear: both;
     padding: 0 10px;
}

.mobarror {
     position: absolute;
     width: 25px;
     height: 36px;
     background-image: url(https://www.goodix.com/en/webimages/wxinco12.png);
     z-index: 6;
     top: 10px;
     top: -5px;
     background-repeat: no-repeat;
     -o-background-size: auto 25px;
     background-size: auto 25px;
}

.mobarrorleft {
     left: 0;
     background-position: 0 0;
}

.mobarrorright {
     right: 0;
     background-position: right 0;
}

.mobile-pagination:after {
     content: "";
     position: absolute;
     left: 0;
     top: 5px;
     width: 100%;
     height: 2px;
     border-bottom: 1px dotted #666;
     z-index: 2;
}

.mobile-pagination span {
     position: relative;
     display: block;
     float: left;
     font-size: 0;
     line-height: 0;
     height: 25px;
     margin-top: -5px;
}

.mobile-pagination span:before {
     position: absolute;
     content: "";
     width: 0;
     height: 0;
     left: 50%;
     top: -15px;
     margin-left: -10px;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-top: 8px solid #fff;
}

.mobile-pagination span.active:before {
     border-top-color: #d1121b;
}

.mobile-pagination span:after {
     content: "";
     display: block;
     width: 20px;
     height: 20px;
     background: url(https://www.goodix.com/en/webimages/wxinco13.png) 0 0 no-repeat;
     -webkit-border-radius: 100%;
     border-radius: 100%;
     position: relative;
     z-index: 3;
     margin: 2px auto;
}

.mobile-pagination span.active:after {
     border: 1px solid #000;
}

.mobileliist ul li {
     opacity: 0;
     height: 0;
}

.mobileliist ul li.show {
     height: auto;
     opacity: 1;
     -o-transition: ease-out all 0.3s;
     -moz-transition: ease-out all 0.3s;
     transition: ease-out all 0.3s;
     -webkit-transition: ease-out all 0.3s;
}

/*招聘动态*/

.wrecruitment-news {
     padding-bottom: 10px;
     max-width: 1180px;
}

.wrecruitment-news ul {
     padding-bottom: 30px;
}

.wrecruitment-news ul li {
     padding: 10px 0 10px 25px;
     border-bottom: 1px solid #ccc;
     background: url(https://www.goodix.com/en/webimages/zzp04.png) 0 center no-repeat;
     font-size: 14px;
     cursor: pointer;
}

.wrecruitment-news ul li a {
     height: 24px;
     padding-right: 10px;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
}

.wrecruitment-news ul li:hover a {
     color: #c8000a;
}

.wrecruitment-news ul li:hover {
     background: url(https://www.goodix.com/en/webimages/zzp04cur.png) 0 center no-repeat;
}

.wrecruitment-news ul li .wdate {
     float: right;
     font-size: 14px;
     font-family: Arial;
}

.good-right {
     color: #004ea2;
     font-size: 14px;
     float: right;
     padding-top: 20px;
}

.good-right span {
     padding-right: 5px;
}

.good-right a {
     color: #004ea2;
     display: inline-block;
     vertical-align: bottom;
     position: relative;
     padding-right: 0px;
}

.good-right a img {
     margin-left: 5px;
     vertical-align: middle;
     position: absolute;
     top: -3px;
     width: 24px;
     height: 24px;
}

@media (min-width: 380px) {
     .zforgetpassword {
          float: right;
     }
}

@media (min-width: 429px) {
     .zpsswordtext input.zzhucecode {
          width: 142px;
          float: left;
     }

     .zchangecode {
          float: left;
          margin: 0 5px;
     }

     .leftgoodix,
     .rightgoodix {
          width: 45px;
     }

     .goodixrgtext {
          width: 76%;
     }

     .goodixleftimg {
          width: 20%;
     }

     .goodixrgtext {
          padding: 12px 0 0 11px;
     }

     .goodixrgtext h4 {
          padding-bottom: 11px;
     }

     .stocksbox1 .number1 .icon1 .wwfixedtext {
          font-size: 14px;
          padding: 0 20px 30px 20px;
          line-height: 22px;
     }

     .wwprojectlolist ul li {
          font-size: 13px;
          font-size: 16px;
     }

     .wwprojectlolist ul li img {
          height: 66px;
     }

     /*盖板指纹识别方案*/

     .wwmardiv {
          padding: 12px 33px;
     }

     .wwmarklist ul li {
          margin-bottom: 30px;
     }

     .wwangleL {
          font-size: 16px;
     }

     .wwlivingtext {
          padding: 30px 12px 15px;
          font-size: 16px;
     }

     .wwifstit {
          font-size: 16px;
     }

     .wwGoodixlist ul li {
          margin-top: 36px;
          margin-bottom: 36px;
     }

     .wwtabletconL {
          padding-bottom: 20px;
     }

     .wwtouchboxH3 {
          padding-bottom: 20px;
     }

     .wwtouchbox {
          padding: 30px 3%;
     }

     .wwpartner {
          padding: 30px 3%;
     }

     .wwslogan .commonweb {
          font-size: 16px;
     }

     .zleadercont dt {
          float: left;
     }

     .zleadercont dd {
          float: left;
          font-size: 24px;
          line-height: 32px;
          padding: 30px 0 0 30px;
     }

     .txtMarquee-left .bd ul li span {
          padding-right: 10px;
     }

     .zcompanyfloat .wqptran {
          width: 385px;
     }
}

@media (min-width: 520px) {
     /*-------- 首页 --------*/

     .zproducttext h4 {
          font-size: 20px;
          margin-bottom: 15px;
     }

     .zproducttext h4 span {
          margin-top: 15px;
     }

     .zindextext {
          text-align: center;
     }

     .zshowpassword,
     .zshowzhuce,
     .zshowlogin,
     .zshowsuccess {
          padding: 40px 79px;
     }

     .zshowlogin {
          width: 460px;
          padding: 40px 79px 86px 79px;
     }

     /*Yewenwen--2016-9-10*/

     .wwfixedtext {
          font-size: 16px;
          line-height: 30px;
     }

     .wwhonortext {
          padding-bottom: 20px;
          font-size: 16px;
     }

     .wwifsject {
          font-size: 16px;
          line-height: 26px;
     }

     .wwlivingtext {
          padding: 18px 12px 15px;
     }

     .wwbluetoo .wwifstit {
          font-size: 18px;
     }

     .wwbluetoo .wwifsject {
          font-size: 15px;
     }

     /**/

     .wwGoodixlist ul li {
          font-size: 16px;
     }

     .wwbluetoothR {
          font-size: 15px;
     }

     .wwbluetoothR .wwifstit {
          font-size: 18px;
     }

     .wwNewton .wwprojecttext02 {
          font-size: 16px;
     }

     .wwIottextbox {
          font-size: 14px;
     }

     .wwtwoTypediv {
          font-size: 16px;
     }

     .wwhandfun .wwbluetoothR {
          font-size: 16px;
     }

     .wwouter {
          font-size: 15px;
     }

     .bigimgovflow {
          padding: 35px 8% 25px;
     }

     .closeyuangong {
          width: 25px;
          height: 25px;
          -o-background-size: 100% 100%;
          background-size: 100% 100%;
          top: 10px;
          right: 10px;
     }

     .Meetpeopletext {
          font-size: 16px;
     }

     .zeventpro1 ul li {
          width: 33.33%;
          padding-top: 40px;
     }

     .zeventpro1 ul li:nth-of-type(2n + 1) {
          clear: none;
     }

     .zeventpro1 ul li:nth-of-type(3n + 1) {
          clear: left;
     }

     /*20170222*/

     .whutitle {
          font-size: 16px;
          margin-bottom: 5px;
     }

     .specialList ul li {
          padding: 0;
          padding-bottom: 20px;
     }

     .specialList ul li.li1 .floatright {
          padding-top: 10px;
     }

     .specialList ul li.li2 .floatright {
          padding-top: 0;
     }

     .specialList ul li.li3 .floatright {
          padding-top: 0;
     }

     .specialList ul li.li4 .floatright {
          padding-top: 30px;
     }

     .floatleft {
          float: left;
          width: 30%;
          margin-bottom: 0;
     }

     .floatleft img {
          display: block;
          max-width: 100%;
     }

     .floatright {
          float: left;
          width: 70%;
     }
}

/*ipad竖版区域*/

@media (min-width: 767px) {
     .good-right {
          padding-top: 32px;
          font-size: 16px;
     }

     .good-right a {
          padding-right: 10px;
     }

     .good-right a img {
          width: 30px;
          height: 30px;
     }

     .good-right span {
          padding-right: 10px;
     }

     .good-right a img {
          margin-left: 10px;
          top: -5px;
          width: 25px;
          height: 25px;
     }

     .newsdetail iframe {
          height: 500px;
     }

     .zlanguagefloat {
          position: absolute;
          top: 17px;
          left: -11px;
          padding: 7px 7px 0 7px;
     }

     .zlanguagefloat p {
          width: auto;
          padding: 0;
     }

     .zindexpagelink ul li {
          padding-bottom: 25px;
     }

     .zindexpagelink ul li img {
          height: 86px;
     }

     .zsearchcontshow,
     .zlogosearchcont .bdsharebuttonbox,
     .phonesearchtbn,
     .zlanguage {
          margin-top: 2%;
     }

     .phonesearchtbn {
          display: none;
     }

     .zlogosearchcont .bdsharebuttonbox {
          display: block;
     }

     .zlogosearchcont {
          position: static;
     }

     /*-------- 导航 --------*/

     .zfloatsubnav {
          width: 286px;
          right: -286px;
          font-size: 18px;
     }

     .zsubnav {
          right: -196px;
     }

     .ztopnav.hidesubnav {
          right: -286px;
     }

     .indexbannerbtn {
          height: 43px;
          bottom: 10px;
     }

     .indexbannerbtn p {
          display: inline-block;
          padding: 5px 14px 0 14px;
          background: #c80009;
          -webkit-border-radius: 40px;
          border-radius: 40px;
     }

     .indexbannerbtn p span {
          width: 16px;
          height: 16px;
     }

     /*-------- 搜索 --------*/

     .zsearchcontshow {
          float: right;
          margin: 2% 20px 0 20px;
          display: block;
          position: initial;
          width: auto;
          top: 0;
     }

     .zsearchcont {
          border: 1px solid #e0e0e0;
          width: auto;
          border-radius: 20px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          -ms-border-radius: 20px;
          -o-border-radius: 20px;
          overflow: hidden;
          padding: 0;
     }

     .zsearchtext {
          width: 128px;
     }

     .zsearchbtn {
          float: left;
     }

     .zindexnews {
          padding: 36px 3%;
     }

     .zindexnews ul li {
          padding-bottom: 0;
     }

     .zindextext {
          padding: 60px 2%;
     }

     .zindexpagelink {
          padding: 60px 0;
     }

     .zindexpagelink ul li {
          width: 20%;
          padding: 0;
     }

     .zindexpagelink ul li img {
          height: 110px;
     }

     .zindexpagelink ul li:nth-child(4),
     .zindexpagelink ul li:nth-child(5) {
          width: 20%;
     }

     .zinlefttop,
     .zinleftbottom {
          border-bottom: none;
     }

     .zproducttext {
          position: absolute;
          top: 0px;
          left: 0;
          width: 100%;
     }

     /*-------- 内页 --------*/

     /*Yewenwen---2016-9-8*/

     .zmycustomer ul li {
          width: 20%;
     }

     .wwinnav {
          display: block;

          margin: 0;
          padding: 0;
     }

     .wwinnavlist {
          padding: 0;
          display: block;
     }

     .wwinnavlist a {
          width: auto;
          padding: 22px 6px;
          font-size: 13px;
          float: left;
          border-left: 1px solid #e2e1e1;
          margin: 0;
     }

     .zsurportcont {
          padding: 110px 0;
     }

     .outloginedtext {
          font-size: 26px;
          line-height: 40px;
     }

     .surportlogin,
     .surportzhuce {
          width: 152px;
          margin: 0 13px;
     }

     .surportdownload dl dd {
          width: 80%;
          float: left;
     }

     .surportdownload dl dt {
          float: right;
     }

     .surportdownload dl dt a {
          margin: 0;
     }

     /*--------登录注册 弹出框 --------*/

     .zfloatcont {
          width: 526px;
          position: fixed;
     }

     .zshowsuccess {
          padding: 79px;
     }

     .zfloatcont ul li span {
          width: 85px;
          float: left;
     }

     .zpsswordtext {
          float: left;
          width: 283px;
     }

     .zshowlogintext {
          padding: 11px 0 11px 55px;
     }

     .zcompany1 {
          font-size: 39px;
          line-height: 44px;
     }

     .zabouttitle {
          padding-bottom: 20px;
     }

     .zsurportcontent ul li img {
          height: 106px;
     }

     .zsurportemail {
          padding: 40px 0;
     }

     .zsearchcontshow,
     .zlogosearchcont .bdsharebuttonbox,
     .phonesearchtbn,
     .zlanguage {
          margin-top: 2%;
     }

     .phonesearchtbn {
          display: none;
     }

     .zlogosearchcont .bdsharebuttonbox {
          display: block;
     }

     .zlogosearchcont {
          position: initial;
     }

     /*-------- 导航 --------*/

     .zfloatsubnav {
          width: 286px;
          right: -286px;
          font-size: 18px;
     }

     .zsubnav {
          right: -196px;
     }

     .ztopnav.hidesubnav {
          right: -286px;
     }

     /*-------- 搜索 --------*/

     .zsearchcontshow {
          float: right;
          margin: 2% 20px 0 20px;
          display: block;
          position: static;
          width: auto;
          top: 0;
     }

     .zsearchcont {
          border: 1px solid #e0e0e0;
          width: auto;
          border-radius: 20px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          -ms-border-radius: 20px;
          -o-border-radius: 20px;
          overflow: hidden;
          padding: 0;
     }

     .zsearchtext {
          width: 128px;
     }

     .zsearchbtn {
          float: left;
     }

     .zindexnews {
          padding: 36px 3%;
     }

     .zindexnews ul li {
          padding-bottom: 0;
     }

     .zindextext {
          padding: 60px 2%;
     }

     .zindexpagelink {
          padding: 60px 0;
     }

     .zindexpagelink ul li {
          width: 20%;
          padding: 0;
     }

     .zindexpagelink ul li img {
          height: 110px;
     }

     .zindexpagelink ul li:nth-child(4),
     .zindexpagelink ul li:nth-child(5) {
          width: 20%;
     }

     /*-------- 内页 --------*/

     /*Yewenwen---2016-9-8*/

     .zmycustomer ul li {
          width: 20%;
     }

     .zsurportcont {
          padding: 110px 0;
     }

     .outloginedtext {
          font-size: 26px;
          line-height: 40px;
     }

     .surportlogin,
     .surportzhuce {
          width: 152px;
          margin: 0 13px;
     }

     .surportdownload dl dd {
          width: 80%;
          float: left;
     }

     .surportdownload dl dt {
          float: right;
     }

     .surportdownload dl dt a {
          margin: 0;
     }

     /*--------登录注册 弹出框 --------*/

     .zfloatcont {
          width: 526px;
     }

     .zshowsuccess {
          padding: 79px;
     }

     .zfloatcont ul li span {
          width: 85px;
          float: left;
     }

     .zpsswordtext {
          float: left;
          width: 283px;
     }

     .zshowlogintext {
          padding: 11px 0 11px 55px;
     }

     .zcompany1 {
          font-size: 39px;
          line-height: 44px;
     }

     .zabouttitle {
          padding-bottom: 20px;
     }

     .zsurportcontent ul li img {
          height: 106px;
     }

     .zsurportemail {
          padding: 40px 0;
     }

     /*-------- 新闻 --------*/

     .pageslink {
          display: block;
          float: right;
          padding-top: 14px;
     }

     .pageslink a {
          display: inline-block;
     }

     .pageslink a.cur {
          color: #006fcb;
     }

     .newsleft {
          padding: 3% 6% 3% 0;
     }

     .newsdetailtl h4 {
          font-size: 25px;
     }

     .commonDetailedContentsfoot dl dd {
          float: none;
          margin-bottom: 15px;
     }

     .commonDetailedContentsfoot dl dt {
          float: none;
     }

     .zcontactus {
          padding: 100px 0;
          background: #f2f2f2;
     }

     .newslist dd {
          padding-top: 0px;
     }

     /*-------- 员工生活 --------*/

     .stafflifetext {
          padding: 60px 40px 0 22px;
     }

     .stafflifeimg {
          display: block;
     }

     .staffhidetext {
          display: none;
     }

     .stafflifeileft,
     .stafflifeiright {
          height: 100%;
          top: 0;
          margin-top: 0px;
     }

     .stafflifeiscroll {
          margin-top: 29px;
     }

     .znewssubnav a {
          width: 26%;
     }

     .zcontactadd {
          padding: 9px 0 12px 62px;
          -o-background-size: 32px;
          background-size: 32px;
     }

     .zcontacter {
          padding: 9px 0 12px 62px;
          -o-background-size: 32px;
          background-size: 32px;
     }

     .zcontactph {
          padding: 9px 0 12px 62px;
          -o-background-size: 32px;
          background-size: 32px;
     }

     .zcontactfax {
          padding: 9px 0 12px 62px;
          -o-background-size: 32px;
          background-size: 32px;
     }

     .zcontactemail {
          padding: 9px 0 12px 62px;
          -o-background-size: 32px;
          background-size: 32px;
     }

     .zfootshare {
          height: 68px;
          right: 0;
          bottom: 68px;
          z-index: 21;
     }

     .zfootshare span {
          display: block;
          width: 68px;
          height: 68px;
          background: #d1121b;
          cursor: pointer;
     }

     .zfootshare span em {
          display: block;
          width: 31px;
          height: 31px;
          background: #d1121b url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat -304px -1px;
          -o-background-size: initial;
          background-size: initial;
          position: absolute;
          left: 50%;
          top: 50%;
          margin: -15px 0 0 -15px;
     }

     .zshowshare {
          bottom: 68px;
     }

     .zshowshare a {
          width: 68px !important;
          height: 68px !important;
     }

     .zresponsabletext {
          width: 90%;

          position: absolute;

          top: 50%;

          left: 50%;

          padding: 0;

          transform: translate(-50%, -50%);

          -webkit-transform: translate(-50%, -50%);

          -moz-transform: translate(-50%, -50%);

          -ms-transform: translate(-50%, -50%);

          -o-transform: translate(-50%, -50%);

          color: #fff;
     }

     .leftgoodix,
     .rightgoodix {
          width: 84px;
     }

     .goodixphmess {
          padding: 20px 25px;
          margin-top: 40px;
     }

     .goodixleftimg {
          width: 18%;
     }

     .goodixrgtext {
          padding: 12px 0 0 19px;
          font-size: 16px;
     }

     .goodixrgtext h4 {
          font-size: 26px;
          line-height: 30px;
     }

     .goodixrgtext h4 span {
          font-size: 15px;
     }

     /*Yewenwen---2016-9-10*/

     .wwfixedtext {
          position: absolute;
          right: 0;
          top: 50%;
          width: 50%;
          padding: 0 28px 0 28px;
          margin-top: -120px;
          font-size: 17px;
     }

     .wwamoimg {
          width: 50%;
     }

     .wwamo {
          padding: 20px 0 20px 0;
     }

     .wwledtext {
          position: absolute;
          top: 50%;
          z-index: 9;
          font-size: 17px;
          line-height: 28px;
          padding-bottom: 0;
     }

     /*指纹识别方案*/

     .wwprojecttext {
          padding: 0 60px;
          position: absolute;
          top: 50%;
          margin-top: -84px;
          font-size: 16px;
          line-height: 30px;
     }

     .wwprojectlolist ul {
          display: table;
          width: 100%;
     }

     .wwprojectlolist ul li {
          text-align: center;
          display: table-cell;
          float: none;
          color: #fff;
          padding: 91px 10px;
          text-align: center;
          font-size: 15px;
          line-height: 29px;
          border-right: 1px solid #7c7383;
     }

     .wwprojectlolist ul li img {
          height: 66px;
          margin-bottom: 20px;
     }

     /*IFS方案*/

     .wwifsject {
          width: 684px;
          position: absolute;
          top: 7%;
          left: 50%;
          margin-left: -342px;
          font-size: 18px;
          line-height: 30px;
          color: #fff;
          padding: 0;
     }

     .wwifstit {
          font-size: 33px;
          line-height: 36px;
          font-weight: bold;
          padding-bottom: 30px;
     }

     .wwmouse {
          display: block;
          width: 30px;
          height: 72px;
          background: url(https://www.goodix.com/en/webimages/wwpic05.png) no-repeat;
          -o-background-size: 30px 72px;
          background-size: 30px 72px;
          position: absolute;
          bottom: 12px;
          left: 50%;
          margin-left: -19px;
          cursor: pointer;
          z-index: 9;
     }

     .wwhonorfix img {
          width: 60%;
          float: right;
     }

     .wwhonorfix {
          position: relative;
          width: 50%;
          float: left;
          padding: 18px 0 80px 0;
     }

     .wwhonortext {
          position: absolute;
          left: 39px;
          top: 78px;
          color: #333;
          font-size: 16px;
          line-height: 36px;
     }

     .wwimgpadding {
          padding-top: 68px;
     }

     /*Cell*/

     .wwCell {
          width: 642px;
          line-height: 40px;
          top: 20%;
     }

     .wwBg {
          background: #f2f2f2;
     }

     .wwBg .wwhonorfix {
          width: 100%;
          padding: 3% 0;
     }

     .wwBg .wwhonorfix img {
          width: 50%;
          padding-right: 70px;
     }

     /*IOT芯片*/

     .wwIot {
          width: 633px;
          text-align: left;
          color: #fff;
          font-size: 18px;
     }

     .wwIot .wwifstit {
          font-size: 22px;
     }

     .wwiotpos .wwledfinedimg {
          position: absolute;
          top: 0;
     }

     .wwiotbox {
          padding-top: 70px;
     }

     .wwiottext {
          float: right;
          padding: 10px 0 0 0;
          font-size: 14px;
          line-height: 40px;
     }

     .wwiotbox img {
          margin-left: 10px;
          display: block;
          width: 207px;
          float: left;
     }

     .wwIottextbox {
          position: absolute;
          right: 3%;
          top: 50%; /*margin-top: -112px;*/
          width: 484px;
          color: #fff;
          line-height: 36px;
          font-size: 16px;
     }

     /*On-cell*/

     .wwcelltop {
          padding: 65px 0 45px 35px;
          background: url(https://www.goodix.com/en/webimages/wwimg14.jpg) no-repeat;
     }

     .wwcelltopT {
          width: 384px;
          float: left;
          line-height: 36px;
          font-size: 14px;
          padding: 10px 0 0 0;
     }

     .wwimgR {
          float: right;
     }

     .wwcelltop .wwimgR {
          width: 300px;
     }

     .wwoncellT {
          right: 0;
          padding-right: 75px;
          font-size: 14px;
     }

     .wwmark {
          position: relative;
          padding-bottom: 16%;
          background-position: center center;
          -o-background-size: cover;
          background-size: cover;
     }

     .wwmarkcon {
          padding: 9% 0 0 0;
          font-size: 18px;
          text-align: center;
          position: relative;
          color: #fff;
          line-height: 36px;
          z-index: 9;
     }

     .wwmarktit {
          font-size: 22px;
          font-weight: bold;
     }

     .wwmark .wwledfinedimg {
          position: absolute;
          top: 0;
     }

     .wwmarklist {
          padding-top: 55px;
     }

     .wwmarklist ul li {
          color: #fff;
          font-size: 14px;
     }

     .wwmarklist ul li h3 {
          font-size: 18px;
          font-weight: bold;
          padding: 15px 0 10px 0;
     }

     .wwmardiv {
          height: 300px;
          background: #0099cc;
          padding: 0 15px;
          line-height: 30px;
     }

     .wwimgshow {
          display: none;
     }

     .wwangle {
          position: relative;
          background: #fff;
          overflow: hidden;
     }

     .wwangleL {
          position: absolute;
          top: 50%;
          margin-top: -110px;
          float: left;
          font-size: 16px;
          line-height: 36px;
          width: 50%;
          padding: 0 0 0 9%;
          overflow: hidden;
     }

     .wwangleR {
          float: right;
          width: 50%;
     }

     /*活体指纹识别方案*/

     .wwliving {
          padding: 0;
     }

     .wwliving img {
          width: 100%;
     }

     .wwlivingR {
          font-size: 18px;
          line-height: 36px;
          padding-left: 2%;
     }

     .wwlivingtext {
          width: 362px;
          position: absolute;
          top: 50%;
          margin-top: -107px;
          background: url(https://www.goodix.com/en/webimages/wwpic10.png) no-repeat;
          -o-background-size: 100% 96%;
          background-size: 100% 96%;
          font-size: 16px;
     }

     .wwquick {
          overflow: hidden;
     }

     .wwquick img {
          max-width: 100%;
          margin: 0auto;
     }

     .wwjectbot {
          padding: 25px 10px;
     }

     .wwjectbot .wwangleL {
          padding: 9% 0 0 3%;
     }

     /*奖励及荣誉*/

     .wwhonor ul {
          padding: 55px 0 55px 0;
     }

     .wwhonor ul li {
          margin-bottom: 7px;
          margin-top: 7px;
     }

     /*Goodix Link™*/

     .wwGoodix .wwprojecttext02 {
          position: absolute;
          font-size: 18px;
          color: #333;
          width: 409px;
          line-height: 38px;
          padding-left: 32px;
          top: 50%;
     }

     .wwGoodix .wwifstit {
          padding-bottom: 10px;
     }

     .wwGoodix .commonweb {
          padding-bottom: 0;
          padding-top: 0;
     }

     .wwGoodixlist ul li {
          font-size: 18px;
          background: url(https://www.goodix.com/en/webimages/wwpic19.png) right center no-repeat;
     }

     .wwGoodixlist {
          padding: 5% 0 6%;
     }

     .wwGoodixlist ul li img {
          width: 180px;
          padding-bottom: 24px;
     }

     /*集成蓝牙*/

     .wwbluetoo .wwifsject {
          width: 750px;
          margin-left: -375px;
          top: 50%;
          margin-top: -89px;
          font-size: 15px;
          line-height: 24px;
     }

     .wwbluetoo .wwifstit {
          padding-bottom: 10px;
     }

     .wwEnbold {
          font-weight: bold;
     }

     .wwbluetootbox {
          padding: 115px 10px;
          position: relative;
     }

     .wwbluetoothL {
          width: 50%;
          float: left;
          padding-bottom: 0;
     }

     .wwbluetoothR {
          font-size: 16px;
          line-height: 36px;
          width: 50%;
          float: right;
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -170px;
          padding-left: 2%;
     }

     .wwbluetoothL .wwimgR {
          margin: 0 auto;
          float: none;
     }

     /*Newton Touch*/

     .wwNewton .wwprojecttext02 {
          width: 427px;
          font-size: 16px;
          z-index: 9;
     }

     .wwTouchbot .wwIottextbox {
          width: auto;
     }

     .wwtwoTypetit {
          font-size: 22px;
          padding: 50px 0;
     }

     .wwtwoType {
          padding: 0px 3% 70px;
     }

     .wwtwoTypediv {
          height: 478px;
          padding: 0 30px;
          font-size: 16px;
          line-height: 30px;
     }

     .wwtwoTypediv span {
          width: 52%;
          margin-bottom: 10px;
     }

     .wwtwoTypediv h3 {
          font-size: 18px;
          padding-bottom: 10px;
     }

     .wwhand {
          width: 702px;
          font-size: 16px;
          margin-top: -53px;
          top: 50%;
          margin-left: -351px;
     }

     .wwhandfun {
          padding: 6% 10px 0;
     }

     .wwhandfun .wwbluetoothR {
          top: 0;
          margin-top: 0;
          padding-top: 12%;
          padding-left: 6%;
          height: 100%;
          background: url(https://www.goodix.com/en/webimages/wwpic26.png) no-repeat 80% bottom;
     }

     .wwhandfun {
          padding-bottom: 6%;
     }

     .wwtabletconL {
          width: 50%;
          float: left;
          font-size: 14px;
          line-height: 30px;
          padding-left: 7%;
     }

     .wwtabletconR {
          width: 50%;
          float: right;
     }

     .wwtabletconR img {
          float: left;
     }

     /*平板触控芯片*/

     .wwtablet .wwifsject {
          top: 50%;
          margin-top: -56px;
          font-size: 14px;
          width: 718px;
          line-height: 24px;
          margin-left: -359px;
          padding: 0;
          text-align: center;
     }

     .wwsanjiao {
          position: absolute;
          left: 50%;
          width: 28px;
          height: 17px;
          background: url(https://www.goodix.com/en/webimages/wwpic27.png) no-repeat;
          -o-background-size: 28px 17px;
          background-size: 28px 17px;
     }

     .wwtabletcon {
          padding: 2% 10px 2%;
     }

     .wwledfinedimg03 {
          display: block;
     }

     .wwtabletbox {
          background: #eaf3fd;
     }

     .wwtablet .wwifstit {
          padding-bottom: 8px;
          margin-bottom: 8px;
          background: url(https://www.goodix.com/en/webimages/wwimg29.jpg) no-repeat center bottom;
     }

     .wwpenject {
          width: 50%;
     }

     .wwiotposcon .wwIottextbox {
          font-size: 14px;
          padding: 0; /*margin-top: -80px;*/
     }

     .wwculturebox .wwledfinedimg {
          position: absolute;
          top: 0;
     }

     .wwculture {
          position: relative;
          z-index: 9;
          padding: 0 3%;
     }

     .wwculturelist ul li {
          color: #fff;
          font-size: 16px;
          height: 100%;
          position: relative;
          padding-left: 0;
     }

     .wwculturelist ul li:last-child {
          background: url(https://www.goodix.com/en/webimages/wwpic29.png) repeat-y left;
     }

     .wwculturelist ul li h3 {
          font-size: 20px;
          font-weight: 100;
          position: relative;
          padding-bottom: 12px;
          margin-bottom: 12px;
     }

     .wwculturelist ul li h3:after {
          content: " ";
          height: 1px;
          width: 50px;
          background: #fff;
          position: absolute;
          bottom: 0;
          left: 0;
     }

     .wwculBg {
          background: #f7f7f7;
     }

     .wwcultexth3 {
          font-size: 20px;
          position: relative;
          padding-bottom: 25px;
          margin-bottom: 25px;
     }

     .wwcultexth3:after {
          position: absolute;
          bottom: 0;
          left: 50%;
          margin-left: -40px;
          content: " ";
          height: 1px;
          width: 80px;
          background: #333;
     }

     .wwcultext {
          text-align: center;
          padding: 70px 30px;
          font-size: 16px;
     }

     .wwcultext .textleft {
          text-align: left;
     }

     .wwculbot ul {
          padding: 70px 0;
     }

     .wwculbot ul li {
          font-size: 15px;
          height: auto;
          line-height: 26px;
          padding-left: 20px;
          padding-right: 20px;
     }

     .wwculbot ul li:nth-child(3n) {
          clear: both;
     }

     .wwculbot ul li h3 {
          font-size: 20px;
          line-height: 30px;
     }

     /*外挂式*/

     .wwouter {
          font-size: 20px;
          line-height: 36px;
          top: 50%;
          margin-top: -62px;
          font-size: 18px;
     }

     /*全球合作*/

     .wwslogan {
          font-size: 22px;
          text-align: center;
          color: #fff;
          padding: 4.4% 0;
          background: url(https://www.goodix.com/en/webimages/wwimg34.jpg) no-repeat center;
          -o-background-size: cover;
          background-size: cover;
     }

     .wwtouchbox {
          text-align: center;
          background: #f2f2f2;
          padding: 0;
     }

     .wwparbg {
          padding: 40px 0;
          background: url(https://www.goodix.com/en/webimages/wwimg35.jpg) no-repeat center center;
     }

     .wwpartner {
          padding: 40px 3%;
     }

     .wwBgtwo {
          background: #f2f2f2;
     }

     .wwBgtwo .wwtouchlilist li {
          float: left;
     }

     .wwtouchboxH3 {
          padding-bottom: 35px;
     }

     .wwpays li {
          display: table-cell;
     }

     .wwtouchlilist li div {
          font-size: 18px;
     }

     .wwBg {
          background: #f2f2f2;
     }

     /*图片弹窗*/

     .Meetpeopletext {
          font-size: 18px;
          padding: 0 0 0;
     }

     .closeyuangong {
          display: block;
          width: 32px;
          height: 32px;
     }

     .bigleft,
     .bigright {
          display: block;
          width: 6%;
     }

     .bigright {
          -o-background-size: 45px 84px;
          background-size: 45px 84px;
          right: 3%;
     }

     .bigleft {
          -o-background-size: 45px 84px;
          background-size: 45px 84px;
          left: 3%;
     }

     .bigright:hover {
          background: url(https://www.goodix.com/en/images/wwpic16.png) no-repeat left center;
          -o-background-size: 45px 84px;
          background-size: 45px 84px;
          right: 3%;
     }

     .bigleft:hover {
          background: url(https://www.goodix.com/en/images/wwpic17.png) no-repeat right center;
          -o-background-size: 45px 84px;
          background-size: 45px 84px;
          left: 3%;
     }

     .bigimgovflow {
          padding: 35px 14% 25px;
     }

     .wwhonortext02 {
          width: 50%;
          padding: 12% 0 12% 14%;
          float: left;
          line-height: 36px;
          color: #333;
          font-size: 16px;
     }

     .wwdivimg {
          width: 50%;
          float: left;
          padding-bottom: 0;
     }

     .wwhonorfixcopy {
          position: relative;
          width: 100%;
          padding: 3% 0;
     }

     .wwcelltopcell {
          padding: 0;
     }

     .wwtouchlilist li div {
          font-size: 18px;
     }

     .bigimgcont {
          width: 900px;
     }

     .wwcelltopcell {
          padding: 4% 0 2%;
     }

     .wwcelltopcell .wwcelltopT {
          width: 50%;
          font-size: 14px;
          padding: 4% 0;
     }

     .wwcelltopTdiv {
          width: 350px;
          margin: 0 auto;
     }

     .wwcelltopcell .wwdivimg {
          float: right;
     }

     .wwchiptext {
          position: absolute;
          right: 3%;
          top: 50%;
          width: 484px;
          color: #fff;
          line-height: 36px;
          font-size: 16px;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          z-index: 9;
     }

     .wwiotposcon {
          position: relative;
     }

     .wwiotpos .wwimgheight {
          position: absolute;
          top: 0;
     }

     .wwtranslat {
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          z-index: 9;
     }

     .wwimgheight {
          position: absolute;
          top: 0;
     }

     .wwlivingleft,
     .wwlivingleftright {
          float: left;
          width: 50%;
     }

     .wwlivingleft {
          float: right;
     }

     .wwlivingleftright img {
          width: 100%;
     }

     .wwjectbot {
          position: relative;
     }

     .wwlivingboxtext {
          font-size: 18px;
          line-height: 36px;
     }

     .wwjectbotleft {
          width: 50%;
          float: left;
          font-size: 16px;
          line-height: 36px;
          padding-left: 4%;
          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%);
     }

     .wwfingbox {
          position: relative;
     }

     .wwfingbox {
          background: #f3f3f3;
     }

     .wwfingboxleft {
          width: 50%;
          float: left;
          position: absolute;
          top: 0;
     }

     .wwfingboxleft img {
          width: 100%;
          display: block;
     }

     .wwfingboxright {
          float: right;
          width: 50%;
          height: 100%;
          padding: 0 0 0 3%;
          line-height: 36px;
          font-size: 16px;
          background: url(https://www.goodix.com/en/webimages/wwpic10.png) no-repeat center center;
     }

     .wwfingboxDiv {
          width: auto;
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          z-index: 9;
     }

     .wwprojectcase {
          z-index: 9;
     }

     .wwword {
          width: 441px;
          font-size: 18px;
          line-height: 36px;
          position: absolute;
          top: 50%;
          padding-left: 5%;
     }

     .wwprocasetext {
          font-size: 15px;
     }

     .wwiotposfixe .wwtranslat {
          font-size: 16px;
     }

     .wwGoodix .wwgoodtext {
          width: 440px;
     }

     .wwTouchbot .wwIottextbox {
          font-size: 16px;
     }

     .wwhonor {
          padding-bottom: 40px;
     }

     .wwculturelist {
          height: 100%;
     }

     .wwculturelist ul {
          height: 100%;
     }

     .wwculturelist ul li .wwtranslat {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
     }

     /*-------- 网站地图 --------*/

     .sitemapcont2 {
          padding: 2% 0;
          overflow: hidden;
     }

     .sitemapcont2 dl dt {
          font-size: 20px;
     }

     .sitemapcont2 dl dd {
          padding: 2% 3% 1% 27px;
          border: 1px solid #e6e6e6;
     }

     .sitemapcont2 dl dd a {
          margin: 0 50px 8px 0;
     }

     /*-------- 热点事件 --------*/

     .zfocusevent dl dt {
          float: left;
          width: 40%;
     }

     .zfocusevent dl dd {
          float: left;
          width: 60%;
          padding: 13px 0 0 18px;
     }

     .zfocusevent dl dd h4 {
          font-size: 22px;
          font-weight: bold;
          margin: 9px 0;
     }

     .zeventtitle {
          font-size: 28px;
     }

     .zeventpro1 ul {
          padding-bottom: 40px;
     }

     .zeventpro1 ul li {
          width: 20%;
          font-size: 16px;
     }

     .zeventpro1 ul li:nth-of-type(3n + 1) {
          clear: none;
     }

     .zeventpro1 ul li span {
          width: 148px;
     }

     .zeventpro2 ul li {
          width: 33.33%;
     }

     .zeventreportright {
          font-size: 16px;
     }

     .zeventreportright ul li {
          font-size: 17px;
     }

     .zeventreportright ul li span {
          font-size: 15px;
     }

     .exhibitiontitle {
          font-size: 22px;
          font-weight: bold;
          margin-bottom: 16px;
     }

     .zreviewfloat {
          width: 100%;
          float: left;
          font-size: 18px;
          line-height: 32px;
          margin-bottom: 32px;
     }

     .zreviewfloat .zeventtitle {
          margin-bottom: 30px;
     }

     .zreviewimg {
          display: block;
          width: 40%;
          float: left;
     }

     .zreviewtext {
          width: 60%;
          float: left;
          padding-left: 15px;
     }

     .zhuidingvideo {
          width: 30%;
          float: left;
     }

     .zhuidingleader {
          width: 70%;
          padding: 0 0 0 40px;
          float: left;
     }

     .zfloatvideocont {
          width: 600px;
          left: 50%;
          margin-left: -300px;
          padding: 0;
     }

     .zsannavbtn {
          display: none;
     }

     /*-------- 搜索结果 --------*/

     .rectitle {
          font-size: 24px;
     }

     .resulttitle {
          font-size: 24px;
     }

     .resultlist img {
          width: 16%;
          float: left;
          margin: 0 2% 0 0;
     }

     .resultlist h4 {
          font-size: 20px;
          margin-bottom: 2%;
     }

     /*20161124*/

     .zindextext {
          padding: 30px 2%;
     }

     .zmycustomer ul li {
          width: 16.6666667%;
     }

     .zindexnews {
          padding: 36px 4px;
     }

     .wwifstit {
          font-size: 27px;
     }

     .zcompanyfloat {
          font-size: 16px;
     }

     .zcompanyfloat .wqptran {
          width: 482px;
     }

     .showpagenav img {
          height: 70px;
     }

     .zcopyright a {
          display: inline-block;
     }

     .zresponsablescroll ul {
          padding-bottom: 40px;
     }

     .wwGoodix .wwprojecttext02 {
          color: #fff;
     }

     .zzerentext {
          height: 58px;
     }

     .zlogo {
          height: 70px;
     }

     /*-------- 校园招聘列表 --------*/

     .jobsSearch dl {
          width: auto;
          padding: 24px 20px 0;
     }

     .jobsSearch dl dt {
          font-size: 16px;
          float: left;
          padding: 7px 16px;
          border-left: 1px solid #999;
          border-bottom: 1px solid #999;
          border-top: 1px solid #999;
          background: #fff url(https://www.goodix.com/en/webimages/zzp02.jpg) no-repeat right center;
     }

     .jobsSearch dl dd {
          width: 510px;
          float: left;
     }

     .jobsSearch dl dd label {
          border-left: none;
     }

     .jobsSearch dl dd label input.jobssubmit {
          width: 138px;
          background: url(https://www.goodix.com/en/webimages/zzp02.png) no-repeat 20px center #c8000a;
          text-indent: 20px;
     }

     .jobslist {
          background: #f7f7f7;
          margin-top: 20px;
          padding-bottom: 30px;
     }

     .jobslist dl {
          line-height: 60px;
          border-bottom: 1px solid #cccccc;
          margin: 0px 35px;
     }

     .jobslist dl dt {
          float: left;
          padding-left: 45px;
          width: 34%;
     }

     .jobslist dl dd {
          float: left;
          width: 27%;
     }

     .jobslist .zhaopinlist dl dd {
          float: left;
          width: 27.9%;
     }

     .jobslist dl dd span {
          display: inline-block;
          text-align: center;
     }

     .jobslist dl dd.jobslistTime {
          width: 10%;
          text-align: left;
     }

     .jobslist dl.jobslistHead {
          font-size: 16px;
     }

     .jobslist dl.jobslistHead dt {
          background: none;
          padding-left: 70px;
     }

     .jobslist .zloadbtn {
          margin: 0 36px;
     }

     .zworklocation {
          max-width: 611px;
          margin: 0 auto;
     }

     /*---人才招聘详情页---*/

     .jobsDetailedright {
          width: 50%;
     }

     .Demand span {
          float: left;
          width: 50%;
     }

     .jobsReturn a {
          display: inline-block;
          margin: 0 0 0 72px;
     }

     .stafflifeiscroll ul li {
          width: 33.3%;
          padding: 0 15px;
     }

     .stafflifeiscroll ul {
          margin: 0 -15px;
     }

     .wqpblock {
          display: block;
     }

     .newsright {
          margin-top: 3%;
     }

     .stafflifeiscroll {
          margin: 27px auto 0 auto;
     }

     .zindextext {
          line-height: 32px;
          font-size: 18px;
     }

     /*20170222*/

     .specialList ul li.li1 .floatright {
          padding-top: 30px;
     }

     .specialList ul li.li2 .floatright {
          padding-top: 0;
     }

     .specialList ul li.li3 .floatright {
          padding-top: 25px;
     }

     .specialList ul li.li4 .floatright {
          padding-top: 70px;
     }

     .floatleft {
          float: left;
          width: 30%;
          margin-bottom: 0;
     }

     .floatleft img {
          display: block;
          max-width: 100%;
     }

     .floatright {
          float: left;
          width: 70%;
     }

     .wdot {
          font-size: 13px;
     }

     /*.actcontent { color: #fff; position: absolute; left: 23%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: none; }*/

     .actcontent {
          width: 50%;
          color: #fff;
          position: absolute;
          left: 15px;
          top: 50%;
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          background: none;
     }

     .actcontent .actitle {
          font-size: 26px;
          margin-bottom: 20px;
     }

     .actcontent .actdot {
          /*font-size: 20px;*/

          /*margin-bottom: 20px;*/
     }

     .warrow a {
          -o-background-size: 25px auto;
          background-size: 25px auto;
     }

     /*made by lww start*/

     .ComputerShowTitle {
          background: url(https://www.goodix.com/en/webimages/lbg02.jpg) center center no-repeat;
          -o-background-size: auto 40px;
          background-size: auto 40px;
          height: 40px;
          line-height: 40px;
     }

     .ComputerShowPageOneTop dd {
          width: 80%;
          margin: 0 auto;
     }

     .ComputerShowPageOneList ul li {
          margin: 50px 0;
     }

     .ComputerShowPageOneList ul li .texttop {
          height: 50px;
     }

     /*20170804*/

     .campus-recruitment-bg {
          padding: 4% 0 6%;
     }

     .recruitment-title {
          margin-bottom: 5%;
     }

     .recruitment-title .wmsg {
          font-size: 32px;
          line-height: 32px;
          margin-bottom: 20px;
     }

     .recruitment-title .wmsgtext {
          padding-bottom: 12px;
     }

     .recruitment-con {
          padding: 4% 6% 6%;
          font-size: 16px;
          text-align: center;
     }

     .wrecruitment-time {
          line-height: 36px;
          padding-bottom: 5%;
     }

     .address-list ul li {
          width: 14.28%;
     }

     .address-list ul li:nth-of-type(3):after,
     .address-list ul li:nth-of-type(6):after,
     .address-list ul li:nth-of-type(4):after {
          width: 100%;
          left: 0;
     }

     .address-list ul li:last-child:after {
          width: 50%;
     }

     .address-left ul li {
          width: auto;
     }

     .address-left ul li a {
          padding: 0 40px;
     }

     .screcruitment-list {
          padding-top: 47px;
          padding-bottom: 70px;
     }

     .shcool-search {
          margin-top: 0;
     }

     .school-jobslist {
          margin-top: 20px;
          background: #f7f7f7;
          padding-bottom: 60px;
     }

     .scrollover {
          position: relative;
          overflow-x: auto;
     }

     .school-jobslist .weekbar {
          padding-bottom: 60px;
     }

     .schoolDl {
          padding: 0 45px;
     }

     .schoolDl dd {
          float: left;
          width: 33.3%;
          text-align: center;
          padding: 18px 0;
          border-bottom: 1px solid #ccc;
          height: 60px;
          overflow: hidden;
     }

     .schoolDl dd.dd1 {
          /*width:40%;*/
          padding-left: 55px;
          text-align: left;
     }

     .wzhaoinco {
          background: url(https://www.goodix.com/en/webimages/zzp04.png) no-repeat 0 center;
     }

     .schoolDl dd.dd2 {
          /*width:35%*/
     }

     .schoolDl dd.dd3 {
          /*width:25%*/
     }

     .schoolhead {
          background: #c8000a;
          height: 60px;
          line-height: 60px;
          color: #fff;
          font-size: 16px;
     }

     .schoolhead dd {
          padding: 0;
          border-bottom: none;
     }

     .loadInco {
          cursor: pointer;
     }

     .school-jobslist .loadInco {
          margin: 0 45px;
     }

     /*薪福满满*/

     .full-pay-one {
          padding-top: 40px;
          padding-bottom: 50px;
          color: #666;
     }

     .full-left {
          max-width: 840px;
          width: 60%;
          padding-top: 5%;
          float: left;
     }

     .full-title {
          line-height: 24px;
          color: #333;
          padding-bottom: 4%;
     }

     .full-right {
          width: 40%;
          float: right;
          text-align: right;
          padding-right: 6%;
     }

     .full-pay-three {
          padding: 5% 0 4%;
     }

     .wpb25 {
          padding-bottom: 25px;
     }

     .fill-three-con {
          padding-top: 40px;
          float: left;
          width: 55%;
     }

     .fill-three-img {
          float: left;
          width: 45%;
     }

     .recruitment-process {
          padding: 5.5% 0 4%;
     }

     .process-list li {
          float: left;
          width: 20%;
     }

     .process-list li .sbtit {
          width: 100px;
          height: 100px;
     }

     .process-list li .iinco {
          width: 98px;
          height: 98px;
          line-height: 88px;
     }

     .process-list li:last-child .iinco {
          line-height: 24px;
          padding-top: 20px;
     }

     .wproblem-nav {
          text-align: center;
          min-height: 58px;
          margin-bottom: 40px;
     }

     .wproblem-nav p {
          display: inline-block;
     }

     .wproblem-nav p a {
          width: 150px;
          height: 50px;
          line-height: 50px;
          font-size: 16px;
     }

     .questionlist03 {
          font-size: 16px;
          padding-top: 25px;
          padding-bottom: 15px;
     }

     .questionlist03 dl {
          margin-bottom: 22px;
     }

     .questionlist03 dt span {
          padding: 28px 55px 28px 105px;
     }

     .questionlist03 dt:before {
          width: 90px;
          -o-background-size: 25px auto;
          background-size: 25px auto;
     }

     .questionlist03 dt:after {
          width: 83px;
          right: 0;
          -o-background-size: 25px auto;
          background-size: 25px auto;
     }

     .questiontext03 {
          padding: 0 0px 0 105px;
          line-height: 30px;
     }

     .questiontext03:before {
          width: 90px;
          -o-background-size: 18px auto;
          background-size: 18px auto;
     }

     .questiontext03 {
          padding: 0 50px 0 122px;
     }

     .questionlist03 dt span {
          padding: 28px 70px 28px 122px;
     }

     .questiontoptext03 h4 {
          font-size: 36px;
          line-height: 38px;
     }

     .wrecruitment-deatils {
          padding-top: 55px;
     }

     .wrecruitment-deatils .newsdetail {
          padding-bottom: 30px;
     }

     .wrecruitment-deatils .backnewslist {
          margin-bottom: 50px;
     }

     .commonDetailedContentsfoot {
          padding-bottom: 45px;
     }

     /*汇新聚才*/

     .personnel-top {
          padding: 9% 0;
          min-height: 400px;
     }

     .personnel-bottom {
          padding: 8% 0;
          min-height: 450px;
     }

     .work-btn {
          display: block;
     }

     /*招聘动态*/

     .wrecruitment-news {
          padding-top: 30px;
          padding-bottom: 40px;
     }

     .wrecruitment-news ul {
          padding-bottom: 50px;
     }

     .wrecruitment-news ul li {
          padding: 16px 0 16px 35px;
          font-size: 16px;
     }
}

/*ipad横版区域*/

@media (min-width: 991px) {
     .newsright {
          padding: 3% 2%;
     }

     .zzpconatcttitle {
          font-size: 30px;
     }

     .wwculbot ul li:nth-child(3n) {
          clear: none;
     }

     /*Yewenwen---*/

     .wwtouchlilist li {
          float: none;
     }

     .wwtouchlilist li div {
          font-size: 12px;
     }

     .wwhonortext02 {
          font-size: 18px;
     }

     .wqpNewsTitle {
          top: 18px;
          font-size: 20px;
          padding-left: 60px;
          height: 40px;
          line-height: 37px;
          -o-background-size: 45px auto;
          background-size: 45px auto;
     }

     .txtMarquee-left .bd {
          padding-left: 220px;
          height: 76px;
          padding-right: 40px;
     }

     .txtMarquee-left .bd ul li {
          margin-right: 55px;
          line-height: 76px;
          height: 76px;
          font-size: 18px;
     }

     /*20161124*/

     .zindexnews .commonwebbox ul {
          margin: 0 -15px;
     }

     .zinnerpagecont {
          padding: 46px 10px;
     }

     .zindexnews .znewstitle {
          -o-background-size: 37px auto;
          background-size: 37px auto;
          background-position: 5px 0;
          line-height: 30px;
          padding-left: 50px;
     }

     .showpagenav {
          margin-right: 10px;
     }

     /*-------- 20170216校园招聘 --------*/

     .jobsDetailed {
          margin: 0 45px;
          padding: 20px 35px 70px;
     }

     .jobsDetailed h3.jobsDetailedtitle {
          font-size: 20px;
          padding-bottom: 20px;
          padding-top: 5px;
     }

     .jobsDetailedleft {
          float: left;
          width: 63%;
          padding-top: 40px;
     }

     .Demand {
          margin: 0px;
          padding: 0px 0px 5px;
     }

     .Demand span {
          float: left;
          width: 50%;
     }

     .post {
          line-height: 30px;
          padding: 30px 0px 0;
     }

     .jobsMail {
          padding: 35px 0 0;
     }

     .jobsReturn {
          padding-top: 36px;
     }

     .jobsDetailedright {
          float: right;
          width: 28%;
          margin-top: 40px;
     }

     /*20170222*/

     .specialTitle {
          margin-bottom: 20px;
          -o-background-size: auto;
          background-size: auto;
     }

     .specialTitle span {
          padding-left: 80px;
          font-size: 22px;
          -o-background-size: 68px auto;
          background-size: 68px auto;
     }

     .specialDl {
          margin-bottom: 65px;
     }

     .specialTitle {
          margin-bottom: 40px;
     }

     .specialDl dt {
          padding: 0;
          background-position: 0 0;
          -o-background-size: cover;
          background-size: cover;
          height: 314px;
     }

     .specialDl dd {
          padding: 30px 20px 0 20px;
     }

     .specialDl dd .title,
     .whutitle {
          font-size: 24px;
          margin-bottom: 15px;
     }

     .specialDl dd .dot {
          font-size: 16px;
          margin-bottom: 10px;
     }

     .wdot {
          font-size: 15px;
          margin-bottom: 10px;
     }

     .specialList ul li {
          padding: 0;
          padding-bottom: 30px;
     }

     .specialList ul li:nth-child(2n + 1) {
          clear: both;
     }

     .specialList ul li.li1 .floatright {
          padding-top: 10px;
     }

     .specialList ul li.li2 .floatright {
          padding-top: 0;
     }

     .specialList ul li.li3 .floatright {
          padding-top: 25px;
     }

     .specialList ul li.li4 .floatright {
          padding-top: 58px;
     }

     .floatleft {
          float: left;
          width: 30%;
     }

     .floatleft img {
          display: block;
          max-width: 100%;
     }

     .floatright {
          float: left;
          width: 70%;
     }

     .specialConTwo {
          padding: 0 0 25px;
     }

     .specialConThree,
     .specialConFour {
          padding: 25px 0;
     }

     .specialConfive {
          padding: 25px 0 0;
     }

     .actcontent {
          left: 2.5%;
     }

     .actcontent .actitle {
          font-size: 30px;
          line-height: 36px;
          margin-bottom: 30px;
     }

     /*.actcontent .actdot { font-size: 24px; background: url(https://www.goodix.com/en/webimages/winco04.png) 0 center no-repeat; padding-left: 38px; line-height: 24px; margin-bottom: 30px; }*/

     .actcontent .actdot {
          font-size: 20px;
          padding-left: 38px;
          margin-bottom: 20px;
          line-height: 30px;
     }

     .actcontent .actdot:before {
          top: 10px;
     }

     .exhibitiontext {
          font-size: 17px;
     }

     .wwinnavlist a {
          font-size: 14px;
          padding: 22px 1.9%;
     }

     /*made by lww start*/

     .ComputerShowPageOne {
          margin-bottom: 10px;
     }

     .ComputerShow {
          padding-top: 60px;
     }

     .ComputerShow .ComputerShowTitle {
          margin-bottom: 50px;
     }

     .ComputerShowPageTwo dl dd {
          width: 60%;
     }

     .ComputerShowPageThree {
          overflow: hidden;
          margin-bottom: 30px;
     }

     .ComputerShowPageTwo {
          margin-bottom: 60px;
     }

     .ComputerShowPageThree dt {
          max-width: 55%;
          float: left;
     }

     .ComputerShowPageThree dd {
          max-width: 45%;
          float: left;
          padding: 50px 50px 0;
     }

     .ComputerShowPageThree dd {
          padding: 10px 50px 0;
     }

     /*薪福满满*/

     .full-pay-one {
          font-size: 18px;
          line-height: 32px;
     }

     .full-left {
          padding-top: 6%;
     }

     .full-title {
          font-size: 24px;
     }

     .full-pay-two {
          padding: 3.5% 0;
          font-size: 16px;
     }

     .full-two-left {
          padding: 0 30px;
     }

     .fs24 {
          font-size: 24px;
          line-height: 30px;
     }

     .fs18 {
          font-size: 18px;
          line-height: 34px;
     }

     .full-twotitle {
          padding-bottom: 13px;
     }

     .full-two-right {
          padding-left: 45px;
     }

     .lineheight24 {
          line-height: 24px;
     }

     .process-title {
          font-size: 28px;
     }

     .wproblem-wraper {
          padding-top: 60px;
          padding-bottom: 60px;
     }

     .wproblem-title {
          font-size: 28px;
          margin-bottom: 30px;
     }

     .wmsg-con {
          padding-top: 60px;
          font-size: 16px;
          line-height: 30px;
     }

     .wmsg-title {
          font-size: 28px;
          line-height: 28px;
          margin-bottom: 25px;
     }

     .environment-list ul li {
          padding: 10px;
     }

     .personnel-middle {
          padding: 98px 15px 115px;
     }
}

@media (min-width: 1023px) {
     /*-------- 底部 --------*/

     .zfootcont {
          text-align: initial;
     }

     .zfootlink {
          float: left;
     }

     .zcopyright {
          float: right;
     }

     /*-------- 首页 --------*/

     .zinproductleft {
          width: 50%;
          float: left;
     }

     .zinproductright {
          width: 50%;
          float: left;
     }

     .zproducttext {
          padding: 20px 30px;
          line-height: 20px;
     }

     /*.zinproductright .zproducttext{width:516px;}*/

     .zinproductleft .zproducttext {
          width: 253px;
     }

     .zproducttext div {
          margin: 0;
          background: none;
          padding: 0;
          -webkit-border-radius: 0px;
          border-radius: 0px;
     }

     /*-------- 内页 --------*/

     .surportdownload {
          padding: 56px 100px;
     }

     .zfootshare {
          position: absolute;
     }

     .zresponsabletext {
          width: 905px;

          font-size: 18px;

          line-height: 35px;
     }

     .zresponsablelist ul li:hover .zfloatrespons {
          transform: translateY(0);
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
     }

     .staffvoicecont {
          padding: 226px 0;
     }

     .leftgoodix,
     .rightgoodix {
          width: 84px;
     }

     .goodixleftimg {
          width: 15%;
     }

     .goodixphmess {
          padding: 20px 40px;
     }

     .goodixrgtext {
          width: 84%;
          font-size: 20px;
     }

     .goodixrgtext h4 {
          font-size: 32px;
          line-height: 40px;
     }

     .goodixrgtext h4 span {
          font-size: 18px;
     }

     /*Yewenwen---2016-9-10*/

     .wwfixedtext {
          line-height: 49px;
          margin-top: -158px;
          padding: 0 62px 0 68px;
          font-size: 20px;
     }

     .wwamoimg {
          width: 50%;
          float: left;
     }

     .wwamo {
          padding-top: 70px;
     }

     .wwledtext {
          padding-left: 159px;
          font-size: 20px;
          line-height: 38px; /*margin-top: -105px;*/
     }

     /*识别指纹方案*/

     .wwprojectlolist ul {
          height: 100%;
     }

     .wwprojectlolist ul li {
          font-size: 20px;
          padding: 91px 20px;
     }

     .wwprojectlolist ul li img {
          display: block;
          height: 66px;
          margin: 0 auto;
          margin-bottom: 30px;
     }

     .wwifsject {
          top: 23%;
     }

     .wwmouse {
          -o-background-size: 38px 91px;
          background-size: 38px 91px;
          width: 38px;
          height: 91px;
     }

     /*FIS方案*/

     .wwhonorfix {
          position: relative;
          width: 50%;
          float: left;
          padding: 18px 0 80px 0;
     }

     .wwhonortext {
          top: 125px;
          font-size: 20px;
     }

     /*Cell*/

     .wwCell {
          top: 29%;
     }

     .wwBg .wwhonorfix {
          padding: 50px 0 30px 0;
     }

     .wwBg .wwhonortext {
          left: 168px;
     }

     .wwBg .wwhonorfix img {
          padding-right: 140px;
     }

     .wwiottext {
          padding: 35px 20px 40px 0;
          font-size: 16px;
     }

     .wwiotbox img {
          width: 300px;
          margin-left: 16%;
     }

     /*On-Cell*/

     .wwcelltopT {
          width: 511px;
          padding: 50px 0 0 0;
          font-size: 18px;
     }

     .wwcelltop .wwimgR {
          padding-right: 0;
          width: 400px;
     }

     .wwoncellT {
          padding-right: 130px;
          font-size: 18px;
     }

     .wwmardiv {
          padding: 0 22px;
     }

     .wwmarklist ul li h3 {
          font-size: 20px;
          padding: 38px 0 20px 0;
     }

     .wwmarklist ul li {
          font-size: 16px;
     }

     .wwimgshow {
          display: none;
     }

     .wwjectbot .wwangleL {
          padding: 8% 0 0 7%;
          font-size: 18px;
     }

     /*活体指纹识别方案*/

     .wwlivingbox {
          background: #f3f3f3;
     }

     .wwliving {
          padding: 0;
     }

     .wwlivingtext {
          width: 462px;
          font-size: 18px;
     }

     .wwIottextbox {
          right: 10px;
          font-size: 18px;
     }

     .wwifstit {
          padding-bottom: 20px;
     }

     /*奖励及荣誉*/

     .bigimgcont {
          width: 900px;
     }

     .bigleft,
     .bigright {
          display: block;
     }

     .closeyuangong {
          top: 25px;
          right: 25px;
     }

     .head-nav li {
          margin: 0 11px;
     }

     .bigleft {
          left: 1%;
          width: 10%;
          -o-background-size: 60px 110px;
          background-size: 60px 110px;
     }

     .bigright {
          right: 1%;
          width: 10%;
          -o-background-size: 60px 110px;
          background-size: 60px 110px;
     }

     .bigleft:hover {
          left: 1%;
          width: 10%;
          -o-background-size: 60px 110px;
          background-size: 60px 110px;
     }

     .bigright:hover {
          right: 1%;
          width: 10%;
          -o-background-size: 60px 110px;
          background-size: 60px 110px;
     }

     /*集成蓝牙*/

     .wwbluetoo .wwifsject {
          width: 970px;
          margin-left: -485px;
          font-size: 18px;
          line-height: 30px;
     }

     .wwbluetoo .wwifstit {
          padding-bottom: 15px;
     }

     .wwangleL {
          font-size: 21px;
     }

     .wwangle {
          padding: 0px 10px 30px;
     }

     .wwbluetoothR {
          font-size: 18px;
          margin-top: -120px;
     }

     .wwtwoTypediv {
          font-size: 18px;
          height: 505px;
     }

     .wwhand {
          top: 50%;
          margin-top: -55px;
          width: 780px;
          margin-left: -390px;
          top: 50%;
          font-size: 18px;
     }

     .wwtablet .wwifsject {
          width: 964px;
          margin-left: -482px;
     }

     .wwtabletconL {
          line-height: 36px;
          padding-left: 16%;
          font-size: 18px;
     }

     .wwsanjiao {
          width: 38px;
          height: 23px;
          bottom: -23px;
          margin-left: -19px;
     }

     .wwtablet .wwifstit {
          padding-bottom: 18px;
          margin-bottom: 18px;
     }

     .wwiotposcon .wwIottextbox {
          font-size: 18px;
     }

     .wwculturebox {
          background: #f7f7f7;
     }

     .wwculturebox .wwledfinedimg {
          position: absolute;
          top: 0;
     }

     .wwouter {
          top: 50%;
          margin-top: -62px;
          font-size: 20px;
     }

     .wwouter .wwifstit {
          padding-bottom: 15px;
     }

     .wwcelltopcell .wwcelltopTdiv {
          font-size: 18px;
     }

     .wwcelltopTdiv {
          width: 499px;
     }

     .wwcelltopcell .wwcelltopT {
          padding: 10% 0;
     }

     .wwchiptext {
          font-size: 18px;
     }

     .wwfingboxDiv {
          padding: 0 3%;
          font-size: 18px;
          width: 80%;
          margin: 0 auto;
     }

     .wwjectbotleft {
          font-size: 18px;
          padding: 0 0 0 14%;
     }

     .wwword {
          width: 596px;
          font-size: 18px;
     }

     .wwNewton .wwprojecttext02 {
          font-size: 18px;
     }

     .wwculturelist ul li {
          font-size: 18px;
     }

     .wwculturelist ul li h3 {
          font-size: 22px;
          padding-bottom: 18px;
          margin-bottom: 18px;
     }

     /*-------- 热点事件 --------*/

     .zfocusevent dl dd {
          padding: 13px 0 0 18px;
     }

     .zfocusevent dl dd h4 {
          margin: 18px 0;
     }

     .zeventpro2 ul li {
          width: 25%;
     }

     .zeventreportleft {
          width: 40%;
          float: left;
     }

     .zeventreportright {
          width: 60%;
          padding: 0 0 0 36px;
          float: left;
     }

     .exhibitionimg {
          width: 25%;
          float: left;
     }

     .exhibitiontext {
          width: 75%;
          float: left;
          padding: 10px 0 0 28px;
     }

     .zeventreport .zeventtitle {
          margin-bottom: 30px;
     }

     .zreviewfloat {
          width: 50%;
          float: left;
          font-size: 18px;
          line-height: 32px;
          margin: 0;
     }

     .zreviewfloat2 {
          padding-left: 40px;
     }

     .zreviewfloat .zeventtitle {
          margin-bottom: 30px;
     }

     .zreviewimg {
          display: block;
          width: 40%;
          float: left;
     }

     .zreviewtext {
          width: 60%;
          float: left;
          padding-left: 15px;
     }

     .zfloatvideocont {
          width: 1000px;
          margin-left: -500px;
     }

     /*wuqiuping*/

     .zinproductleft .zproducttext {
          width: 90%;
     }

     .zinproductleft .zinlefttop .zproducttext {
          width: 300px;
     }

     .weventpro1 ul li {
          width: 20%;
     }

     .stafflifeiscroll ul {
          margin: 0 -30px;
     }

     .stafflifeiscroll ul li {
          padding: 0 30px;
     }

     /*made by lww start*/

     .ComputerShowTitle {
          margin-bottom: 40px;
     }

     .ComputerShowPageOneTop {
          overflow: hidden;
     }

     .ComputerShowPageOneTop dt {
          float: left;
          width: 50%;
     }

     .ComputerShowPageOneTop dd {
          float: left;
          width: 50%;
          padding: 25px 20px 22px 5%;
     }

     .ComputerShowPageOneTop dd h4 {
          font-size: 24px;
          padding-bottom: 15px;
     }

     .ComputerShowPageOneTop .specialP {
          font-size: 16px;
          line-height: 35px;
          -o-background-size: 8px;
          background-size: 8px;
          background-position-y: 12px;
     }

     /*made by lww end*/

     /*20170810*/

     .address-list ul li .waddress-con {
          padding-top: 30px;
          width: 120px;
          height: 158px;
     }

     .address-list ul li .add-date {
          font-size: 14px;
     }

     .address-list ul li .address-name {
          font-size: 26px;
          margin-bottom: 10px;
     }

     .wwinnavlist {
          padding: 0 10px;
     }

     /*校园招聘详情*/

     .address-left {
          float: left;
          width: 17%;
     }

     .address-left ul li {
          float: none;
     }

     .address-left ul li a {
          display: block;
          background: #f7f7f7;
          height: 55px;
          line-height: 55px;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          color: #666;
     }

     .address-left ul li:hover a,
     .address-left ul li.cur a {
          background: #c8000a;
          color: #fff;
     }

     .screcruitment-list {
          padding-top: 47px;
          padding-bottom: 70px;
     }

     .address-right {
          width: 83%;
          padding-left: 35px;
          float: left;
     }

     .shcool-search {
          margin-top: 0;
     }

     .process-list li {
          width: 12%;
     }

     .personnel-bottom {
          min-height: 611px;
     }

     /*-------- 2018-1-9 --------*/

     .renjinotefloat {
          width: 100%;
          height: 100%;
          padding-top: 3%;
          background: -webkit-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          display: none;
          z-index: 20;
          background: -o-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          background: -moz- oldradial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          background: radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          position: absolute;
          left: 0;
          top: 0;
     }

     .renjinotefloattext {
          width: 535px;
          color: #ffffff;
          font-size: 18px;
          margin: 0 auto;
          line-height: 32px;
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
     }

     .renjinotelistcont ul li:hover .renjinotefloat {
          display: block;
     }

     .zdsznsuotext h4 {
          line-height: 36px;
     }
}

@media (min-width: 1024px) {
     .wwproject .commonweb {
          max-width: 1482px;

          padding: 0px 10px;
     }
}

@media (min-width: 1130px) {
     .zcompanyright {
          width: 1063px;
     }

     .zphonecompany {
          display: none;
     }

     .zpccompany {
          display: block;
     }

     .zfloatrespons {
          padding: 60px 32px 0 32px;
     }

     .zfloatlink {
          margin: 40px auto 0;
     }

     /*20170222*/

     .specialDl dd {
          padding: 40px 20px 0 20px;
     }

     .specialList ul li:nth-of-type(3) {
          clear: left;
     }

     .renjinotefloat {
          padding: 0;
     }
}

/*响应PC区域*/

@media (min-width: 1199px) {
     .showpagenav {
          width: auto;
     }

     .zabout1text {
          width: 1160px;
     }

     /*Yewenwen---2016-9-10*/

     .wwprojecttext {
          font-size: 20px;
          line-height: 42px;
     }

     .wwiottext {
          font-size: 18px;
     }

     .wwcelltopT {
          padding: 65px 0 0 0;
     }

     .wwcelltop .wwimgR {
          width: 500px;
     }

     .wwjectbot .wwangleL {
          padding: 8% 0 0 14%;
     }

     .staffvoicecont .commonweb {
          max-width: 1200px;
     }

     .goodixpclist {
          display: block;
     }

     .goodixphonelist {
          display: none;
     }

     /*-------- 20170216校园招聘 --------*/

     .zSocialrecruitment {
          padding: 172px 0 180px;
     }

     .zrecruitmentcont {
          padding: 0;
     }

     .zrecruitmentlist {
          padding: 20px 36px 36px;
          margin-top: 93px;
     }

     .zjoplistleft {
          width: 55%;
          float: left;
          padding-top: 0;
     }

     .zjoplistright {
          width: 35%;
          float: right;
     }

     /*made by lww start*/

     .ComputerShowPageOneTop dd {
          padding: 35px 20px 22px 5%;
     }

     /*made by lww end*/

     .actcontent .actitle {
          font-size: 36px;
     }

     .actcontent .actdot {
          font-size: 22px;
          line-height: 32px;
     }

     .actcontent .actdot:before {
          top: 11px;
     }
}

@media (min-width: 1239px) {
     .goodixpclist dl {
          margin-right: 17px;
     }

     /*lww*/

     .ComputerShowPageTwo dl {
          overflow: hidden;
          position: relative;
     }

     .ComputerShowPageTwo dl dt {
          width: 50%;
          float: left;
     }

     .ComputerShowPageTwo dl dd {
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 50%;
          float: left;
     }

     .ComputerShowPageTwoConWrap {
          width: 100%;
          height: 100%;
          position: relative;
     }

     .ComputerShowPageTwo dl dd .ComputerShowPageTwoCon {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
     }

     .ComputerShowPageTwo dl:nth-child(2n) dt {
          float: right;
     }

     .ComputerShowPageTwo dl:nth-child(2n) dd {
          left: 0;
          right: auto;
     }

     .ComputerShowPageThree dd {
          padding: 45px 50px 0;
     }

     /*wqp*/

     .process-list li .sbtit {
          width: 125px;
          height: 125px;
     }

     .process-list li .iinco {
          width: 123px;
          height: 123px;
          line-height: 113px;
          font-size: 18px;
     }

     .process-list li:last-child .iinco {
          line-height: 24px;
          padding-top: 30px;
     }

     .process-list li:after {
          right: -13px;
          width: 25px;
          height: 17px;
     }

     .personnel-top {
          min-height: 550px;
     }

     /*--------  2018-1-9--------*/

     .renjinnotelisttext {
          width: 695px;
     }

     .renjinnotelisttext2 {
          width: 90%;
     }

     .zdsxggaibantext {
          width: 566px;
          font-size: 20px;
          right: 3%;
          line-height: 36px;
     }
}

@media (min-width: 1320px) {
     .zproducttext {
          max-width: 75%;

          padding: 30px 40px;
     }
}

@media (min-width: 1420px) {
     .zproducttext {
          max-width: 66.6667%;
     }

     .zcompanyleft {
          float: left;
          margin: 0;
          width: 340px;
          text-align: left;
     }

     .zcompanyright {
          float: right;
     }

     /*20170222*/

     .specialDl dd {
          padding: 60px 20px 0 40px;
          font-size: 16px;
     }

     .specialDl dd .title {
          margin-bottom: 20px;
     }

     .specialDl dd .dot {
          margin-bottom: 15px;
     }

     .specialList ul li {
          padding: 0;
          padding-bottom: 100px;
     }

     .specialList ul li.li1 .floatright {
          padding-top: 40px;
     }

     .specialList ul li.li2 .floatright {
          padding-top: 0;
     }

     .specialList ul li.li3 .floatright {
          padding-top: 25px;
     }

     .specialList ul li.li4 .floatright {
          padding-top: 58px;
     }

     .floatleft {
          float: left;
          width: 42%;
     }

     .floatleft img {
          display: block;
          max-width: 100%;
     }

     .floatright {
          float: left;
          width: 58%;
     }

     .wdot {
          font-size: 16px;
     }

     /*made by lww start*/

     .ComputerShowTitle {
          -o-background-size: 100%;
          background-size: 100%;
     }

     .ComputerShowPageOneTop dd {
          padding: 110px 30px 22px 10%;
     }

     .ComputerShowPageThree dd {
          padding: 50px 50px 0;
     }

     /*made by lww end*/

     /*20170804*/

     .wrecruitment-time {
          line-height: 36px;
          padding-bottom: 5%;
     }

     .address-list ul li .waddress-con {
          width: 142px;
          height: 187px;
          padding-top: 36px;
     }

     .address-list ul li .address-name {
          font-size: 26px;
          margin-bottom: 15px;
     }

     /*-------- 2018-1-9 --------*/

     .zdsxggaibantext {
          right: 15%;
     }

     .good-right a {
          padding-right: 0;
     }

     .zproducttext {
          padding: 40px 45px;
     }
}

@media (min-width: 1440px) {
     .zpccontact img {
          display: block;
     }

     .zphonecontact {
          display: none;
     }

     .zsurportmapcont {
          display: block;
     }

     .zsurportmapimg {
          display: none;
     }

     .zcontactusmap {
          width: 1448px;
     }

     .zpccontact {
          display: block;
     }

     .zcompanyfloat {
          width: 510px;
          padding: 26px;
          position: absolute;
          left: -166px;
          top: 36px;
          display: none;
          background: #fff;
          border: 1px solid #e4e4e4;
          border: none;
          text-align: left;
     }

     .closecitycont {
          display: block;
          width: 20px;
          height: 20px;
          background: url(https://www.goodix.com/en/webimages/zimg02.png) no-repeat;
          position: absolute;
          right: 15px;
          top: 12px;
          background-position: -67px -18px;
          -o-background-size: 258px;
          background-size: 258px;
     }

     .zcompanyicon {
          display: block;
          width: 22px;
          height: 15px;
          position: absolute;
          background: url(https://www.goodix.com/en/webimages/zimg40.png) no-repeat;
          left: 205px;
          top: -15px;
     }

     .zcompanyfloat1 {
          top: 350px;
          left: 1px;
     }

     .zcompanyfloat2 {
          top: 375px;
          left: 15px;
     }

     .zcompanyfloat3 {
          top: 348px;
          left: 839px;
     }

     .zcompanyfloat4 {
          top: 315px;
          left: 887px;
     }

     .zcompanyfloat5 {
          top: 333px;
          left: 887px;
     }

     .zcompanyfloat6 {
          top: 351px;
          left: 887px;
     }

     .zcompanyfloat7 {
          top: 389px;
          left: 887px;
     }

     .zcompanyfloat8 {
          top: 389px;
          left: 887px;
     }

     .zcompanyfloat4 .zcompanyicon {
          left: 256px;
     }

     .zcompanyfloat5 .zcompanyicon {
          left: 292px;
     }

     .zcompanyfloat6 .zcompanyicon {
          left: 259px;
     }

     .zcompanyfloat7 .zcompanyicon {
          left: 233px;
     }

     .zcompanyfloat8 .zcompanyicon {
          left: 260px;
     }

     .ipadbigshow {
          display: none;
     }

     .zcompanyfloat .wqptran {
          width: 100%;
     }

     /*-------- 2018-1-9 --------*/

     .zdsznsuotext {
          left: 232px;
     }

     .zdsznsuotext h4 {
          font-size: 36px;
          line-height: 43px;
     }
}

@media (min-width: 1602px) {
     .showpagenav {
          width: 97px;
     }

     .wwiotposfixe {
          position: relative;
     }

     .wwIottextbox {
          padding: 17% 0;
     }

     /*20170809*/

     .environment-list {
          overflow: visible;
     }

     .work-button-prev {
          left: 0;
     }

     .work-button-next {
          right: -62px;
     }
}

@media (max-width: 319px) {
     body {
          width: 320px;
     }
}

/*20161227 begin*/

.fwb {
     font-weight: bold;
}

.nqhicon1 {
     padding-left: 23px;
     background: url(https://www.goodix.com/en/webimages/nqhicon_01.png) no-repeat left center;
}

.insidestockT {
     margin-top: 46px;
}

.insidestockTTleft {
     background: #015198;
     height: 54px;
     line-height: 20px;
     font-size: 14px;
     text-align: center;
     padding-top: 7px;
     color: #fff;
}

.insidestockTTright {
     background: #f2f2f2;
     line-height: 54px;
     height: 54px;
     color: #015198;
     font-size: 14px;
}

.insidestockTB {
     position: relative;
     background-color: #f2f2f2;
     text-align: center;
     min-height: 100px;
}

.insidestockTBleft {
     min-height: 100px;
}

.stocksbox1 {
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     float: none;
}

.stocksbox1 .number1 {
     font-weight: bold;
     font-size: 30px;
     color: #b1020c;
     line-height: 31px;
}

.stocksbox1 .number1 .icon1 {
     display: inline-block;
     width: 25px;
     height: 31px;
     background: url(https://www.goodix.com/en/webimages/nqhicon_02.png) no-repeat center center;
     vertical-align: -2px;
     margin-left: 5px;
}

.stocksbox1.cur .number1 .icon2 {
     background: url(https://www.goodix.com/en/webimages/nqhicon_03.png) no-repeat center center;
}

.stocksbox1.cur .number1,
.stocksbox1.cur .number2 {
     color: #018000;
}

.stocksbox1 .number2 {
     font-size: 15px;
     color: #b1020c;
     line-height: 28px;
     padding: 0 20%;
}

.stocksbox1 .number2 > span {
     padding: 0 5px;
}

.stocksbox1 .time {
     font-size: 13px;
     margin-left: -10px;
     margin-right: -10px;
}

.insidestockTBright {
     min-height: 100px;
     background-color: #f7f7f7;
     padding-top: 20px;
     padding-bottom: 20px;
     font-size: 14px;
     text-align: left;
}

.stocklumpM {
     background-color: #f7f7f7;
     padding-bottom: 30px;
}

.stocklump2 {
     height: 45px;
     line-height: 43px;
     border: 1px solid #ededed;
     background-color: #ededed;
     margin-top: 22px;
}

.stocklump2 a {
     float: left;
     padding: 0 13px;
     height: 43px;
}

.stocklump2 a.cur,
.stocklump2 a:hover {
     background-color: #fff;
     color: #00a0e9;
}

.stocklump3 {
     line-height: 40px;
     background-color: #ededed;
     margin-top: 19px;
     font-size: 14px;
     padding: 0 3%;
}

.stocklump3 .num {
     margin-left: 16px;
     color: #b1020c;
}

.stocklump3 .time {
     color: #b1020c;
}

.stocklump4 {
     margin-top: 40px;
}

.stocklump4 img {
     max-width: 100%;
}

.wqpTextTop {
     float: right;
     padding-right: 8px;
     color: #004ea2;
     font-size: 12px;
     margin-top: 22px;
}

.zlanguage {
     margin-right: 0;
     font-size: 12px;
     margin-top: 19px;
}

.zlanguage a {
     color: #004ea2;
     font-size: 16px;
}

.zlanguage a img {
     display: inline-block;
     vertical-align: bottom;
     margin-left: 10px;
}

.phonesearchtbn {
     margin-top: 17px;
     margin-left: 10px;
}

/*20170615*/

.videolist {
     position: relative;
     margin-top: 30px;
     margin-bottom: 30px;
     max-width: 1160px;
}

.videolist img {
     display: block;
     width: 100%;
}

.videolist .playbtn {
     width: 52px;
     height: 52px;
     display: block;
     background: url(https://www.goodix.com/en/webimages/icon27.png) 0 0 no-repeat;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     cursor: pointer;
     -o-background-size: 100%;
     background-size: 100%;
}

.videobox {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     width: 100%;
     display: none;
     background: #000;
     cursor: pointer;
}

.videolistcon.cur {
     opacity: 0;
}

@media (min-width: 767px) {
     .insidestockTTright {
          padding: 0 2%;
     }

     .zlogo img {
          height: 40px;
     }

     .zsearchcontshow {
          margin-top: 2.5%;
     }

     .wqpTextTop {
          font-size: 15px;
          padding-right: 20px;
     }

     .zlanguage {
          margin: 13px 12px 0 0;
          font-size: 14px;
     }

     .wqpTextTop {
          margin-top: 2.9%;
     }

     .zlanguage {
          margin-top: 2.4%;
     }

     .wqpTextTop {
          margin-top: 34px;
     }

     .zlanguage {
          margin-top: 33.5px;
     }

     .zsearchcontshow {
          margin-top: 26px;
          margin-left: 10px;
     }
}

/*ipad横版区域*/

@media (min-width: 991px) {
     .zlogo img {
          height: 55px;
     }

     .wqpTextTop {
          margin-top: 40px;
     }

     .zlanguage {
          margin-top: 39px;
     }

     .zsearchcontshow {
          margin-top: 31px;
          margin-left: 10px;
     }

     .videolist {
          margin-top: 30px;
          margin-bottom: 50px;
     }

     .videolist .playbtn {
          width: 88px;
          height: 88px;
     }
}

@media (min-width: 1023px) {
     .insidestock {
          margin-left: -10px;
          margin-right: -10px;
     }

     .insidestock {
          padding: 0 3%;
     }
}

@media (min-width: 1400px) {
     .showpagenav img {
          height: 100px;
     }

     .zlogo {
          height: 100px;
     }

     .wqpTextTop {
          margin-top: 56px;
     }

     .zlanguage {
          margin-top: 52px;
     }

     .zsearchcontshow {
          margin: 49px 20px 0;
     }

     .good-right {
          padding-top: 56px;
     }
}

/*20161227 end*/

/**20170330*/

.wdisplaywraper {
     position: relative;
     z-index: 12;
}

.wdisplaycon {
     position: relative;
     top: 20px;
     left: 0;
     color: #333;
     font-size: 16px;
     width: 100%;
}

.wdisplaycon .title {
     font-size: 20px;
     font-weight: 500;
     text-align: center;
     margin-bottom: 10px;
}

.wdisplaycon .text {
     font-size: 16px;
     text-align: center;
     font-family: Arial, Helvetica, sans-serif;
     margin-bottom: 15px;
}

.lineheight {
     line-height: 26px;
}

.wqpdisplaytwo {
     padding: 80px 0 0;
}

.wqpdisplaytwo dl dt {
     width: 100%;
     padding: 0 20px;
}

.wqpdisplaytwo dl dt img {
     display: block;
     max-width: 100%;
     margin: 0 auto;
}

.wqpdisplaytwo dl dd {
     width: 100%;
     font-size: 16px;
     color: #3d3d3d;
     position: relative;
     padding-left: 20px;
}

.pb10 {
     padding-bottom: 10px;
     color: #3d3d3d;
}

.paboutfix {
     position: relative;
     margin-top: 2%;
}

@media (min-width: 767px) {
     /**20170330*/

     .wdisplaycon {
          position: absolute;
          top: 12%;
          left: 4%;
          color: #fff;
          width: 50%;
     }

     .lineheight {
          line-height: 26px;
     }
}

/*ipad横版区域*/

@media (min-width: 991px) {
     .wdisplaycon {
          position: absolute;
          top: 12%;
          left: 5%;
          color: #fff;
          font-size: 18px;
     }

     .wdisplaycon .title {
          font-size: 24px;
          margin-bottom: 15px;
     }

     .wdisplaycon .text {
          font-size: 18px;
          margin-bottom: 30px;
     }

     .lineheight {
          line-height: 35px;
     }

     .wqpdisplaytwo {
          padding: 40px 0 0;
     }

     .wqpdisplaytwo dl dt {
          float: left;
          width: 48%;
     }

     .wqpdisplaytwo dl dt img {
          display: block;
          max-width: 100%;
          margin: 0 auto;
     }

     .wqpdisplaytwo dl dd {
          width: 50%;
          float: left;
          font-size: 18px;
          color: #3d3d3d;
          position: absolute;
          padding: 0 0 0 10%;
          right: 0;
          top: 0;
          height: 100%;
     }

     .wqpdisplaytwo dl dd .paboutfix {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
     }

     .pb10 {
          padding-bottom: 20px;
          color: #3d3d3d;
     }

     .wdisplaycon {
          width: 43%;
     }
}

@media (min-width: 1440px) {
     .wdisplaywraper {
          position: relative;
          z-index: 12;
     }

     .wdisplaycon {
          position: absolute;
          top: 12%;
          left: 3%;
          color: #fff;
          font-size: 18px;
          width: 37.5%;
     }

     .wdisplaycon .title {
          font-size: 24px;
          margin-bottom: 15px;
     }

     .wdisplaycon .text {
          font-size: 18px;
          margin-bottom: 30px;
     }

     .lineheight {
          line-height: 35px;
     }

     .wqpdisplaytwo {
          padding: 40px 0 0;
     }

     .wqpdisplaytwo dl dt {
          float: left;
          width: 50%;
     }

     .wqpdisplaytwo dl dt img {
          display: block;
          width: 100%;
     }

     .wqpdisplaytwo dl dd {
          font-size: 18px;
     }

     .pb10 {
          padding-bottom: 20px;
     }

     .wwinnavlist a {
          padding: 22px 2.4%;
          font-size: 16px;
     }
}

/*20171130*/

.brbottom {
     border-bottom: 1px solid #e2e1e1;
     background: #fff;
}

.newsreturn {
     padding: 10px 8%;
     background: #c60017;
     color: #fff;
     font-size: 16px;
     display: inline-block;
}

.newsreturn:hover {
     color: #fff;
}

.newscommonweb {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 15px;
}

.news-list {
     padding-top: 30px;
     padding-bottom: 30px;
}

.news-list ul {
     margin: 0 -17px;
     padding-bottom: 10px;
}

.news-list ul li {
     float: left;
     padding: 0 17px 20px;
}

.news-list ul li a {
     display: block;
     border: 1px solid #d9d9d9;
}

.news-list ul li a img {
     display: block;
     width: 100%;
}

.news-list ul li .w-newscon {
     background: #fff;
     padding: 20px;
}

.news-list ul li .datenews-times {
     display: inline-block;
     padding: 8px 10px;
     background: #c60017;
     font-size: 13px;
     color: #fff;
     position: relative;
}

.news-list ul li .datenews-times:after {
     position: absolute;
     width: 7px;
     height: 7px;
     content: "";
     background: url(https://www.goodix.com/en/webimages/newinco01.png) 0 0 no-repeat;
     bottom: -6px;
     left: 0;
}

.news-list ul li .wnews-title {
     margin-top: 22px;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     font-size: 15px;
     line-height: 28px;
     max-height: 140px;
}

body.graybg {
     background: #f2f2f2;
}

/*新闻发布室*/

.news-timesbox {
     background: #f7f7f7;
     padding: 20px 15px;
}

.news-timesbox .select-box {
     background: url(https://www.goodix.com/en/webimages/newinco02.png) right 20px center no-repeat, #fff;
     max-width: 450px;
     margin: 0 auto;
     height: 40px;
     color: #666;
     padding-left: 24px;
     position: relative;
     cursor: pointer;
}

.news-timesbox .select-box h4 {
     width: 100%;
     height: 40px;
     background: none;
     line-height: 40px;
     font-size: 16px;
}

.news-timesbox ul {
     position: absolute;
     top: 40px;
     left: 0;
     width: 100%;
     background: #f2f2f2;
     padding: 5px 0;
     display: none;
     -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
     box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.news-timesbox ul li {
     padding: 5px 10px;
}

.news-timesbox ul li a {
     display: block;
}

.news-timesbox ul li:hover {
     background: #c60017;
}

.news-timesbox ul li:hover a {
     color: #fff;
}

.wqp-newstop {
     margin-top: 0;
}

.right-banner {
     position: relative;
     overflow: hidden;
     margin: 20px 0 10px;
}

.right-banner ul li img {
     display: block;
     width: 100%;
}

.right-banner ul {
     width: 100%;
     height: 100%;
     z-index: 1;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: -webkit-transform;
     -moz-transition-property: transform, -moz-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}

.right-banner ul li {
     position: relative;
     width: 100%;
}

.right-banner ul li > a {
     display: block;
     width: 100%;
     overflow: hidden;
     position: relative;
}

.right-banner ul li > a:before {
     content: "";
     display: block;
     width: 100%;
     padding-bottom: 75%;
}

.right-banner ul li > a img {
     position: absolute;
     top: 0;
     left: 0;
}

.bannerindeo {
     text-align: center;
     position: absolute;
     left: auto;
     bottom: 150px;
     width: 100%;
     z-index: 1;
}

.bannerindeo span {
     width: 10px;
     height: 10px;
     display: inline-block;
     margin: 0 2px;
     background: #fff;
     cursor: pointer;
     -webkit-border-radius: 100%;
     border-radius: 100%;
}

.bannerindeo span.cur,
.bannerindeo span.swiper-pagination-bullet-active {
     background-color: #c60017;
}

.right-newcon {
     padding: 5px 0 15px;
     background: url(https://www.goodix.com/en/webimages/zimg51.jpg) no-repeat left bottom;
     -o-background-size: 100%;
     background-size: 100%;
}

.right-newcon .datetime {
     font-family: arial;
     font-size: 18px;
     color: #999;
}

.right-newcon .wbanner-title {
     font-size: 16px;
     font-weight: bold;
     color: #666666;
     line-height: 28px;
     margin: 10px 0;
     min-height: 56px;
     height: 112px;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 4;
}

.right-newcon .list-more {
     text-align: right;
}

.right-newcon .list-more a {
     color: #c8000a;
     font-size: 16px;
     font-weight: bold;
}

.hot-tag {
     padding: 20px 0 10px;
}

.hot-tag h3 {
     color: #0050a7;
}

.tag-nav {
     padding-top: 15px;
}

.tag-nav a {
     font-size: 16px;
     padding: 5px 20px 12px 0;
     color: #666666;
     display: inline-block;
}

.tag-nav a:nth-of-type(2),
.tag-nav a:nth-of-type(11),
.tag-nav a:nth-of-type(2) {
     font-size: 26px;
}

.tag-nav a:nth-of-type(3),
.tag-nav a:nth-of-type(4),
.tag-nav a:nth-of-type(6),
.tag-nav a:nth-of-type(10),
.tag-nav a:nth-of-type(13),
.tag-nav a:nth-of-type(15) {
     font-size: 20px;
}

.tag-nav a:nth-of-type(8) {
     font-size: 24px;
}

.newswidth-left {
     padding-top: 0;
}

.wqp-newstop {
     margin-top: 20px;
}

.tag-nav a:hover {
     color: #c60017;
}

.num-boxlist {
     max-width: 1340px;
     margin: 0 auto;
     padding-top: 25px;
     padding-bottom: 0;
}

.num-boxlist ul li {
     width: 50%;
     float: left;
     text-align: center;
     position: relative;
     font-size: 16px;
     color: #666;
     margin-bottom: 20px;
}

.num-boxlist ul li img {
     display: block;
     margin: 0 auto;
     margin-bottom: 20px;
     height: 120px;
}

.num-boxlist ul li .colortext {
     font-weight: bold;
     color: #c8000a;
     font-size: 14px;
     position: absolute;
     width: 100%;
     text-align: center;
}

.num-boxlist ul li .colortext span {
     font-size: 22px;
}

.num-boxlist ul li .Keydataone {
     top: 11px;
}

.num-boxlist ul li .Keydatatwo {
     top: 46px;
}

.num-boxlist ul li .Keydatathree {
     top: 30px;
}

.num-boxlist ul li .Keydatafour {
     top: 52px;
}

/*-------- 2018-1-9 --------*/

.zdsznsuotop {
     width: 100%;
     position: relative;
     overflow: hidden;
}

.zdsznsuotop img {
     display: block;
     width: 100%;
}

.zdsznsuotext {
     font-size: 16px;
     line-height: 35px;
     padding: 20px 3%;
}

.zdsznsuotext h4 {
     font-size: 18px;
     line-height: 25px;
     font-weight: bold;
     margin-bottom: 15px;
}

.zdsznsuotextlist {
     padding: 40px 0;
     background-image: url(https://www.goodix.com/en/webimages/zdsaddimg02.jpg);
     -o-background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     color: #ffffff;
     font-size: 15px;
}

.zdsznsuotextlist li {
     text-align: center;
     padding-bottom: 30px;
     float: left;
     width: 50%;
     padding: 0 10px 30px;
}

.zdsznsuotextlist li:nth-of-type(2n + 1) {
     clear: left;
}

.zdsznsuotextlist li h3 {
     font-size: 16px;
     font-weight: bold;
     padding: 20px 0 10px;
     line-height: 30px;
}

.zdsznsuotextlist li img {
     display: block;
     margin: 0 auto;
     height: 60px;
}

.renjinotebcimg {
     width: 100%;
     position: relative;
     overflow: hidden;
}

.renjinotebcimg img {
     display: block;
     width: 100%;
}

.renjinotebctext {
     padding: 3%;
     line-height: 26px;
     font-size: 15px;
     color: #333333;
}

.renjinotebctext h3 {
     font-size: 18px;
     line-height: 35px;
     font-weight: bold;
}

.renjinotelistcont ul li {
     padding: 0;
     overflow: hidden;
     position: relative;
     width: 100%;
}

.renjinotelistcont ul li img {
     display: block;
     width: 100%;
}

.renjinnotelisttext {
     color: #333333;
     font-size: 15px;
     line-height: 28px;
     padding: 3%;
}

.renjinnotelisttext h3 {
     font-size: 18px;
     margin-bottom: 10px;
}

.renjinotelistimg {
     position: relative;
}

.animatecycle {
     width: 28px;
     height: 28px;
     position: absolute;
     left: 34%;
     bottom: 24%;
}

.animatecycle2 {
     left: 29%;
     bottom: 30%;
}

@-moz-keyframes warn {
     0% {
          -moz-transform: scale(0);
          transform: scale(0);

          -webkit-transform: scale(0);

          opacity: 0;
     }

     25% {
          -moz-transform: scale(0);
          transform: scale(0);

          -webkit-transform: scale(0);

          opacity: 0.1;
     }

     50% {
          -moz-transform: scale(0.1);
          transform: scale(0.1);

          -webkit-transform: scale(0.1);

          opacity: 0.3;
     }

     75% {
          -moz-transform: scale(0.5);
          transform: scale(0.5);

          -webkit-transform: scale(0.5);

          opacity: 0.5;
     }

     100% {
          -moz-transform: scale(1);
          transform: scale(1);

          -webkit-transform: scale(1);

          opacity: 0;
     }
}

@-o-keyframes warn {
     0% {
          -o-transform: scale(0);
          transform: scale(0);

          -webkit-transform: scale(0);

          opacity: 0;
     }

     25% {
          -o-transform: scale(0);
          transform: scale(0);

          -webkit-transform: scale(0);

          opacity: 0.1;
     }

     50% {
          -o-transform: scale(0.1);
          transform: scale(0.1);

          -webkit-transform: scale(0.1);

          opacity: 0.3;
     }

     75% {
          -o-transform: scale(0.5);
          transform: scale(0.5);

          -webkit-transform: scale(0.5);

          opacity: 0.5;
     }

     100% {
          -o-transform: scale(1);
          transform: scale(1);

          -webkit-transform: scale(1);

          opacity: 0;
     }
}

@keyframes warn {
     0% {
          -moz-transform: scale(0);
          -o-transform: scale(0);
          transform: scale(0);

          -webkit-transform: scale(0);

          opacity: 0;
     }

     25% {
          -moz-transform: scale(0);
          -o-transform: scale(0);
          transform: scale(0);

          -webkit-transform: scale(0);

          opacity: 0.1;
     }

     50% {
          -moz-transform: scale(0.1);
          -o-transform: scale(0.1);
          transform: scale(0.1);

          -webkit-transform: scale(0.1);

          opacity: 0.3;
     }

     75% {
          -moz-transform: scale(0.5);
          -o-transform: scale(0.5);
          transform: scale(0.5);

          -webkit-transform: scale(0.5);

          opacity: 0.5;
     }

     100% {
          -moz-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1);

          -webkit-transform: scale(1);

          opacity: 0;
     }
}

@-webkit-keyframes warn {
     0% {
          transform: scale(0);

          -webkit-transform: scale(0);

          opacity: 0;
     }

     25% {
          transform: scale(0);

          -webkit-transform: scale(0);

          opacity: 0.1;
     }

     50% {
          transform: scale(0.1);

          -webkit-transform: scale(0.1);

          opacity: 0.3;
     }

     75% {
          transform: scale(0.5);

          -webkit-transform: scale(0.5);

          opacity: 0.5;
     }

     100% {
          transform: scale(1);

          -webkit-transform: scale(1);

          opacity: 0;
     }
}

.dot {
     position: absolute;
     width: 11px;
     height: 11px;
     left: 50%;
     top: 50%;
     margin: -5px 0 0 -5px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     z-index: 2;
     background-color: #4178be;
}

.pulse {
     position: absolute;
     width: 28px;
     height: 28px;
     left: 0px;
     top: 0px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     z-index: 1;
     opacity: 1;
     -webkit-animation: warn 2s ease-out;
     -moz-animation: warn 2s ease-out;
     -o-animation: warn 2s ease-out;
     animation: warn 2s ease-out;
     -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
     -o-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     background-color: #4178be;
}

.renjinotefloat {
     padding: 0 3% 3%;
     display: block;
}

.renjinotefloattext {
     color: #333333;
     font-size: 15px;
     margin: 0 auto;
     line-height: 26px;
}

.zdsxggaibancont {
     width: 100%;
     position: relative;
     overflow: hidden;
}

.zdsxggaibancont img {
     display: block;
     width: 100%;
}

.zdsxggaibantext {
     color: #333333;
     font-size: 15px;
     line-height: 32px;
     padding: 3%;
}

/*20180130*/

.nwcbg {
     background: url(https://www.goodix.com/en/webimages/2018news02.jpg) center 0 no-repeat;
     -o-background-size: 100% auto;
     background-size: 100% auto;
}

.nwcbgweb {
     max-width: 1412px;
     margin: 0 auto;
     padding: 0 15px;
}

.nwc-onelist {
     padding-top: 30px;
}

.nwctitle {
     font-size: 24px;
     line-height: 38px;
     color: #0068b7;
     text-align: center;
     margin-bottom: 10px;
}

.NB-IoT {
     padding-top: 10px;
}

.nbiot-img {
     position: relative;
}

.nbiot-img img {
     display: block;
     width: 100%;
}

.nbiot-con {
     padding-top: 20px;
     color: #333;
     font-size: 16px;
     line-height: 30px;
}

.nbiot-con .nbleft {
     float: left;
     padding-right: 8%;
     max-width: 540px;
}

.scheme-list ul {
     margin: 0 -10px;
}

.scheme-list ul li {
     padding: 10px;
}

.scheme-list ul li img {
     display: block;
     width: 100%;
}

.list-wraper {
     position: relative;
}

.Fingerprint-con {
     font-size: 14px;
     line-height: 26px;
     color: #333;
     padding-top: 20px;
}

.Fingerprint-con .fin-title {
     font-size: 20px;
     line-height: 30px;
     margin-bottom: 10px;
}

.finabsolute-con {
     width: 100%;
     font-size: 14px;
     color: #333;
}

.con-center {
     position: relative;
     max-width: 540px;
     line-height: 26px;
}

.finnews-list {
     padding: 20px 0;
}

.zeventreportleft {
     overflow: hidden;
}

.zeventreportleft ul {
     margin: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: -webkit-transform;
     -moz-transition-property: transform, -moz-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}

.zeventreportleft ul li {
     float: left;
     padding: 0;
     position: relative;
     -webkit-flex-shrink: 0;
     -ms-flex: 0 0 auto;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     display: -ms-flexbox;
     -ms-flex-pack: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
}

.wqpnews-special ul li {
     background: url(https://www.goodix.com/en/webimages/2018news11.jpg) no-repeat left center;
}

.wqpnews-special ul li span {
     float: left;
     padding-right: 10px;
}

.wqpnews-special ul li a {
     color: #000;
}

.finnews-box .zeventreportbtn {
     padding: 0 10px;
     height: 18px;
     background: #c1272d;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     bottom: 20px;
     position: absolute;
     left: 50%;
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
}

.finnews-box .zeventreportbtn span {
     width: 10px;
     height: 10px;
     margin: 0 6px;
     background: #fff;
     opacity: 0.5;
     display: inline-block;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     vertical-align: 3px;
}

.finnews-box .zeventreportbtn span.swiper-pagination-bullet-active {
     opacity: 1;
}

.pt55 {
     padding-top: 30px;
}

.newsproduct {
     position: relative;
     padding: 35px 3%;
}

.newsproduct dt {
     text-align: center;
     padding: 30px 3% 0;
}

.newsproduct dt img {
     display: inline-block;
     max-width: 100%;
}

.newsproduct dd {
     font-size: 16px;
     font-size: 16px;
     line-height: 30px;
}

@media (min-width: 768px) {
     .newswidth-left {
          padding-top: 48px;
          padding-right: 0;
     }

     .num-boxlist ul li {
          width: 25%;
     }

     /*------ 2018-1-9 ------*/

     .renjinotebctext {
          width: 100%;
          position: absolute;
          left: 50%;
          top: 20%;
          padding: 0 3%;
          line-height: 32px;
          text-align: center;
          color: #ffffff;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
     }

     .renjinotebctext h3 {
          font-size: 28px;
          margin-bottom: 25px;
     }

     .renjinnotelisttext {
          font-size: 16px;
          position: absolute;
          left: 3%;
          top: 3%;
     }

     .animatecycle {
          position: absolute;
          left: 36%;
          bottom: 28%;
     }

     .animatecycle2 {
          left: 30%;
          bottom: 33%;
     }

     .renjinotefloat {
          padding-top: 3%;
     }

     .renjinotelistcont ul li {
          width: 50%;
          float: left;
     }

     .renjinotelistcont ul li:nth-of-type(2n + 1) {
          clear: left;
     }

     .wqpinotel-list ul li:nth-child(n + 3) {
          width: 33.3%;
     }

     .wqpinotel-list ul li:nth-of-type(2n + 1) {
          clear: none;
     }

     /*20180130*/

     .nbiot-con .nbleft {
          width: 50%;
     }

     .scheme-list ul li {
          padding: 10px;
          float: left;
          width: 50%;
     }

     .nwclist ul li:nth-of-type(1) {
          width: 100%;
     }

     .nwcbgweb {
          padding: 0 4%;
     }

     .scheme-list ul li:nth-of-type(3n + 1) {
          clear: left;
     }

     .newsproduct {
          position: relative;
          padding: 40px 0;
     }

     .newsproduct dt {
          float: left;
          width: 50%;
          padding: 0 0 0 10%;
     }

     .newsproduct dd {
          float: right;
          width: 50%;
          position: absolute;
          right: 0;
          font-size: 16px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          font-size: 18px;
          line-height: 40px;
          padding-left: 8%;
          padding-top: 0;
     }

     .news-list ul li .wnews-title {
          height: 140px;
          max-height: 140px;
          -webkit-line-clamp: 5;
          font-size: 17px;
     }
}

@media (min-width: 991px) {
     /*-------- 2018-1-9 --------*/

     .zdsznsuotext {
          position: absolute;
          top: 0;
          left: 0;
          font-size: 18px;
          width: 560px;
          line-height: 35px;
          left: 100px;
          left: 5%;
          top: 40%;
          padding: 0;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
     }

     .zdsznsuotext h4 {
          font-size: 26px;
          line-height: 32px;
     }

     .zdsznsuotextlist {
          font-size: 18px;
          padding: 100px 0;
     }

     .zdsznsuotextlist li {
          width: 25%;
     }

     .zdsznsuotextlist li:nth-of-type(2n + 1) {
          clear: none;
     }

     .renjinotebctext {
          width: 898px;
          font-size: 18px;
     }

     .renjinotebctext h3 {
          font-size: 36px;
          line-height: 35px;
     }

     .renjinnotelisttext {
          width: 80%;
     }

     .renjinnotelisttext h3 {
          font-size: 24px;
     }

     .zdsxggaibantext {
          color: #ffffff;
          font-size: 15px;
          line-height: 32px;
          position: absolute;
          padding: 0;
          width: 422px;
          right: 3%;
          top: 40%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
     }

     /*20180130*/

     .nwc-onelist {
          padding-top: 35px;
     }

     .nwctitle {
          font-size: 30px;
          line-height: 30px;
          margin-bottom: 25px;
     }

     .NB-IoT {
          padding-top: 14px;
     }

     .nbiot-con {
          position: absolute;
          left: 0;
          top: 8%;
          padding-left: 8%;
          width: 100%;
          color: #fff;
          font-size: 16px;
          line-height: 30px;
     }

     .nbiot-con .nbleft {
          padding-right: 8%;
          max-width: 540px;
     }
}

@media (min-width: 1024px) {
     .newscommonweb {
          padding-right: 30px;
          padding-left: 30px;
     }

     /*最新资讯*/

     .newsreturn {
          padding: 22px 8%;
     }

     .news-list {
          padding-top: 48px;
          padding-bottom: 30px;
     }

     .news-list ul {
          padding-bottom: 20px;
     }

     .news-list ul li {
          padding: 0 17px 34px;
     }

     .news-list ul li a {
          display: block;
          position: relative;
     }

     .news-list ul li a .zoom {
          overflow: hidden;
     }

     .news-list ul li a img {
          transition: 0.8s ease-in-out;
          -webkit-transition: 0.8s ease-in-out;
          -moz-transition: 0.8s ease-in-out;
          -ms-transition: 0.8s ease-in-out;
          -o-transition: 0.8s ease-in-out;
          transform: scale(1);
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
     }

     .news-list ul li a:hover img {
          transform: scale(1.03);
          -webkit-transform: scale(1.03);
          -moz-transform: scale(1.03);
          -ms-transform: scale(1.03);
          -o-transform: scale(1.03);
     }

     .news-list ul li .w-newscon {
          padding: 20px;
     }

     /*.news-list ul li .wnews-title { margin-top: 22px; font-size: 18px; line-height: 30px; height: 90px; }*/

     .news-list ul li a:after {
          content: "";
          position: absolute;
          width: 100%;
          height: 3px;
          bottom: 0;
          left: 0;
          background: #c60017;
          opacity: 0;
     }

     .news-list ul li a:hover {
          -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
     }

     .news-list ul li a:hover:after {
          opacity: 1;
     }

     /*新闻发布室*/

     .news-timesbox {
          padding: 20px 15px;
          margin-bottom: 20px;
     }

     .news-timesbox .select-box {
          height: 50px;
     }

     .news-timesbox .select-box h4 {
          height: 50px;
          line-height: 50px;
     }

     .news-timesbox ul {
          top: 50px;
     }

     .wqp-newstop {
          margin-top: 0;
     }

     .right-banner {
          margin: 20px 0 0;
     }

     .right-banner ul li img {
          display: block;
          width: 100%;
     }

     .bannerindeo {
          bottom: 165px;
     }

     .right-newcon {
          padding: 20px 0 15px;
     }

     .right-newcon .datetime {
          font-size: 18px;
     }

     .right-newcon .wbanner-title {
          font-size: 18px;
          line-height: 28px;
          margin: 10px 0;
     }

     .hot-tag {
          padding: 40px 0 20px;
     }

     .tag-nav {
          padding-top: 15px;
     }

     .tag-nav a {
          font-size: 18px;
          padding: 10px 36px 12px 0;
     }

     .tag-nav a:nth-of-type(2),
     .tag-nav a:nth-of-type(11),
     .tag-nav a:nth-of-type(2) {
          font-size: 30px;
     }

     .tag-nav a:nth-of-type(3),
     .tag-nav a:nth-of-type(4),
     .tag-nav a:nth-of-type(6),
     .tag-nav a:nth-of-type(10),
     .tag-nav a:nth-of-type(13),
     .tag-nav a:nth-of-type(15) {
          font-size: 24px;
     }

     .tag-nav a:nth-of-type(8) {
          font-size: 28px;
     }

     .newswidth-left {
          width: 66%;
          float: left;
          padding-right: 6%;
     }

     .wqp-newstop {
          width: 34%;
          float: left;
     }

     .num-boxlist {
          padding-top: 25px;
          padding-bottom: 80px;
     }

     .num-boxlist ul li {
          font-size: 16px;
     }

     .num-boxlist ul li img {
          margin-bottom: 20px;
          height: 222px;
     }

     .num-boxlist ul li .colortext {
          font-size: 24px;
     }

     .num-boxlist ul li .colortext span {
          font-size: 36px;
     }

     .num-boxlist ul li .Keydataone {
          top: 40px;
     }

     .num-boxlist ul li .Keydatatwo {
          top: 93px;
     }

     .num-boxlist ul li .Keydatathree {
          top: 66px;
     }

     .num-boxlist ul li .Keydatafour {
          top: 109px;
     }

     .num-boxlist ul li sub {
          font-size: 16px;
     }

     /*-------- 2018-1-9 --------*/

     .renjinotefloat {
          width: 100%;
          height: 100%;
          padding-top: 3%;
          background: -webkit-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          z-index: 20;
          background: -o-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          background: -moz- oldradial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          background: radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          position: absolute;
          left: 0;
          top: 0;
          opacity: 0;
          -moz-transition: all ease-in 0.3s;
          transition: all ease-in 0.3s;
          -webkit-transition: all ease-in 0.3s;
          -o-transition: all ease-in 0.3s;
          -ms-transition: all ease-in 0.3s;
     }

     .renjinotefloattext {
          max-width: 535px;
          color: #ffffff;
          font-size: 18px;
          margin: 0 auto;
          line-height: 32px;
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
     }

     .renjinotelistcont ul li:hover .renjinotefloat {
          opacity: 1;
     }

     /*20180130*/

     .scheme-list ul li {
          float: left;
          width: 49.999%;
     }

     .Fingerprint-con {
          position: absolute;
          left: 0;
          top: 0;
          color: #fff;
          font-size: 14px;
          line-height: 24px;
          padding: 5%;
     }

     .nwclist ul li:nth-of-type(1) {
          width: 50%;
     }

     .nwclist ul li:nth-of-type(1) .Fingerprint-con {
          top: 50%;
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
     }

     .finabsolute-con {
          width: 100%;
          position: absolute;
          height: 100%;
          top: 0;
          left: 0;
          padding-top: 3%;
          background: -webkit-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          z-index: 20;
          background: -o-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          background: -moz- oldradial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          background: radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          -moz-transition: all ease-in 0.3s;
          transition: all ease-in 0.3s;
          -webkit-transition: all ease-in 0.3s;
          -o-transition: all ease-in 0.3s;
          -ms-transition: all ease-in 0.3s;
          color: #fff;
          opacity: 0;
     }

     .con-center {
          position: relative;
          top: 50%;
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          max-width: 600px;
          margin: 0 auto;
          padding: 0 3%;
          line-height: 24px;
          font-size: 14px;
     }

     .scheme-list ul li:hover .finabsolute-con {
          opacity: 1;
     }

     .bottom-title {
          bottom: 0;
          top: auto;
          padding-bottom: 10px;
     }

     .finnews-list {
          padding: 25px 0 20px;
     }

     .fin-exhibition {
          padding: 0 8% !important;
     }

     .pt55 {
          padding-top: 55px;
     }

     .newsproduct {
          position: relative;
          padding: 40px 10px;
     }
}

@media (min-width: 1239px) {
     /*--------  2018-1-9--------*/

     .renjinnotelisttext {
          max-width: 695px;
     }

     .renjinnotelisttext2 {
          width: 90%;
     }

     .zdsxggaibantext {
          width: 566px;
          font-size: 20px;
          right: 3%;
          line-height: 36px;
     }
}

@media (min-width: 1300px) {
     .newscommonweb {
          padding-right: 0;
          padding-left: 0;
     }

     .zdsznsuotextlist li h3 {
          font-size: 28px;
          padding: 60px 0 15px;
     }

     .zdsznsuotextlist li img {
          height: auto;
     }
}

@media (min-width: 1366px) {
     /*20180130*/

     .nwctitle {
          font-size: 30px;
          line-height: 48px;
          margin-bottom: 15px;
     }

     .nbiot-con {
          padding-left: 18%;
          width: 100%;
          font-size: 16px;
          line-height: 28px;
     }

     .Fingerprint-con {
          font-size: 16px;
          line-height: 30px;
     }

     .Fingerprint-con .fin-title {
          font-size: 24px;
          line-height: 30px;
          margin-bottom: 20px;
     }

     .con-center {
          font-size: 16px;
          line-height: 34px;
     }
}

@media (min-width: 1420px) {
     /*-------- 2018-1-9 --------*/

     .zdsxggaibantext {
          right: 15%;
     }

     .nwcbgweb {
          padding: 0;
     }
}

/*20180627*/

.wwinnav {
     background: #fff;
     border-bottom: 1px solid #e2e1e1;
}

.newhot-tag {
     margin-top: 30px;
     padding: 20px 30px;
     background: #fff;
}

.new-search {
     position: relative;
}

.new-search .hotnews-text {
     height: 40px;
     line-height: 40px;
     border: 1px solid #d9d9d9;
     width: 100%;
     padding-right: 52px;
     font-size: 14px;
     text-indent: 10px;
}

.hotnews-text::-webkit-input-placeholder {
     color: #999;
}

.hotnews-text:-moz-placeholder {
     color: #999;
}

.hotnews-text::-moz-placeholder {
     color: #999;
}

.hotnews-text:-ms-input-placeholder {
     color: #999;
}

.hotnews-button {
     position: absolute;
     right: 0;
     top: 0;
     width: 50px;
     height: 40px;
     background: #c80009 url(https://www.goodix.com/en/webimages/toolsses-icon.png) center center no-repeat;
     cursor: pointer;
     -o-background-size: auto auto;
     background-size: auto auto;
}

.hot-tabnav {
     font-size: 14px;
     padding: 14px 0 0 0;
     position: relative;
}

.hot-tabnav span {
     font-weight: bold;
     color: #0050a7;
     position: absolute;
     top: 14px;
     left: 0;
}

.tag-box {
     display: inline-block;
     padding-left: 70px;
}

.tag-box a {
     padding: 0 10px 2px 0;
     color: #666666;
     display: inline-block;
}

.tag-box a:nth-child(1) {
     padding-left: 0;
}

.tag-box a.cur,
.tag-box a:hover {
     color: #0050a7;
}

.default {
     cursor: default;
}

.default .mewsmore {
     visibility: hidden;
}

.hot-tag {
     display: none;
}

.mewsmore {
     text-align: right;
     color: #c60017;
}

/*20180716*/

.air-preaching {
     background: url(https://www.goodix.com/en/webimages/nowimg01.jpg) center 0 no-repeat;
     -o-background-size: cover;
     background-size: cover;
}

.airwrap {
     padding-top: 35px;
     padding-bottom: 50px;
}

.air-title {
     font-size: 22px;
     line-height: 30px;
     text-align: center;
     font-weight: bold;
     margin-bottom: 25px;
}

.air-preaching .videolist {
     max-width: 1024px;
     margin: 0 auto;
     position: relative;
}

.videobox {
     height: 100%;
}

.air-preaching .videolist .playbtn {
     background: url(https://www.goodix.com/en/webimages/nowplay.png) 0 0 no-repeat;
     -o-background-size: cover;
     background-size: cover;
}

.campus-process {
     padding-top: 38px;
     padding-bottom: 30px;
     background: #f2f2f2;
}

.process-box {
     text-align: center;
     font-size: 16px;
     color: #1a1a1a;
     width: 81%;
     margin: 0 auto;
}

.camprocess-wrap {
     position: relative;
     left: -10px;
     max-width: 1366px;
     margin: 0 auto;
}

.process-box img {
     display: block;
     max-width: 100%;
     margin: 0 auto;
}

.camprocess-item li {
     padding-bottom: 10px;
}

.camprocess-item li:after {
     width: 27px;
     height: 27px;
     background: url(https://www.goodix.com/en/webimages/nowicon09.png) center 0 no-repeat;
     margin-top: -12px;
     right: -14px;
     -o-background-size: auto 20px;
     background-size: auto 20px;
}

.interview-wrap {
     max-width: 1366px;
     margin: 0 auto;
}

.interview-ment {
     padding: 45px 0 30px;
     background: url(https://www.goodix.com/en/webimages/nowimg03.jpg) center 0 no-repeat;
     -o-background-size: cover;
     background-size: cover;
}

.interview-ment .air-title {
     color: #fff;
}

.interview-table {
     max-width: 388px;
     width: 100%;
     background: #fff;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     overflow: hidden;
     margin: 0 auto;
}

.interview-table .view-top {
     padding: 0 25px;
     font-size: 0;
     line-height: 0;
}

.interview-table .view-top span,
.interview-table .view-top a {
     font-size: 16px;
     width: 50%;
     display: inline-block;
     line-height: 42px;
     color: #333333;
     border-bottom: 1px solid #cccccc;
     overflow: hidden;
}

.interview-table .viewtitle {
     background: #c8020c;
}

.interview-table .viewtitle span {
     height: 55px;
     line-height: 55px;
     font-size: 18px;
     color: #fff;
}

.spantwo {
     padding-left: 25px;
}

.interview-map {
     text-align: center;
     padding-top: 20px;
}

.interview-map img {
     max-width: 100%;
}

@media (min-width: 768px) {
     .newswidth-left {
          padding-top: 48px;
          padding-right: 0;
     }

     .num-boxlist ul li {
          width: 25%;
     }

     /*------ 2018-1-9 ------*/

     .renjinotebctext {
          width: 100%;
          position: absolute;
          left: 50%;
          top: 20%;
          padding: 0 3%;
          line-height: 32px;
          text-align: center;
          color: #ffffff;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
     }

     .renjinotebctext h3 {
          font-size: 28px;
          margin-bottom: 25px;
     }

     .renjinnotelisttext {
          font-size: 16px;
          position: absolute;
          left: 3%;
          top: 3%;
     }

     .animatecycle {
          position: absolute;
          left: 36%;
          bottom: 28%;
     }

     .animatecycle2 {
          left: 30%;
          bottom: 33%;
     }

     .renjinotefloat {
          padding-top: 3%;
     }

     .renjinotelistcont ul li {
          width: 50%;
          float: left;
     }

     .renjinotelistcont ul li:nth-of-type(2n + 1) {
          clear: left;
     }

     .wqpinotel-list ul li:nth-child(n + 3) {
          width: 33.3%;
     }

     .wqpinotel-list ul li:nth-of-type(2n + 1) {
          clear: none;
     }

     /*20180130*/

     .nbiot-con .nbleft {
          width: 50%;
     }

     .scheme-list ul li {
          padding: 10px;
          float: left;
          width: 50%;
     }

     .nwclist ul li:nth-of-type(1) {
          width: 100%;
     }

     .nwcbgweb {
          padding: 0 4%;
     }

     .scheme-list ul li:nth-of-type(3n + 1) {
          clear: left;
     }

     .newsproduct {
          position: relative;
          padding: 40px 0;
     }

     .newsproduct dt {
          float: left;
          width: 50%;
          padding: 0 0 0 10%;
     }

     .newsproduct dd {
          float: right;
          width: 50%;
          position: absolute;
          right: 0;
          font-size: 16px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          font-size: 18px;
          line-height: 40px;
          padding-left: 8%;
          padding-top: 0;
     }

     .news-list ul li:nth-child(2n + 1) {
          clear: left;
     }
}

@media (min-width: 991px) {
     /*-------- 2018-1-9 --------*/

     .zdsznsuotext {
          position: absolute;
          top: 0;
          left: 0;
          font-size: 18px;
          width: 560px;
          line-height: 35px;
          left: 100px;
          left: 5%;
          top: 40%;
          padding: 0;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
     }

     .zdsznsuotext h4 {
          font-size: 26px;
          line-height: 32px;
     }

     .zdsznsuotextlist {
          font-size: 18px;
          padding: 100px 0;
     }

     .zdsznsuotextlist li {
          width: 25%;
     }

     .zdsznsuotextlist li:nth-of-type(2n + 1) {
          clear: none;
     }

     .renjinotebctext {
          width: 898px;
          font-size: 18px;
     }

     .renjinotebctext h3 {
          font-size: 36px;
          line-height: 35px;
     }

     .renjinnotelisttext {
          width: 80%;
     }

     .renjinnotelisttext h3 {
          font-size: 24px;
     }

     .zdsxggaibantext {
          color: #ffffff;
          font-size: 15px;
          line-height: 32px;
          position: absolute;
          padding: 0;
          width: 422px;
          right: 3%;
          top: 40%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
     }

     /*20180130*/

     .nwc-onelist {
          padding-top: 35px;
     }

     .nwctitle {
          font-size: 30px;
          line-height: 30px;
          margin-bottom: 25px;
     }

     .NB-IoT {
          padding-top: 14px;
     }

     .nbiot-con {
          position: absolute;
          left: 0;
          top: 8%;
          padding-left: 8%;
          width: 100%;
          color: #fff;
          font-size: 16px;
          line-height: 30px;
     }

     .nbiot-con .nbleft {
          padding-right: 8%;
          max-width: 540px;
     }

     .news-list ul li:nth-child(2n + 1) {
          clear: none;
     }

     .news-list ul li:nth-child(3n + 1) {
          clear: left;
     }
}

@media (min-width: 1024px) {
     .newscommonweb {
          padding-right: 30px;
          padding-left: 30px;
     }

     /*最新资讯*/

     .newsreturn {
          padding: 22px 8%;
     }

     .news-list {
          padding-top: 48px;
          padding-bottom: 30px;
     }

     .news-list ul {
          padding-bottom: 20px;
     }

     .news-list ul li {
          padding: 0 17px 34px;
     }

     .news-list ul li a {
          display: block;
          position: relative;
     }

     .news-list ul li a .zoom {
          overflow: hidden;
     }

     .news-list ul li a img {
          transition: 0.8s ease-in-out;
          -webkit-transition: 0.8s ease-in-out;
          -moz-transition: 0.8s ease-in-out;
          -ms-transition: 0.8s ease-in-out;
          -o-transition: 0.8s ease-in-out;
          transform: scale(1);
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
     }

     .news-list ul li a:hover img {
          transform: scale(1.03);
          -webkit-transform: scale(1.03);
          -moz-transform: scale(1.03);
          -ms-transform: scale(1.03);
          -o-transform: scale(1.03);
     }

     .news-list ul li .w-newscon {
          padding: 20px;
     }

     /*.news-list ul li .wnews-title { margin-top: 22px; font-size: 18px; line-height: 30px; height: 90px; }*/

     .news-list ul li a:after {
          content: "";
          position: absolute;
          width: 100%;
          height: 3px;
          bottom: 0;
          left: 0;
          background: #c60017;
          opacity: 0;
     }

     .news-list ul li a:hover {
          -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
     }

     .news-list ul li a:hover:after {
          opacity: 1;
     }

     /*新闻发布室*/

     .news-timesbox {
          padding: 20px 15px;
          margin-bottom: 20px;
     }

     .news-timesbox .select-box {
          height: 50px;
     }

     .news-timesbox .select-box h4 {
          height: 50px;
          line-height: 50px;
     }

     .news-timesbox ul {
          top: 50px;
     }

     .wqp-newstop {
          margin-top: 0;
     }

     .right-banner {
          margin: 20px 0 0;
     }

     .right-banner ul li img {
          display: block;
          width: 100%;
     }

     .bannerindeo {
          bottom: 165px;
     }

     .right-newcon {
          padding: 20px 0 15px;
     }

     .right-newcon .datetime {
          font-size: 18px;
     }

     .right-newcon .wbanner-title {
          font-size: 18px;
          line-height: 28px;
          margin: 10px 0;
     }

     .hot-tag {
          padding: 40px 0 20px;
     }

     .tag-nav {
          padding-top: 15px;
     }

     .tag-nav a {
          font-size: 18px;
          padding: 10px 36px 12px 0;
     }

     .tag-nav a:nth-of-type(2),
     .tag-nav a:nth-of-type(11),
     .tag-nav a:nth-of-type(2) {
          font-size: 30px;
     }

     .tag-nav a:nth-of-type(3),
     .tag-nav a:nth-of-type(4),
     .tag-nav a:nth-of-type(6),
     .tag-nav a:nth-of-type(10),
     .tag-nav a:nth-of-type(13),
     .tag-nav a:nth-of-type(15) {
          font-size: 24px;
     }

     .tag-nav a:nth-of-type(8) {
          font-size: 28px;
     }

     .newswidth-left {
          width: 66%;
          float: left;
          padding-right: 6%;
     }

     .wqp-newstop {
          width: 34%;
          float: left;
     }

     .num-boxlist {
          padding-top: 25px;
          padding-bottom: 80px;
     }

     .num-boxlist ul li {
          font-size: 16px;
     }

     .num-boxlist ul li img {
          margin-bottom: 20px;
          height: 222px;
     }

     .num-boxlist ul li .colortext {
          font-size: 24px;
     }

     .num-boxlist ul li .colortext span {
          font-size: 36px;
     }

     .num-boxlist ul li .Keydataone {
          top: 40px;
     }

     .num-boxlist ul li .Keydatatwo {
          top: 93px;
     }

     .num-boxlist ul li .Keydatathree {
          top: 66px;
     }

     .num-boxlist ul li .Keydatafour {
          top: 109px;
     }

     .num-boxlist ul li sub {
          font-size: 16px;
     }

     /*-------- 2018-1-9 --------*/

     .renjinotefloat {
          width: 100%;
          height: 100%;
          padding-top: 3%;
          background: -webkit-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          z-index: 20;
          background: -o-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          background: -moz- oldradial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          background: radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          position: absolute;
          left: 0;
          top: 0;
          opacity: 0;
          -moz-transition: all ease-in 0.3s;
          transition: all ease-in 0.3s;
          -webkit-transition: all ease-in 0.3s;
          -o-transition: all ease-in 0.3s;
          -ms-transition: all ease-in 0.3s;
     }

     .renjinotefloattext {
          max-width: 535px;
          color: #ffffff;
          font-size: 18px;
          margin: 0 auto;
          line-height: 32px;
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
     }

     .renjinotelistcont ul li:hover .renjinotefloat {
          opacity: 1;
     }

     /*20180130*/

     .scheme-list ul li {
          float: left;
          width: 49.999%;
     }

     .Fingerprint-con {
          position: absolute;
          left: 0;
          top: 0;
          color: #fff;
          font-size: 14px;
          line-height: 24px;
          padding: 5%;
     }

     .nwclist ul li:nth-of-type(1) {
          width: 50%;
     }

     .nwclist ul li:nth-of-type(1) .Fingerprint-con {
          top: 50%;
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
     }

     .finabsolute-con {
          width: 100%;
          position: absolute;
          height: 100%;
          top: 0;
          left: 0;
          padding-top: 3%;
          background: -webkit-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          z-index: 20;
          background: -o-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          background: -moz- oldradial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          background: radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95));
          -moz-transition: all ease-in 0.3s;
          transition: all ease-in 0.3s;
          -webkit-transition: all ease-in 0.3s;
          -o-transition: all ease-in 0.3s;
          -ms-transition: all ease-in 0.3s;
          color: #fff;
          opacity: 0;
     }

     .con-center {
          position: relative;
          top: 50%;
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          max-width: 600px;
          margin: 0 auto;
          padding: 0 3%;
          line-height: 24px;
          font-size: 14px;
     }

     .scheme-list ul li:hover .finabsolute-con {
          opacity: 1;
     }

     .bottom-title {
          bottom: 0;
          top: auto;
          padding-bottom: 10px;
     }

     .finnews-list {
          padding: 25px 0 20px;
     }

     .fin-exhibition {
          padding: 0 8% !important;
     }

     .pt55 {
          padding-top: 55px;
     }

     .newsproduct {
          position: relative;
          padding: 40px 10px;
     }

     /*20180627*/

     .newhot-tag {
          margin-top: 48px;
     }

     .new-search {
          width: 100%;
     }

     .new-search .hotnews-text {
          height: 50px;
          line-height: 50px;
          font-size: 16px;
     }

     .hotnews-button {
          width: 50px;
          height: 50px;
          -o-background-size: auto auto;
          background-size: auto auto;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          -moz-transition: all 0.3s;
          transition: all 0.3s;
     }

     .hotnews-button:hover {
          background-color: #d5030d;
     }

     .hot-tabnav {
          width: 63%;
          float: left;
          font-size: 16px;
          padding: 14px 0 0 18px;
     }

     .hot-tabnav span {
          top: 14px;
          left: 18px;
     }

     .tag-box {
          padding-left: 80px;
     }

     .tag-box a {
          padding: 0 15px 2px 0;
     }

     /*20180716*/

     .airwrap {
          padding-top: 55px;
          padding-bottom: 100px;
     }

     .air-title {
          font-size: 30px;
          line-height: 30px;
          margin-bottom: 55px;
     }

     .camprocess-wrap {
          left: 0;
          padding-top: 30px;
     }

     .campus-process {
          padding-top: 68px;
          padding-bottom: 130px;
     }

     .camprocess-item li {
          padding-bottom: 0;
          margin-bottom: 0;
     }

     .process-box {
          font-size: 18px;
     }

     .process-box img {
          margin: 0 auto 10px;
     }

     .interview-table {
          float: left;
          max-width: 388px;
          width: 40%;
          margin: 0 3% 0 7%;
     }

     .interview-map {
          float: left;
          width: 50%;
          margin-top: -5%;
     }
}

@media (min-width: 1239px) {
     /*--------  2018-1-9--------*/

     .renjinnotelisttext {
          max-width: 695px;
     }

     .renjinnotelisttext2 {
          width: 90%;
     }

     .zdsxggaibantext {
          width: 566px;
          font-size: 20px;
          right: 3%;
          line-height: 36px;
     }
}

@media (min-width: 1300px) {
     .newscommonweb {
          padding-right: 0;
          padding-left: 0;
     }

     .zdsznsuotextlist li h3 {
          font-size: 28px;
          padding: 60px 0 15px;
     }

     .zdsznsuotextlist li img {
          height: auto;
     }

     /*20180627*/

     .newhot-tag {
          padding: 20px 30px;
     }
}

@media (min-width: 1366px) {
     /*20180130*/

     .nwctitle {
          font-size: 30px;
          line-height: 48px;
          margin-bottom: 15px;
     }

     .nbiot-con {
          padding-left: 18%;
          width: 100%;
          font-size: 16px;
          line-height: 28px;
     }

     .Fingerprint-con {
          font-size: 16px;
          line-height: 30px;
     }

     .Fingerprint-con .fin-title {
          font-size: 24px;
          line-height: 30px;
          margin-bottom: 20px;
     }

     .con-center {
          font-size: 16px;
          line-height: 34px;
     }

     .camprocess-item li:after {
          margin-top: -16px;
          -o-background-size: auto 27px;
          background-size: auto 27px;
     }
}

@media (min-width: 1420px) {
     /*-------- 2018-1-9 --------*/

     .zdsxggaibantext {
          right: 15%;
     }

     .nwcbgweb {
          padding: 0;
     }
}

@charset "UTF-8";

.show {
     display: block !important;
}

.hide {
     display: none !important;
}

body {
     padding-top: 55px;
}

.goodix-header {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 299;
     width: 100%;
     height: 55px;
     padding: 10px;
     background-color: #fff;
     -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
     box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
}

.goodix-header .logo {
     float: left;
     display: block;
     position: absolute;
     top: 14px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
}

.goodix-header .logo img {
     height: 22px;
}

.goodix-header .menu-handle {
     position: absolute;
     top: 10px; /* right: 10px; */
     z-index: 10;
     width: 32px;
     height: 34px;
     padding: 8px 5px;
     left: 15px;
}

.goodix-header .menu-handle span {
     display: block;
     width: 100%;
     height: 2px;
     background-color: #333;
     -webkit-transition: all ease 0.3s;
     -o-transition: all ease 0.3s;
     -moz-transition: all ease 0.3s;
     transition: all ease 0.3s;
}

.goodix-header .menu-handle span:nth-child(2) {
     margin: 6px 0;
}

.goodix-header .menu-handle.cur span:nth-child(1) {
     -webkit-transform: rotate(45deg) translate(7px, 6px);
     -moz-transform: rotate(45deg) translate(7px, 6px);
     -ms-transform: rotate(45deg) translate(7px, 6px);
     -o-transform: rotate(45deg) translate(7px, 6px);
     transform: rotate(45deg) translate(7px, 6px);
}

.goodix-header .menu-handle.cur span:nth-child(2) {
     opacity: 0;
}

.goodix-header .menu-handle.cur span:nth-child(3) {
     -webkit-transform: rotate(-45deg) translate(5px, -5px);
     -moz-transform: rotate(-45deg) translate(5px, -5px);
     -ms-transform: rotate(-45deg) translate(5px, -5px);
     -o-transform: rotate(-45deg) translate(5px, -5px);
     transform: rotate(-45deg) translate(5px, -5px);
}

.goodix-header .search-handle {
     position: absolute;
     top: 10px;
     right: 15px;
     z-index: 10;
     width: 32px;
     height: 32px;
     background: url("https://www.goodix.com/en/webimages/searchicoh.png") no-repeat center;
     -o-background-size: 80%;
     background-size: 80%;
}

.goodix-header .search-form {
     display: table;
}

.goodix-header .search-form form {
     display: table-cell;
     vertical-align: top;
     width: 100%;
}

.goodix-header .search-cate {
     display: table-cell;
     vertical-align: top;
}

.goodix-header .search-cate .cate-label {
     display: block;
     width: 100%;
     font-size: 15px;
     line-height: 40px;
     background-color: #eee;
     text-align: center;
     padding: 0 10px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
}

.goodix-header .search-cate .cate-label::after {
     content: "";
     display: inline-block;
     vertical-align: top;
     margin: 13px 0 0 3px;
     width: 14px;
     height: 14px;
     background: url("https://www.goodix.com/en/webimages/fitcate.png") no-repeat center;
}

.goodix-header .search-cate .filter-cate {
     position: absolute;
     left: 0;
     top: 55px;
     display: none;
     white-space: nowrap;
     font-size: 14px;
     line-height: 26px;
     border: 1px solid #ccc;
     padding: 10px 0 0px 0;
     width: 200px;
     background-color: #eee;
}

.goodix-header .search-cate .filter-cate a {
     display: block;
     background-color: #eee;
     padding: 0 10px 0 35px;
     width: 100%;
     line-height: 32px;
     border-bottom: 1px dashed #ccc;
     position: relative;
}

.goodix-header .search-cate .filter-cate a:hover {
     color: #fff;
     background-color: #014d9e;
}

.goodix-header .search-cate .filter-cate a:hover:after {
     background-position: 0 -20px;
}

.goodix-header .search-cate .filter-cate a:after {
     content: "";
     position: absolute;
     width: 18px;
     height: 20px;
     overflow: hidden;
     top: 7px;
     left: 10px;
}

.goodix-header .search-cate .filter-cate a:last-child {
     border-bottom: none;
}

.goodix-header .search-cate .filter-cate .cate01:after {
     background: url(https://www.goodix.com/en/webimages/cate01.png) no-repeat scroll 0 0;
}

.goodix-header .search-cate .filter-cate .cate02:after {
     background: url(https://www.goodix.com/en/webimages/cate02.png) no-repeat scroll 0 0;
}

.goodix-header .search-cate .filter-cate .cate03:after {
     background: url(https://www.goodix.com/en/webimages/cate03.png) no-repeat scroll 0 0;
}

.goodix-header .search-cate .filter-cate .cate04:after {
     background: url(https://www.goodix.com/en/webimages/cate04.png) no-repeat scroll 0 0;
}

.goodix-header .search-cate .filter-cate .cate05:after {
     background: url(https://www.goodix.com/en/webimages/cate05.png) no-repeat scroll 0 0;
}

.goodix-header .search-cate .filter-cate .cate06:after {
     background: url(https://www.goodix.com/en/webimages/cate06.png) no-repeat scroll 0 0;
}

.goodix-header .search-cate .filter-cate .cate07:after {
     background: url(https://www.goodix.com/en/webimages/cate07.png) no-repeat scroll 0 0;
}

.goodix-header .search-cate .filter-cate .cate08:after {
     background: url(https://www.goodix.com/en/webimages/cate08.png) no-repeat scroll 0 0;
}

.goodix-header .search-form {
     display: none;
     position: fixed;
     left: 0;
     top: 55px;
     z-index: 99;
     width: 100%;
     padding: 15px 10px;
     background-color: #f5f5f5;
}

.goodix-header .search-form form {
     position: relative;
     padding-right: 65px;
     font-size: 0;
}

.goodix-header .search-form input {
     width: 100%;
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     font-size: 15px;
     line-height: 40px;
     height: 40px;
     padding: 0;
}

.goodix-header .search-form .key {
     padding-left: 10px;
}

.goodix-header .search-form .btn {
     position: absolute;
     right: 0;
     top: 0;
     width: 65px;
     background-color: #00479d;
     color: #fff;
}

.mainnav {
     display: none;
     position: fixed;
     left: 0;
     top: 55px;
     bottom: 0;
     z-index: 99;
     width: 100%;
     padding: 0 10px 106px;
     background-color: #fff;
     border-top: 1px solid #ccc;
}

.mainnav ul {
     height: 100%;
     overflow: auto;
}

.mainnav li {
     border-bottom: 1px solid #ccc;
}

.mainnav a {
     position: relative;
     z-index: 10;
     display: block;
     font-size: 16px;
     line-height: 46px;
     color: #333;
}

.mainnav .arrow {
     display: none;
}

.mainnav .hassub {
     position: relative;
}

.mainnav .hassub .arrow {
     display: block;
     content: "";
     position: absolute;
     right: 0;
     top: 0;
     z-index: 20;
     width: 46px;
     height: 46px;
     -webkit-transition: all ease 0.3s;
     -o-transition: all ease 0.3s;
     -moz-transition: all ease 0.3s;
     transition: all ease 0.3s;
     background: url("https://www.goodix.com/en/webimages/arrdown.png") no-repeat center;
}

.mainnav .active .arrow {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
}

.mainnav .subnav {
     display: none;
}

.mainnav .subnav a {
     padding-left: 20px;
}

.mainnav .sec-title {
     position: relative;
}

.mainnav .sec-title.hassub .arrow {
     right: 15px;
}

.mainnav .thr-nav {
     display: none;
     background-color: #f5f5f5;
}

.mainnav .thr-nav a {
     padding-left: 40px;
}

.mainnav .thr-title {
     position: relative;
}

.mainnav .thr-title.hassub .arrow {
     right: 31px;
}

.mainnav .thr-title.active .arrow {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
}

.mainnav .four-nav {
     display: none;
}

.mainnav .four-nav a {
     padding-left: 60px;
}

.ex .subnav .item .subnav {
     background-color: #f5f5f5;
}

.ex .subnav .item .subnav .item a {
     padding-left: 60px;
}

.hrg-top {
     display: none;
     position: fixed;
     left: 0;
     bottom: 0;
     z-index: 100;
     width: 100%;
     background-color: #fff;
     padding: 20px;
     line-height: 25px;
     text-align: center;
}

.hrg-top .code {
     display: block;
     font-size: 14px;
     color: #00479d;
     padding: 8px 0;
}

.hrg-top .memmber {
     position: relative;
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     font-size: 0;
     margin: 0 14px 0 0;
     padding: 0 14px;
}

.hrg-top .memmber::before,
.hrg-top .memmber::after {
     position: absolute;
     top: 50%;
     content: "";
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     width: 2px;
     height: 14px;
     margin-top: -7px;
     background-color: #b8b8b8;
}

.hrg-top .memmber::before {
     display: none;
     left: -1px;
}

.hrg-top .memmber::after {
     right: -1px;
}

.hrg-top .memmber i {
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     padding: 0 3px;
     font-size: 14px;
}

.hrg-top .memmber a {
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     font-size: 14px;
}

.hrg-top .memmber .loginbtn {
     padding-left: 27px;
     background: url("https://www.goodix.com/en/webimages/userico.png") no-repeat 0 center;
}

.hrg-top .user {
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     padding-left: 18px;
     background: url("https://www.goodix.com/en/webimages/userico.png") no-repeat 0 center;
}

.hrg-top .user a,
.hrg-top .user p {
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     font-size: 15px;
     padding: 0 8px;
}

.hrg-top .user.hide {
     display: none;
}

.hrg-top .lang {
     margin-top: 5px;
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     padding-left: 29px;
     background: url("https://www.goodix.com/en/webimages/langico.png") no-repeat 0 center;
}

.zproducttext h2 {
     font-size: 18px;
     height: 28px;
     font-weight: bold;
     color: #333;
}

.product-type-bottom a {
     display: block;
     position: relative;
}

.product-type-bottom img {
     display: block;
     width: 100%;
}

.full-tech-wrapper {
     padding: 20px 0 12px;
     background-color: #0050a6;
     font-size: 0;
     text-align: center;
}

.full-tech-wrapper .item {
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     width: 50%;
     padding: 0 15px;
}

.full-tech-wrapper .item img {
     height: 30px;
}

.full-tech-wrapper .title {
     padding-top: 9px;
     font-size: 12px;
     line-height: 28px;
     color: #fff;
     white-space: nowrap;
}

.footfocus {
     background-color: #f2f2f2;
     border-top: 1px solid #fff;
}

.footfocus .bdsharebuttonbox {
     line-height: 0;
}

.footfocus .bdsharebuttonbox a {
     font-size: 0;
}

.zfootcont {
     background-color: #262626;
}

.zfootcont .foot-nav {
     text-align: left;
     padding-bottom: 20px;
}

.zfootcont .foot-nav li {
     border-bottom: 1px solid #ccc;
}

.zfootcont .foot-nav a {
     position: relative;
     z-index: 10;
     display: block;
     font-size: 16px;
     line-height: 48px;
     font-size: 16px;
     color: #ccc;
}

.zfootcont .foot-nav .title {
     position: relative;
}

.zfootcont .foot-nav .title a {
     font-weight: bold;
}

.zfootcont .foot-nav .title::after {
     content: "+";
     position: absolute;
     right: 0;
     top: 0;
     width: 46px;
     height: 46px;
     font-size: 20px;
     line-height: 46px;
     color: #ccc;
     text-align: center;
}

.zfootcont .foot-nav .title.cur::after {
     content: "-";
}

.zfootcont .foot-nav .subnav {
     display: none;
}

.zfootcont .foot-nav .subnav a {
     padding-left: 20px;
}

.zfootcont .foot-bottom {
     padding-top: 20px;
     border-top: 1px solid #404040;
}

.zfootcont .foot-bottom a {
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     font-size: 14px;
     line-height: 22px;
     color: #808080;
}

.zfootcont .foot-bottom .bot-links {
     font-size: 0;
}

.zfootcont .foot-bottom .bot-links a {
     padding: 0 10px;
     font-size: 14px;
     line-height: 14px;
     border-left: 2px solid #6d6d6d;
}

.zfootcont .foot-bottom .bot-links a:first-child {
     border-left: 0;
}

.zfootcont .zcopyright {
     color: #808080;
}

.footfocus {
     padding: 16px 0 14px;
}

.footfocus .bdsharebuttonbox {
     font-size: 0;
}

.footfocus .bdsharebuttonbox a {
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     width: 40px;
     height: 40px;
     float: none;
     padding: 0;
     margin: 0 10px;
     background-repeat: no-repeat;
     background-position: center;
     overflow: hidden;
     -webkit-transition: all ease 0.2s;
     -o-transition: all ease 0.2s;
     -moz-transition: all ease 0.2s;
     transition: all ease 0.2s;
}

.footfocus .bdsharebuttonbox .bds_weixin2 {
     background-image: url("https://www.goodix.com/en/webimages/shareico_01.png");
}

.footfocus .bdsharebuttonbox .bds_weixin2:hover {
     background-image: url("https://www.goodix.com/en/webimages/shareico_01ac.png");
}

.footfocus .bdsharebuttonbox .bds_tsina {
     background-image: url("https://www.goodix.com/en/webimages/shareico_03.png");
}

.footfocus .bdsharebuttonbox .bds_tsina:hover {
     background-image: url("https://www.goodix.com/en/webimages/shareico_03ac.png");
}

.footfocus .bdsharebuttonbox .bds_linkedin {
     background-image: url("https://www.goodix.com/en/webimages/shareico_05.png");
}

.footfocus .bdsharebuttonbox .bds_linkedin:hover {
     background-image: url("https://www.goodix.com/en/webimages/shareico_05ac.png");
}

.footfocus .bdsharebuttonbox .bds_fbook {
     background-image: url("https://www.goodix.com/en/webimages/shareico_07.png");
}

.footfocus .bdsharebuttonbox .bds_fbook:hover {
     background-image: url("https://www.goodix.com/en/webimages/shareico_07ac.png");
}

.footfocus .bdsharebuttonbox .bds_twi {
     background-image: url("https://www.goodix.com/en/webimages/shareico_09.png");
     margin-top: -2px;
}

.footfocus .bdsharebuttonbox .bds_twi:hover {
     background-image: url("https://www.goodix.com/en/webimages/shareico_09ac.png");
}

.full-inside-subnav {
     display: none;
     padding: 10px 0;
     background-color: #f2f2f2;
     border-bottom: 1px solid #fff;
}

.full-inside-subnav .home {
     display: none;
}

.full-inside-subnav .item {
     position: relative;
     display: none;
}

.full-inside-subnav .item:last-child {
     display: block;
}

.full-inside-subnav .chl-cur {
     position: relative;
     background-color: #0050a6;
     font-size: 16px;
     line-height: 50px;
     color: #fff;
     padding-left: 20px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
}

.full-inside-subnav .chl-cur a {
     color: #fff;
}

.full-inside-subnav .chl-cur::after {
     content: "";
     position: absolute;
     right: 0;
     top: 0;
     width: 50px;
     height: 50px;
     background: url("https://www.goodix.com/en/webimages/subnavico.png") no-repeat center;
}

.full-inside-subnav .nav {
     display: none;
     position: absolute;
     left: 0;
     top: 50px;
     z-index: 10;
     width: 100%;
     background-color: #fff;
     font-size: 16px;
     line-height: 40px;
     -webkit-box-shadow: 1px 1.732px 6px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 1px 1.732px 6px 0px rgba(0, 0, 0, 0.2);
     -webkit-border-radius: 3px;
     border-radius: 3px;
}

.full-inside-subnav .nav a {
     color: #1a1a1a;
     display: block;
     padding-left: 30px;
}

/*面包屑导航*/

.full-inside-crumbs {
     padding: 10px 0;
     background-color: #fff;
     border-bottom: 1px solid #fff;
}

.full-inside-crumbs li {
     float: left;
     font-size: 13px;
     line-height: 30px;
}

.full-inside-crumbs li::before {
     content: "/";
     float: left;
     padding: 0 12px;
}

.full-inside-crumbs li .home::before,
.full-inside-crumbs li:first-child::before {
     display: none;
}

.full-inside-crumbs li .home a,
.full-inside-crumbs li:first-child a {
     margin-left: 0;
     padding-left: 24px;
     background: url(https://www.goodix.com/en/webimages/inhomeico.png) no-repeat 0 center;
}

.full-inside-crumbs li a {
     color: #b2b2b2;
}

.full-inside-crumbs li a:hover {
     color: #0050a6;
}

.cate-intro {
     text-align: center;
     font-size: 16px;
     line-height: 30px;
     color: #333;
     padding-top: 25px;
     padding-bottom: 25px;
}

.cate-intro .title {
     margin-bottom: 10px;
     font-size: 22px;
     line-height: 40px;
     font-weight: bold;
     color: #0050a6;
}

.cate-intro .text {
     max-width: 1108px;
     margin: 0 auto;
}

.full-list-banner a,
.full-list-banner img {
     display: block;
     width: 100%;
}

.full-prdt-list {
     padding: 20px 0 20px;
     background-color: #f2f2f2;
}

.full-prdt-list li {
     margin-bottom: 10px;
}

.full-prdt-list li a {
     display: block;
     background-color: #fff;
}

.full-prdt-list .thumb {
     float: left;
     max-width: 38%;
}

.full-prdt-list .thumb img {
     display: block;
     max-width: 100%;
}

.full-prdt-list .info {
     padding: 15px 15px 0;
     overflow: hidden;
}

.full-prdt-list .info .name {
     font-size: 20px;
     line-height: 28px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
}

.full-prdt-list .info .desc {
     font-size: 14px;
     display: -webkit-box;
     height: 72px;
     line-height: 24px;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
}

.full-prdt-list .loadmore {
     display: block;
     margin: 24px auto 0;
     max-width: 318px;
     font-size: 20px;
     line-height: 46px;
     text-align: center;
     background-color: #fff;
}

/* 产品详情*/

.full-prdt-detail {
     padding: 22px 0 0;
     background-color: #f2f2f2;
}

.full-prdt-detail .name {
     margin-bottom: 18px;
     color: #0050a6;
     font-size: 18px;
     line-height: 1.4;
}

.full-prdt-detail .tab-cates {
     padding-bottom: 33px;
}

.full-prdt-detail .tab-cates li {
     position: relative;
     -webkit-border-radius: 6px;
     border-radius: 6px;
     background-color: #666;
     font-size: 16px;
     line-height: 42px;
     text-align: center;
     color: #fff;
     cursor: pointer;
}

.full-prdt-detail .tab-cates li.cur {
     background-color: #0050a6;
     font-weight: bold;
}

.full-prdt-detail .tab-cates li.cur::after {
     display: block;
}

.full-prdt-detail .tab-cates li::after {
     display: none;
     position: absolute;
     left: 50%;
     bottom: -33px;
     content: "";
     width: 0;
     height: 0;
     margin-left: -11px;
     border: 11px solid transparent;
     border-bottom-color: #fff;
}

.cate-contents .content {
     padding: 20px 0;
     display: none;
}

.cate-contents .content:first-child {
     display: block;
}

.graybg {
     background-color: #f2f2f2;
     overflow: hidden;
}

.jobsSearch dl dd label {
     padding: 6px 0;
}

.warrow a {
     z-index: 10;
}

.num-boxlist-wrapper {
     background-color: #fff;
}

.questiontext03 {
     min-height: 90px;
}

.videolistcon {
     position: relative;
     z-index: 10;
}

.videolistcon.cur {
     z-index: 1;
}

.videolist .videobox {
     position: absolute !important;
     display: block;
}

.insidestockTTleft {
     width: 36%;
}

.insidestockTTright {
     width: 64%;
     padding: 0 8px;
}

.nqhicon1 {
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
}

/* 触控板*/

.m-full-bantext {
     position: relative;
}

.m-full-bantext .prdtban {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 100%;
}

.m-full-bantext .prdtban img {
     position: absolute;
     left: 50%;
     top: 0;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     height: 100%;
     vertical-align: top;
     max-width: none;
}

.m-full-bantext .content {
     position: relative;
     z-index: 10;
     width: 100%;
     padding-top: 7.44792%;
     padding-bottom: 7.44792%;
     color: #fff;
     font-size: 16px;
     line-height: 30px;
     text-align: center;
}

.m-full-bantext .content .title {
     margin-bottom: 11px;
     font-size: 20px;
     line-height: 32px;
     font-weight: bold;
}

.m-full-bantext .content .desc br {
     display: none;
}

.m-dot-feature {
     font-size: 16px;
     line-height: 36px;
     color: #808080;
}

.m-dot-feature .text {
     line-height: 34px;
}

.m-dot-feature .title {
     margin-bottom: 11px;
     font-size: 20px;
     line-height: 28px;
     color: #19191c;
     font-weight: bold;
}

.m-dot-feature p::before {
     content: "";
     display: inline-block;
     vertical-align: middle;
     width: 5px;
     height: 5px;
     margin-right: 0.6em;
     background-color: #808080;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}

.full-touch-wrapper .touch-feature {
     padding-top: 23px;
     padding-bottom: 23px;
}

.full-touch-wrapper .touch-feature .thumb {
     text-align: center;
}

.full-touch-wrapper .touch-feature .thumb img {
     vertical-align: top;
     max-width: 100%;
}

.full-touch-wrapper .touch-feature .m-dot-feature {
     padding: 20px 0;
}

.full-touch-wrapper {
     width: 100%;
     overflow: hidden;
}

/* 触控屏*/

.screen-list-wrapper {
     background-color: #f9f9f9;
}

.screen-list-wrapper li {
     padding: 20px 0;
     border-bottom: 1px solid #ebebeb;
}

.screen-list-wrapper li:last-child {
     border: 0;
}

.screen-list-wrapper .thumb {
     margin-bottom: 15px;
     text-align: center;
}

.screen-list-wrapper .thumb img {
     vertical-align: top;
     max-width: 100%;
}

.screen-list-wrapper .content .screen-desc {
     margin-bottom: 20px;
}

.screen-list-wrapper .content .text {
     font-size: 16px;
     line-height: 28px;
     color: #666;
}

.screen-list-wrapper .content .name {
     margin-bottom: 11px;
     font-size: 20px;
     line-height: 28px;
     color: #19191c;
     font-weight: bold;
}

.screen-slider {
     padding-top: 22px;
     padding-bottom: 28px;
}

.screen-slider .title {
     margin-bottom: 19px;
     font-size: 22px;
     line-height: 34px;
     text-align: center;
     font-weight: bold;
     color: #0050a6;
}

.screen-slider .screen-btn-swiper {
     display: none;
}

.screen-slider .screen-btn-swiper li {
     cursor: pointer;
     font-size: 18px;
     line-height: 24px;
     color: #383839;
}

.screen-slider .screen-content .screen-pages {
     text-align: center;
}

.screen-slider .screen-content .screen-pages span {
     opacity: 1;
}

.screen-slider .screen-content li {
     background-color: #1562b5;
     height: auto;
}

.screen-slider .screen-content .thumb {
     height: 270px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
}

.screen-slider .screen-content .thumb img {
     display: block;
     width: 100%;
}

.screen-slider .screen-content .info {
     padding: 15px;
     font-size: 14px;
     line-height: 26px;
     color: #fff;
}

.screen-slider .screen-content .info .name {
     font-size: 20px;
     line-height: 42px;
     font-weight: bold;
}

/* 生物识别 copy*/

.wwproject .wwprocasetext {
     padding: 20px 0;
     font-size: 16px;
     line-height: 30px;
     color: #505255;
}

.wwproject .name {
     margin-bottom: 8px;
     font-size: 20px;
     line-height: 32px;
     color: #0050a6;
     font-weight: bold;
}

/* 盖板指纹*/

.zdsxggaibancont .zdsxggaibantext {
     font-size: 14px;
     line-height: 28px;
     padding-top: 25px;
}

.wwjectbot .wwjectbotleft {
     font-size: 16px;
     line-height: 30px;
     color: #4d4d4d;
}

.m-bio-bantext .bio-ban {
     display: block;
     width: 100%;
}

.m-bio-bantext .bio-text {
     padding-top: 20px;
     padding-bottom: 20px;
     font-size: 16px;
     line-height: 28px;
}

.m-bio-bantext .bio-text .name {
     margin-bottom: 10px;
     font-size: 22px;
     line-height: 34px;
     font-weight: bold;
     color: #505255;
}

.m-bio-bantext .htzw-color,
.m-bio-bantext .coat-color {
     color: #505255;
}

.m-bio-bantext .htzw-color .name,
.m-bio-bantext .coat-color .name {
     color: #0050a6;
}

.m-bio-row .bio-rgimg {
     padding-bottom: 30px;
     text-align: center;
}

.m-bio-row .bio-rgimg img {
     max-width: 100%;
     vertical-align: top;
}

.m-bio-row .bio-lftxt {
     padding: 20px 0;
     font-size: 16px;
     line-height: 30px;
     color: #4d4d4d;
}

.cate-contents .summary .sum-title {
     margin-bottom: 10px;
     font-size: 20px;
     line-height: 32px;
     font-weight: bold;
     color: #333;
}

.cate-contents .summary .img {
     padding-top: 15px;
}

.cate-contents .summary img {
     vertical-align: top;
     max-width: 100%;
}

.cate-contents .summary .item {
     padding-bottom: 15px;
     border-bottom: 1px solid #efefef;
     margin-bottom: 15px;
     font-size: 14px;
     line-height: 28px;
     color: #666;
}

.cate-contents .herart-rate-doc .book {
     padding-bottom: 20px;
}

.cate-contents .herart-rate-doc .guide {
     padding-bottom: 20px;
}

.cate-contents .herart-rate-tool .tool-cate {
     padding: 24px 0 14px;
     font-size: 18px;
     line-height: 24px;
     font-weight: bold;
     color: #0050a6;
}

.m-dot-title {
     margin-bottom: 10px;
     font-size: 20px;
     line-height: 32px;
     font-weight: bold;
     color: #333;
}

.m-doc-table {
     border: 1px solid #f2f2f2;
     border-bottom: 0;
     line-height: 24px;
}

.m-doc-table .hd {
     background-color: #f2f2f2;
}

.m-doc-table .hd h4 {
     float: left;
     font-size: 16px;
     font-weight: bold;
     color: #333;
     padding: 12px 0 12px 10px;
}

.m-doc-table .doc-list {
     font-size: 14px;
}

.m-doc-table .doc-list .tr {
     border-bottom: 1px solid #f2f2f2;
}

.m-doc-table .doc-list p {
     float: left;
     padding: 12px 0 12px 10px;
}

.m-doc-table .name {
     width: 50%;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
}

.m-doc-table .ver {
     display: none;
}

.m-doc-table .date {
     display: none;
}

.m-doc-table .link {
     width: 50%;
}

.m-doc-table .link a {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin-right: 12px;
     color: #0050a6;
}

.m-doc-table .link a:last-child {
     margin-right: 0;
}

.m-doc-table .link a:last-child::before {
     content: "";
     position: absolute;
     left: -10px;
     top: 50%;
     margin-top: -7px;
     width: 1px;
     height: 14px;
     background-color: #666;
}

.m-doc-table .note {
     display: none;
}

.kits-doc-table .sign img {
     height: 30px;
     margin-top: -3px;
}

.right-banner .bannerindeo {
     bottom: 210px;
}

@media (min-width: 768px) {
     .full-inside-subnav {
          padding: 20px 0;
     }

     .full-prdt-list {
          padding: 30px 0 30px;
     }

     .full-prdt-list li {
          margin-bottom: 20px;
     }

     .full-prdt-list .thumb {
          float: left;
          max-width: 38%;
     }

     .full-prdt-list .info {
          padding: 47px 38px 0;
     }

     .full-prdt-list .info .name {
          margin-bottom: 27px;
     }

     .full-prdt-list .info .desc {
          font-size: 16px;
          height: 96px;
          line-height: 32px;
          -webkit-line-clamp: 3;
     }

     .insidestockTTleft {
          width: 33.33333%;
     }

     .insidestockTTright {
          width: 66.66667%;
          padding: 0 15px;
     }

     .m-full-bantext .prdtban {
          position: static;
     }

     .m-full-bantext .prdtban img {
          position: static;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          width: 100%;
     }

     .m-full-bantext .content {
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
     }

     .m-full-bantext .content .desc br {
          display: block;
     }

     .full-screen-wrapper .m-full-bantext .content {
          padding-top: 20px;
     }

     .wwimgheight {
          width: auto;
          height: 100%;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
     }

     .wwimgshow {
          display: block;
          top: 0;
          bottom: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          height: 100%;
          width: auto;
     }

     .wwmark {
          padding-bottom: 10%;
     }

     /*.wwmarklist { max-width: 1224px; margin: 0 auto; }*/

     .wwmarklist ul li {
          padding: 0 12px;
          margin-bottom: 20px;
          width: 100%;
     }

     .wwmarklist .wwmardiv {
          color: #4d4d4d;
          background-color: rgba(255, 255, 255, 0.8);
          height: auto;
          padding-bottom: 20px;
     }

     .wwmarklist .wwmardiv h3 {
          color: #333;
     }

     .living-bantext .wwword {
          width: 45.20548%;
     }

     .wwjectbot {
          padding: 40px 20px;
          overflow: visible;
     }

     .wwjectbot .wwjectbotleft {
          padding-left: 20px;
     }

     .wwjectbot .wwquick {
          overflow: visible;
     }

     .m-bio-row {
          width: 100%;
          display: table;
     }

     .m-bio-row .bio-rgimg {
          padding-bottom: 0;
          overflow: hidden;
          max-width: 50%;
          padding: 0 25px;
          display: table-cell;
          vertical-align: middle;
     }

     .m-bio-row .bio-lftxt {
          display: table-cell;
          vertical-align: middle;
     }

     .m-doc-table {
          line-height: 26px;
     }

     .m-doc-table .hd h4 {
          font-size: 18px;
          padding: 13px 0 13px 40px;
     }

     .m-doc-table .doc-list {
          font-size: 16px;
     }

     .m-doc-table .doc-list p {
          padding: 13px 0 13px 40px;
     }

     .m-doc-table .name {
          width: 40%;
     }

     .m-doc-table .ver {
          display: block;
          width: 20%;
     }

     .m-doc-table .date {
          display: none;
     }

     .m-doc-table .link {
          width: 30%;
     }

     .m-doc-table .link a {
          margin-right: 20px;
     }

     .kits-doc-table .name {
          width: 35%;
     }

     .kits-doc-table .sign {
          width: 28%;
     }

     .kits-doc-table .note {
          width: 37%;
          display: block;
     }

     .screen-slider .screen-content .thumb {
          height: 360px;
     }

     .full-tech-wrapper .title {
          font-size: 16px;
     }

     /*end 768*/
}

@charset "UTF-8";

@media (min-width: 1024px) {
     .product-type-bottom a {
          overflow: hidden;
     }

     .product-type-bottom a:hover img {
          -webkit-transform: scale(1.03);
          -moz-transform: scale(1.03);
          -ms-transform: scale(1.03);
          -o-transform: scale(1.03);
          transform: scale(1.03);
     }

     .product-type-bottom img {
          -webkit-transition: all 0.8s ease-in-out;
          -o-transition: all 0.8s ease-in-out;
          -moz-transition: all 0.8s ease-in-out;
          transition: all 0.8s ease-in-out;
     }

     .product-type-bottom .bot-left {
          float: left;
          width: 50%;
     }

     .product-type-bottom .bot-right {
          float: left;
          width: 50%;
     }

     .full-tech-wrapper {
          padding: 20px 0 12px;
     }

     .full-tech-wrapper .item img {
          height: 40px;
          -webkit-transition: all ease 1s;
          -o-transition: all ease 1s;
          -moz-transition: all ease 1s;
          transition: all ease 1s;
     }

     .full-tech-wrapper .item .title {
          -webkit-transition: all ease 0.3s 0.1s;
          -o-transition: all ease 0.3s 0.1s;
          -moz-transition: all ease 0.3s 0.1s;
          transition: all ease 0.3s 0.1s;
     }

     .full-tech-wrapper a:hover img {
          -webkit-transform: translate(0, -10px);
          -moz-transform: translate(0, -10px);
          -ms-transform: translate(0, -10px);
          -o-transform: translate(0, -10px);
          transform: translate(0, -10px);
     }

     .full-tech-wrapper .title {
          padding-top: 19px;
     }

     /*1024头部 ssssssssss*/

     /*body { padding-top: 100px; }
 
 
 
   .goodix-header { position: absolute; height: 99px; padding: 10px 0 0; -webkit-box-shadow: none; box-shadow: none; }
 
 
 
   .goodix-header .logo { padding-top: 38px; position: static; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
 
 
 
   .goodix-header .logo img { height: 22px; }
 
 
 
   .goodix-header .menu-handle { display: none; }
 
 
 
   .goodix-header .search-handle { display: none; }
 
 
 
   .goodix-header .search-cate { position: relative; left: 0; top: 0; float: left; z-index: 5; }
 
 
 
   .goodix-header .search-cate .cate-label { width: auto; padding: 0 7px; line-height: 32px; }
 
 
 
   .goodix-header .search-cate .cate-label::after { margin-top: 9px; }
 
 
 
   .goodix-header .search-cate .filter-cate { top: 32px; }
 
 
 
   .goodix-header .search-form { float: right; display: block; position: relative; left: 0; top: 0; width: auto; padding: 0; height: 34px; margin-top: 12px; background-color: #fff; border: 1px solid #d9d9d9; overflow: visible; }
 
 
 
   .goodix-header .search-form form { float: left; padding-right: 46px; padding-left: 0; width: auto; }
 
 
 
   .goodix-header .search-form input { line-height: 32px; height: 32px; }
 
 
 
   .goodix-header .search-form .key { padding-left: 15px; width: 142px; }
 
 
 
   .goodix-header .search-form .btn { width: 46px; font-size: 0; background: url("https://www.goodix.com/en/webimages/searchico.png") no-repeat center; }
 
 
 
   .hrg-top { display: block; position: static; padding: 0 0 1px 0; padding: 0\9; text-align: right; }
 
 
 
   .hrg-top a:hover { color: #014d9e; }
 
 
 
   .hrg-top .code { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0; }
 
 
 
   .hrg-top .memmber { margin: 0 14px; }
 
 
 
   .head-rg { position: relative; float: right; }
 
 
 
   .head-rg .hrg-bot { position: relative; }
 
 
 
   .head-rg .search-form { position: absolute; top: 0; right: 0; left: auto; }
 
 
 
   .mainnav { float: left; display: block; position: static; width: auto; padding: 0 252px 0 0; border-top: 0; }
 
 
 
   .mainnav ul { height: 100%; overflow: visible; }
 
 
 
   .mainnav li { position: relative; border-bottom: 0; float: left; padding: 0 14px;  }
 
 
 
   .mainnav li.mitem { display: none; }
 
 
 
   .mainnav a { display: block; font-size: 14px; line-height: 60px; color: #1a1a1a; border-bottom: 3px solid #fff; }
 
 
 
   .mainnav .title.hassub::after { display: none; }
 
 
 
   .mainnav .title a { max-width: inherit; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
 
 
 
   .mainnav .title a:hover { color: #014d9e; border-bottom-color: #014d9e; }
 
 
 
   .mainnav .title.cur a { color: #014d9e; border-bottom-color: #014d9e; }
 
 
 
   .mainnav .hassub .arrow { display: none; }
 
 
 
   .mainnav .hassub a { background-image: url("https://www.goodix.com/en/webimages/subrgarr.png"); background-repeat: no-repeat; background-position: 142px center; }
 
 
 
   .mainnav .thr-title.hassub a { background-position: 160px center; }
 
 
 
   .mainnav .subnav { position: absolute; left: 50%; top: 63px; display: none; min-width: 210px; background-color: rgba(0, 0, 0, 0.8);-ms-transform: translateX(-50%) ;-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
 
 
 
   .mainnav .subnav a { line-height: 46px; white-space: nowrap; color: #ccc; padding-left: 28px;  padding-right: 28px;padding-right: 28px; font-size: 15px; border-bottom: 1px solid #3e322c; }
 
 
 
   .mainnav .subnav a:hover { color: #fff; background-color: #024d9e; }
 
 
 
   .mainnav .subnav .sec-title a { line-height: 23px; padding: 12px 30px 12px 28px; white-space: normal; }
 
 
 
   .mainnav .second { position: relative; }*/

     /*.mainnav .sec-title.hasthr { background: url("https://www.goodix.com/en/webimages/subrgarr.png") no-repeat 142px center; }*/

     /*.mainnav .sec-title.hasthr:hover { background: #024d9e url("https://www.goodix.com/en/webimages/subrgarrac.png") no-repeat 182px center; }*/

     /*.mainnav .sec-title.hasthr::after { display: none; }*/

     /*.mainnav .sec-title{ position: relative;}
 
 
 
   .mainnav .sec-title.active { background-color: #024d9e;}
 
 
 
   .mainnav .sec-title.active:after{ content: ''; position: absolute; right: 10px; top: 20px; color: #fff; border: 2px solid #fff;width: 8px;height: 8px;border-left: none;border-bottom: none;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}
 
 
 
   */

     /*.mainnav .sec-title.active { background: #024d9e url("https://www.goodix.com/en/webimages/subrgarrac.png") no-repeat 182px center; }*/

     /*.mainnav .thr-nav { position: absolute; left: 100%; top: 0; background-color: rgba(0, 0, 0, 0.8); }
 
 
 
   .mainnav .thr-nav a { border-bottom: 1px solid #3e322c; min-width: 182px; white-space: nowrap; max-width: 320px; overflow: hidden;text-overflow: ellipsis;line-height: 23px; padding: 12px 15px; }
 
 
 
   .mainnav .four-nav { display: none; position: absolute; left: 182px; top: 0; background-color: rgba(0, 0, 0, 0.8); }
 
 
 
   .mainnav .four-nav a { border-bottom: 1px solid #3e322c; min-width: 120px; white-space: nowrap; max-width: 1000em; line-height: 23px; padding: 12px 15px; }
 
 
 
   */

     /*1024头部eeeeeeeeeeeeee*/

     .zproducttext h2 {
          font-size: 20px;
          line-height: 30px;
          height: 30px;
          margin-bottom: 8px;
     }

     /*1024 底部 ssssssssss*/

     /*.zfootcont { padding-top: 36px; padding-left: 40px; padding-right: 40px; padding-bottom: 17px; }
 
 
 
   .zfootcont .foot-nav { overflow: hidden; text-align: left; padding-bottom: 26px; }
 
 
 
   .zfootcont .foot-nav a:hover { color: #fff; }
 
 
 
   .zfootcont .foot-nav ul { width: 108%; }
 
 
 
   .zfootcont .foot-nav li { border-bottom: 0; float: left; width: 20%; }
 
 
 
   .zfootcont .foot-nav a { display: block; font-size: 16px; line-height: 48px; font-size: 16px; color: #ccc; }
 
 
 
   .zfootcont .foot-nav .title { margin-bottom: 4px; }
 
 
 
   .zfootcont .foot-nav .title::after { display: none; }
 
 
 
   .zfootcont .foot-nav .subnav { display: block !important; }
 
 
 
   .zfootcont .foot-nav .subnav a { padding-left: 0; font-size: 14px; line-height: 28px; }
 
 
 
   .zfootcont .foot-bottom { padding-top: 19px; }
 
 
 
   .zfootcont .foot-bottom a:hover { color: #fff; }
 
 
 
   .zfootcont .foot-bottom .bot-links { padding-top: 4px; float: left; margin-left: -10px; }
 
 
 
   .zfootcont .foot-bottom .zcopyright { line-height: 22px; }
 
 
 
   .zfootcont .foot-bottom .zcopyright img { vertical-align: top; }*/

     /*1024底部eeeeeeeeeeeeeeee*/

     .full-inside-subnav {
          display: block;
          padding: 8px 0;
          background-color: #f2f2f2;
     }

     .full-inside-subnav .home {
          display: block;
          float: left;
          font-size: 16px;
          line-height: 40px;
          padding-left: 24px;
          color: #b2b2b2;
          background: url("https://www.goodix.com/en/webimages/inhomeico.png") no-repeat 0 center;
     }

     .full-inside-subnav .home:hover {
          color: #0050a6;
          background-image: url("https://www.goodix.com/en/webimages/inhomeicoac.png");
     }

     .full-inside-subnav .nav-list {
          float: left;
     }

     .full-inside-subnav .item {
          display: block;
          float: left;
          padding-left: 8px;
     }

     .full-inside-subnav .item::before {
          content: "/";
          float: left;
          display: block;
          font-size: 16px;
          line-height: 40px;
     }

     .full-inside-subnav .item:last-child .chl-cur {
          color: #4c4c4c;
     }

     .full-inside-subnav .chl-cur {
          padding: 0 10px 0 10px;
          background: none;
          color: #b2b2b2;
          line-height: 40px;
          max-width: 10em;
     }

     .full-inside-subnav .chl-cur a {
          color: #b2b2b2;
     }

     .full-inside-subnav .chl-cur::after {
          display: none;
     }

     .full-inside-subnav .chl-cur:hover {
          color: #0050a6;
          background: none;
     }

     .full-inside-subnav .chl-cur:hover a {
          color: #0050a6;
     }

     .full-inside-subnav .nav {
          top: 40px;
          min-width: 164px;
          padding: 10px 0;
     }

     .full-inside-subnav .nav a {
          padding-left: 25px;
     }

     .full-inside-subnav .nav a:hover {
          background-color: #0050a6;
          color: #fff;
     }

     .full-inside-crumbs li {
          font-size: 16px;
          line-height: 40px;
     }

     .cate-intro {
          padding-top: 71px;
          padding-bottom: 64px;
     }

     .cate-intro .title {
          margin-bottom: 26px;
          font-size: 45px;
          line-height: 55px;
     }

     .full-prdt-list {
          padding: 70px 0 32px;
     }

     .full-prdt-list .prdt-list {
          overflow: hidden;
     }

     .full-prdt-list ul {
          margin: 0 -29px;
     }

     .full-prdt-list li {
          float: left;
          width: 50%;
          padding: 0 29px;
          margin-bottom: 56px;
     }

     .full-prdt-list li:hover img {
          -webkit-transform: scale(1.04);
          -moz-transform: scale(1.04);
          -ms-transform: scale(1.04);
          -o-transform: scale(1.04);
          transform: scale(1.04);
     }

     .full-prdt-list li:hover .name {
          color: #0050a6;
     }

     .full-prdt-list .thumb {
          overflow: hidden;
     }

     .full-prdt-list .thumb img {
          -webkit-transition: all ease 0.7s;
          -o-transition: all ease 0.7s;
          -moz-transition: all ease 0.7s;
          transition: all ease 0.7s;
     }

     .full-prdt-list .info {
          padding: 17px 28px 0;
     }

     .full-prdt-list .info .name {
          margin-bottom: 17px;
     }

     .full-prdt-list .loadmore {
          margin: 24px auto 0;
          line-height: 60px;
     }

     /* 产品详情*/

     .full-prdt-detail {
          padding: 42px 0 0;
     }

     .full-prdt-detail .name {
          margin-bottom: 38px;
          font-size: 24px;
     }

     .full-prdt-detail .tab-cates {
          padding-bottom: 53px;
     }

     .full-prdt-detail .tab-cates li {
          width: 214px;
          font-size: 18px;
     }

     .full-prdt-detail .tab-cates li::after {
          display: none;
          bottom: -53px;
          margin-left: -22px;
          border-width: 22px;
          border-bottom-color: #fff;
     }

     .cate-contents .content {
          padding: 40px 0;
     }

     .zfootshare {
          bottom: 0;
     }

     /*fixed*/

     .wwhonor ul li {
          padding-left: 5px;
          padding-right: 5px;
          margin-bottom: 5px;
          margin-top: 5px;
     }

     .wwhonorimg .title {
          padding: 10px 5px 20px;
          font-size: 13px;
     }

     .insidestockTTleft {
          width: 20%;
     }

     .insidestockTTright {
          width: 80%;
     }

     .full-touch-wrapper .touch-feature {
          padding-top: 103px;
          padding-bottom: 143px;
     }

     .full-touch-wrapper .touch-feature .thumb {
          float: right;
          width: 58.08219%;
          padding-right: 13.42466%;
     }

     .full-touch-wrapper .touch-feature .m-dot-feature {
          padding: 20px 0 0 10.27397%;
     }

     .m-dot-feature {
          font-size: 18px;
          line-height: 48px;
     }

     .m-dot-feature .title {
          margin-bottom: 17px;
          font-size: 24px;
          line-height: 32px;
     }

     .m-dot-feature .text {
          font-size: 17px;
     }

     .m-full-bantext .prdtban {
          position: static;
     }

     .m-full-bantext .prdtban img {
          position: static;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          width: 125%;
     }

     .m-full-bantext .content {
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
     }

     .m-full-bantext .content .title {
          margin-bottom: 26px;
          font-size: 36px;
          line-height: 48px;
     }

     /* 触控屏*/

     .screen-list-wrapper {
          padding-top: 70px;
     }

     .screen-list-wrapper .thumb {
          float: right;
          width: 50%;
          margin-bottom: 0;
          text-align: right;
     }

     .screen-list-wrapper .content {
          padding-right: 40px;
          overflow: hidden;
     }

     .screen-list-wrapper li {
          padding: 35px 0 63px;
          position: relative;
     }

     .screen-list-wrapper li:nth-child(even) .thumb {
          float: left;
          text-align: left;
     }

     .screen-list-wrapper li:nth-child(even) .content {
          padding-right: 0;
          padding-left: 40px;
     }

     /*.screen-list-wrapper li:nth-child(odd){ padding-right: 50%;}
 
 
 
   .screen-list-wrapper li:nth-child(odd) .thumb { 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%); }
 
 
 
     .screen-list-wrapper li:nth-child(odd) .content {  }
 
 
 
   
 
 
 
   .screen-list-wrapper li:nth-child(even) {padding-left: 50%}
 
 
 
   .screen-list-wrapper li:nth-child(even) .thumb { 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%);  }
 
 
 
   .screen-list-wrapper li:nth-child(even) .content {padding-right: 0; padding-left: 40px;  }*/

     .screen-list-wrapper li:last-child {
          display: table;
     }

     .screen-list-wrapper li:last-child .thumb {
          display: table-cell;
          width: 50%;
          float: none;
          vertical-align: middle;
     }

     .screen-list-wrapper li:last-child .content {
          display: table-cell;
          width: 50%;
          vertical-align: middle;
     }

     .full-screen-wrapper .m-full-bantext .content {
          padding-top: 7.44792%;
     }

     .screen-slider {
          padding-top: 102px;
          padding-bottom: 78px;
     }

     .screen-slider .title {
          margin-bottom: 59px;
          font-size: 36px;
          line-height: 48px;
     }

     .screen-slider .screen-btn-swiper {
          display: block;
     }

     .screen-slider .screen-btn-swiper li {
          width: auto;
          padding: 0 42px;
          position: relative;
     }

     .screen-slider .screen-btn-swiper li::before {
          content: "";
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -9px;
          width: 1px;
          height: 18px;
          background-color: #ccc;
     }

     .screen-slider .screen-btn-swiper li.cur {
          color: #0050a6;
     }

     .screen-slider .screen-btn-swiper li:last-child::before {
          display: none;
     }

     .screen-slider .screen-btn {
          margin-bottom: 64px;
          padding: 0 44px;
          position: relative;
     }

     .screen-slider .screen-btn .scbtn-ctrl {
          position: absolute;
          top: 50%;
          width: 12px;
          height: 20px;
          margin-top: -10px;
          background-repeat: no-repeat;
          background-position: center;
     }

     .screen-slider .screen-btn .scbtn-prev {
          left: 0;
          background-image: url("https://www.goodix.com/en/webimages/scbtn-prev.png");
     }

     .screen-slider .screen-btn .scbtn-prev:hover {
          background-image: url("https://www.goodix.com/en/webimages/scbtn-prevac.png");
     }

     .screen-slider .screen-btn .scbtn-next {
          right: 0;
          background-image: url("https://www.goodix.com/en/webimages/scbtn-next.png");
     }

     .screen-slider .screen-btn .scbtn-next:hover {
          background-image: url("https://www.goodix.com/en/webimages/scbtn-nextac.png");
     }

     .screen-slider .screen-content {
          position: relative;
     }

     .screen-slider .screen-content .screen-pages {
          display: none;
     }

     /*.screen-slider .screen-content li { display: table; }
 
 
 
   .screen-slider .screen-content .thumb { display: table-cell; vertical-align: middle; width: 50%; }
 
 
 
   .screen-slider .screen-content .info { display: table-cell; width: 50%; vertical-align: middle; padding: 12px 4.10959%; text-align: center; }
 
 
 
   */

     .screen-slider .screen-content li {
          position: relative;
          width: 100%;
          display: table;
          min-height: 400px;
     }

     /*.screen-slider .screen-content .thumb {  width: 50%; position: absolute; top: 0;left: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center; height: auto;}*/

     .screen-slider .screen-content .thumb {
          display: table-cell;
          width: 50%;
          vertical-align: middle;
          height: 100%;
     }

     .screen-slider .screen-content .info {
          display: table-cell;
          width: 50%;
          vertical-align: middle;
          padding: 12px 4.10959%;
          text-align: center;
     }

     .screen-slider .screen-content .sccontent-ctrl {
          position: absolute;
          top: 50%;
          margin-top: -21px;
          width: 23px;
          height: 42px;
          z-index: 10;
          background-repeat: no-repeat;
          background-position: center;
     }

     .screen-slider .screen-content .sccontent-ctrl.swiper-button-disabled {
          opacity: 0.2;
     }

     .screen-slider .screen-content .sccontent-prev {
          left: 0px;
          background-image: url("https://www.goodix.com/en/webimages/sccontent-prev.png");
     }

     .screen-slider .screen-content .sccontent-prev:hover {
          background-image: url("https://www.goodix.com/en/webimages/sccontent-prevac.png");
     }

     .screen-slider .screen-content .sccontent-next {
          right: 0px;
          background-image: url("https://www.goodix.com/en/webimages/sccontent-next.png");
     }

     .screen-slider .screen-content .sccontent-next:hover {
          background-image: url("https://www.goodix.com/en/webimages/sccontent-nextac.png");
     }

     .wwimgheight {
          width: 100%;
     }

     /* 生物识别 copy*/

     .wwproject .wwprocasetext {
          font-size: 18px;
          line-height: 36px;
     }

     .wwproject .name {
          margin-bottom: 8px;
          font-size: 36px;
          line-height: 48px;
     }

     .wwword {
          width: 657px;
     }

     .wwmark {
          padding-bottom: 10.67708%;
     }

     .wwmarklist {
          padding-top: 4.65753%;
     }

     .wwmarklist ul li {
          margin-bottom: 0;
          font-size: 17px;
          line-height: 36px;
     }

     .wwmarklist ul li:nth-child(1) {
          width: 30%;
     }

     .wwmarklist ul li:nth-child(2) {
          width: 40%;
     }

     .wwmarklist ul li:nth-child(3) {
          width: 30%;
     }

     .wwmarklist ul li h3 {
          padding: 58px 0 9px;
          font-size: 24px;
          line-height: 36px;
          font-weight: bold;
     }

     .wwmarklist .wwmardiv {
          color: #4d4d4d;
          background-color: rgba(255, 255, 255, 0.8);
          height: 540px;
     }

     .wwmarklist .wwmardiv h3 {
          color: #333;
     }

     .wwmarkcon {
          padding-top: 6.43836%;
     }

     .wwmarkcon .wwmarktit {
          font-size: 36px;
          line-height: 48px;
     }

     .zdsxggaibancont img {
          width: 125%;
          position: relative;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
     }

     .zdsxggaibancont .zdsxggaibantext {
          z-index: 10;
          font-size: 17px;
          line-height: 32px;
          right: auto;
          left: 50%;
          margin-left: 60px;
          padding-top: 7%;
     }

     .wwjectbot {
          padding: 40px 40px;
          overflow: visible;
     }

     .wwjectbot .wwjectbotleft {
          padding-left: 40px;
          font-size: 18px;
          line-height: 48px;
     }

     .m-bio-bantext {
          position: relative;
     }

     .m-bio-bantext .bio-ban {
          width: 180%;
          position: relative;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
     }

     .m-bio-bantext .bio-text {
          position: absolute;
          left: 50%;
          top: 50%;
          z-index: 10;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          font-size: 17px;
          line-height: 30px;
     }

     .m-bio-bantext .bio-text .middle {
          max-width: 50.20548%;
     }

     .m-bio-bantext .bio-text .name {
          margin-bottom: 23px;
          font-size: 32px;
          line-height: 44px;
          white-space: normal;
     }

     .m-bio-bantext .ifs-color {
          color: #e4e4e4;
     }

     .m-bio-bantext .ifs-color .name {
          color: #fff;
          width: 110%;
     }

     .m-bio-bantext .pxgx-color {
          color: #c3c5cb;
     }

     .m-bio-bantext .pxgx-color .name {
          color: #fff;
          width: 130%;
     }

     .m-bio-row {
          padding-top: 5.46875%;
          padding-bottom: 3.90625%;
     }

     .m-bio-row .bio-lftxt {
          padding: 0;
          font-size: 17px;
          line-height: 34px;
     }

     .m-bio-row .htzw-lftxt {
          width: 45%;
     }

     .m-bio-row .bio-rgimg {
          max-width: none;
     }

     .cate-contents .content {
          padding: 20px 0 60px;
          overflow: hidden;
     }

     .cate-contents .summary {
          margin: 0 -40px;
          font-size: 0;
     }

     .cate-contents .summary .sum-title {
          margin-bottom: 25px;
          font-size: 24px;
          line-height: 36px;
     }

     .cate-contents .summary .sub-title {
          font-size: 18px;
          font-weight: bold;
     }

     .cate-contents .summary .img {
          padding-top: 36px;
     }

     .cate-contents .summary .item {
          position: relative;
          width: 50%;
          display: inline-block;
          vertical-align: top;
          *display: inline;
          *zoom: 1;
          margin-bottom: 0;
          padding: 35px 40px 36px;
          font-size: 16px;
          line-height: 36px;
          border-bottom: 0;
     }

     .cate-contents .summary .item:nth-child(3)::before,
     .cate-contents .summary .item:nth-child(4)::before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 1px;
          background-color: #efefef;
     }

     .cate-contents .herart-rate-doc {
          max-width: 1300px;
     }

     .cate-contents .herart-rate-doc .book {
          padding-bottom: 80px;
     }

     .cate-contents .herart-rate-doc .guide {
          padding-bottom: 24px;
     }

     .cate-contents .herart-rate-tool {
          padding: 56px 0 62px;
     }

     .cate-contents .herart-rate-tool .m-dot-title {
          margin-bottom: 0;
     }

     .cate-contents .herart-rate-tool .tool-cate {
          padding: 54px 0 27px;
          font-size: 22px;
          line-height: 28px;
     }

     .cate-contents .herart-kits {
          max-width: 1120px;
          padding: 48px 0 32px;
     }

     .cate-contents .herart-kits .m-dot-title {
          margin-bottom: 40px;
     }

     .m-dot-title {
          margin-bottom: 23px;
          font-size: 24px;
          line-height: 36px;
     }

     .m-doc-table .name {
          width: 32%;
     }

     .m-doc-table .ver {
          width: 20%;
     }

     .m-doc-table .date {
          display: block;
          width: 22%;
     }

     .m-doc-table .link {
          width: 26%;
     }

     .m-doc-table .link a:hover {
          color: #0050a6;
     }

     .tool-doc-table .name {
          width: 26%;
     }

     .tool-doc-table .ver {
          width: 16%;
     }

     .tool-doc-table .date {
          display: block;
          width: 18%;
     }

     .tool-doc-table .link {
          width: 21%;
     }

     .tool-doc-table .note {
          width: 19%;
          display: block;
     }

     .kits-doc-table .sign img {
          padding-right: 12px;
     }

     .kits-doc-table .sign a:hover {
          color: #0050a6;
     }

     .screen-slider .screen-content .info .name {
          font-size: 24px;
          line-height: 48px;
     }

     .screen-slider .screen-content .info {
          font-size: 16px;
          line-height: 28px;
     }

     .right-banner .bannerindeo {
          bottom: 230px;
     }

     /* end 1024*/
}

@media (min-width: 1200px) {
     /*1024 header*/

     body {
          padding-top: 100px;
     }

     .goodix-header {
          position: absolute;
          height: 99px;
          padding: 10px 0 0;
          -webkit-box-shadow: none;
          box-shadow: none;
     }

     .goodix-header .logo {
          /*padding-top: 38px;*/
          position: static;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
     }

     .goodix-header .logo img {
          height: 22px;
     }

     .goodix-header .menu-handle {
          display: none;
     }

     .goodix-header .search-handle {
          display: none;
     }

     .goodix-header .search-cate {
          position: relative;
          left: 0;
          top: 0;
          float: left;
          z-index: 5;
     }

     .goodix-header .search-cate .cate-label {
          width: auto;
          padding: 0 7px;
          line-height: 32px;
     }

     .goodix-header .search-cate .cate-label::after {
          margin-top: 9px;
     }

     .goodix-header .search-cate .filter-cate {
          top: 32px;
     }

     .goodix-header .search-form {
          float: right;
          display: block;
          position: relative;
          left: 0;
          top: 0;
          width: auto;
          padding: 0;
          height: 34px;
          margin-top: 12px;
          background-color: #fff;
          border: 1px solid #d9d9d9;
          overflow: visible;
     }

     .goodix-header .search-form form {
          float: left;
          padding-right: 46px;
          padding-left: 0;
          width: auto;
     }

     .goodix-header .search-form input {
          line-height: 32px;
          height: 32px;
     }

     .goodix-header .search-form .key {
          padding-left: 15px;
          width: 142px;
     }

     .goodix-header .search-form .btn {
          width: 46px;
          font-size: 0;
          background: url("https://www.goodix.com/en/webimages/searchico.png") no-repeat center;
     }

     .hrg-top {
          display: block;
          position: static;
          padding: 0 0 1px 0;
          padding: 0\9;
          text-align: right;
     }

     .hrg-top a:hover {
          color: #014d9e;
     }

     .hrg-top .code {
          display: inline-block;
          vertical-align: top;
          *display: inline;
          *zoom: 1;
          padding: 0;
     }

     .hrg-top .memmber {
          margin: 0 14px;
     }

     .head-rg {
          position: relative;
          float: right;
     }

     .head-rg .hrg-bot {
          position: relative;
     }

     .head-rg .search-form {
          position: absolute;
          top: 0;
          right: 0;
          left: auto;
     }

     .mainnav {
          float: left;
          display: block;
          position: static;
          width: auto;
          padding: 0 252px 0 0;
          border-top: 0;
     }

     .mainnav ul {
          height: 100%;
          overflow: visible;
     }

     .mainnav li {
          position: relative;
          border-bottom: 0;
          float: left;
          padding: 0 8px; /* 手机端专用*/
     }

     .mainnav li.mitem {
          display: none;
     }

     .mainnav a {
          display: block;
          font-size: 14px;
          line-height: 60px;
          color: #1a1a1a;
          border-bottom: 3px solid #fff;
     }

     .mainnav .title.hassub::after {
          display: none;
     }

     .mainnav .title a {
          max-width: inherit;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          overflow: hidden;
     }

     .mainnav .title a:hover {
          color: #014d9e;
          border-bottom-color: #014d9e;
     }

     .mainnav .title.cur a {
          color: #014d9e;
          border-bottom-color: #014d9e;
     }

     .mainnav .hassub .arrow {
          display: none;
     }

     .mainnav .hassub a {
          background-image: url("https://www.goodix.com/en/webimages/subrgarr.png");
          background-repeat: no-repeat;
          background-position: 142px center;
     }

     .mainnav .thr-title.hassub a {
          background-position: 160px center;
     }

     .mainnav .subnav {
          position: absolute;
          left: 50%;
          top: 63px;
          display: none;
          min-width: 210px;
          background-color: rgba(0, 0, 0, 0.8);
          -ms-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
     }

     .mainnav .subnav a {
          line-height: 48px;
          white-space: nowrap;
          color: #ccc;
          padding-left: 28px;
          padding-right: 28px;
          padding-right: 28px;
          font-size: 15px;
          border-bottom: 1px solid #3e322c;
     }

     .mainnav .subnav a:hover {
          color: #fff;
          background-color: #024d9e;
     }

     .mainnav .subnav .sec-title a {
          line-height: 23px;
          padding: 12px 30px 12px 28px;
          white-space: normal;
     }

     .mainnav .second {
          position: relative;
     }

     /*.mainnav .sec-title.hasthr { background: url("https://www.goodix.com/en/webimages/subrgarr.png") no-repeat 142px center; }*/

     /*.mainnav .sec-title.hasthr:hover { background: #024d9e url("https://www.goodix.com/en/webimages/subrgarrac.png") no-repeat 182px center; }*/

     .mainnav .sec-title.hasthr::after {
          display: none;
     }

     .mainnav .sec-title {
          position: relative;
     }

     .mainnav .sec-title.active {
          background-color: #024d9e;
     }

     .mainnav .sec-title.active:after {
          content: "";
          position: absolute;
          right: 10px;
          top: 20px;
          color: #fff;
          border: 2px solid #fff;
          width: 8px;
          height: 8px;
          border-left: none;
          border-bottom: none;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          transform: rotate(45deg);
     }

     /*.mainnav .sec-title.active { background: #024d9e url("https://www.goodix.com/en/webimages/subrgarrac.png") no-repeat 182px center; }*/

     .mainnav .thr-nav {
          position: absolute;
          left: 100%;
          top: 0;
          background-color: rgba(0, 0, 0, 0.8);
     }

     .mainnav .thr-nav a {
          line-height: 24px;
          padding: 12px 15px;
          border-bottom: 1px solid #3e322c;
          min-width: 182px;
          white-space: nowrap;
          max-width: 320px;
          overflow: hidden;
          text-overflow: ellipsis;
     }

     .mainnav .four-nav {
          display: none;
          position: absolute;
          left: 182px;
          top: 0;
          background-color: rgba(0, 0, 0, 0.8);
     }

     .mainnav .four-nav a {
          border-bottom: 1px solid #3e322c;
          min-width: 120px;
          white-space: nowrap;
          max-width: 1000em;
          line-height: 23px;
          padding: 12px 15px;
     }

     /*-----------------------------------*/

     /* 1024 footer */

     .zfootcont {
          padding-top: 36px;
          padding-left: 40px;
          padding-right: 40px;
          padding-bottom: 17px;
     }

     .zfootcont .foot-nav {
          overflow: hidden;
          text-align: left;
          padding-bottom: 26px;
     }

     .zfootcont .foot-nav ul li h4 a {
          cursor: default;
     }

     .zfootcont .foot-nav ul li h4 a:hover {
          color: #ccc;
     }

     .zfootcont .foot-nav a:hover {
          color: #fff;
     }

     .zfootcont .foot-nav ul {
          width: 108%;
     }

     .zfootcont .foot-nav li {
          border-bottom: 0;
          float: left;
          width: 20%;
     }

     .zfootcont .foot-nav a {
          display: block;
          font-size: 16px;
          line-height: 48px;
          font-size: 16px;
          color: #ccc;
     }

     .zfootcont .foot-nav .title {
          margin-bottom: 4px;
     }

     .zfootcont .foot-nav .title::after {
          display: none;
     }

     .zfootcont .foot-nav .subnav {
          display: block !important;
     }

     .zfootcont .foot-nav .subnav a {
          padding-left: 0;
          font-size: 14px;
          line-height: 28px;
     }

     .zfootcont .foot-bottom {
          padding-top: 19px;
     }

     .zfootcont .foot-bottom a:hover {
          color: #fff;
     }

     .zfootcont .foot-bottom .bot-links {
          padding-top: 4px;
          float: left;
          margin-left: -10px;
     }

     .zfootcont .foot-bottom .zcopyright {
          line-height: 22px;
     }

     .zfootcont .foot-bottom .zcopyright img {
          vertical-align: top;
     }

     /* 1024 footer */

     .goodix-header .logo {
          padding-top: 35px;
     }

     .goodix-header .logo img {
          height: 28px;
     }

     .mainnav {
          padding: 0;
     }

     /*.mainnav li { padding: 0 14px; }*/

     .mainnav a {
          font-size: 16px;
     }

     .head-rg .search-form {
          position: relative;
     }

     .zfootcont .foot-nav ul {
          width: 110%;
     }

     .staffvoicecont .commonweb {
          padding: 0 10px;
     }

     .screen-slider .screen-content .sccontent-prev {
          left: -40px;
     }

     .screen-slider .screen-content .sccontent-next {
          right: -40px;
     }

     .zdsxggaibancont .zdsxggaibantext {
          width: 502px;
     }

     .m-bio-bantext .wwprojectcase {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 100%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
     }

     .m-bio-bantext .wwprocasetext {
          position: static;
          top: 0;
          left: 0;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          padding: 0 0;
     }

     .m-bio-bantext .wwimgheight {
          position: static;
          width: 100%;
          height: auto;
          left: 0;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
     }

     .m-bio-bantext {
          position: relative;
     }

     .m-bio-bantext .bio-ban {
          width: 140%;
     }

     .full-prdt-detail .name {
          font-size: 30px;
     }

     .screen-slider .screen-content .info {
          padding: 40px 4.10959%;
     }

     /* fixed*/
}

@media (min-width: 1300px) {
     .mainnav {
          padding: 0 30px 0 0;
     }

     /*.mainnav li { padding: 0 38px; }*/

     .goodix-header .search-form .key {
          width: 142px;
     }

     .wwmarklist .wwmardiv {
          padding: 0 38px;
          height: 452px;
     }

     .zdsxggaibancont img {
          width: 100%;
     }

     .wwjectbot {
          padding: 7.19178% 0 5.06849%;
          overflow: visible;
     }

     .wwjectbot .wwjectbotleft {
          padding-left: 0;
          width: 39.72603%;
     }

     .m-bio-bantext .bio-ban {
          width: 100%;
     }

     .screen-slider .screen-content .info {
          padding: 60px 4.10959%;
     }

     .m-full-bantext .prdtban img {
          width: 100%;
     }
}

@media (min-width: 1400px) {
     .mainnav {
          padding: 0 35px 0 0;
     }

     .mainnav li {
          padding: 0 16px;
     }

     .goodix-header .search-form .key {
          width: 142px;
     }

     .zfootcont .foot-nav ul {
          width: 112%;
     }

     .wwhonorimg .title {
          padding: 10px 10px 20px;
          font-size: 14px;
     }

     .wwhonor ul li {
          padding-left: 7px;
          padding-right: 7px;
          margin-bottom: 7px;
          margin-top: 7px;
     }

     .m-bio-bantext .bio-text .name {
          font-size: 36px;
          line-height: 48px;
     }
}

@media (min-width: 1560px) {
     .full-touch-wrapper .touch-feature .feature {
          padding-top: 63px;
     }

     .screen-slider .screen-content .sccontent-prev {
          left: -68px;
     }

     .screen-slider .screen-content .sccontent-next {
          right: -68px;
     }
}

@charset "UTF-8";

.newhot-tag {
     position: relative;
     z-index: 199;
}

.jobsSearch {
     position: relative;
     z-index: 6;
}

.jobsSearch dl dd {
     position: relative;
}

.full-inside-crumbs {
     border-bottom: 1px solid #ddd;
}

.full-screen-wrapper {
     width: 100%;
     overflow: hidden;
}

/*  20180903 首页产品  */

/*  20180929 修改  */

.index-product-colunm {
     position: relative;
     margin-bottom: 15px;
     overflow: hidden;
}

.index-product-colunm img {
     display: block;
     width: 100.2%;
     -webkit-transition: all 0.6s;
     -o-transition: all 0.6s;
     -moz-transition: all 0.6s;
     transition: all 0.6s;
     height: 100%;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     border: none;
     margin-bottom: -1px;
}

/* 工具与软件  */

.toolsSearch {
     background: #f5f5f5;
}

.tool-wrap {
     padding: 28px 15px;
}

.toolsform {
     max-width: 438px;
     position: relative;
     margin: 0 auto;
}

.toolsform .searchText {
     line-height: 40px;
     background: #fff;
     font-size: 14px;
     color: #808080;
     text-indent: 1em;
     width: 100%;
}

.toolsform .searchButton {
     display: block;
     width: 100%;
     background: #c80009;
     line-height: 40px;
     text-align: center;
     color: #fff;
     font-size: 14px;
     height: 40px;
     margin-top: 10px;
}

.toolscontainer {
     padding: 30px 0;
     background: #fff;
}

.toolsTabs ul li {
     width: 100%;
     padding: 10px 0 10px 0;
     border-top: 1px solid #e6e6e6;
}

.toolsTabs ul li h4 {
     font-size: 16px;
     font-weight: bold;
     padding: 0 16px;
     line-height: 36px;
     position: relative;
}

.toolsTabs ul li h4 a {
     color: #666;
     display: block;
}

.toolsTabs ul li h4:after {
     content: "";
     position: absolute;
     left: 0;
     border: 6px solid transparent;
     border-left-color: #666666;
     top: 50%;
     margin-top: -6px;
     -webkit-transition: -webkit-transform 0.3s ease;
     transition: -webkit-transform 0.3s ease;
     -o-transition: -o-transform 0.3s ease;
     -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
     transition: transform 0.3s ease;
     transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
     -o-transition: transform 0.3s ease;
     -o-transition: transform 0.3s ease;
     -webkit-transition: transform 0.3s ease;
}

.toolsTabs ul li.cur h4 a {
     color: #0a51a4;
}

.toolsTabs ul li.cur h4:after {
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     border-left-color: #0a51a4;
}

.toolsTabs ul li.cur .toolsnav {
     display: block;
}

.toolsTabs ul li.no h4:after {
     display: none;
}

.toolsTabs .toolsnav {
     width: 100%;
     padding: 5px 16px 0;
     display: none;
}

.toolsTabs .toolsnav a {
     display: block;
     font-size: 14px;
     color: #666666;
     line-height: 34px;
     padding: 0 15px;
     position: relative;
}

.toolsTabs .toolsnav a input {
     display: none;
}

.toolsTabs .toolsnav a.on {
     font-weight: bold;
     color: #0a51a4;
}

.toolsTabs .toolsnav a:after {
     content: "";
     width: 4px;
     height: 4px;
     background: #666;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     margin-top: -2px;
     left: 0;
}

.toolsTabs .toolsnav a.on:after {
     background: #0a51a4;
}

.disbox,
.toolsLists .textwrap .details,
.if-result-list li .title,
.if-result-list li .text {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.oneline {
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.toolsLists {
     border-top: 1px solid #ddd;
     padding-top: 20px;
}

.toolsLists ul li {
     margin-bottom: 15px;
}

.toolsLists ul li .image {
     width: 100%;
     overflow: hidden;
     border: 1px solid #e6e6e6;
}

.toolsLists ul li .image img {
     display: block;
     width: 100%;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
}

.toolsLists .textwrap .title {
     line-height: 40px;
     color: #0a51a4;
     font-size: 18px;
     width: 100%;
     white-space: nowrap;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.toolsLists .textwrap .details {
     width: 100%;
     -webkit-line-clamp: 3;
     line-height: 25px;
     color: #666666;
     font-size: 15px;
     margin-top: 10px;
     height: 75px;
}

.toolsLists .toolsLookMore {
     display: inline-block;
     vertical-align: top;
     color: #929292;
     font-size: 14px;
     padding-top: 25px;
}

.loadingMore {
     padding: 20px 0 40px 0;
}

.loadingMore .loadingMoreButton {
     display: block;
     background-color: #c8000a;
     background-image: url(https://www.goodix.com/en/webimages/loadmoreicon.png);
     background-position: center center;
     background-repeat: no-repeat;
     -o-background-size: 24px;
     background-size: 24px;
     height: 36px;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
}

.loadingMore .loadingMoreButton:active {
     background-color: #e1010c;
}

/*文档中心*/

.detailType {
     margin-bottom: 10px;
     position: relative;
     background-color: #fff;
     cursor: none;
}

.detailType select {
     display: block;
     width: 100%;
     font-size: 14px;
     color: #808080;
     height: 40px;
     line-height: 40px;
     padding-left: 10px;
     padding-right: 40px;
     cursor: default;
     background-color: #edeeee;
}

.detailType:after {
     content: "";
     position: absolute;
     width: 8px;
     height: 8px;
     border: 1px solid transparent;
     border-left-color: #fff;
     border-bottom-color: #fff;
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     right: 20px;
     top: 50%;
     margin-top: -5px;
     margin-right: -4px;
}

.detailType:before {
     content: "";
     position: absolute;
     width: 40px;
     height: 40px;
     background-color: #cccccc;
     top: 0;
     right: 0;
     cursor: pointer;
     pointer-events: none;
}

.detailType.on select {
     cursor: pointer;
     background-color: #fff;
}

.detailType.on:before {
     background-color: #c80009;
}

.keyword .searchText {
     display: block;
     width: 100%;
     line-height: 40px;
     height: 40px;
     padding: 0 10px;
     font-size: 14px;
     color: #333;
     margin-bottom: 10px;
}

.keyword .searchButton {
     display: block;
     background-color: #c80009;
     width: 100%;
     line-height: 40px;
     height: 40px;
     color: #fff;
     font-size: 14px;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
}

.keyword .searchButton:active {
     background-color: #e9040e;
}

.show .fireicon {
     display: inline-block !important;
}

.artcontainer {
     padding: 30px 0 0 0;
}

.artTable-wrapper {
     overflow-x: auto;
     overflow-y: hidden;
}

.artTable {
     min-width: 640px;
}

.artTable .table-header {
     background-color: #f2f2f2;
     overflow: hidden;
     line-height: 50px;
     padding: 0 20px;
     border-bottom: 1px solid #efefef;
}

.artTable .table-header h3 {
     float: left;
     font-size: 16px;
     color: #333333;
     font-weight: bold;
     overflow: hidden;
     white-space: nowrap;
     overflow: hidden;
}

.artTable .table-header .name {
     width: 28%;
}

.artTable .table-header .vers {
     width: 18%;
}

.artTable .table-header .time {
     width: 18%;
}

.artTable .table-header .tips {
     width: 18%;
}

.artTable .table-header .nums {
     width: 18%;
}

.artTable .table-main li {
     width: 100%;
     padding: 0 20px;
     overflow: hidden;
     border-bottom: 1px solid #efefef;
     line-height: 40px;
}

.artTable .table-main li .cell {
     float: left;
     overflow: hidden;
     white-space: nowrap;
     overflow: hidden;
     font-size: 14px;
     color: #666666;
}

.artTable .table-main li .cell a {
     display: inline-block;
     vertical-align: middle;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     margin: 0 5px;
     color: #014d9e;
}

.artTable .table-main li .cell .fireicon {
     display: none;
     width: 24px;
     height: 26px;
     vertical-align: middle;
     background: url(https://www.goodix.com/en/webimages/fireicon.png) no-repeat scroll center center;
     -o-background-size: 60%;
     background-size: 60%;
     margin-left: 5px;
}

.artTable .table-main li .name {
     width: 28%;
}

.artTable .table-main li .vers {
     width: 18%;
}

.artTable .table-main li .time {
     width: 18%;
}

.artTable .table-main li .tips {
     width: 18%;
}

.artTable .table-main li .nums {
     width: 18%;
}

/* kits 切换 */

.kitsTabsMain {
     background: #f2f2f2;
     padding: 28px 0px 0;
}

.kitsTabsMain .titlle {
     color: #0050a6;
     font-size: 18px;
     line-height: 1.4;
     margin-bottom: 5px;
}

.kitstabs ul {
     padding-bottom: 28px;
}

.kitstabs ul li {
     width: auto;
     line-height: 30px;
     font-size: 14px;
     background-color: #666666;
     text-align: center;
     min-width: 120px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     -o-transition: background-color 0.3s;
     -moz-transition: background-color 0.3s;
     transition: background-color 0.3s;
     -webkit-transition: background-color 0.3s;
     position: relative;
}

.kitstabs ul li a {
     display: block;
     color: #ffffff;
}

.kitstabs ul li:active {
     background-color: #014a98;
}

.kitstabs ul li:after {
     content: "";
     border: 10px solid transparent;
     border-bottom-color: #fff;
     position: absolute;
     bottom: -28px;
     left: 50%;
     margin-left: -5px;
     display: none;
}

.kitstabs ul li.cur {
     color: #fff;
     font-weight: bold;
     background-color: #0050a6;
}

.kitstabs ul li.cur:after {
     display: block;
}

.kitscontainer {
     padding: 25px 0;
}

.commonkits .kitsContent {
     display: none;
}

.commonkits .kitsContent.cur {
     display: block;
}

.kitssummary {
     padding-bottom: 30px;
     border-bottom: 1px solid #efefef;
}

.kitssummary .title {
     font-weight: bold;
     color: #333333;
     font-size: 18px;
     line-height: 1.6;
     margin-bottom: 15px;
}

.kitssummary .text {
     color: #666666;
     line-height: 180%;
     font-size: 14px;
}

.kitssummary02 {
     padding-bottom: 10px;
     border-bottom: none;
}

.kitsimage .item .title {
     font-weight: bold;
     color: #333333;
     font-size: 18px;
     line-height: 1.6;
     padding: 20px 0 10px 0;
}

.kitsimage .item .image {
     border: 1px solid #efefef;
     overflow: hidden;
     width: 100%;
}

.kitsimage .item .image img {
     display: block;
     width: 100%;
}

/* 20180929 修改  */

.w-wrap {
     padding-top: 15px;
     padding-bottom: 10px;
}

.copywriting {
     font-size: 14px;
     color: #333;
     line-height: 1.8;
}

.w-wrap02 {
     padding-bottom: 15px;
}

.w-wrap02 .sub-title {
     font-size: 15px;
     font-weight: bold;
}

.kitsTable-wrapper {
     overflow-x: auto;
     overflow-y: hidden;
     margin-top: 25px;
}

.kitsTable {
     min-width: 780px;
     border: 1px solid #efefef;
     border-bottom: none;
}

.kitsTable .head {
     background-color: #f2f2f2;
     padding: 0 15px;
     border-bottom: 1px solid #efefef;
}

.kitsTable .head h3 {
     float: left;
     width: 18%;
     font-size: 16px;
     color: #333;
     font-weight: bold;
     line-height: 40px;
}

.kitsTable .head .name {
     width: 26%;
}

.kitsTable .bodies li {
     border-bottom: 1px solid #efefef;
     line-height: 34px;
     color: #666666;
     font-size: 14px;
     overflow: hidden;
     width: 100%;
     padding: 0 15px;
}

.kitsTable .bodies li .cell {
     float: left;
     width: 18%;
     overflow: hidden;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     padding-right: 5px;
}

.kitsTable .bodies li .cell a {
     display: inline-block;
     vertical-align: middle;
     color: #666;
     margin: 0 4px;
     color: #0050a6;
     line-height: normal;
     text-decoration: underline;
}

.kitsTable .bodies li .links {
     font-size: 13px;
}

.kitsTable .bodies li .name {
     width: 26%;
}

/* 解决方案  */

.m-bio-bantext .bio-text .name-color-333 {
     color: #333;
}

.m-bio-bantext .bio-text .name-color-172d36 {
     color: #172d36;
}

.summaryList {
     padding-top: 25px;
}

.kitsTable-4 .bodies li .cell,
.kitsTable-4 .head h3 {
     width: 25% !important;
}

.kitssummary03 {
     padding-bottom: 30px;
     border: none;
}

.kitssummary03:last-child {
     padding-bottom: 10px;
}

.summaryMargin {
     margin-top: 20px;
}

.kitsTable-type2 .head .tips,
.kitsTable-type2 .bodies li .tips {
     width: 38%;
}

.kitsTable-type3 {
     max-width: 1120px;
     min-width: 640px;
}

.kitsTable-type3 .head h3,
.kitsTable-type3 .bodies li .cell {
     width: 33.33% !important;
}

.kitsTable-type3 .bodies li .cell img {
     width: 26px;
}

/*20180929 修改 */

.textcolumn-2 .text ul {
     line-height: 2;
}

.textcolumn-2 .text ul li {
     padding-left: 12px;
     position: relative;
     word-break: break-all;
     white-space: normal;
}

.textcolumn-2 .text ul li:before {
     content: "";
     position: absolute;
     width: 4px;
     height: 4px;
     background: #666;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     left: 0;
     top: 10px;
}

.kitssummary .text-cols02 ul li {
     padding-left: 12px;
     position: relative;
}

.kitssummary .text-cols02 ul li:before {
     content: "";
     position: absolute;
     width: 4px;
     height: 4px;
     background: #666;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     left: 0;
     top: 10px;
}

/* 产品 -微控 */

.kitsTable-first-more .head h3 {
     width: 23%;
}

.kitsTable-first-more .head .name {
     width: 31%;
}

.kitsTable-first-more .bodies .li .cell {
     width: 23%;
}

.kitsTable-first-more .bodies .li .name {
     width: 31%;
}

.kitssummary-reset {
     padding: 0 !important;
     border: none !important;
}

.kitsTable-title-font {
     font-size: 16px;
     font-weight: bold;
     color: #0050a6;
     padding-bottom: 15px;
     line-height: 1.4;
}

.bs-margin {
     margin-bottom: 20px;
}

/* 产品汇总   MCU产品    软件工具 */

.max1280 {
     width: 100%;
     max-width: 1280px;
     overflow: hidden;
}

.response-row {
     margin-left: -10px;
     margin-right: -10px;
}

.response-row:after {
     content: "";
     display: block;
     clear: both;
}

.response-column {
     float: left;
     width: 100%;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 20px;
}

/*@media (min-width:1300px){
 
 
 
      .response-row { margin-left: -15px; margin-right: -15px; }
 
 
 
      .response-column { padding-left: 15px; padding-right: 15px; }
 
 
 
 }*/

@media (min-width: 1400px) {
     .response-row {
          margin-left: -20px;
          margin-right: -20px;
     }

     .response-column {
          padding-left: 20px;
          padding-right: 20px;
     }
}

.as-mcu-padding {
     padding-top: 25px;
     padding-bottom: 35px;
}

.l-description img {
     max-width: 100%;
}

.l-description .title {
     font-size: 18px;
     color: #333333;
     line-height: 1.4;
     margin-bottom: 10px;
}

.l-description .title02 {
     margin-top: 25px;
}

.l-description .text {
     font-size: 14px;
     color: #666666;
     line-height: 180%;
}

.dl-main {
     border: 1px solid #e3e3e3;
     padding: 0 25px 40px;
     background-color: #fafafa;
}

/*  20190929 修改  */

.dl-dddt .dt {
     border-bottom: 1px solid #e3e3e3;
     overflow: hidden;
     width: 100%;
}

.dl-dddt .dt span {
     display: block;
     width: 120px;
     height: 120px;
     margin: 25px auto;
     overflow: hidden;
     position: relative;
}

.dl-dddt .dt span img {
     display: block;
     width: 100%;
     position: absolute;
     left: 50%;
     top: 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%);
}

.dl-dddt .dd {
     text-align: center;
     padding-top: 15px;
}

.dl-dddt .dd h4 {
     font-size: 16px;
     font-weight: bold;
     color: #4c4c4c;
     line-height: 1.6;
     margin-bottom: 12px;
     white-space: nowrap;
     width: 100%;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.dl-dddt .dd .txt {
     font-size: 14px;
     color: #666666;
     line-height: 25px;
     margin-bottom: 15px;
     height: 100px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     width: 100%;
}

.dd-look-more {
     display: inline-block;
     vertical-align: top;
     line-height: 34px;
     border: 1px solid #0a51a4;
     color: #0a51a4;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     padding: 0 35px;
}

.dl-dddt02 .dd {
     padding-top: 30px;
}

.dl-dddt02 .dd .txt {
     -webkit-line-clamp: 3;
     height: 75px;
}

.dl-dddt03 .dd {
     padding-top: 25px;
}

.dl-dddt03 .dd .txt {
     -webkit-line-clamp: 3;
     height: 75px;
}

.other-title-font {
     font-size: 18px;
     color: #4c4c4c;
     font-weight: bold;
     line-height: 2;
     padding-top: 20px;
     padding-bottom: 15px;
}

.table-wrapper {
     overflow-x: auto;
     overflow-y: hidden;
}

.table-module {
     min-width: 720px;
     margin-top: 30px;
}

.table-module .head {
     overflow: hidden;
     line-height: 40px;
     background-color: #f2f2f2;
     width: 100%;
     padding: 0 5%;
     border-bottom: 1px solid #efefef;
}

.table-module .head h3 {
     float: left;
     width: 19%;
     font-weight: bold;
     font-size: 16px;
     color: #333333;
}

.table-module .head .name {
     width: 24%;
}

.table-module .bodies {
     padding: 0 5%;
     line-height: 40px;
}

.table-module .bodies li {
     width: 100%;
     overflow: hidden;
     border-bottom: 1px solid #efefef;
}

.table-module .bodies li span {
     float: left;
     width: 19%;
     overflow: hidden;
     white-space: nowrap;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     font-size: 14px;
     color: #666666;
}

.table-module .bodies li .name {
     width: 24%;
}

.table-module .bodies li .more {
     color: #025bba;
}

.table-module .bodies li .more:active {
     color: #0a51a4;
}

/* 新改变的搜索  */

.if-search-wrap {
     background-color: #e6ecf0;
     padding: 0 15px;
}

.search-wrap-width {
     max-width: 465px;
     margin: 0 auto;
     padding: 15px 0;
}

.if-search {
     position: relative;
     width: 100%;
     -webkit-border-radius: 4px;
     border-radius: 4px;
}

.if-search input {
     line-height: 42px;
     height: 42px;
}

.if-search .if-text {
     display: block;
     background: #fff;
     width: 100%;
     text-indent: 1em;
     padding-right: 50px;
}

.if-search .if-btn {
     position: absolute;
     top: 0;
     right: 0;
     width: 42px;
     background: #fff url(https://www.goodix.com/en/webimages/toolsses-icon.png) no-repeat scroll center center;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     background-color: #c80009;
}

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

.ifwrapper-hide .if-left {
     display: none;
}

.ifwrapper-hide .if-right {
     padding-left: 0;
}

.ifwrapper-hide .if-right:before {
     display: none;
}

.ifwrapper {
     background-color: #fff;
     margin-top: 20px;
     margin-bottom: 30px;
     border: 1px solid #e3e3e3;
}

.if-left {
     float: left;
     width: 100%;
}

.if-right {
     float: right;
     width: 100%;
}

/* 左侧搜索条件 */

.if-left {
     padding: 15px 15px 0;
     border-bottom: 1px solid #e3e3e3;
}

.clearif {
     line-height: 20px;
     text-align: right;
     margin-bottom: 12px;
}

.clearif a {
     display: inline-block;
     vertical-align: top;
     color: #034894;
}

.clearif a:hover {
     color: #0554ab;
}

.if-form .title {
     font-size: 14px;
     color: #333333;
     font-weight: bold;
     line-height: 2;
     padding-bottom: 10px;
     position: relative;
}

.if-form .title:after {
     content: "";
     position: absolute;
     border: 6px solid transparent;
     border-top-color: #666;
     right: 2%;
     top: 50%;
     margin-top: -6px;
}

.if-form .forms {
     padding-bottom: 15px;
     display: none;
}

.if-form .forms .form-item {
     cursor: pointer;
     line-height: 24px;
     font-size: 13px;
     color: #808080;
     position: relative;
     padding: 0 8px;
}

.if-form .forms .form-item input[type="checkbox"],
.if-form .forms .form-item input[type="radio"] {
     display: none;
}

.if-form .forms .form-item:before {
     content: "";
     width: 4px;
     height: 4px;
     background: #808080;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     left: 0;
     margin-top: -2px;
}

.if-form .forms .form-item.cur span {
     color: #034894;
     font-weight: bold;
}

.if-form .forms .form-item.cur:before {
     background: #034894;
}

.if-banner-navbar {
     padding: 0 40px;
     line-height: 52px;
     border-bottom: 1px solid #e3e3e3;
     position: relative;
}

.if-banner-left,
.if-banner-right {
     position: absolute;

     top: 0;

     height: 100%;

     width: 40px;

     cursor: pointer;
}

.if-banner-left {
     left: 0;
}

.if-banner-right {
     right: 0;
}

.if-banner-left:after,
.if-banner-right:after {
     content: "";

     position: absolute;

     width: 16px;

     height: 16px;

     border: 1px solid #999;

     top: 50%;
}

.if-banner-left:after {
     border-top: none;

     border-right: none;

     transform: translateY(-50%) rotate(45deg);

     left: 16px;
}

.if-banner-right:after {
     border-top: none;

     border-left: none;

     transform: translateY(-50%) rotate(-45deg);

     right: 16px;
}

.banner-navbar {
     width: 100%;
     overflow: hidden;
}

.banner-navbar .swiper-slide {
     display: inline-block;
     vertical-align: top;
     width: auto;
     padding-right: 20px;
     margin-right: 10px;
     font-size: 0;
}

.banner-navbar .swiper-slide a {
     display: inline-block;
     font-size: 0px;
     color: #4c4c4c;
     line-height: 1.2;
     position: relative;
     vertical-align: middle;
}

.banner-navbar .swiper-slide a span {
     font-size: 14px;
     display: inline-block;
     vertical-align: middle;
}

.banner-navbar .swiper-slide .icon {
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     height: 22px;
     overflow: hidden;
     background-repeat: no-repeat;
     margin-right: 4px;
     background-position: 0 0;
}

.banner-navbar .swiper-slide .icon01 {
     background-image: url(https://www.goodix.com/en/webimages/s-icon01.png);
}

.banner-navbar .swiper-slide .icon02 {
     background-image: url(https://www.goodix.com/en/webimages/s-icon02.png);
}

.banner-navbar .swiper-slide .icon03 {
     background-image: url(https://www.goodix.com/en/webimages/s-icon03.png);
}

.banner-navbar .swiper-slide .icon04 {
     background-image: url(https://www.goodix.com/en/webimages/s-icon04.png);
}

.banner-navbar .swiper-slide .icon05 {
     background-image: url(https://www.goodix.com/en/webimages/s-icon05.png);
}

.banner-navbar .swiper-slide .icon06 {
     background-image: url(https://www.goodix.com/en/webimages/s-icon05.png);
}

.banner-navbar .swiper-slide .icon07 {
     background-image: url(https://www.goodix.com/en/webimages/s-icon06.png);
}

.banner-navbar .swiper-slide .icon08 {
     background-image: url(https://www.goodix.com/en/webimages/s-icon07.png);
}

.banner-navbar .swiper-slide.cur a {
     color: #034894;
}

.banner-navbar .swiper-slide.cur a .icon {
     background-position: 0 -22px;
}

.if-result .if-title {
     padding: 35px 15px 0;
     font-size: 16px;
     color: #666;
     line-height: 30px;
     font-weight: bold;
}

.if-result-list li {
     border-bottom: 1px solid #e3e3e3;
     padding: 20px 15px;
}

.if-result-list li .title {
     font-size: 15px;
     color: #333333;
     font-weight: bold;
     line-height: 1.5;
     max-height: 44px;
     width: 100%;
     -webkit-line-clamp: 2;
     margin-bottom: 10px;
}

.if-result-list li .title b {
     color: #d0111b;
}

.if-result-list li .text {
     color: #666666;
     font-size: 13px;
     line-height: 24px;
     width: 100%;
     -webkit-line-clamp: 3;
     max-height: 68px;
}

.if-button-wrapper {
     width: 100%;
     padding-top: 25px;
     padding-bottom: 40px;
     padding-left: 15px;
     padding-right: 15px;
}

.if-button-wrapper .ifbutton {
     display: block;
     max-width: 520px;
     margin: 0 auto;
     line-height: 42px;
     text-align: center;
     font-size: 14px;
     color: #fff;
     background: #0a51a4;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     -webkit-border-radius: 4px;
     border-radius: 4px;
}

.if-button-wrapper .ifbutton:active {
     background: #064691;
}

/* 搜索 关联字颜色  */

.key_font_color {
     color: #d0111b !important;
}

/* 分页器  开始 */

.pagination-wrapper {
     width: 100%;
     max-width: 520px;
     margin: 0 auto;
     text-align: center;
}

.pagination-wrapper .pagination {
     display: inline-block;
     vertical-align: top;
}

.pagination a {
     display: inline-block;
     vertical-align: top;
     line-height: 26px;
     width: 28px;
     height: 28px;
     text-align: center;
     font-size: 12px;
     color: #808080;
     border: 1px solid #e3e3e3;
}

.pagination a:active,
.pagination a.cur {
     color: #fff;
     background: #0a51a4;
     border-color: #0a51a4;
}

.pagination .page {
     display: inline-block;
     vertical-align: top;
     overflow: hidden;
     margin: 0 -5px;
}

.pagination a.next,
.pagination a.prev {
     font-size: 18px;
}

.pagination a.next {
     margin-left: 10px;
}

.pagination a.prev {
     margin-right: 10px;
}

.pagination a.disabled {
     color: #e5e5e5;
     border-color: #e3e3e3;
     background: #fff;
     cursor: not-allowed;
}

@media (min-width: 1024px) {
     .pagination a {
          line-height: 34px;
          width: 36px;
          height: 36px;
          font-size: 13px;
     }

     .pagination a:hover {
          color: #fff;
          background: #0a51a4;
          border-color: #0a51a4;
     }

     .pagination a.next {
          margin-left: 20px;
     }

     .pagination a.prev {
          margin-right: 20px;
     }
}

/* 分页器 结束  */

.formlayer {
     min-height: 74vh;
     padding-top: 15%;
}

.formlayer .image {
     width: 60px;
     margin: 0 auto;
     overflow: hidden;
}

.formlayer .image img {
     display: block;
     width: 100%;
}

.formlayer .tips {
     text-align: center;
     font-size: 16px;
     color: #1a1a1a;
     margin-top: 32px;
     line-height: 1.8;
}

@media (min-width: 768px) {
     .formlayer {
          min-height: 63vh;
     }

     .formlayer .image {
          width: 85px;
     }
}

@media (min-width: 1024px) {
     .formlayer {
          min-height: auto;
     }

     .formlayer .tips {
          font-size: 20px;
     }
}

@media (min-width: 1200px) {
     .formlayer {
          padding-top: 140px;
     }
}

/* 已登录状态  */

.member-info {
     position: relative;
     display: none;
     z-index: 200;
     margin-right: 15px;
     margin-left: 15px;
     padding-right: 20px;
     padding-left: 20px;
}

.member-info:after {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     width: 1px;
     height: 16px;
     background: #ddd;
     margin-top: -8px;
}

.member-info:before {
     content: "";
     position: absolute;
     right: 0;
     top: 50%;
     width: 1px;
     height: 16px;
     background: #ddd;
     margin-top: -8px;
}

.member-info.member-show {
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
}

.member-info .avatar {
     display: block;
     width: 24px;
     height: 24px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
     cursor: pointer;
}

.member-info .avatar img {
     display: block;
     width: 100%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}

.member-info .info-box {
     display: block;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     position: absolute;
     top: 36px;
     left: 50%;
     border: 1px solid #e3e3e3;
     padding: 27px 18px 30px 109px;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     background-color: #fff;
}

.member-info .info-box::before {
     content: "";
     position: absolute;
     left: 50%;
     top: -6px;
     width: 26px;
     height: 6px;
     margin-left: -13px;
     background: url("https://www.goodix.com/en/webimages/mebarr.png") no-repeat center 0;
}

.member-info .info-box .photo {
     position: absolute;
     left: 18px;
     top: 36px;
     width: 69px;
     height: 69px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
}

.member-info .info-box .photo img {
     display: block;
     width: 100%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}

.member-info .info-box .info {
     text-align: left;
     white-space: nowrap;
}

.member-info .info-box .info .name {
     font-size: 14px;
     line-height: 24px;
     color: #333;
}

.member-info .info-box .info .mail {
     font-size: 12px;
     color: #808080;
     line-height: 24px;
}

.member-info .info-box .memberctrl {
     padding-top: 5px;
     font-size: 0;
}

.member-info .info-box .memberctrl a {
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     font-size: 12px;
     line-height: 30px;
     padding: 0 12px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
}

.member-info .info-box .memberctrl .idlink {
     background-color: #0c337f;
     color: #fff;
     margin-right: 10px;
}

.member-info .info-box .memberctrl .exit {
     -webkit-border-radius: 4px;
     border-radius: 4px;
     color: #666;
     background-color: #d9d9d9;
}

.member-info:hover .info-box {
     opacity: 1;
     visibility: visible;
}

@media (max-width: 1023px) {
     .member-info {
          margin: 0;
     }

     .member-info.member-show {
          vertical-align: middle;
     }

     .member-info .avatar {
          display: none;
     }

     .member-info .info-box {
          visibility: visible;
          opacity: 1;
          padding: 0px 0px 0px 70px;
     }

     .member-info {
          border: none;
     }

     .member-info .info-box {
          position: relative;
          border: none;
          top: 0;
     }

     .member-info .info-box::before {
          display: none;
     }

     .member-info .info-box .photo {
          top: 0;
          width: 40px;
          height: 40px;
     }

     .member-info .info-box .info .name {
          display: none;
     }

     .member-info .info-box .info .mail {
          display: none;
     }

     .hrg-top .max-lang {
          margin-top: 5px;
          vertical-align: middle;
     }
}

/* 权限弹窗    */

body.modal-open {
     overflow: hidden;
     width: 100%;
     height: 100%;
}

.juris-popup {
     position: fixed;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     background-color: rgba(0, 0, 0, 0);
     z-index: 2018;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -webkit-transition: background-color 0.3s;
     -o-transition: background-color 0.3s;
     -moz-transition: background-color 0.3s;
     transition: background-color 0.3s;
     visibility: hidden;
}

.juris-popup.modal-open {
     visibility: visible;
     background-color: rgba(0, 0, 0, 0.8);
}

.juris-popup.modal-open .popup-content {
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
}

.popup-content {
     background-color: #fff;
     width: 300px;
     margin: 120px auto 0;
     text-align: center;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     font-size: 14px;
     -webkit-transform: translateY(-360px);
     -moz-transform: translateY(-360px);
     -ms-transform: translateY(-360px);
     -o-transform: translateY(-360px);
     transform: translateY(-360px);
     -webkit-transition: -webkit-transform 0.6s;
     transition: -webkit-transform 0.6s;
     -o-transition: -o-transform 0.6s;
     -moz-transition: transform 0.6s, -moz-transform 0.6s;
     transition: transform 0.6s;
     transition: transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s;
}

.close-wrapper {
     text-align: right;
     line-height: 1.5;
     padding: 5px;
     border-bottom: 1px solid #efefef;
}

.close-wrapper .close-icon {
     display: inline-block;
     vertical-align: top;
     width: 32px;
     height: 32px;
     text-align: center;
     line-height: 32px;
     font-size: 32px;
     color: #666;
     cursor: pointer;
}

.close-wrapper .close-icon:hover {
     background: #eee;
}

.juris-info {
     padding: 30px 15px;
}

.juris-info .or {
     width: 100%;
     position: relative;
     margin: 15px 0;
}

.juris-info .or:after {
     content: "";
     position: absolute;
     height: 1px;
     background: #efefef;
     left: 0;
     top: 50%;
     z-index: 1;
     width: 100%;
}

.juris-info .or .tips {
     display: inline-block;
     position: relative;
     z-index: 2;
     padding: 0 15px;
     background: #fff;
}

.juris-info .login-text,
.juris-info .email-text {
     color: #c80009;
}

@media (min-width: 768px) {
     .popup-content {
          width: 420px;
     }

     .juris-info {
          min-height: 180px;
     }
}

/* 权限弹窗    */

/* 搜索提示弹窗   */

.tipsmodal-wrap-one {
     position: fixed;
     top: 50%;
     left: 50%;
     margin-top: -32px;
     margin-left: -110px;
     visibility: hidden;
}

.tipsmodal {
     padding: 15px 15px;
     background-color: #014d9e;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     width: 220px;
     -webkit-transition: all 0.15s ease-in-out;
     -o-transition: all 0.15s ease-in-out;
     -moz-transition: all 0.15s ease-in-out;
     transition: all 0.15s ease-in-out;
     visibility: hidden;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
}

.tipsmodal .tips {
     color: #fff;
     font-size: 14px;
     line-height: 20px;
     position: relative;
     padding-left: 28px;
}

.tipsmodal .tips:after {
     content: "";
     position: absolute;
     width: 20px;
     height: 20px;
     background: url(https://www.goodix.com/en/webimages/gantan.png) no-repeat scroll center center;
     left: 0;
     top: 0;
}

@media (min-width: 1024px) {
     .tipsmodal-wrap-one {
          position: absolute;
          top: 90px;
          left: 0;
          margin-top: 0px;
          margin-left: 0px;
     }

     .tipsmodal {
          padding: 22px 30px;
          width: 260px;
     }

     .tipsmodal .tips {
          font-size: 15px;
     }
}

.tipsmodal.show {
     visibility: visible;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
}

/* new 文档中心 kit 软件  s*/

.newform {
     max-width: 880px;
     position: relative;
     margin: 0 auto;
}

.newform .searchText {
     line-height: 44px;
     height: 44px;
     background: #fff;
     font-size: 14px;
     color: #808080;
     text-indent: 1em;
     width: 100%;
     border: 1px solid transparent;
}

.newform .searchButton {
     display: block;
     width: 100%;
     background: #c80009;
     line-height: 44px;
     text-align: center;
     color: #fff;
     font-size: 14px;
     height: 44px;
     margin-top: 10px;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}

.newform .searchButton:hover {
     background-color: #d71333;
}

@media (min-width: 768px) {
     .newform .searchText {
          float: left;
          width: 87%;
     }

     .newform .searchButton {
          float: left;
          width: 13%;
          margin-top: 0px;
          font-size: 0;
          background-image: url(https://www.goodix.com/en/webimages/zhaopinicon.png);
          background-repeat: no-repeat;
          background-position: center center;
          -o-background-size: 25px auto;
          background-size: 25px auto;
     }

     .newform:after {
          content: "";
          display: block;
          clear: both;
          visibility: hidden;
          height: 0;
     }
}

@media (min-width: 1024px) {
     .newform .searchText {
          line-height: 54px;
          height: 54px;
          font-size: 16px;
     }

     .newform .searchButton {
          line-height: 54px;
          height: 54px;
     }
}

.newTabs ul li {
     width: 100%;
     padding: 10px 0 10px 0;
     border-top: 1px solid #e6e6e6;
}

.newTabs ul li h4 {
     font-size: 15px;
     font-weight: bold;
     padding: 0 22px;
     line-height: 36px;
     position: relative;
}

.newTabs ul li h4 a {
     color: #666;
     display: block;
}

.newTabs ul li h4:after {
     content: "";
     position: absolute;
     left: 0;
     border: 6px solid transparent;
     border-left-color: #666666;
     top: 50%;
     margin-top: -6px;
     -webkit-transition: -webkit-transform 0.3s ease;
     transition: -webkit-transform 0.3s ease;
     -o-transition: -o-transform 0.3s ease;
     -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
     transition: transform 0.3s ease;
     transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
     -o-transition: transform 0.3s ease;
     -o-transition: transform 0.3s ease;
     -webkit-transition: transform 0.3s ease;
}

.newTabs ul li.cur h4 a {
     color: #0a51a4;
}

.newTabs ul li.cur h4:after {
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     border-left-color: #0a51a4;
}

.newTabs ul li.cur .newtoolsnav {
     display: block;
}

.newTabs ul li.no h4:after {
     display: none;
}

.newTabs .newtoolsnav {
     width: 100%;
     padding: 5px 16px 0;
     display: none;
}

.newTabs .newtoolsnav a {
     display: block;
     font-size: 14px;
     color: #666666;
     line-height: 22px;
     padding: 6px 22px;
     position: relative;
}

.newTabs .newtoolsnav a input {
     display: none;
}

.newTabs .newtoolsnav a.on {
     color: #0a51a4;
}

.newTabs .newtoolsnav a:after {
     content: "";
     position: absolute;
     width: 18px;
     height: 20px;
     overflow: hidden;
     background-image: url(https://www.goodix.com/en/webimages/selecticon.png);
     background-position: 0 3px;
     background-repeat: no-repeat;
     left: 0;
     top: 8px;
}

.newTabs .newtoolsnav a.on:after {
     background-position: 0 -23px;
}

@media (min-width: 1024px) {
     .newTabs ul li h4 {
          font-size: 16px;
     }

     .newTabs .newtoolsnav {
          width: 100%;
          padding: 0 32px;
     }

     .newTabs .newtoolsnav a {
          font-size: 14px;
     }

     .newTabs .newtoolsnav a:hover {
          color: #0a51a4;
     }
}

@media (min-width: 1200px) {
     .newTabs ul li h4 {
          font-size: 17px;
     }
}

.newright .artTable {
     min-width: 920px;
}

.newartTable .table-header .name,
.newartTable .table-main li .name {
     width: 38%;
}

.newartTable .table-header .vers,
.newartTable .table-main li .vers {
     width: 12%;
}

.newartTable .table-header .tips,
.newartTable .table-main li .tips {
     width: 14%;
}

@media (min-width: 1024px) {
     .newleft {
          float: left;
          width: 210px;
     }

     .newright {
          padding-left: 240px;
     }
}

@media (min-width: 1200px) {
     .newleft {
          float: left;
          width: 270px;
     }

     .newright {
          padding-left: 320px;
     }

     .newright .artTable {
          min-width: 1080px;
     }
}

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

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

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

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

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

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

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

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

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

@keyframes hot {
     0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
     }

     50% {
          -webkit-transform: translateY(3px);
          -moz-transform: translateY(3px);
          -o-transform: translateY(3px);
          transform: translateY(3px);
     }

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

.newpage {
     width: 100%;
     padding-top: 20px;
}

.newpage-ul li {
     border: 1px solid #dce5ec;
     margin-bottom: 15px;
}

.newpage-ul li .title {
     width: 100%;
     padding: 10px;
     position: relative;
     border-bottom: 1px solid #dce5ec;
     line-height: 20px;
}

.newpage-ul li .title .name {
     display: inline-block;
     vertical-align: top;
     font-size: 14px;
     color: #7b7c80;
     width: 100%;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     position: relative;
}

.newpage-ul li .links {
     width: 100%;
     font-size: 0;
     padding-top: 8px;
}

.newpage-ul li .links a {
     display: inline-block;
     vertical-align: middle;
     color: #0a51a4;
     font-size: 14px;
     margin-right: 15px;
     text-decoration: underline;
}

.newpage-ul li .links a:hover {
     color: #084995;
}

.newpage-ul li .info {
     color: #7b7c80;
     padding: 10px;
     font-size: 13px;
     line-height: 22px;
}

.newpage-ul li.hot .title .name:after {
     content: "Hot";
     display: inline-block;
     font-size: 12px;
     color: #d1121b;
     font-weight: bold;
     margin-left: 8px;
     position: relative;
     top: -5px;
     -webkit-animation: hot 1s infinite alternate;
     -moz-animation: hot 1s infinite alternate;
     -o-animation: hot 1s infinite alternate;
     animation: hot 1s infinite alternate;
}

@media (min-width: 1024px) {
     .newpage {
          padding-top: 0px;
     }

     .newpage-ul li {
          margin-bottom: 25px;
     }

     .newpage-ul li .title {
          padding: 10px 15px;
          line-height: 24px;
     }

     .newpage-ul li .title .name {
          font-size: 16px;
          padding-right: 30%;
     }

     .newpage-ul li .links {
          width: auto;
          padding-top: 0px;
          position: absolute;
          right: 20px;
          top: 10px;
     }

     .newpage-ul li .links a {
          margin-right: 0px;
          margin-left: 20px;
     }

     .newpage-ul li .info {
          padding: 10px 15px;
          font-size: 14px;
          line-height: 24px;
     }
}

/* new 文档中心 kit 软件  e*/

/* 文档中心 s  new*/

.domtablewrap {
     width: 100%;
     overflow-x: auto;
     overflow-y: hidden;
}

.domtable {
     width: 100%;
     min-width: 820px;
}

.domtable tr th {
     font-size: 16px;
     white-space: nowrap;
     background-color: #f2f2f2;
     color: #333333;
     font-weight: bold;
     line-height: 46px;
     padding-top: 0;
     padding-bottom: 0;
}

.domtable tr td {
     line-height: 42px;
     font-size: 14px;
     border-bottom: 1px solid #efefef;
}

.domtable tr td p {
     line-height: 28px;
     display: inline-block;
     vertical-align: middle;
     padding-right: 30px;
     position: relative;
}

.domtable tr td .links {
     display: inline-block;
     vertical-align: middle;
     color: #0a51a4;
     font-weight: bold;
}

.domtable tr td .links:hover {
     color: #0b5ab5;
     opacity: 0.9;
}

.domtable tr th:nth-child(1) {
     width: 35%;
}

.domtable tr th,
.domtable tr td {
     padding-left: 15px;
     padding-right: 15px;
     text-align: left;
}

.domtable tr.hot td:first-child p:after {
     content: "";
     position: absolute;
     width: 24px;
     height: 20px;
     background: url(https://www.goodix.com/en/webimages/hoticon.png) no-repeat scroll 0 0;
     -o-background-size: 90%;
     background-size: 90%;
     right: 0;
     top: 0%;
}

@media (min-width: 1024px) {
     .domtable tr th {
          line-height: 54px;
     }

     .domtable tr td {
          line-height: 52px;
          font-size: 15px;
     }

     .domtable tr td p {
          line-height: 34px;
     }

     .domtable tr:hover {
          background-color: #fafafa;
     }
}

@media (min-width: 1200px) {
     .domtable tr th {
          font-size: 18px;
     }

     .domtable tr th,
     .domtable tr td {
          padding-left: 20px;
          padding-right: 20px;
     }

     .domtable tr.hot td:first-child p:after {
          -o-background-size: contain;
          background-size: contain;
     }
}

@media (min-width: 1400px) {
     .domtable tr th,
     .domtable tr td {
          padding-left: 30px;
          padding-right: 30px;
     }
}

/* 文档中心 e  new*/

/* 软件 kits s new  */

.substance {
     width: 100%;
}

.substan-ul {
     width: 100%;
}

.substan-ul li {
     width: 100%;
     position: relative;
     padding-top: 18px;
     padding-bottom: 15px;
     border-bottom: 1px solid #e7e7e7;
}

.substan-ul li .title {
     width: 100%;
     overflow: hidden;
     font-size: 0;
     line-height: 24px;
}

.substan-ul li .title span {
     display: inline-block;
     vertical-align: top;
     color: #575757;
     font-size: 16px;
     font-weight: bold;
     position: relative;
     padding-right: 30px;
}

.substan-ul li .info {
     color: #808080;
     font-size: 14px;
     line-height: 24px;
     margin-top: 10px;
}

.substan-ul li .le {
     width: 100%;
}

.substan-ul li .rh {
     width: 100%;
     font-size: 0;
     padding-top: 15px;
     text-align: right;
}

.substan-ul li .mbntn {
     display: inline-block;
     vertical-align: middle;
}

.substan-ul li .mbntn .icon {
     display: block;
     margin: 0 auto;
     position: relative;
     width: 34px;
     height: 22px;
}

.substan-ul li .mbntn .icon:before,
.substan-ul li .mbntn .icon:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center center;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}

.substan-ul li .mbntn p {
     color: #999999;
     font-size: 13px;
     line-height: 20px;
     padding-top: 0px;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     display: none;
}

.substan-ul li .mbntn .lookicon:before {
     background-image: url(https://www.goodix.com/en/webimages/eyess.png);
     opacity: 1;
     -o-background-size: 60%;
     background-size: 60%;
}

.substan-ul li .mbntn .lookicon:after {
     background-image: url(https://www.goodix.com/en/webimages/eyess02.png);
     opacity: 0;
     -o-background-size: 60%;
     background-size: 60%;
}

.substan-ul li .mbntn .downicon:before {
     background-image: url(https://www.goodix.com/en/webimages/downss.png);
     opacity: 1;
     -o-background-size: 50%;
     background-size: 50%;
}

.substan-ul li .mbntn .downicon:after {
     background-image: url(https://www.goodix.com/en/webimages/downss02.png);
     opacity: 0;
     -o-background-size: 50%;
     background-size: 50%;
}

.substan-ul li .mbntn:hover .icon:before {
     opacity: 0;
}

.substan-ul li .mbntn:hover .icon:after {
     opacity: 1;
}

.substan-ul li .mbntn:hover p {
     color: #0a51a4;
}

.substan-ul li.hot .title span:after {
     content: "";
     position: absolute;
     width: 24px;
     height: 20px;
     background: url(https://www.goodix.com/en/webimages/hoticon.png) no-repeat scroll 0 0;
     -o-background-size: 90%;
     background-size: 90%;
     right: 0;
     top: 0%;
}

@media (min-width: 1024px) {
     .substancerr .substan-ul li .rh {
          text-align: left;
     }

     .substan-ul li {
          padding-top: 24px;
          padding-bottom: 20px;
     }

     .substan-ul li .title {
          line-height: 30px;
     }

     .substan-ul li .title span {
          font-size: 20px;
     }

     .substan-ul li .le {
          width: 100%;
          padding-right: 200px;
     }

     .substan-ul li .rh {
          padding-top: 0px;
          position: absolute;
          right: 0;
          top: 50%;
          width: 200px;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
     }

     .substan-ul li .mbntn {
          margin-right: 0px;
          margin-left: 35px;
     }

     .substan-ul li .mbntn p {
          padding-top: 4px;
          display: block;
     }

     .substan-ul li .mbntn .lookicon:before {
          -o-background-size: 80%;
          background-size: 80%;
     }

     .substan-ul li .mbntn .lookicon:after {
          -o-background-size: 80%;
          background-size: 80%;
     }

     .substan-ul li .mbntn .downicon:before {
          -o-background-size: contain;
          background-size: contain;
     }

     .substan-ul li .mbntn .downicon:after {
          -o-background-size: contain;
          background-size: contain;
     }

     .substan-ul li:hover .title span {
          color: #0a51a4;
     }

     .substan-ul li:first-child {
          padding-top: 0;
     }

     .substan-ul li.hot .title span:after {
          -o-background-size: cover;
          background-size: cover;
     }
}

@media (min-width: 1200px) {
     .substan-ul li .title {
          line-height: 34px;
     }

     .substan-ul li .title span {
          font-size: 24px;
     }

     .substan-ul li .mbntn .lookicon:before {
          -o-background-size: contain;
          background-size: contain;
     }

     .substan-ul li .mbntn .lookicon:after {
          -o-background-size: contain;
          background-size: contain;
     }
}

.noborder {
     border-bottom: none;
     padding: 15px 0;
}

/* 软件 kits e new  */

/* 404*/

.page-404 {
     width: 100%;
     padding: 20px 20px 60px;
     background-color: #f5f5f5;
}

.page-404 .page-img {
     text-align: center;
}

.page-404 img {
     max-width: 100%;
}

.page-404 .page-cneter {
     text-align: center;
}

.page-404 .content {
     display: inline-block;
     vertical-align: top;
     text-align: left;
}

.page-404 .content h4 {
     font-size: 16px;
     line-height: 26px;
     color: #333;
     font-weight: bold;
}

.page-404 .content h3 {
     font-size: 28px;
     line-height: 40px;
     color: #333;
     font-weight: bold;
}

.page-404 .content .label {
     padding: 5px 0;
     font-size: 14px;
     line-height: 24px;
     color: #999;
}

.page-404 .content .label a {
     color: #999;
}

.page-404 .content .link a {
     display: block;
     width: 160px;
     height: 40px;
     font-size: 14px;
     line-height: 38px;
     text-align: center;
     border: 1px solid #dc4a3b;
     color: #dc4a3b;
}

.page-404 .content .link .retrun {
     margin-bottom: 12px;
     background-color: #ba000b;
     border-color: #ba000b;
     color: #fff;
}

@media (min-width: 1024px) {
     .page-404 {
          height: 100%;
          height: 550px;
          padding: 0;
     }

     .page-404 .page-cneter {
          display: table;
          table-layout: fixed;
          width: 100%;
          height: 100%;
     }

     .page-404 .page-cneter .page-img {
          display: table-cell;
          vertical-align: middle;
          width: 50%;
     }

     .page-404 .page-cneter .content {
          display: table-cell;
          vertical-align: middle;
          width: 50%;
          padding-left: 12.28814%;
     }

     .page-404 .content h4 {
          font-size: 32px;
          line-height: 42px;
     }

     .page-404 .content h3 {
          font-size: 54px;
          line-height: 66px;
     }

     .page-404 .content .label {
          padding: 15px 0;
          font-size: 18px;
          line-height: 28px;
     }
}

@media (min-width: 768px) {
     .toolsform .searchText {
          float: left;
          width: 87%;
     }

     .toolsform .searchButton {
          float: left;
          width: 13%;
          margin-top: 0px;
          font-size: 0;
          background-image: url(https://www.goodix.com/en/webimages/toolsses-icon.png);
          background-repeat: no-repeat;
          background-position: center center;
          -o-background-size: auto;
          background-size: auto;
     }

     .toolsform:after {
          content: "";
          display: block;
          clear: both;
          visibility: hidden;
          height: 0;
     }

     .response-column {
          width: 100%;
     }

     .wwiotposcon {
          height: 330px;
     }

     .index-product-colunm {
          position: relative;
          margin-bottom: 0px;
          padding: 0;
     }
}

@charset "UTF-8";

@media (min-width: 1024px) {
     .kitsTable-wrapper {
          margin-top: 0px;
     }

     .cate-contents {
          padding-top: 20px;
     }

     /*  20180903 首页产品  */

     .index-product-row {
          width: 100%;
          overflow: hidden;
     }

     /*.index-product-colunm { position: relative; margin-bottom: 0px; padding: 0; }*/

     .index-product-colunm a {
          display: block;
     }

     .index-product-colunm a:hover img {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1);
     }

     .txtMarquee-left .bd {
          margin: 0;
     }

     .toolsform .searchText {
          line-height: 50px;
          font-size: 16px;
     }

     .toolsform .searchButton {
          line-height: 50px;
          height: 50px;
     }

     .tool-wrap {
          padding-top: 45px;
          padding-bottom: 45px;
     }

     .toolscontainer-left {
          float: left;
          max-width: 274px;
          width: 19%;
     }

     .toolscontainer-right {
          float: right;
          max-width: 1086px;
          width: 75%;
     }

     .toolscontainer {
          padding: 72px 0;
     }

     .toolsTabs ul li h4 {
          font-size: 16px;
     }

     .toolsTabs .toolsnav {
          width: 100%;
          padding: 0 32px;
     }

     .toolsTabs .toolsnav a {
          font-size: 14px;
     }

     .toolsTabs .toolsnav a:hover {
          color: #0a51a4;
     }

     .toolsTabs .toolsnav a:hover:after {
          background: #0a51a4;
     }

     .toolsLists {
          border-top: none;
          padding-top: 0px;
     }

     .toolsLists ul li {
          margin-bottom: 40px;
     }

     .toolsLists ul li .image {
          width: 200px;
          float: left;
     }

     .toolsLists ul li a:hover .image img {
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
     }

     .toolsLists ul li a:hover .toolsLookMore {
          color: #0a51a4;
     }

     .toolsLists .textwrap {
          padding-left: 220px;
     }

     .toolsLists .textwrap .title {
          font-size: 24px;
     }

     .toolsLists .textwrap .details {
          -webkit-line-clamp: 2;
          height: 50px;
          margin-top: 0;
     }

     .toolsLists .toolsLookMore {
          padding-top: 5px;
     }

     .loadingMore .loadingMoreButton:active,
     .loadingMore .loadingMoreButton:hover {
          background-color: #e1010c;
     }

     /*文档中心*/

     .artform {
          max-width: 1115px;
          margin: 0 auto;
     }

     .artform:after {
          content: "";
          display: block;
          visibility: hidden;
          clear: both;
          height: 0;
     }

     .detailType {
          float: left;
          margin: 0 5px 0;
          width: 21.8%;
          max-width: 245px;
     }

     .detailType select {
          font-size: 16px;
          height: 50px;
          line-height: 50px;
          padding-right: 50px;
     }

     .detailType:after {
          right: 25px;
     }

     .detailType:before {
          width: 50px;
          height: 50px;
     }

     .keyword {
          float: left;
          margin: 0 5px;
          width: 30.5%;
          max-width: 345px;
          position: relative;
     }

     .keyword .searchText {
          line-height: 50px;
          height: 50px;
          font-size: 16px;
          margin-bottom: 0px;
          padding-right: 50px;
     }

     .keyword .searchButton {
          position: absolute;
          background-image: url(https://www.goodix.com/en/webimages/toolsses-icon.png);
          font-size: 0px;
          background-position: center center;
          width: 50px;
          height: 50px;
          top: 0;
          right: 0;
     }

     .keyword .searchButton:active,
     .keyword .searchButton:hover {
          background-color: #e9040e;
     }

     .artTable .table-header h3 {
          font-size: 18px;
     }

     .artTable .table-main li {
          line-height: 50px;
     }

     .artTable .table-main li .cell {
          font-size: 16px;
     }

     .artTable .table-main li .cell a:hover {
          opacity: 0.8;
          color: #014d9e !important;
     }

     .artTable .table-main li .cell .fireicon {
          -o-background-size: auto;
          background-size: auto;
     }

     /* kits 切换 */

     .kitsTabsMain {
          background: #f2f2f2;
          padding: 40px 0px 0;
     }

     .kitsTabsMain .titlle {
          font-size: 24px;
          line-height: 1.4;
          margin-bottom: 20px;
     }

     .kitstabs ul {
          padding-bottom: 40px;
     }

     .kitstabs ul li {
          width: auto;
          line-height: 40px;
          font-size: 16px;
          min-width: 214px;
     }

     .kitstabs ul li:hover {
          background-color: #014a98;
     }

     .kitstabs ul li:active {
          background-color: #014a98;
     }

     .kitstabs ul li:after {
          bottom: -40px;
          border-width: 15px;
          margin-left: -7px;
     }

     .kitscontainer {
          padding: 40px 0;
     }

     /*  20180929 修改       */

     .kitssummary {
          padding-bottom: 40px;
     }

     .kitssummary .title {
          font-weight: bold;
          color: #333333;
          font-size: 24px;
          margin-bottom: 30px;
     }

     .kitssummary .text {
          font-size: 16px;
          line-height: 36px;
     }

     .kitssummary02 {
          padding-bottom: 20px;
     }

     .kitsimage {
          margin: 0 -35px;
     }

     .kitsimage .item {
          float: left;
          width: 50%;
          padding: 0 35px;
     }

     .kitsimage .item .title {
          font-size: 24px;
          padding: 35px 0 25px 0;
     }

     .kitsimage .item:nth-child(2n + 1) {
          clear: both;
     }

     /*  20180929   修改    */

     .single-item-wrap .item {
          float: none;
          width: 100%;
     }

     .single-item-wrap .image {
          max-width: 60%;
          margin: 0 auto;
     }

     .w-wrap {
          padding-top: 25px;
     }

     .copywriting {
          font-size: 16px;
     }

     .w-wrap02 {
          padding-bottom: 35px;
          min-height: 220px;
     }

     .w-wrap02 .sub-title {
          font-size: 18px;
     }

     .w-wrap02 .copywriting {
          line-height: 36px;
     }

     /*  20180929   修改    */

     .kitsTable .head {
          padding: 0 25px;
     }

     .kitsTable .head h3 {
          font-size: 18px;
          line-height: 50px;
     }

     .kitsTable .bodies li {
          padding: 0 25px;
          line-height: 45px;
     }

     .kitsTable .bodies li .cell a:hover {
          color: #0666ce;
     }

     .kitsTable .bodies li .links {
          font-size: 15px;
     }

     .kitsTable .bodies li .name {
          width: 26%;
     }

     /* 解决方案 */

     .m-bio-bantext .bio-text .middleWidth {
          max-width: 41.43836%;
     }

     .m-bio-bantext .bio-text-right:after {
          content: "";
          display: block;
          clear: both;
     }

     .m-bio-bantext .bio-text-right .middle {
          float: right;
     }

     .kitsTable-4 .bodies li .cell,
     .kitsTable-4 .head h3 {
          width: 25% !important;
     }

     .kitssummary03 {
          padding-bottom: 60px;
     }

     .kitssummary03:last-child {
          padding-bottom: 20px;
     }

     .summaryMargin {
          margin-top: 35px;
     }

     .kitsTable-type3 .bodies li .cell img {
          width: 40px;
     }

     /* 产品 -微控 */

     .textcolumn-2 .text ul {
          font-size: 0;
     }

     .textcolumn-2 .text ul li {
          font-size: 16px;
          display: inline-block;
          width: 50%;
          vertical-align: top;
          padding-right: 10px; /*20180929 修改*/
     }

     .textcolumn-2 .text ul li:before {
          top: 15px;
     }

     /*20180929 修改*/

     .textcolumn-2 .text-cols {
          font-size: 0;
     }

     .textcolumn-2 .text-cols ul {
          display: inline-block;
          vertical-align: top;
          width: 50%;
     }

     .textcolumn-2 .text-cols ul li {
          width: 100%;
     }

     /*20180929 修改*/

     .kitssummary .text-cols02 ul {
          width: 100%;
     }

     .kitssummary .text-cols02 ul li {
          line-height: 36px;
          width: 100%; /*20180929 修改*/
     }

     .kitssummary .text-cols02 ul li:before {
          top: 12px;
     }

     .kitsTable-title-font {
          font-size: 22px;
          padding-bottom: 25px;
     }

     .bs-margin {
          margin-bottom: 50px;
     }

     .m-bio-bantext .bio-text .name-color-fff {
          color: #fff;
     }

     /* 产品汇总   MCU产品 */

     .response-column {
          width: 33.33%;
          padding-top: 40px;
     }

     .response-column:nth-child(3n + 1) {
          clear: both;
     }

     .as-mcu-padding {
          padding-top: 35px;
          padding-bottom: 55px;
     }

     .l-description .title {
          font-size: 24px;
          margin-bottom: 20px;
     }

     .l-description .title02 {
          margin-top: 45px;
     }

     .l-description .text {
          font-size: 16px;
     }

     .min-dl-mainone {
          min-height: 310px;
          position: relative;
     }

     .min-dl-mainone .dd-look-more {
          position: absolute;
          bottom: 50px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
     }

     .dl-main {
          padding: 0 7% 12.5%;
     }

     .dl-dddt .dd {
          padding-top: 30px;
     }

     .dl-dddt .dd .ddtxt {
          overflow: hidden;
     }

     .dl-dddt .dd h4 {
          font-size: 17px;
     }

     .dl-dddt .dd .txt {
          font-size: 15px;
          line-height: 28px;
          height: 112px;
          margin-bottom: 35px;
     }

     .dd-look-more:hover {
          background-color: #0a51a4;
          color: #fff;
     }

     .dl-dddt02 .dd {
          padding-top: 40px;
     }

     .dl-dddt02 .dd .txt {
          height: 84px;
          margin-bottom: 60px;
     }

     .dl-dddt03 .dd {
          padding-top: 35px;
     }

     .dl-dddt03 .dd .ddtxt {
          min-height: 152px;
     }

     .dl-dddt03 .dd .txt {
          height: 84px;
     }

     .dl-dddt04 .dd .ddtxt {
          min-height: 176px;
     }

     .dl-dddt04 .dd .txt {
          margin-bottom: 10px;
     }

     .other-title-font {
          padding-top: 50px;
          padding-bottom: 25px;
     }

     .table-module {
          margin-top: 0px;
     }

     .table-module .head {
          line-height: 50px;
     }

     .table-module .head h3 {
          font-size: 18px;
     }

     .table-module .bodies {
          line-height: 50px;
     }

     .table-module .bodies li span {
          font-size: 16px;
     }

     .table-module .bodies li .more:hover {
          color: #0a51a4;
          opacity: 0.9;
     }

     .other-left {
          float: left;
          width: 22%;
     }

     .other-right {
          width: 75%;
          float: right;
     }

     /* 新改变的搜索  */

     .if-search-wrap {
          background-color: #e6ecf0;
          padding: 0 15px;
     }

     .search-wrap-width {
          padding: 42px 0;
     }

     .if-search input {
          line-height: 52px;
          height: 52px;
     }

     .if-search .if-text {
          padding-right: 60px;
     }

     .if-search .if-btn {
          width: 52px;
     }

     .if-search .if-btn:hover {
          background-color: #d5030d;
     }

     .ifwrapper {
          background-color: #fff;
          margin-top: 0px;
          margin-bottom: 100px;
          position: relative;
     }

     .if-left {
          border-right: none;
          width: 292px;
     }

     .if-right {
          float: none;
          border-left: 1px solid #e3e3e3;
          width: 100%;
          padding-left: 292px;
          position: relative;
          margin-left: -1px;
     }

     .ifwrapper:before {
          content: "";
          position: absolute;
          top: 0;
          left: 292px;
          width: 1px;
          background: #e3e3e3;
          height: 100%;
     }

     .ifwrapper.ifwrapper-hide:before {
          display: none;
     }

     /* 左侧搜索条件 */

     .if-left {
          padding: 25px 25px 0;
          border-bottom: none;
          position: relative;
          z-index: 22;
     }

     .if-form .title {
          font-size: 16px;
          padding-bottom: 10px;
          line-height: 1.5;
          border: none;
     }

     .if-form .title:after {
          display: none;
     }

     .if-form .forms {
          display: block;
          padding-bottom: 25px;
     }

     .if-form .forms .form-item {
          line-height: 30px;
          font-size: 14px;
     }

     .if-form .forms .form-item:hover span {
          color: #034894;
     }

     .if-form .forms .form-item:hover:before {
          background: #034894;
     }

     .if-banner-navbar {
          line-height: 62px;
     }

     .banner-navbar .swiper-slide {
          padding-right: 27px;
          margin-right: 7px;
     }

     .banner-navbar .swiper-slide a span {
          font-size: 16px;
     }

     .banner-navbar .swiper-slide a:hover {
          color: #034894;
     }

     .banner-navbar .swiper-slide a:hover .icon {
          background-position: 0 -22px;
     }

     .if-result .if-title {
          padding: 35px 35px 0;
     }

     .if-result-list li {
          padding: 2% 3%;
     }

     .if-result-list li a:hover .title {
          color: #034894;
     }

     .if-result-list li a:hover .text {
          color: #034894;
     }

     .if-result-list li .title {
          font-size: 16px;
          max-height: 50px;
     }

     .if-result-list li .text {
          font-size: 14px;
          max-height: 72px;
     }

     .if-button-wrapper {
          padding-top: 70px;
          padding-bottom: 90px;
     }

     .if-button-wrapper .ifbutton:hover {
          background: #064691;
     }

     .max-width-important {
          max-width: 100% !important;
     }
}

@charset "UTF-8";

@media (min-width: 1200px) {
     .toolsTabs ul li h4 {
          font-size: 18px;
     }

     .toolsLists ul li {
          margin-bottom: 40px;
     }

     .toolsLists ul li .image {
          width: 260px;
          float: left;
     }

     .toolsLists .textwrap {
          padding-left: 310px;
     }

     .toolsLists .textwrap .details {
          margin-top: 10px;
     }

     .toolsLists .toolsLookMore {
          padding-top: 25px;
     }

     .loadingMore {
          padding: 40px 0 40px 0;
     }

     .loadingMore .loadingMoreButton {
          height: 46px;
          -o-background-size: 32px;
          background-size: 32px;
     }

     /* 文档中心 */

     .artTable .table-header {
          padding: 0 40px;
     }

     .artTable .table-main li {
          padding: 0 40px;
     }

     .artcontainer {
          padding: 60px 0 60px 0;
     }

     /* kits 切换 */

     .kitsTabsMain {
          padding: 60px 0px 0;
     }

     .kitsTabsMain .titlle {
          font-size: 25px;
          line-height: 1.4;
     }

     .kitstabs ul {
          padding-bottom: 60px;
     }

     .kitstabs ul li {
          font-size: 18px;
     }

     .kitstabs ul li:after {
          bottom: -60px;
     }

     .kitscontainer {
          padding: 60px 0;
     }

     .kitssummary {
          padding-bottom: 60px;
     }

     .kitssummary02 {
          padding-bottom: 40px;
     }

     .kitsimage .item .title {
          padding: 50px 0 30px 0;
     }

     .kitsTable .head {
          line-height: 50px;
          padding: 0 40px;
     }

     .kitsTable .bodies li {
          padding: 0 40px;
          font-size: 16px;
          line-height: 50px;
     }

     .summaryList .text {
          width: 100%;
          overflow: hidden;
          line-height: 36px;
     }

     .summaryList .text div {
          float: left;
          width: 50%;
     }

     /* 产品 -微控 */

     .summaryMargin {
          margin-top: 50px;
     }

     .row-column:after {
          content: "";
          display: block;
          clear: both;
     }

     .row-column {
          border-bottom: 1px solid #efefef;
     }

     .row-column .column-md-6 {
          float: left;
          width: 50%;
          padding-top: 0;
          border: none;
          padding-right: 5.6%;
     }

     .md-padding-left35 {
          padding-left: 35px;
     }

     /* 产品汇总   MCU产品 */

     .as-mcu-padding {
          padding-top: 40px;
          padding-bottom: 100px;
     }

     .dl-dddt .dd .txt {
          font-size: 16px;
     }

     .wwiotposcon {
          height: 284px;
     }
}

@media (min-width: 1400px) {
     .if-left {
          width: 300px;
     }

     .if-right {
          padding-left: 300px;
     }

     .ifwrapper:before {
          left: 300px;
     }

     .banner-navbar .swiper-slide {
          padding-right: 34px;
     }

     .dl-dddt .dd h4 {
          font-size: 18px;
     }
}

@media (min-width: 1440px) {
     .wwiotposcon {
          height: 320px;
     }
}

@media (min-width: 1600px) {
     .wwiotposcon {
          height: 360px;
     }

     .banner-navbar .swiper-slide {
          padding-right: 50px;
     }
}

@media (min-width: 1800px) {
     .wwiotposcon {
          height: 400px;
     }
}

@charset "UTF-8";

/* ============================================= 登陆 ======================================================*/

.form-logo-wrapper {
     position: absolute;
     left: 15px;
     width: 120px;
     overflow: hidden;
     top: 10px;
}

.form-logo-wrapper img {
     display: block;
     width: auto;
}

.login-font {
     float: left;
     width: 80px;
     padding-left: 10px;
     margin-left: 10px;
     border-left: 1px solid #e3e3e3;
     margin-top: 8px;
}

.login-font img {
     display: block;
     width: 100%;
}

.tablang {
     float: right;
     margin-top: 8px;
}

.tablang .title {
     font-size: 14px;
}

.tablang .title a {
     color: #666666;
}

.tablang .tabs {
     position: absolute;
     width: 100%;
     background: #fff;
     left: 0;
     right: 0;
     top: 55px;
     border-top: 1px solid #eee;
     border-bottom: 1px solid #eee;
     padding: 8px;
     display: none;
}

.tablang .tabs a {
     display: block;
     width: 100%;
     text-align: center;
     line-height: 34px;
}

.tablang .tabs a:active {
     color: #0a51a4;
}

.login-wrapper .bg {
     display: none;
}

.loginform {
     background: #fff;
     padding: 35px 10px;
}

.loginform .title {
     font-size: 26px;
     color: #0a51a4;
     font-weight: bold;
     line-height: 1.6;
     margin-bottom: 20px;
     margin-top: 10px;
}

.login-form-item {
     margin-bottom: 20px;
}

.login-form-item input {
     display: block;
     width: 100%;
     line-height: 38px;
     height: 40px;
     border: 1px solid #a9a9a9;
     font-size: 14px;
     color: #666666;
     text-indent: 10px;
}

.login-form-item .imageCodebox .code {
     border-color: #a9a9a9;
}

.no-password {
     margin-bottom: 30px;
     line-height: 1.5;
}

.no-password a {
     display: inline-block;
     vertical-align: top;
     color: #0a51a4;
     font-size: 14px;
     font-weight: bold;
}

.no-password a:active {
     color: #094891;
}

.form-login-btn input {
     display: block;
     width: 100%;
     font-size: 14px;
     color: #fff;
     height: 40px;
     line-height: 40px;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     -webkit-border-radius: 4px;
     border-radius: 4px;
}

.form-login-btn .form-btn {
     background: #c8000a;
}

.form-login-btn .form-btn:active {
     background: #d8020c;
}

.form-info {
     font-size: 14px;
     color: #999999;
     margin-top: 20px;
     margin-bottom: 25px;
}

.form-info a {
     display: inline-block;
     vertical-align: top;
     color: #0a51a4;
     font-weight: bold;
}

.form-info a:active {
     color: #053f83;
}

/* 登录注册底部 */

.register-login-footer {
     font-size: 13px;
     color: #ffffff;
     text-align: center;
     background-color: #333333;
     line-height: 1.6;
     padding: 10px 15px;
     width: 100%;
}

.register-login-footer a {
     color: #ffffff;
     display: inline-block;
     vertical-align: top;
}

/* 注册  */

.register-wrapper {
     padding: 6% 0 7% 0;
}

.registerbox {
     background-color: #fff;
     background-repeat: no-repeat;
     -o-background-size: contain;
     background-size: contain;
     background-position: center center;
     padding: 4% 0;
}

.register-title {
     font-size: 24px;
     color: #0a51a4;
     font-weight: bold;
     line-height: 1.4;
}

.register-title:before {
     content: "";
     display: inline-block;
     vertical-align: top;
     width: 2px;
     height: 28px;
     margin-right: 15px;
     margin-top: 3px;
     background: #c8000a;
}

.registerform {
     padding-top: 20px;
}

.reg-form-item:after {
     content: "";
     display: block;
     clear: both;
}

.reg-form-item {
     line-height: 30px;
     margin-bottom: 10px;
}

.reg-form-item .xin {
     color: #c8000a;
     font-weight: bold;
}

.reg-form-item .input-type-name {
     font-size: 12px;
     color: #4c4c4c;
     font-weight: bold;
}

.reg-form-item .reg-item-input {
     display: block;
     width: 100%;
     height: 32px;
     line-height: 32px;
     font-size: 12px;
     color: #666;
     border: 1px solid #cccccc;
     text-indent: 10px;
}

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

.imageCodebox .imageInput {
     width: 100%;
     padding-right: 100px;
}

.imageCodebox .code {
     display: block;
     width: 100%;
     border: 1px solid #ccc;
     height: 40px;
     line-height: 40px;
     text-indent: 10px;
}

.imageCodebox .imageCode {
     position: absolute;
     top: 0;
     right: 0;
     width: 90px;
     overflow: hidden;
     height: 40px;
}

.imageCodebox .imageCode img {
     display: block;
     width: 100%;
     height: 100%;
}

.reg-agree {
     line-height: 28px;
     font-size: 14px;
}

.reg-agree label {
     display: inline-block;
     vertical-align: top;
}

.reg-agree label input {
     margin: 0;
     -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
     margin-top: 2px;
     display: inline-block;
     vertical-align: middle;
}

.reg-agree label span {
     display: inline-block;
     vertical-align: middle;
     margin-top: 2px;
     color: #999999;
}

.reg-agree .ifAgree {
     display: inline-block;
     vertical-align: middle;
     margin-top: 2px;
     margin-left: -2px;
     color: #0c337f;
     font-weight: bold;
}

.reg-agree .ifAgree:active {
     opacity: 0.8;
}

.form-login-btn {
     margin-top: 30px;
}

.form-login-btn .regbtn {
     background: #c8000a;
}

.form-login-btn .regbtn:active {
     background: #d9010c;
}

/* 注册协议  */

.registerAgree {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1999;
     background: rgba(0, 0, 0, 0.8);
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     display: none;
}

.registerAgreeWeb {
     width: 90%;
     margin: 20% auto 0;
     background: #fff;
}

.registerAgree-scroll {
     overflow-x: hidden;
     overflow-y: auto;
     position: relative;
     width: 100%;
     height: 100%;
}

.registerAgreeTitle {
     background: #f4f6f9;
     font-size: 18px;
     padding: 0 15px;
     color: #333333;
     font-weight: bold;
     line-height: 50px;
     position: relative;
}

.registerAgreeTitle .close {
     display: inline-block;
     width: 18px;
     height: 18px;
     position: absolute;
     background: url(https://www.goodix.com/en/webimages/aindex_inco30.png) 0 0 no-repeat;
     top: 50%;
     margin-top: -9px;
     right: 15px;
}

.registerAgreeCon {
     padding: 15px 15px 0;
     height: 420px;
     overflow-x: hidden;
     overflow-y: auto;
}

.registerAgreeOne {
     font-size: 14px;
     color: #4c4c4c;
     line-height: 160%;
}

.registerAgreeOne h5 {
     font-size: 15px;
     font-weight: bold;
}

.registerAgreeTwo {
     padding: 30px 0 20px;
}

.registerAgreeTwo a {
     display: block;
     line-height: 40px;
     color: #fff;
     font-size: 14px;
     color: #ffffff;
     text-align: center;
     background: #c8000a;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}

.registerAgreeTwo a:active {
     opacity: 0.9;
}

/* 步骤条 */

.steps-round {
     font-size: 0px;
     line-height: 0px;
}

.steps-round:after {
     content: "";
     clear: both;
     display: block;
}

.steps-round > div {
     display: inline-block;
     vertical-align: top;
     position: relative;
}

.steps-round > div .wrap:before,
.steps-round > div .wrap:after {
     display: table;
     content: "";
     line-height: 0;
}

/*------*/

.steps-round > .finished .round {
     background-color: #c8000a;
     color: #ffffff;
}

/*------*/

.steps-round > div .round {
     width: 32px;
     height: 32px;
     -webkit-border-radius: 32px;
     border-radius: 32px;
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
     color: #fff;
     line-height: 32px;
     text-align: center;
     float: left;
}

.steps-round > .finished .bar {
     background-color: #c8000a;
}

.steps-round > div .bar {
     margin: 13px 10px 0px 40px;
     width: 200px;
     height: 2px;
     vertical-align: middle;
     -webkit-border-radius: 4px;
     border-radius: 4px;
}

.steps-round > div .wrap:after {
     clear: both;
}

.steps-round > div:first-child > label {
     width: auto;
     max-width: 50%;
     margin-left: -8px;
     left: 0;
}

.steps-round > div > label {
     display: inline-block;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-size: 14px;
     line-height: 14px;
     height: 14px;
     margin-top: 6px;
     color: #666666;
     cursor: default;
     text-align: center;
     width: 50%;
     margin-left: -25%;
     position: relative;
     left: 15px;
}

.steps-round > .current .round {
     background-color: #c8000a;
}

.steps-round > .current .bar {
     background-color: #c8000a;
}

.steps-round > .todo > label {
     color: #999999;
}

.steps-round > .todo .round {
     background-color: #b9b9b9;
     color: #fff;
}

.steps-round > .todo .bar {
     background-color: #b9b9b9;
}

.steps-round > div:last-child,
.steps-round > div.last {
     width: 30px !important;
}

.steps-round > div:last-child > label,
.steps-round > div.last > label {
     position: absolute;
     width: auto;
     margin-left: 0;
     left: -15px;
     right: 0;
}

.steps-round-auto {
     display: table;
     width: 100%;
}

.steps-round-auto > div {
     display: table-cell;
}

.steps-round-auto > div .bar {
     width: auto;
}

.steps-round .current > label,
.steps-round .finished > label {
     color: #666666;
}

.steps-round > .error .round {
     border-color: #d73636;
     background-color: #d73636;
}

.steps-round > .error label {
     color: #d73636;
}

.steps-3 > div {
     width: 50%;
}

/*步骤条END*/

.stepProgress {
     padding-bottom: 30px;
}

.sendTo-info {
     text-align: center;
     margin-top: 30px;
}

.sendTo-info .image {
     margin-bottom: 30px;
}

.sendTo-info .image span {
     display: inline-block;
     vertical-align: top;
     width: 46px;
     height: 46px;
     background: url(https://www.goodix.com/en/webimages/reg-icon01.png) no-repeat scroll 0 0;
     -o-background-size: cover;
     background-size: cover;
}

.sendTo-info .info {
     font-size: 16px;
     color: #444;
     line-height: 2;
}

.sendTo-info .info p {
     font-weight: bold;
}

.sendTo-info .info a {
     color: #c80009;
     font-size: 18px;
     font-weight: bold;
}

.sendTo-info .info a:hover {
     opacity: 0.8;
}

.regsucc-info {
     text-align: center;
     padding-top: 35px;
}

.regsucc-info h3 {
     font-size: 20px;
     color: #333333;
     font-weight: bold;
     line-height: 60px;
}

.regsucc-info h3 span {
     display: inline-block;
     vertical-align: middle;
     height: 60px;
     width: 60px;
     background: url(https://www.goodix.com/en/webimages/reg-icon02.png) no-repeat scroll 0 0;
     -o-background-size: cover;
     background-size: cover;
     margin-right: 10px;
}

.regsucc-info .info {
     margin-top: 26px;
     font-size: 14px;
     color: #4c4c4c;
     line-height: 1.5;
}

.regsucc-info .info p {
     font-weight: bold;
}

.regsucc-info .info p b {
     color: #c8000a;
}

/* 表单验证自定义  样式  */

.Validform_checktip {
     font-size: 12px;
     vertical-align: middle;
     position: relative;
     color: #555555;
     display: block;
     line-height: 1.4;
     text-align: left;
     position: relative;
}

.Validform_error {
     border: 1px solid #fcdbd9;
}

.Validform_wrong {
     /*border: 1px solid #fcdbd9;*/ /*background-color: #fef0ef;*/ /*padding: 8px 15px;*/ /*margin-top: 5px;*/
     font-size: 12px;
     color: #c8000a;
     font-weight: bold;
     padding-left: 20px;
     position: relative;
     margin-top: 10px;
}

input.Validform_error {
     border-color: #c8000a !important;
}

.Validform_wrong:before {
     content: "";
     position: absolute;
     width: 12px;
     height: 12px;
     top: 0;
     left: 0;
     background: url(https://www.goodix.com/en/webimages/error-icon.png) no-repeat scroll 0 0;
     -o-background-size: cover;
     background-size: cover;
}

.Validform_right {
     /*border: 1px solid #b7eb8f;*/ /*background-color: #f6ffed;*/ /*padding: 8px 15px;*/ /*margin-top: 5px;*/
     color: #52c41a;
     margin-top: 10px; /*display: none;*/ /*visibility: hidden;*/
}

.Validform_error {
     border-color: #ddd;
}

.steps-pd-lr {
     padding: 0 90px;
}

@media all and (min-width: 768px) {
     .registerform {
          padding-top: 30px;
     }
}

@media all and (min-width: 1024px) {
     .form-logo-wrapper {
          position: static;
          width: auto;
          overflow: visible;
          float: left;
          margin-top: 21px;
     }

     .margin-none {
          margin: 0 !important;
     }

     /*==================================================== 登陆======================================================== */

     .login-font {
          width: 120px;
          padding-left: 20px;
          margin-left: 30px;
          margin-top: 25px;
     }

     .tablang {
          float: right;
          margin-top: 25px;
          line-height: 28px;
          position: relative;
     }

     .tablang .title {
          padding-bottom: 20px;
     }

     .tablang .title a {
          display: block;
     }

     .tablang .title a:hover {
          color: #0a51a4;
     }

     .tablang .tabs {
          top: 45px;
          border: 1px solid #cccccc;
          display: none;
          width: 150px;
          margin-left: -20px;
          padding-left: 16px;
          padding-right: 16px;
     }

     .tablang .tabs a {
          text-align: left;
     }

     .tablang .tabs a:hover {
          color: #0a51a4;
     }

     .tablang .tabs:after {
          content: "";
          position: absolute;
          border: 6px solid transparent;
          border-bottom-color: #fff;
          left: 32px;
          top: 0;
          margin-top: -12px;
     }

     .tablang .tabs:before {
          content: "";
          position: absolute;
          border: 7px solid transparent;
          border-bottom-color: #ccc;
          left: 31px;
          top: 0;
          margin-top: -14px;
     }

     @-webkit-keyframes bgzoom {
          0% {
               -webkit-transform: scale(1);
               transform: scale(1);
          }

          100% {
               -webkit-transform: scale(1.1);
               transform: scale(1.1);
          }
     }

     @-moz-keyframes bgzoom {
          0% {
               -moz-transform: scale(1);
               transform: scale(1);
          }

          100% {
               -moz-transform: scale(1.1);
               transform: scale(1.1);
          }
     }

     @-o-keyframes bgzoom {
          0% {
               -o-transform: scale(1);
               transform: scale(1);
          }

          100% {
               -o-transform: scale(1.1);
               transform: scale(1.1);
          }
     }

     @keyframes bgzoom {
          0% {
               -webkit-transform: scale(1);
               -moz-transform: scale(1);
               -o-transform: scale(1);
               transform: scale(1);
          }

          100% {
               -webkit-transform: scale(1.1);
               -moz-transform: scale(1.1);
               -o-transform: scale(1.1);
               transform: scale(1.1);
          }
     }

     .login-wrapper {
          position: relative;
     }

     .login-wrapper .bg {
          display: block;
          width: 100%;
          height: 100%;
          overflow: hidden;
          z-index: -1;
          position: absolute;
     }

     .login-wrapper .imageszoom {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          overflow: hidden;
          background-repeat: no-repeat;
          background-position: center center;
          -o-background-size: cover;
          background-size: cover;
          -webkit-animation: bgzoom 25s alternate infinite;
          -moz-animation: bgzoom 25s alternate infinite;
          -o-animation: bgzoom 25s alternate infinite;
          animation: bgzoom 25s alternate infinite;
     }

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

     .loginbox {
          padding-top: 6%;
          padding-bottom: 10%;
     }

     .loginform {
          padding: 35px 35px;
          width: 440px;
          float: right;
          -webkit-border-radius: 10px;
          border-radius: 10px;
     }

     .loginform .title {
          font-size: 30px;
          margin-bottom: 35px;
          line-height: 1.4;
     }

     .no-password a:hover {
          opacity: 0.8;
          color: #094891;
     }

     .form-login-btn .form-btn:hover {
          background: #d8020c;
     }

     .form-info a:hover {
          color: #053f83;
          opacity: 0.8;
     }

     /* 登录注册底部 */

     .login-footer {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(0, 0, 0, 0.5);
     }

     .register-login-footer {
          padding: 20px 15px;
     }

     /* 注册  */

     .register-wrapper {
          background-color: #f0f2f5;
     }

     .register-min-height {
          min-height: 84.15vh;
          padding-top: 4%;
          padding-bottom: 3%;
     }

     .register-min-height .registerform {
          padding-top: 40px;
     }

     .login-min-height {
          min-height: 89.5vh;
     }

     .registerbox {
          padding: 3% 4% 3%;
          min-height: 540px;
     }

     .register-title {
          font-size: 30px;
     }

     .register-title:before {
          margin-top: 7px;
     }

     .registerform {
          padding-top: 60px;
     }

     .reg-form-item {
          margin-bottom: 30px;
          line-height: 40px;
     }

     .reg-form-item .input-type-name {
          font-size: 16px;
     }

     .reg-form-item .reg-item-input {
          height: 40px;
          line-height: 40px;
          font-size: 14px;
     }

     .reg-form-item .reg-item-le {
          float: left;
          width: 28%;
     }

     .reg-form-item .reg-item-rh {
          float: left;
          width: 72%;
     }

     .reg-agree .ifAgree:hover {
          opacity: 0.8;
     }

     .form-login-btn .regbtn:hover {
          background: #d9010c;
     }

     /* 注册协议  */

     .registerAgreeWeb {
          width: 600px;
          margin-top: 5%;
          margin-bottom: 10%;
     }

     .registerAgreeCon {
          padding: 30px;
     }

     .registerAgreeTwo {
          padding-top: 60px;
          padding-bottom: 40px;
     }

     .registerAgreeTwo a {
          width: 340px;
          margin: 0 auto;
          line-height: 50px;
          font-size: 16px;
     }

     .registerAgreeTwo a:hover {
          opacity: 0.9;
     }

     .form-login-btn .regbtn {
          width: 320px;
     }

     .stepProgress {
          padding-bottom: 70px;
     }

     .sendTo-info {
          margin-top: 0;
     }

     .regsucc-info {
          padding-top: 75px;
     }

     .regsucc-info h3 {
          font-size: 30px;
          line-height: 80px;
     }

     .regsucc-info h3 span {
          height: 80px;
          width: 80px;
     }
}

@media (min-width: 1200px) {
     /* 注册  */

     .registerform {
          max-width: 650px;
          margin: 0 auto;
     }

     /* 注册协议  */

     .registerAgreeWeb {
          width: 600px;
     }

     .registerAgreeCon {
          height: 480px;
     }

     .registerAgreeTitle {
          line-height: 60px;
          font-size: 20px;
          padding: 0 30px;
     }

     .registerAgreeTitle .close {
          right: 30px;
     }

     .registerAgreeOne h5 {
          font-size: 16px;
     }
}

@media (min-width: 1600px) {
     /* 注册协议  */

     .registerAgreeWeb {
          width: 1000px;
     }

     .registerAgreeCon {
          height: 620px;
     }
}

@charset "UTF-8";

/*  20190929 修改    */

.change-user-info .Validform_right {
     display: none;
}

/* 个人中心 - 访客*/

/*  20190930 修改  */

.personal-banner {
     position: relative;
     margin-top: 0px;
     margin-bottom: 30px;
     overflow: hidden;
     padding: 0;
     max-width: 100% !important;
}

/*  20190930 修改  */

.personal-banner .bg {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 100%;
     padding: 0;
     max-width: 100% !important;
}

.personal-banner .bg .inner {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: hidden;
}

/*  20190930 修改  */

.personal-banner .bg img {
     position: absolute;
     top: 0;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     height: 100%;
}

.personal-banner .info {
     position: relative;
     z-index: 10;
     padding: 20px;
     text-align: center;
}

.personal-banner .info .avatar {
     width: 80px;
     height: 80px;
     margin: 0 auto 6px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
}

.personal-banner .info .avatar img {
     display: block;
     width: 100%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}

.personal-banner .info .name {
     font-size: 16px;
     line-height: 26px;
     color: #333;
     font-weight: bold;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
}

.personal-container {
     padding-bottom: 30px;
     overflow: hidden;
}

.personal-msg {
     margin-bottom: 20px;
}

.personal-msg .personal-card {
     display: none;
}

.personal-msg .personal-edit {
     display: block;
     border: solid 1px #e3e3e3;
     font-size: 18px;
     line-height: 30px;
     color: #034894;
     text-align: center;
     padding: 15px 0;
     margin-bottom: 20px;
     overflow: hidden;
}

.personal-msg .contact {
     font-size: 14px;
     line-height: 48px;
}

.personal-msg .contact ul {
     border: solid 1px #e3e3e3;
     border-bottom: 0;
}

.personal-msg .contact li {
     border-bottom: 1px solid #e3e3e3;
}

.personal-msg .contact li a {
     display: block;
     padding-left: 17px;
}

.m-load-more {
     display: block;
     height: 45px;
     margin: 20px 10px;
     background-color: #c8000a;
     background-image: url("https://www.goodix.com/en/images/loadmore.png");
     background-repeat: no-repeat;
     background-position: center;
     overflow: hidden;
}

.m-nodata {
     padding: 15px 10px;
     font-size: 16px;
     line-height: 30px;
}

.personal-cate-list {
     border: 1px solid #e3e3e3; /* 问答*/
}

.personal-cate-list .cate {
     background-color: #fbfbfb;
     border-bottom: 1px solid #e3e3e3;
     overflow-x: auto;
}

.personal-cate-list .cate ul {
     width: auto;
     font-size: 0;
     white-space: nowrap;
}

.personal-cate-list .cate li {
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     padding: 0 15px;
}

.personal-cate-list .cate a {
     position: relative;
     display: block;
     font-size: 14px;
     line-height: 45px;
     padding: 0 5px;
}

.personal-cate-list .cate a::after {
     content: "";
     display: block;
     width: 0;
     height: 3px;
     background-color: #034894;
     position: absolute;
     bottom: 0;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     -webkit-transition: 0.2s ease width;
     -o-transition: 0.2s ease width;
     -moz-transition: 0.2s ease width;
     transition: 0.2s ease width;
}

.personal-cate-list .cate a.cur {
     color: #034894;
}

.personal-cate-list .cate a.cur::after {
     width: 100%;
}

.personal-cate-list .cate-list li {
     border-bottom: 1px solid #e3e3e3;
}

.personal-cate-list .cate-list li a {
     display: block;
     padding: 10px;
}

.personal-cate-list .cate-list .title {
     font-size: 15px;
     line-height: 30px;
     color: #4d4d4d;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     font-weight: bold;
}

.personal-cate-list .cate-list .text {
     font-size: 14px;
     line-height: 30px;
     color: #999999;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
}

.personal-cate-list .child-cate {
     padding: 20px 0 8px 10px;
}

.personal-cate-list .child-cate p {
     float: left;
     padding-right: 3px;
}

.personal-cate-list .child-cate p a {
     padding: 0 14px;
     display: block;
     font-size: 14px;
     line-height: 30px;
}

.personal-cate-list .child-cate p a.cur {
     background-color: #0a51a4;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     color: #fff;
}

/* 个人主页*/

.personal-form-wrapper {
     max-width: 560px;
     margin: 0 auto;
     padding-top: 0px;
     padding-bottom: 40px;
}

.personal-form-wrapper .form-cate {
     padding-bottom: 20px;
     font-size: 0;
     text-align: center;
}

.personal-form-wrapper .form-cate a,
.personal-form-wrapper .form-cate span {
     display: inline-block;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
     font-size: 16px;
     line-height: 34px;
     color: #4c4c4c;
}

.personal-form-wrapper .form-cate .cur {
     color: #0c337f;
}

.personal-form-wrapper .form-cate span {
     padding: 0 1em;
     color: #ccc;
}

.personal-form-wrapper .editor-info .per-item {
     position: relative;
     padding-left: 0px;
     margin-bottom: 15px;
}

/*.personal-form-wrapper .editor-info .change-user-info .per-item { position: relative; padding-left: 90px; margin-bottom: 15px; }*/

.personal-form-wrapper .editor-info .label {
     float: none;
     position: static;
     left: 0;
     top: 0;
     font-size: 14px;
     line-height: 40px;
     color: #4d4d4d;
}

.personal-form-wrapper .editor-info input {
     display: block;
     font-size: 14px;
     width: 100%;
     height: 40px;
     padding-left: 10px;
     border: solid 1px #ccc;
}

.personal-form-wrapper .editor-info .per-submit {
     padding-top: 16px;
     text-align: right;
}

.personal-form-wrapper .editor-info .editor-submit {
     display: inline-block;
     width: 100%;
     height: 40px;
     font-size: 14px;
     line-height: 40px;
     text-align: center;
     font-weight: bold;
     color: #fff;
     background-color: #0c337f;
     border: 0;
     padding: 0;
}

.personal-form-wrapper .avtar-select .label {
     line-height: 62px;
}

.personal-form-wrapper .avtar-select .nowimg {
     float: left;
     width: 62px;
     height: 62px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
}

.personal-form-wrapper .avtar-select .nowimg img {
     width: 100%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}

.personal-form-wrapper .avtar-select .options {
     position: relative;
     float: left;
     margin: 16px 0 0 30px;
}

.personal-form-wrapper .avtar-select .options .change {
     display: block;
     width: 85px;
     height: 40px;
     border: solid 1px #cccccc;
     text-align: center;
     font-size: 14px;
     line-height: 38px;
     color: #999;
}

.personal-form-wrapper .avtar-select .option-popup {
     display: none;
     position: fixed;
     left: 50%;
     top: 50%;
     width: 300px;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     z-index: 20;
     background-color: #ffffff;
     border: solid 1px #e3e3e3;
     padding: 10px;
}

.personal-form-wrapper .avtar-select .option-popup .close {
     position: absolute;
     right: 0;
     top: 0;
     width: 40px;
     height: 40px;
     font-size: 30px;
     line-height: 40px;
     text-align: center;
     font-family: consolas;
}

.personal-form-wrapper .avtar-select .option-popup ul {
     height: 120px;
     overflow: auto;
}

.personal-form-wrapper .avtar-select .option-popup li {
     float: left;
     width: 25%;
     padding: 0 10px;
     margin-bottom: 10px;
}

.personal-form-wrapper .avtar-select .option-popup li img {
     position: relative;
     display: block;
     width: 100%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
}

.personal-form-wrapper .avtar-select .option-popup li img.cur {
     border: solid 1px #c8000a;
}

.personal-form-wrapper .avtar-select .option-popup li img.cur::after {
     border: solid 1px #c8000a;
}

/*  20190930 修改  */

.form-info-dl {
     font-size: 14px;
     color: #999999;
}

.form-info-dl .info p {
     position: relative;
     width: 100%;
     padding-left: 10px;
}

.form-info-dl .info p:after {
     content: "";
     position: absolute;
     width: 4px;
     height: 4px;
     background: #999;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}

@media (min-width: 768px) {
     /* 个人主页*/

     .personal-form-wrapper {
          padding-top: 13px;
          padding-bottom: 60px;
     }

     .personal-form-wrapper .form-cate {
          padding-bottom: 40px;
     }

     .personal-form-wrapper .form-cate a,
     .personal-form-wrapper .form-cate span {
          font-size: 24px;
          line-height: 40px;
     }

     .personal-form-wrapper .editor-info .per-item {
          padding-left: 92px;
          margin-bottom: 30px;
     }

     .personal-form-wrapper .editor-info .change-password-form .per-item {
          padding-left: 145px;
     }

     .personal-form-wrapper .editor-info .label {
          position: absolute;
     }

     .personal-form-wrapper .editor-info .per-submit {
          padding-top: 1px;
     }

     .personal-form-wrapper .avtar-select .option-popup {
          position: absolute;
          left: -93px;
          top: 57px;
          width: 495px;
          height: 282px;
          -webkit-transform: translate(0);
          -moz-transform: translate(0);
          -ms-transform: translate(0);
          -o-transform: translate(0);
          transform: translate(0);
          padding: 0;
     }

     .personal-form-wrapper .avtar-select .option-popup::after {
          content: "";
          position: absolute;
          left: 105px;
          top: -12px;
          width: 39px;
          height: 12px;
          background: url("https://www.goodix.com/en/webimages/optarr_03.png") no-repeat center;
     }

     .personal-form-wrapper .avtar-select .option-popup .close {
          position: absolute;
          right: 0;
          top: 0;
          width: 40px;
          height: 40px;
          font-size: 24px;
          line-height: 40px;
          text-align: center;
     }

     .personal-form-wrapper .avtar-select .option-popup ul {
          overflow: auto;
          height: 280px;
          padding: 33px 15px;
     }

     .personal-form-wrapper .avtar-select .option-popup li {
          padding: 0 15px;
          margin-bottom: 43px;
     }
}

@media (min-width: 1024px) {
     .personal-banner {
          margin-top: -1px;
          margin-bottom: 40px;
     }

     .personal-banner .bg {
          position: static;
          left: 0;
          top: 0;
          bottom: 0;
          width: 100%;
          padding: 0;
     }

     .personal-banner .bg img {
          position: static;
          left: 0;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          width: 100%;
          height: auto;
     }

     .personal-banner .info {
          position: absolute;
          left: 50%;
          top: 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%);
     }

     .personal-banner .info .avatar {
          margin: 0 auto 13px;
     }

     .personal-container {
          padding-bottom: 70px;
     }

     .personal-msg {
          float: right;
          width: 330px;
          margin-bottom: 0;
          padding-left: 30px;
     }

     .personal-msg .personal-card {
          display: block;
          border: solid 1px #e3e3e3;
          text-align: center;
          padding: 36px 0 20px;
          margin-bottom: 20px;
     }

     .personal-msg .personal-card .avatar {
          width: 110px;
          height: 110px;
          margin: 0 auto 15px;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          overflow: hidden;
     }

     .personal-msg .personal-card .avatar img {
          -webkit-border-radius: 50%;
          border-radius: 50%;
          width: 100%;
     }

     .personal-msg .personal-card .name {
          font-size: 16px;
          line-height: 30px;
          color: #1a1a1a;
          font-weight: bold;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          overflow: hidden;
     }

     .personal-msg .personal-card .notes {
          font-size: 14px;
          line-height: 30px;
          color: #999;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          overflow: hidden;
     }

     .personal-msg .personal-edit {
          margin-top: -21px;
          padding: 35px 0;
     }

     .personal-msg .contact li a:hover {
          color: #034894;
     }

     .m-load-more {
          margin: 50px 24px;
     }

     .m-nodata {
          padding: 34px 24px;
     }

     .personal-cate-list {
          overflow: hidden;
          padding-bottom: 70px;
     }

     .personal-cate-list .cate {
          padding-left: 15px;
     }

     .personal-cate-list .cate a {
          line-height: 65px;
     }

     .personal-cate-list .cate a:hover {
          color: #034894;
     }

     .personal-cate-list .cate a:hover::after {
          background-color: #0a51a4;
     }

     .personal-cate-list .cate-list li a {
          -webkit-transition: all ease 0.3s;
          -o-transition: all ease 0.3s;
          -moz-transition: all ease 0.3s;
          transition: all ease 0.3s;
          display: block;
          padding: 18px 24px 18px;
     }

     .personal-cate-list .cate-list li a:hover {
          background-color: #fbfbfb;
     }

     .personal-cate-list .cate-list li a:hover .title {
          color: #0a51a4;
     }

     .personal-cate-list .child-cate {
          padding: 30px 0 8px 24px;
     }

     .personal-cate-list .child-cate p a:hover {
          background-color: #0a51a4;
          -webkit-border-radius: 4px;
          border-radius: 4px;
          color: #fff;
     }
}

@media (min-width: 1260px) {
     .personal-banner .info .avatar {
          width: 86px;
          height: 86px;
     }

     .personal-banner .info .name {
          font-size: 20px;
          line-height: 30px;
     }

     .personal-form-wrapper .avtar-select .option-popup .close {
          display: none;
     }
}

.wordcenter {
     width: 100%;
     overflow: hidden;
     padding-top: 35px;
     padding-bottom: 65px;
}

.wordtable {
     width: 100%;
     text-align: center;
}

.word-img {
     width: 100%;
     text-align: right;
}

.word-img img {
     max-width: 100%;
}

.word-font {
     text-align: left;
     padding-top: 55px;
     display: inline-block;
}

.word-font .title {
     color: #333333;
     font-size: 20px;
     font-weight: bold;
}

.word-font .info {
     color: #999999;
     padding: 5px 0 15px 0;
     font-size: 14px;
     line-height: 24px;
}

.word-font .link .retrun {
     display: block;
     width: 160px;
     height: 40px;
     font-size: 14px;
     line-height: 38px;
     text-align: center;
     border: 1px solid #dc4a3b;
     background-color: #ba000b;
     border-color: #ba000b;
     color: #fff;
}

@media (min-width: 1024px) {
     .wordcenter {
          padding-top: 65px;
          padding-bottom: 165px;
     }

     .wordtable {
          text-align: center;
          display: table;
          table-layout: fixed;
     }

     .wordtable .cell {
          display: table-cell;
          width: 50%;
     }

     .word-font {
          vertical-align: middle;
          padding-left: 8.5%;
     }

     .word-font .title {
          font-size: 28px;
     }

     .word-font .info {
          padding: 10px 0 10px 0;
          font-size: 18px;
     }
}

@media (min-width: 1260px) {
     .wordcenter {
          padding-top: 90px;
     }

     .word-font .title {
          font-size: 32px;
     }

     .word-font .info {
          font-size: 20px;
          padding: 20px 0 20px 0;
     }
}

/*  */

/* 配图文字考虑出现二级Item  */

.sy-level-acticle {
     width: 100%;

     font-size: 14px;

     color: #666;

     line-height: 24px;

     white-space: normal;

     word-break: break-word;
}

.sy-level-acticle .level1 {
     width: 100%;
}

.sy-level-acticle .level1 .lv1 {
     width: 100%;

     position: relative;

     padding-left: 15px;

     padding-right: 15px;
}

.sy-level-acticle .level1 .lv1:before {
     content: "";

     position: absolute;

     width: 5px;

     height: 5px;

     background: #666;

     -webkit-border-radius: 50%;

     border-radius: 50%;

     left: 0;

     top: 10px;
}

.sy-level-acticle .level2 {
     width: 100%;

     padding-left: 5px;

     padding-right: 5px;
}

.sy-level-acticle .level2 .lv2 {
     width: 100%;

     position: relative;

     padding-left: 15px;
}

.sy-level-acticle .level2 .lv2:before {
     content: "";

     position: absolute;

     width: 6px;

     height: 6px;

     border: 1px solid #666;

     /*background: #666;*/

     -webkit-border-radius: 50%;

     border-radius: 50%;

     left: 0;

     top: 10px;
}

@media (min-width: 1024px) {
     .sy-level-acticle {
          font-size: 16px;

          line-height: 30px;
     }

     .sy-level-acticle .level1 .lv1:before {
          top: 11px;
     }

     .sy-level-acticle .level2 .lv2:before {
          top: 11px;
     }
}

/* 产品模板页、解决方案模板页、工具&软件模板页 */

.m-level-wrap {
     margin-left: -15px;

     margin-right: -15px;
}

.m-col-item {
     padding-left: 15px;

     padding-right: 15px;
}

.m-level-article {
     width: 100%;

     line-height: 28px;

     white-space: normal;

     word-break: break-word;

     color: #666;

     font-size: 14px;
}

.m-level-article .level1 {
     width: 100%;
}

.m-level-article .level1 .lv1 {
     width: 100%;

     position: relative;

     padding-left: 15px;

     padding-right: 15px;
}

.m-level-article .level1 .lv1:before {
     content: "";

     position: absolute;

     width: 5px;

     height: 5px;

     background: #666;

     -webkit-border-radius: 50%;

     border-radius: 50%;

     left: 0;

     top: 11px;
}

.m-level-article .level2 {
     width: 100%;

     padding-left: 5px;

     padding-right: 5px;
}

.m-level-article .level2 .lv2 {
     width: 100%;

     position: relative;

     padding-left: 15px;
}

.m-level-article .level2 .lv2:before {
     content: "";

     position: absolute;

     width: 6px;

     height: 6px;

     border: 1px solid #666;

     /*background: #666;*/

     -webkit-border-radius: 50%;

     border-radius: 50%;

     left: 0;

     top: 11px;
}

@media (min-width: 1024px) {
     .m-level-wrap {
          margin-left: -40px;

          margin-right: -40px;
     }

     .m-level-wrap:after {
          content: "";

          display: block;

          clear: both;

          visibility: hidden;

          height: 0;
     }

     .m-col-item {
          width: 50%;

          padding-left: 40px;

          padding-right: 40px;

          float: left;

          margin-bottom: 15px;
     }

     .m-level-article {
          line-height: 32px;

          font-size: 16px;
     }

     .m-col-item:nth-child(2n + 1) {
          clear: both;
     }

     .m-level-article .level1 .lv1:before {
          top: 13px;
     }

     .m-level-article .level2 .lv2:before {
          top: 13px;
     }
}

@media (min-width: 1260px) {
     .m-level-wrap {
          margin-left: -50px;

          margin-right: -50px;
     }

     .m-col-item {
          padding-left: 50px;

          padding-right: 50px;
     }
}

/*MWC19 专区 sssssssssssss*/

/*-------- 内页banner --------*/

.innerpagebanner {
     width: 100%;
     overflow: hidden;
}

.innerpagebanner img {
     display: block;
     width: 100%;
}

/*-------- 内页banner --------*/

.in-special {
     width: 100%;
     position: relative;
     overflow: hidden;
     background-image: url(https://www.goodix.com/en/webimages/specialbg.png);
     background-repeat: repeat-y;
     background-position: center 0;
     -o-background-size: cover;
     background-size: cover;
     padding-top: 10px;
     padding-bottom: 110px;
}

.in-special .footfocus {
     position: absolute;
     width: 100%;
     left: 0;
     bottom: 0;
     background-color: transparent;
}

.specialconweb {
     width: 100%;
     padding-left: 15px;
     padding-right: 15px;
     max-width: 1470px;
     margin: 0 auto;
}

.Sense-module {
     width: 100%;
     overflow: hidden;
     padding-top: 20px;
     padding-bottom: 10px;
}

.Sense-module h4 {
     margin-bottom: 20px;
}

.Sense-img {
     width: 100%;
     overflow: hidden;
}

.Sense-img img {
     display: block;
     width: 100%;
}

.in-special-title {
     color: #0068b7;
     text-align: center;
     font-size: 22px;
     line-height: 1.20833;
}

.in-special-title sup {
     font-size: 12px;
}

/*===============================*/

.Connectivity-module {
     width: 100%;
     padding-top: 20px;
     padding-bottom: 10px;
}

.Connectivity-module h4 {
     margin-bottom: 20px;
}

.m-special-wrap {
     width: 100%;
     overflow: hidden;
}

.m-special-ul {
     margin-left: -10px;
     margin-right: -10px;
}

.m-special-ul li {
     padding-left: 10px;
     padding-right: 10px;
     margin-bottom: 10px;
}

.m-special-ul li a {
     display: block;
     width: 100%;
}

.Sensors-module ul li:nth-child(1) a {
     cursor: pointer;
}

.Sensors-module ul li:nth-child(2) a {
     cursor: pointer;
}

.specialbox {
     width: 100%;
     position: relative;
     overflow: hidden;
}

.specialbox img {
     display: block;
     width: 100%;
     -webkit-transition: all 0.9s;
     -o-transition: all 0.9s;
     -moz-transition: all 0.9s;
     transition: all 0.9s;
}

.specialword {
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     z-index: 22;
     background: rgba(1, 25, 87, 0.4);
     background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(10%, rgba(1, 25, 87, 0.6)),
          color-stop(25%, rgba(1, 25, 87, 0.2)),
          color-stop(35%, rgba(1, 25, 87, 0))
     );
     background: -webkit-linear-gradient(
          top,
          rgba(1, 25, 87, 0.6) 10%,
          rgba(1, 25, 87, 0.2) 25%,
          rgba(1, 25, 87, 0) 35%
     );
     background: -moz-
          oldlinear-gradient(top, rgba(1, 25, 87, 0.6) 10%, rgba(1, 25, 87, 0.2) 25%, rgba(1, 25, 87, 0) 35%);
     background: -o-linear-gradient(top, rgba(1, 25, 87, 0.6) 10%, rgba(1, 25, 87, 0.2) 25%, rgba(1, 25, 87, 0) 35%);
     background: linear-gradient(top, rgba(1, 25, 87, 0.6) 10%, rgba(1, 25, 87, 0.2) 25%, rgba(1, 25, 87, 0) 35%);
     padding: 15px 15px;
}

.specialword .title {
     width: 100%;
     text-align: center;
     overflow: hidden;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     color: #ffffff;
     line-height: 1.5625;
     font-size: 16px;
}

.Sensors-module {
     width: 100%;
     padding-bottom: 10px;
     padding-top: 10px;
}

.Sensors-module h4 {
     margin-bottom: 20px;
}

.indisplay-module {
     width: 100%;
     padding-top: 10px;
     padding-bottom: 10px;
}

.indisplay-module h4 {
     margin-bottom: 20px;
}

.indisplay {
     width: 100%;
     background-image: url(https://www.goodix.com/en/webimages/displaybg.jpg);
     background-repeat: no-repeat;
     background-position: center center;
     -o-background-size: cover;
     background-size: cover;
     padding: 40px 20px 0;
     position: relative;
}

.indisplay-pump {
     width: 100%;
     position: relative;
}

.indisplay-swiper {
     width: 100%;
     overflow: hidden;
     position: relative;
}

.indisplay-swiper ul li {
     height: auto;
     width: 100%;
}

.indisplay-swiper ul li a {
     display: block;
     width: 100%;
}

.indisplay-swiper ul li img {
     display: block;
     width: 100%;
}

.indisplay-pagination {
     width: 100%;
     text-align: center;
     line-height: normal;
     font-size: 0;
     padding-top: 15px;
}

.indisplay-pagination span {
     display: inline-block;
     vertical-align: top;
     width: 8px;
     height: 8px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background-color: #fff;
     margin: 0 3px;
}

.indisplay-pagination span.swiper-pagination-bullet-active {
     background-color: #e7282c;
}

.indisplay-prev,
.indisplay-next {
     display: none;
}

.indisplay-article {
     width: 100%;
     padding-top: 15px;
     padding-bottom: 60px;
     text-align: center;
}

.indisplay-article .inb {
     display: inline-block;
     vertical-align: top;
}

.indisplay-word {
     width: 100%;
     text-align: left;
     color: #fff;
     font-size: 16px;
     line-height: 26px;
}

.indisplay-word .smallfont {
     font-size: 14px;
}

.indisplay-word > p,
.indisplay-word > * {
     display: block;
     width: 100%;
     position: relative;
     padding-left: 20px;
}

.indisplay-word > p:before,
.indisplay-word > *:before {
     content: "";
     position: absolute;
     width: 6px;
     height: 6px;
     background-color: #ffffff;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     left: 0;
     top: 10px;
}

.indisplay-word > p .nums,
.indisplay-word > * .nums {
     color: #ffd52e;
     font-size: 20px;
     display: inline-block;
     vertical-align: bottom;
     line-height: inherit;
}

.data-collected {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     color: #fff;
     padding: 0 15px 10px;
     font-size: 14px;
     line-height: 22px;
}

.indisplay-tips {
     width: 100%;
     text-align: left;
     color: #fff;
     font-size: 16px;
     line-height: 26px;
     padding-bottom: 10px;
}

.indisplay-tips > p .nums,
.indisplay-tips > * .nums {
     color: #ffd52e;
     font-size: 20px;
     display: inline-block;
     vertical-align: bottom;
     line-height: inherit;
}

.Innovative-module {
     width: 100%;
     padding-top: 20px;
     padding-bottom: 10px;
}

.Innovative-module h4 {
     margin-bottom: 20px;
}

.invideo-module {
     width: 100%;
     padding-top: 10px;
     padding-bottom: 10px;
}

.invideo-module h4 {
     margin-bottom: 20px;
}

.special-video {
     width: 100%;
}

.special-video:after {
     content: "";
     display: block;
     clear: both;
     visibility: hidden;
     height: 0;
}

.special-video .videocons {
     width: 100%;
}

.special-video .videolists {
     width: 100%;
     margin-top: 0;
}

.videodisplay {
     width: 100%;
     position: relative;
     background-color: #000;
}

.videodisplay .videoboxs {
     position: absolute !important;
     width: 100%;
     left: 0;
     top: 0;
     height: 100%;
     cursor: pointer;
     z-index: 2;
}

.videodisplay .videoboxs video {
     object-fit: contain;
}

.videomark {
     width: 100%;
     overflow: hidden;
     position: relative;
     z-index: 3;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     opacity: 1;
     visibility: visible;
     cursor: pointer;
}

.videomark img {
     display: block;
     width: 100%;
}

.videomark .icon {
     position: absolute;
     width: 60px;
     height: 60px;
     background: url(https://www.goodix.com/en/webimages/specialplay.png) no-repeat scroll center center;
     -o-background-size: cover;
     background-size: cover;
     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%);
}

.videomark.close {
     opacity: 0;
     visibility: hidden;
}

.videolist-swiper {
     width: 100%;
     overflow: hidden;
     padding-top: 15px;
}

.videolist-swiper ul li {
     width: 100%;
     height: auto;
     border: 6px solid #cccccc;
     position: relative;
     background-color: #fff;
}

.videolist-swiper ul li .a {
     display: block;
     width: 100%;
     font-size: 0;
     height: 100%;
     cursor: pointer;
}

.videolist-swiper ul li .image {
     display: inline-block;
     vertical-align: middle;
     width: 33.3334%;
     overflow: hidden;
     height: 100%;
}

.videolist-swiper ul li .image img {
     display: block;
     width: 100%;
}

.videolist-swiper ul li .word {
     display: inline-block;
     vertical-align: middle;
     width: 66.6666%;
     padding-left: 12px;
     padding-right: 12px;
     height: 100%;
     position: relative;
}

.videolist-swiper ul li .word .lib {
     color: #5b5b5b;
     font-size: 16px;
     line-height: 22px;
     position: absolute;
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     padding-left: 12px;
     padding-right: 12px;
     display: block;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 5;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     max-height: 110px;
}

.videolist-swiper ul li:after {
     content: "";
     position: absolute;
     border: 12px solid transparent;
     border-bottom-color: #0079c1;
     top: -30px;
     left: 50%;
     margin-left: -12px;
     display: none;
}

.videolist-swiper ul li.cur {
     border-color: #0079c1;
}

.videolist-swiper ul li.cur:after {
     display: block;
}

.videolist-pagination {
     width: 100%;
     text-align: center;
     line-height: normal;
     padding-top: 15px;
}

.videolist-pagination span {
     display: inline-block;
     vertical-align: top;
     width: 10px;
     height: 10px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
     background-color: #d4d4d4;
     margin: 0 5px;
     cursor: pointer;
}

.videolist-pagination span.swiper-pagination-bullet-active {
     background-color: #e7282c;
}

.onSpot-module {
     width: 100%;
     padding-top: 10px;
     padding-bottom: 10px;
}

.onSpot-module h4 {
     margin-bottom: 20px;
}

.onSpot-swiper {
     width: 100%;
     position: relative;
     overflow: hidden;
}

.onSpot-swiper ul li {
     height: auto;
     overflow: hidden;
}

.onSpot-swiper .onspot-img {
     display: block;
     width: 100%;
     overflow: hidden;
}

.onSpot-swiper .onspot-img img {
     display: block;
     width: 100%;
}

.onSpot-pagination {
     width: 100%;
     text-align: center;
     line-height: normal;
     padding-top: 15px;
}

.onSpot-pagination span {
     display: inline-block;
     vertical-align: top;
     width: 10px;
     height: 10px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
     background-color: #d4d4d4;
     margin: 0 5px;
     cursor: pointer;
}

.onSpot-pagination span.swiper-pagination-bullet-active {
     background-color: #e7282c;
}

.onSpot-prev,
.onSpot-next {
     display: none;
}

.Coverage-module {
     width: 100%;
     padding-top: 10px;
     padding-bottom: 10px;
}

.Coverage-module h4 {
     margin-bottom: 20px;
}

.Coverage-wrapper {
     width: 100%;
}

.Coverage-ul {
     margin-left: -10px;
     margin-right: -10px;
}

.Coverage-ul li {
     padding-left: 10px;
     padding-right: 10px;
     margin-bottom: 25px;
     display: none;
}

.Coverage-ul li .a {
     display: block;
     width: 100%;
     padding: 8px;
     background-color: #cccccc;
     cursor: pointer;
}

.Coverage-ul li .image {
     width: 100%;
     overflow: hidden;
     position: relative;
}

.Coverage-ul li .image:before {
     content: "";
     display: block;
     width: 100%;
     padding-bottom: 72.72727%;
}

.Coverage-ul li .image img {
     display: block;
     width: 100%;
     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%);
     -webkit-transition: all 0.9s;
     -o-transition: all 0.9s;
     -moz-transition: all 0.9s;
     transition: all 0.9s;
}

.Coverage-ul li .word {
     width: 100%;
     padding: 10px 18px 16px;
}

.Coverage-ul li .word .tp {
     width: 100%;
     padding-bottom: 8px;
}

.Coverage-ul li .word .time {
     display: inline-block;
     vertical-align: top;
     background-color: #d71518;
     color: #fff;
     position: relative;
     font-size: 14px;
     line-height: 32px;
     padding: 0 18px;
     -webkit-border-radius: 6px;
     border-radius: 6px;
}

.Coverage-ul li .word .time:after {
     content: "";
     position: absolute;
     border: 10px solid transparent;
     border-top-color: #d71518;
     width: 0;
     height: 0;
     top: 100%;
     left: 10px;
}

.Coverage-ul li .word .bt {
     width: 100%;
     color: #000000;
     font-size: 14px;
     line-height: 24px;
     display: block;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     height: 96px;
}

.Coverageloadmore {
     display: none;
     width: 100%;
     line-height: 42px;
     background: #ed1c24 url(https://www.goodix.com/en/webimages/loadmoreicon.png) no-repeat scroll center center;
     -o-background-size: 28px auto;
     background-size: 28px auto;
     height: 42px;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}

@media (min-width: 768px) {
     .in-special-title {
          font-size: 26px;
     }
     .in-special-title sup {
          font-size: 14px;
     }
}

.below_1024 {
     display: block;
}

.up_1024 {
     display: none;
}

@media (min-width: 1024px) {
     .in-special {
          padding-top: 20px;
          padding-bottom: 120px;
     }

     .specialconweb {
          padding-left: 40px;
          padding-right: 40px;
     }

     .Sense-module {
          padding-top: 25px;
          padding-bottom: 20px;
     }

     .Sense-module h4 {
          margin-bottom: 40px;
     }

     .in-special-title {
          font-size: 30px;
     }

     .in-special-title sup {
          font-size: 18px;
     }

     .hrg-top .lang {
          margin-top: 0px;
     }

     .below_1024 {
          display: none;
     }

     .up_1024 {
          display: block;
     }

     /*===============================*/

     .Connectivity-module {
          padding-top: 25px;
     }

     .Connectivity-module h4 {
          margin-bottom: 40px;
     }

     .m-special-wrap {
          width: 100%;
          overflow: hidden;
     }

     .m-special-ul li:hover .specialbox img {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1);
     }

     .specialword {
          padding: 20px 15px;
     }

     .specialword .title {
          font-size: 20px;
     }

     /*==================================*/

     .Sensors-module {
          padding-top: 25px;
     }

     .Sensors-module h4 {
          margin-bottom: 40px;
     }

     .indisplay-module {
          padding-top: 25px;
          padding-bottom: 20px;
     }

     .indisplay-module h4 {
          margin-bottom: 40px;
     }

     .indisplay {
          padding: 60px 40px 0;
     }

     .indisplay-pump {
          padding-left: 60px;
          padding-right: 60px;
     }

     .indisplay-pagination {
          display: none;
     }

     .indisplay-prev,
     .indisplay-next {
          display: block;
          position: absolute;
          cursor: pointer;
          top: 36.66667%;
          width: 60px;
          height: 60px;
     }

     .indisplay-prev:after,
     .indisplay-next:after {
          content: "";
          position: absolute;
          width: 40px;
          height: 40px;
          border: 3px solid #9a9eb6;
          top: 50%;
     }

     .indisplay-prev:hover:after,
     .indisplay-next:hover:after {
          border-color: #a1a5be;
     }

     .indisplay-prev {
          left: 0;
     }

     .indisplay-prev:after {
          border-right: none;
          border-bottom: none;
          -webkit-transform: translateY(-50%) rotate(-45deg);
          -moz-transform: translateY(-50%) rotate(-45deg);
          -ms-transform: translateY(-50%) rotate(-45deg);
          -o-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
          left: 7px;
     }

     .indisplay-next {
          right: 0;
     }

     .indisplay-next:after {
          border-left: none;
          border-bottom: none;
          -webkit-transform: translateY(-50%) rotate(45deg);
          -moz-transform: translateY(-50%) rotate(45deg);
          -ms-transform: translateY(-50%) rotate(45deg);
          -o-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          right: 7px;
     }

     .indisplay-article {
          padding-top: 30px;
     }

     .indisplay-word {
          font-size: 20px;
          line-height: 32px;
     }

     .indisplay-word .smallfont {
          font-size: 16px;
     }

     .indisplay-word > p:before,
     .indisplay-word > *:before {
          top: 12px;
     }

     .indisplay-word > p .nums,
     .indisplay-word > * .nums {
          font-size: 30px;
     }

     .indisplay-tips {
          font-size: 20px;
          line-height: 32px;
          padding-bottom: 15px;
     }

     .indisplay-tips > p .nums,
     .indisplay-tips > * .nums {
          font-size: 22px;
     }

     .Innovative-module {
          padding-top: 20px;
          padding-bottom: 10px;
     }

     .Innovative-module h4 {
          margin-bottom: 40px;
     }

     .invideo-module {
          padding-top: 25px;
          padding-bottom: 20px;
     }

     .invideo-module h4 {
          margin-bottom: 40px;
     }

     .special-video .videocons {
          float: left;
          width: 66.6666%;
     }

     .special-video .videolists {
          float: left;
          width: 33.33334%;
          padding-left: 0px;
          position: relative;
     }

     .videomark {
          width: 100%;
          height: 388px;
     }

     .videomark img {
          display: block;
          width: auto;
          height: 100% !important;
          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%);
     }

     .videomark .icon {
          width: 70px;
          height: 70px;
     }

     .videolist-swiper {
          height: 388px;
          padding-top: 0px;
          padding-left: 35px;
     }

     .videolist-swiper ul li .image {
          position: relative;
     }

     .videolist-swiper ul li .word .lib {
          -webkit-line-clamp: 4;
     }

     .videolist-swiper ul li .image img {
          width: auto;
          height: 110%;
          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%);
     }

     .videolist-swiper ul li:after {
          border-bottom-color: transparent;
          border-right-color: #0079c1;
          top: 50%;
          left: -30px;
          margin-left: 0px;
          margin-top: -12px;
     }

     .videolist-swiper ul li:hover {
          border-color: #0079c1;
     }

     .videolist-swiper ul li:hover:after {
          display: block;
     }

     .videolist-pagination {
          position: absolute;
          top: 0;
          right: -30px;
          width: 30px;
          height: 100%;
          padding-top: 0;
          text-align: right;
     }

     .videolist-pagination:before {
          content: "";
          height: 100%;
          display: inline-block;
          vertical-align: middle;
     }

     .videolist-pagination span {
          margin: 20px 0;
          display: block;
     }

     .videolist-pagination .lib {
          display: inline-block;
          vertical-align: middle;
     }

     .onSpot-module {
          padding-top: 25px;
          padding-bottom: 20px;
     }

     .onSpot-module h4 {
          margin-bottom: 40px;
     }

     .onSpot-swiper {
          padding: 0 10px 20px;
          -webkit-perspective: 1410px;
          -moz-perspective: 1410px;
          perspective: 1410px;
     }

     .onSpot-swiper ul {
          -webkit-transform-style: preserve-3d;
          -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
          -webkit-perspective: 1410px;
          -moz-perspective: 1410px;
          perspective: 1410px;
     }

     .onSpot-swiper ul li {
          width: 740px;
          -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
     }

     .onSpot-swiper ul li.swiper-slide-active {
          -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
     }

     .onSpot-wrapper {
          width: 100%;
          position: relative;
     }

     .onSpot-pagination {
          padding-top: 0px;
     }

     .onSpot-prev,
     .onSpot-next {
          display: block;
          position: absolute;
          cursor: pointer;
          top: 36.66667%;
          width: 60px;
          height: 60px;
     }

     .onSpot-prev:after,
     .onSpot-next:after {
          content: "";
          position: absolute;
          width: 40px;
          height: 40px;
          border: 3px solid #dbe9ff;
          top: 50%;
     }

     .onSpot-prev:hover:after,
     .onSpot-next:hover:after {
          border-color: #fff;
     }

     .onSpot-prev {
          left: 30px;
     }

     .onSpot-prev:after {
          border-right: none;
          border-bottom: none;
          -webkit-transform: translateY(-50%) rotate(-45deg);
          -moz-transform: translateY(-50%) rotate(-45deg);
          -ms-transform: translateY(-50%) rotate(-45deg);
          -o-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
          left: 7px;
     }

     .onSpot-next {
          right: 30px;
     }

     .onSpot-next:after {
          border-left: none;
          border-bottom: none;
          -webkit-transform: translateY(-50%) rotate(45deg);
          -moz-transform: translateY(-50%) rotate(45deg);
          -ms-transform: translateY(-50%) rotate(45deg);
          -o-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          right: 7px;
     }

     .Coverage-module {
          padding-top: 20px;
          padding-bottom: 20px;
     }

     .Coverage-module h4 {
          margin-bottom: 40px;
     }

     .Coverage-ul li .a:hover .image img {
          -webkit-transform: translate(-50%, -50%) scale(1.1);
          -moz-transform: translate(-50%, -50%) scale(1.1);
          -ms-transform: translate(-50%, -50%) scale(1.1);
          -o-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
     }

     .Coverage-ul li .word .time {
          font-size: 16px;
          line-height: 36px;
     }

     .Coverage-ul li .word .bt {
          font-size: 16px;
          line-height: 26px;
          height: 104px;
     }

     .Coverageloadmore {
          line-height: 48px;
          -o-background-size: auto auto;
          background-size: auto auto;
          height: 48px;
     }

     .Coverageloadmore:hover {
          background-color: #e6161e;
     }
}

@media (min-width: 1260px) {
     .in-special {
          padding-bottom: 180px;
          padding-top: 25px;
     }

     .Sense-module {
          padding-top: 30px;
          padding-bottom: 30px;
     }

     .Sense-module h4 {
          margin-bottom: 45px;
     }

     .in-special-title {
          font-size: 36px;
     }

     .in-special-title sup {
          font-size: 20px;
     }

     /*===============================*/

     .Connectivity-module h4 {
          margin-bottom: 45px;
     }

     .m-special-ul li {
          margin-bottom: 20px;
     }

     .specialword {
          padding: 25px 15px;
     }

     .specialword .title {
          font-size: 24px;
     }

     /*==================================*/

     .Innovative-module {
          padding-top: 25px;
     }

     .indisplay-module h4 {
          margin-bottom: 45px;
     }

     .invideo-module h4 {
          margin-bottom: 45px;
     }

     .onSpot-module h4 {
          margin-bottom: 45px;
     }

     .Coverage-module h4 {
          margin-bottom: 45px;
     }

     .Innovative-module h4 {
          margin-bottom: 45px;
     }

     .Sensors-module h4 {
          margin-bottom: 45px;
     }

     .indisplay {
          padding: 60px 50px 0;
     }

     .indisplay-pump {
          padding-left: 80px;
          padding-right: 80px;
     }

     .indisplay-word {
          font-size: 22px;
          line-height: 32px;
     }

     .indisplay-word > p:before,
     .indisplay-word > *:before {
          top: 14px;
     }

     .indisplay-word > p .nums,
     .indisplay-word > * .nums {
          font-size: 40px;
     }

     .indisplay-tips {
          font-size: 22px;
          padding-bottom: 20px;
     }

     .indisplay-tips > p .nums,
     .indisplay-tips > * .nums {
          font-size: 28px;
     }

     .videomark {
          height: 472px;
     }

     .videomark img {
          height: 120%;
     }

     .videomark .icon {
          width: 80px;
          height: 80px;
     }

     .videolist-swiper {
          height: 472px;
     }

     .videolist-swiper ul li .word .lib {
          font-size: 18px;
          line-height: 26px;
          max-height: 78px;
     }

     .videolist-swiper ul li .word .lib {
          -webkit-line-clamp: 3;
     }

     .onSpot-swiper ul li {
          width: 860px;
     }

     .Coverage-ul li .word .time {
          font-size: 18px;
          line-height: 40px;
     }

     /*.Coverage-ul li .word .bt { font-size: 18px; line-height: 30px; height: 120px; }*/
}

@media (min-width: 1480px) {
     .in-special {
          padding-top: 30px;
          padding-bottom: 260px;
     }

     .Sense-module h4 {
          margin-bottom: 50px;
     }

     .specialconweb {
          padding-left: 30px;
          padding-right: 30px;
     }

     .in-special-title {
          font-size: 48px;
     }

     /*===============================*/

     .Connectivity-module {
          padding-top: 30px;
     }

     .Connectivity-module h4 {
          margin-bottom: 50px;
     }

     .specialword .title {
          font-size: 28px;
     }

     /*==================================*/

     .Sensors-module {
          padding-top: 30px;
     }

     .Sensors-module h4 {
          margin-bottom: 50px;
     }

     .indisplay-module {
          padding-top: 30px;
          padding-bottom: 30px;
     }

     .indisplay-module h4 {
          margin-bottom: 50px;
     }

     .indisplay-word {
          font-size: 24px;
          line-height: 36px;
     }

     .indisplay-word .smallfont {
          font-size: 18px;
     }

     .indisplay-word > p:before,
     .indisplay-word > *:before {
          top: 16px;
     }

     .indisplay-word > p .nums,
     .indisplay-word > * .nums {
          font-size: 47px;
     }

     .indisplay-tips {
          font-size: 24px;
          line-height: 36px;
     }

     .indisplay-tips > p .nums,
     .indisplay-tips > * .nums {
          font-size: 36px;
     }

     .invideo-module {
          padding-top: 30px;
          padding-bottom: 30px;
     }

     .invideo-module h4 {
          margin-bottom: 50px;
     }

     .videomark {
          height: 520px;
     }

     .videomark img {
          height: 100%;
     }

     .videolist-swiper {
          height: 520px;
     }

     .videolist-swiper ul li .image img {
          height: 100%;
     }

     .videolist-swiper ul li .word .lib {
          font-size: 20px;
          line-height: 30px;
          max-height: 90px;
     }

     .videolist-pagination span {
          margin: 30px 0;
     }

     .onSpot-module {
          padding-top: 30px;
          padding-bottom: 25px;
     }

     .onSpot-module h4 {
          margin-bottom: 50px;
     }

     .onSpot-swiper ul li {
          width: 980px;
     }

     .Coverage-module {
          padding-top: 30px;
          padding-bottom: 30px;
     }

     .Coverage-module h4 {
          margin-bottom: 50px;
     }
}

/*MWC19 专区 eeeeeeeeeeee */