@font-face {
     font-family: 'Aileron';
     src: url('/statics/fonts/Aileron-Regular.otf') format("truetype");
     font-display: swap;
 }

 @font-face {
     font-family: 'Aileron-Bold';
     src: url('/statics/fonts/Aileron-Bold.otf') format("truetype");
     font-display: swap;
 }

 body,
 html {
     font-family: 'Aileron';
 }

 .cp_swb {
     background: url("https://image.huion.com/pen_tablet/swbjxbj.jpg")#fff no-repeat bottom !important;
 }

 .pj_swb {
     background: url("https://image.huion.com/pen_tablet/swbpj.jpg")#fff no-repeat bottom !important;
 }

 .cp_swp {
     background: url("https://image.huion.com/pen_display/swp-pj-01.png")#fff no-repeat bottom !important;
 }

 .pj_swp {
     background: url("https://image.huion.com/pen_display/swppj.jpg")#fff no-repeat bottom !important;
 }

 html,
 body,
 div,
 span,
 h1,
 h2,
 h3,
 h4,
 p,
 blockquote,
 pre,
 a,
 abbr,
 img,
 strong,
 sub,
 sup,
 i,
 dl,
 dt,
 figure,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 input,
 textarea {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
 }

 input,
 select,
 textarea {
     outline: none;
 }

 textarea {
     resize: none;
     overflow: auto;
 }

 a {
     text-decoration: none;
 }

 ol,
 ul,
 li {
     list-style: none;
 }

 blockquote,
 q {
     quotes: none;
 }

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

 dt {
     font-weight: bold;
 }

 .clear {
     clear: both;
     display: block;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
 }

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

 span {
     display: block;
 }

 .w960 {
     width: 910px;
     margin: 0 auto;
 }

 #layui-layer-shade2 {
     opacity: 0.6 !important;
 }

 .H-font14 {
     font-size: 14px;
 }

 .pd-rt64 {
     padding-right: 64px;
 }

 .wt {
     width: 1200px;
     margin: 0 auto;
 }

 .wt1400 {
     width: 1400px;
     margin: 0 auto;
 }

 .H-colorF {
     color: #fff;
 }

 .H-colorC {
     color: #ccc;
 }

 .pd-bt66 {
     padding-bottom: 66px;
     overflow: hidden;
 }

 .pd-bt60 {
     padding-bottom: 60px;
 }

 .pd-bt100 {
     padding-bottom: 100px;
 }

 .pd-tp100 {
     padding-top: 100px;
 }

 .H-hr12 {
     width: 100%;
     height: 12px;
     background: #f2f2f2;
 }

 .pb140 {
     padding-bottom: 140px;
 }

 .ps-ab {
     position: absolute;
 }

 .ps-rl {
     position: relative;
 }

 .pd40 {
     padding-bottom: 40px;
 }

 .wt1000 {
     width: 1000px;
     margin: 0 auto;
 }

 .addColor {
     background: #999;
 }

 .wh100 {
     width: 100% !important;
 }

 .mg-0 {
     margin: 30px 0 30px 10px !important;
 }

 .addColor2 {
     background: #00bfd6;
 }

 .mrcolor {
     width: 120px;
     height: 70px;
     border-radius: 20px;
     border-radius: 100px;
     text-align: center;
 }

 .mrcolor img {
     text-align: center;
     padding-top: 10px;
 }

 .pr-rl {
     position: relative;
     top: -24px;
     left: 40px;
 }

 .praise img.animation {
     animation: myfirst 0.5s;
     -moz-animation: myfirst 0.5s;
     -webkit-animation: myfirst 0.5s;
     -o-animation: myfirst 0.5s;
 }

 #add-num {
     display: none;
 }

 #add-num .add-animation {
     color: #000;
     position: absolute;
     top: -15px;
     left: 10px;
     font-size: 15px;
     opacity: 0;
     filter: Alpha(opacity=0);
     -moz-opacity: 0;
     animation: mypraise 0.5s;
     -moz-animation: mypraise 0.5s;
     -webkit-animation: mypraise 0.5s;
     -o-animation: mypraise 0.5s;
     font-style: normal;
 }

 .praise,
 .hover,
 #add-num,
 .add-animation,
 .hover,
 #praise-txt,
 .hover {
     color: #f2f2f2;
 }

 #add-num {
     position: relative;
     top: -60px;
     text-align: center;
 }

 .pr-rl p {
     display: inline-block;
     width: 60px;
 }

 .pr-rl-title {
     position: relative;
     top: 10px;
     font-size: 16px;
     color: #777777;
     width: 80px;
     text-align: center;
     right: 18px;
 }

 .fontstyle {
     color: #333;
     font-weight: bold;
     font-size: 14px;
 }

 .agree2 {
     background: #03bace;
     width: 70px;
     height: 28px;
     line-height: 28px;
     text-align: center;
     margin: 10px auto 0px auto;
     color: #fff;
 }

 .agree2 a {
     color: #fff;
 }

 @keyframes myfirst {
     0% {
         width: 40px;
         height: 40px;
     }

     50% {
         width: 50px;
         height: 50px;
     }

     100% {
         width: 40px;
         height: 40px;
     }
 }

 @-moz-keyframes myfirst {
     0% {
         width: 40px;
         height: 40px;
     }

     50% {
         width: 50px;
         height: 50px;
     }

     100% {
         width: 40px;
         height: 40px;
     }
 }

 @-webkit-keyframes myfirst {
     0% {
         width: 40px;
         height: 40px;
     }

     50% {
         width: 50px;
         height: 50px;
     }

     100% {
         width: 40px;
         height: 40px;
     }
 }

 @-o-keyframes myfirst {
     0% {
         width: 40px;
         height: 40px;
     }

     50% {
         width: 50px;
         height: 50px;
     }

     100% {
         width: 40px;
         height: 40px;
     }
 }

 @keyframes mypraise {
     0% {
         top: -15px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }

     25% {
         top: -20px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }

     50% {
         top: -25px;
         opacity: 1;
         filter: Alpha(opacity=100);
         -moz-opacity: 1;
     }

     75% {
         top: -30px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }

     100% {
         top: -35px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }
 }

 @-moz-keyframes mypraise {
     0% {
         top: -15px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }

     25% {
         top: -20px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }

     50% {
         top: -25px;
         opacity: 1;
         filter: Alpha(opacity=100);
         -moz-opacity: 1;
     }

     75% {
         top: -30px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }

     100% {
         top: -35px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }
 }

 @-webkit-keyframes mypraise {
     0% {
         top: -15px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }

     25% {
         top: -20px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }

     50% {
         top: -25px;
         opacity: 1;
         filter: Alpha(opacity=100);
         -moz-opacity: 1;
     }

     75% {
         top: -30px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }

     100% {
         top: -35px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }
 }

 @-o-keyframes mypraise {
     0% {
         top: -15px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }

     25% {
         top: -20px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }

     50% {
         top: -25px;
         opacity: 1;
         filter: Alpha(opacity=100);
         -moz-opacity: 1;
     }

     75% {
         top: -30px;
         opacity: 0.5;
         filter: Alpha(opacity=50);
         -moz-opacity: 0.5;
     }

     100% {
         top: -35px;
         opacity: 0;
         filter: Alpha(opacity=0);
         -moz-opacity: 0;
     }
 }

 .text-content {
     min-width: 1180px;
     border-bottom: 1px solid #e7e7e7;
     border-top: 1px solid #e7e7e7;
     background: #f4f4f4;
 }

 .text-content h1 {
     text-align: center;
     font-size: 20px;
     padding-top: 50px;
     color: #EB4F38;
 }

 .text-content p {
     padding: 10px 100px 40px 100px;
     clear: both;
     color: #333;
     display: block;
     font-size: 16px;
     line-height: 1.6;
     margin: 0 auto;
     outline: medium none;
     position: relative;
     width: 900px;
     word-wrap: break-word;
 }

 .praise {
     width: 40px;
     height: 40px;
     margin: 50px auto;
     cursor: pointer;
     font-size: 12px;
     text-align: center;
     position: relative;
     left: -50px;
 }

 #praise-txt {
     height: 25px;
     line-height: 25px;
     display: block;
 }

 .praise img {
     width: 40px;
     height: 40px;
     display: block;
     margin: 0 auto;
 }

 .bolds {
     font-weight: bold;
     display: inline-block;
     padding-right: 6px;
 }

 .newHead {
     background: #111;
     width: 100%;
     height: 60px;
     left: 0;
     top: 0;
     position: fixed;
     z-index: 9999;
 }

 .H-nav {
     margin: 0 auto;
     width: 1200px;
     font-size: 14px;
 }

 .H-list-ul ul li {
     float: left;
     line-height: 60px;
     text-align: center;
     padding-left: 98px;
 }

 .H-list-ul ul li a {
     height: 60px;
     color: #fff;
 }

 .H-list-ul ul li a:hover {
     color: #00bfd6;
 }

 .navFontScale {
     opacity: 0;
     transform: translate(0, 0) scale(1);
     animation: navFont 1s forwards;
 }

 .navFontScaleOne {
     opacity: 0;
     transform: translate(0, 0) scale(1);
     animation: navFont 1s forwards;
 }

 .H-nav ul li a img {
     padding-top: 14px;
 }

 .H-logo {
     float: left;
     margin-right: 40px;
 }

 .H-logo img {
     padding-top: 14px;
 }

 .H-Search {
     float: left;
     padding: 24px 0 0 1px;
     cursor: pointer;
 }

 .H-Search a {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -148px -112px;
     display: block;
     width: 16px;
     height: 16px;
 }

 .H-Search a:hover {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -269px -112px;
 }

 .H-list-ul {
     float: left;
 }

 .H-buy,
 .H-buy-2 {
     float: left;
     margin: 24px 0 0 24px;
     position: relative;
 }

 .H-buy-ico,
 .H-buy-ico-2 {
     width: 16px;
     height: 16px;
     display: block;
 }

 .H-buy-ico {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -207px -112px;
 }

 .H-buy-ico-2 {
     background: url("../images/icon-nor-02.png") no-repeat;
 }

 .H-buy-ico:hover {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -328px -112px;
 }

 .H-buy img,
 .H-buy-2 img {
     float: left;
 }

 .H-Bkhr {
     width: 100%;
     height: 2px;
 }

 .H-Bkhr img {
     width: 100%;
     height: 2px;
     float: left;
 }

 .focusFFF {
     color: #fff;
 }

 .focus00b {
     color: #00bfd6;
 }

 .H-list-ul-hover {
     float: left;
 }

 #BKhr-scroll {
     display: none;
 }

 .drop-Arrow {
     background: #fff;
     left: 50%;
     border: 1px solid #fff;
     content: "";
     display: block;
     position: absolute;
     top: -10px;
     width: 12px;
     height: 12px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transform-origin: 0% 0;
     transform-origin: 0% 0;
     z-index: 1;
 }

 .drop-Arrow-2 {
     background: #fff;
     left: 50%;
     border: 1px solid #fff;
     content: "";
     display: block;
     position: absolute;
     top: -10px;
     width: 12px;
     height: 12px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transform-origin: 0% 0;
     transform-origin: 0% 0;
     z-index: 1;
 }

 .H-drop-down-nav-2 ul {
     margin: 20px 20px;
 }

 .H-drop-down-nav-2 ul li {
     border-bottom: 1px solid #e3e3e3;
 }

 .H-drop-down-nav-2 ul li a {
     line-height: 43px;
     padding: 0 40px;
     color: #333;
     display: block;
 }

 .H-drop-down-nav ul {
     margin: 20px 20px;
 }

 .H-drop-down-nav ul li {
     border-bottom: 1px solid #e3e3e3;
     overflow: hidden;
 }

 .H-drop-down-nav ul li a {
     line-height: 43px;
     padding: 0 40px;
     color: #333;
     display: block;
 }

 .login-menu-user {
     height: 60px;
 }

 .login-menu-user span {
     width: 47px;
     height: 47px;
     border-radius: 100%;
     float: left;
 }

 .login-menu-user img {
     float: left;
     width: 100%;
     border-radius: 100%;
 }

 .login-menu-user p {
     display: inline-block;
     width: 84px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     line-height: 47px;
     font-size: 16px;
     color: #111;
     padding-left: 8px;
 }

 .drop-down-navbar .login-ic {
     display: inline-block;
     width: 18px;
     height: 18px;
     margin-right: 12px;
 }

 .drop-down-navbar li ul li a * {
     display: inline-block;
     vertical-align: middle;
 }

 .login-ico-01 a:hover,
 .login-ico-02 a:hover {
     color: #00bfd6;
 }

 .login-ico-01 .login-ic1 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -36px -150px;
 }

 .login-ico-01 a:hover .login-ic1 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -148px -150px;
 }

 .login-ico-02 .login-ic2 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -94px -148px;
 }

 .login-ico-02 a:hover .login-ic2 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -210px -148px;
 }

 .login-ico-05 a {
     background: url("../images/hyico01.png") no-repeat -8px -62px;
 }

 .login-ico-05 a:hover {
     background: url("../images/hyico02.png") no-repeat -9px -62px;
     color: #00bfd6;
 }

 .login-ico-06 a {
     background: url("../images/hyico04.png") no-repeat 10px -176px;
 }

 .login-ico-06 a:hover {
     background: url("../images/hyico03.png") no-repeat 6px -176px;
     color: #00bfd6;
 }

 footer {
     position: relative;
     z-index: 9;
 }

 .H-footer {
     width: 100%;
     background: #111 url("../images/foot-fzx_after.png") no-repeat top right;
     height: auto;
     padding-bottom: 70px;
 }

 .H-fl-new {
     float: left;
     display: inline-block;
     line-height: 60px;
     padding-right: 10px;
 }

 .four-rt a span {
     display: inline-block;
     width: 16px;
     height: 16px;
 }

 .four-rt a * {
     display: inline-block;
     vertical-align: middle;
 }

 .H-code {
     height: 26px;
     float: left;
 }

 .H-code ul li {
     float: left;
 }

 .H-list-one {
     padding-top: 70px;
 }

 .H-list-one ul {
     float: left;
     padding-left: 118px;
 }

 .H-list-one ul:nth-child(1) {
     padding-left: 0;
 }

 .H-list-one ul li {
     padding-top: 16px;
 }

 .H-list-one ul li a,
 .H-list-two ul li a {
     color: #bbb;
 }

 .H-list-one ul li a:hover {
     transition: color 0.3s;
     color: #00bfd6;
 }

 .H-list-two {
     float: right;
     width: 100%;
     margin-top: 28px;
 }

 .H-list-two ul li {
     width: 24px;
     height: 24px;
     margin: 20px 14px 0 0;
 }

 .H-list-two ul li a {
     display: block;
     height: 24px;
 }

 .H-list-two ul li:nth-child(1) {
     background: url('/statics/hw/images/huion-all-icon.png') no-repeat -31px -22px;
 }

 .H-list-two ul li:nth-child(2) {
     background: url('/statics/hw/images/huion-all-icon.png') no-repeat -107px -22px;
 }

 .H-list-two ul li:nth-child(3) {
     background: url('/statics/hw/images/huion-all-icon.png') no-repeat -145px -22px;
 }

 .H-list-two ul li:nth-child(4) {
     background: url('/statics/hw/images/huion-all-icon.png') no-repeat -69px -22px;
 }

 .H-list-two ul li:nth-child(5) {
     height: 24px;
     width: 24px;
     background: url('/statics/hw/images/TikTok.png') no-repeat center center;
     background-size: cover;
 }

 .H-list-two ul li:nth-child(1):hover {
     background: url('/statics/hw/images/huion-all-icon.png') no-repeat -31px -61px;
 }

 .H-list-two ul li:nth-child(2):hover {
     background: url('/statics/hw/images/huion-all-icon.png') no-repeat -107px -61px;
 }

 .H-list-two ul li:nth-child(3):hover {
     background: url('/statics/hw/images/huion-all-icon.png') no-repeat -145px -61px;
 }

 .H-list-two ul li:nth-child(4):hover {
     background: url('/statics/hw/images/huion-all-icon.png') no-repeat -69px -61px;
 }

 .H-list-two ul li:nth-child(5):hover {
     height: 24px;
     width: 24px;
     background: url('/statics/hw/images/TikTok-h1.png') no-repeat center center;
     background-size: cover;
 }

 .H-list-two ul {
     float: left;
 }

 .iconTwo {
     padding-left: 6px;
 }

 .H-fr {
     text-align: left;
     float: left;
 }

 .newsletter {
     font-size: 12px;
     color: #999;
     float: right;
 }

 .H-rt-newsletter {
     display: inline-block;
     line-height: 40px;
     padding-right: 30px;
     color: #999;
     font-size: 14px;
 }

 .newsletter .text {
     width: 280px;
     height: 38px;
     border: 1px solid #999;
     border-radius: 3px;
     position: relative;
     z-index: 1;
 }

 .newsletter .text::after {
     position: absolute;
     left: 0;
     top: 0;
     content: '';
     width: 38px;
     height: 38px;
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -24px -101px;
 }

 .newsletter .text .input {
     background: none;
     padding: 0 0 0 15.58%;
     border: none;
     height: 38px;
     line-height: 41px;
     width: 70.72%;
     color: #bbb;
 }

 .newsletter .text .sub {
     width: 13.4%;
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -82px -102px;
     border: none;
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 1;
     border-left: 1px solid #999;
     border-radius: 0;
     cursor: pointer;
 }

 .H-list-three {
     border-bottom: 1px solid #666;
     float: left;
     color: #999;
     font-size: 14px;
 }

 .H-list-three span {
     padding-bottom: 10px;
 }

 .H-list-three span a {
     font-size: 12px;
     color: #999;
 }

 .H-list-three span a:nth-child(2) {
     padding-left: 40px;
 }

 .H-list-four {
     float: left;
 }

 .four-lf {
     width: 600px;
     float: left;
 }

 .four-lf p {
     font-size: 12px;
     color: #999;
     padding-top: 16px;
     text-align: left;
 }

 .four-rt {
     float: right;
     padding-top: 16px;
     font-size: 12px;
     color: #999;
 }

 .four-rt a {
     display: inline-block;
     width: 100%;
     color: #999;
     font-size: 12px;
 }

 .four-rt a span img {
     float: left;
     width: 100%;
 }

 .four-rt a p {
     display: inline-block;
     padding-left: 6px;
 }

 .ac-gn-curtain {
     background: rgba(0, 0, 0, 0.4);
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 888;
     margin-top: 60px;
 }

 .mod_player-wrap {
     position: fixed;
     left: 15%;
     top: 180px;
     width: 70%;
     height: 10%;
     z-index: 9999;
 }

 #ac-globalnav .ac-gn-searchform-wrapper {
     padding-left: 40px;
     position: relative;
     z-index: 2;
     max-width: 584px;
 }

 .H-Search-form-input {
     height: 60px;
     width: 624px;
     background: #111;
     color: #fff;
 }

 .search-txt {
     height: 60px;
 }

 .search-sub {
     float: left;
     width: 20px;
     height: 60px;
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -148px -88px;
     cursor: pointer;
     margin-left: 20px;
 }

 .H-Search-form {
     position: relative;
     z-index: 999;
     float: left;
     padding-left: 124px;
     height: 60px;
 }

 .AddNone {
     display: none !important;
 }

 .AddBlock {
     display: block !important;
 }

 .H-Search-form-input::placeholder {
     color: #ccc;
     position: relative;
     z-index: 999;
 }

 .H-Search-form-input {
     padding-left: 20px;
     transform: translateX(200px);
     animation: 1s .4s lf_tree;
     animation-fill-mode: forwards;
     opacity: 0;
     filter: alpha(opacity=0);
     background: rgba(0, 0, 0, -2.2);
 }

 @-webkit-keyframes lf_tree {
     100% {
         -ms-transform: translateX(0px);
         -webkit-transform: translateX(0px);
         -o-transform: translateX(0px);
         -moz-transform: translateX(0px);
         opacity: 1;
         filter: alpha(opacity=100);
         -moz-opacity: 1;
         -khtml-opacity: 1;
     }
 }

 @keyframes lf_tree {
     100% {
         transform: translateX(0px);
         opacity: 1;
         filter: alpha(opacity=100);
         -moz-opacity: 1;
         -khtml-opacity: 1;
         filter: alpha(opacity=100);
         -ms-transform: translateX(0px);
         -webkit-transform: translateX(0px);
         -o-transform: translateX(0px);
         -moz-transform: translateX(0px);
     }
 }

 .center1400 {
     max-width: 1400px;
     margin: 0 auto;
 }

 .H-Section-one .H-text span {
     display: inline-block;
     vertical-align: top;
     margin-top: 15px;
     background: #fff;
     color: #111;
     font-size: 26px;
     padding: 4px 10px;
     border-radius: 2px;
 }

 .H-Section-one {
     background: #111;
 }

 .H-Section-two {
     height: 680px;
     padding-top: 80px;
     background: url('https://image.huion.com/home/home-KamvasStudio16_PC_banner.jpg') no-repeat center center;
     background-size: cover;
 }

 .H-Section-two .H-text-two h1,
 .H-Section-two .H-text-two p {
     color: #000;
 }

 .H-Section-two .H-text-two-content {}

 .H-Section-two .H-text-two {}

 .H-Section-three {
     text-align: center;
     background: #000;
     margin: 12px 0 0;
 }

 .H-Section-three .center1400 {
     max-width: 1600px;
 }

 .H-Section-three .more-two-bt {
     padding-bottom: 0 !important;
 }

 .H-Section-pendisplay {
     height: 860px;
     background: url('https://image.huion.com/pen_display/swp-pro24-bg.jpg') no-repeat center center;
 }

 .H-Section-pendisplay .H-text-three,
 .swp-pc-product3 .H-text-three {
     color: #fff;
 }

 .swp-pc-product3 {
     height: 780px;
     background: url('https://image.huion.com/pen_display/swp-k24-bg.jpg') no-repeat center center;
 }

 .H-Section-three .hub_content-text {
     color: #fff;
     padding-top: 100px;
 }

 .H-text {
     padding-top: 110px;
 }

 @media screen and (max-width:1400px) {
     .H-Section-three .hub_content img {
         width: 100%;
         display: block;
     }
 }

 .H-text h1,
 .H-swb-text-two h1,
 .H-text-two h1,
 .H-text-two-upRt h1,
 .H-text-two-upRt p,
 .H-text p,
 .H-swb-text-two p,
 .H-text-two p,
 .H-text-two-up h1,
 .H-text-two-up p {
     text-align: center;
     color: #fff;
 }

 .H-text h1,
 .H-swb-text-two h1,
 .H-text-two h1,
 .H-text-two-upRt h1,
 .H-text-three h1,
 .H-text-two-up h1 {
     font-size: 56px;
     padding-bottom: 12px;
     font-family: 'Aileron-Bold';
 }

 .H-text p,
 .H-swb-text-two p,
 .H-text-three p,
 .H-text-two p,
 .H-text-two-up p,
 .H-text-two-upRt p {
     padding-bottom: 20px;
     font-size: 26px;
 }

 .H-text-more,
 .H-text-more-three,
 .H-swb-text-more {
     width: 100%;
     display: inline-block;
     text-align: center;
     padding-bottom: 60px;
 }

 .H-text-more ul li,
 .H-text-more-three ul li,
 .H-swb-text-more ul li,
 .H-text-more-up ul li,
 .H-text-more-upRt ul li {
     display: inline-block;
     margin-right: 60px;
 }

 .H-text-more ul li:nth-child(2),
 .H-text-more-three ul li:nth-child(2),
 .H-swb-text-more ul li:nth-child(2),
 .H-text-more-up ul li:nth-child(2),
 .H-text-more-upRt ul li:nth-child(2) {
     margin-right: 0;
 }

 .H-swb-text-more ul li a,
 .H-text-more-three ul li a,
 .H-text-more ul li a,
 .H-text-more-up ul li a,
 .H-text-more-upRt ul li a {
     color: #00bfd6;
     font-size: 20px;
 }

 .H-text-more ul li a:hover,
 .home-item ul li .txt .more:hover,
 .home-swiper .swiper-slide .txt a:hover,
 .home-industry ul li .txt .more:hover {
     text-decoration: underline;
 }

 .H-pro-show {
     max-width: 1200px;
     margin: 0 auto;
 }

 .H-pro-show img {
     width: 100%;
     display: block;
 }

 .H-Section-two {
     margin-top: 12px;
 }

 .H-img,
 .H-img-upRt {
     text-align: center;
 }

 .H-img img,
 .H-img-upRt img {
     text-align: center;
 }

 .upgrade {
     border: 1px solid #fff;
     border-radius: 5px;
     width: 37px;
     height: 28px;
     padding: 5px 5px 5px 5px;
     margin-left: 12px;
     display: inline-block;
     font-weight: normal;
     position: relative;
     top: -8px;
 }

 .upgrade p {
     color: #fff;
     font-size: 28px;
 }

 .more-two-bt {
     padding-bottom: 90px;
 }

 .H-Section-three img {
     width: 100%;
     text-align: center;
     display: block;
 }

 .H-Section-four {
     width: 100%;
     padding-top: 1%;
     background: #f8f8f8;
 }

 .H-Section-four ul {
     width: 98%;
     margin: 0 auto;
 }

 .H-Section-four ul li {
     float: left;
     width: 49.5%;
     margin: 0 1% 1% 0;
 }

 .H-Section-four ul li:nth-child(2n) {
     margin-right: 0;
 }

 .H-Section-four ul li img {
     display: block;
     width: 100%;
 }

 .hideTap {
     -webkit-transform: translateX(100%);
     -ms-transform: scale(0.5);
     -o-transform: scale(0.5);
     transform: scale(0.5);
     opacity: 0;
     -webkit-transition: all 500ms;
     -o-transition: 500ms;
     transition: 500ms;
 }

 .showTap {
     -webkit-transform: translateX(100%);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     opacity: 1;
     -webkit-transition: all 500ms;
     -o-transition: 500ms;
     transition: 500ms;
 }

 .H-Search-drop-down {
     position: relative;
 }

 .H-Search-drop-down {
     position: absolute;
     z-index: 999;
     background: #fff;
     width: 644px;
     margin-left: 12px;
     opacity: 0;
     transform: translate(0, 0) scale(1);
     animation: navFont 1s forwards;
 }

 .H-Search-wrapper ul {
     padding-top: 5px;
 }

 .H-Search-wrapper h3 {
     color: #888;
     font-size: 12px;
 }

 .H-Search-wrapper ul li a {
     color: #333;
     line-height: 26px;
     display: block;
     width: 100%;
     padding: 0 58px;
     font-size: 14px;
 }

 .H-Search-wrapper ul li a:hover {
     background: rgba(0, 191, 214, 0.6);
     color: #fff;
 }

 .H-Search-drop-down-section {
     padding: 24px 0 18px;
     overflow: hidden;
 }

 .H-Search-wrapper ul li:nth-child(1) {
     transform: translateX(40px);
     animation: 0.5s .4s lf_tree;
     animation-fill-mode: forwards;
     opacity: 0;
 }

 .H-Search-wrapper ul li:nth-child(2) {
     transform: translateX(60px);
     -ms-transform: translateX(60px);
     -webkit-transform: translateX(60px);
     -o-transform: translateX(60px);
     -moz-transform: translateX(60px);
     animation: 0.5s .4s lf_tree;
     animation-fill-mode: forwards;
     opacity: 0;
 }

 .H-Search-wrapper ul li:nth-child(3) {
     transform: translateX(80px);
     -ms-transform: translateX(80px);
     -webkit-transform: translateX(80px);
     -o-transform: translateX(80px);
     -moz-transform: translateX(80px);
     animation: 0.5s .4s lf_tree;
     animation-fill-mode: forwards;
     opacity: 0;
 }

 .H-Search-wrapper ul li:nth-child(4) {
     transform: translateX(100px);
     animation: 0.5s .4s lf_tree;
     animation-fill-mode: forwards;
     opacity: 0;
 }

 .H-Search-wrapper h3 {
     transform: translateX(20px);
     animation: 0.5s .4s lf_tree;
     animation-fill-mode: forwards;
     opacity: 0;
     padding-left: 46px;
 }

 .H-Search-form-close {
     font-size: 16px;
     top: -38px;
     float: right;
     color: #fff;
     position: relative;
     right: 0;
     left: 80px;
     cursor: pointer;
 }

 .H-Search-form-close:hover {
     color: #f8f8f8;
 }

 .H-Section-four ul li {
     position: relative;
 }

 .themeOne {
     text-align: center;
     width: 80%;
     top: 62%;
     margin: 0 auto;
     left: 10%;
 }

 .themeOne h1,
 .themeTwo h1,
 .themeThree h1,
 .themeFour h1,
 .H-swb-Product-Contrast-content ul li span h1,
 .H-swb-Product-special-columnA span h1,
 .H-swb-Product-special-columnB span h1,
 .H-kbt-text h1,
 .img-textOne-h1 h1,
 .textTwo-rt h1,
 .textThree-lf h1,
 .H-kbt-img-textFour h1,
 .textFive-rt h1,
 .textSix-lf h1,
 .H-kbt-img-textSeven h1,
 .LightTitle h1,
 .jump-tile-kbt-layer h1,
 .H-kbt-Tracing-tool h1,
 .H-kbt-img-textSeven h1,
 .textSix-lf h1,
 .textFive-rt h1 {
     font-weight: bold !important;
 }

 .themeOne h1 {
     color: #fff;
     font-size: 40px;
 }

 .themeOne p {
     font-size: 20px;
     color: #fff;
     padding: 16px 0 10px 0;
 }

 .themeThree {
     text-align: center;
     width: 50%;
     left: 25%;
     top: 34%;
 }

 .themeThree h1 {
     color: #fff;
     font-size: 40px;
 }

 .themeThree p {
     font-size: 20px;
     color: #fff;
     padding: 12px 0 20px 0;
 }

 .themeThreeIMG {
     width: 50%;
     text-align: center;
     padding-left: 25%;
 }

 .themeThreeIMG img {
     width: 180px !important;
     height: 180px;
     text-align: center;
     padding: 0 0 44px 0 !important;
     display: inline-block !important;
 }

 .themeFour {
     text-align: center;
     width: 100%;
     left: 50%;
     transform: translateX(-50%);
     top: 5%;
 }

 .themeFour h1 {
     color: #000;
     font-size: 40px;
 }

 .themeFour p {
     font-size: 20px;
     color: #000;
     padding: 12px 0 10px 0;
 }

 .themeTwo {
     font-size: 20px;
     text-align: center;
     width: 50%;
     top: 62%;
     margin: 0 auto;
     left: 25%;
 }

 .themeTwo h1 {
     color: #fff;
     font-size: 40px;
 }

 .H-movie a {
     text-decoration: none;
     color: #00bfd6;
     font-size: 18px;
     display: inline-block;
     margin: 0 auto;
     padding: 18px 0 0 10px;
 }

 .H-movie a img {
     width: 22px !important;
     height: 24px;
     float: left;
     padding-left: 10px !important;
 }

 .H-movie a p {
     float: left;
 }

 .H-understand {
     display: inline-block;
 }

 .H-understand {
     color: #00bfd6;
     font-size: 16px;
 }

 @keyframes navFont {
     60% {
         transform: translate(0px, 0) scale(1);
         color: #b10e81;
     }

     80% {
         transform: translate(0px, 0) scale(1);
         color: #b10e81;
     }

     99% {
         transform: translate(0) scale(1);
         color: #00f0ff;
     }

     100% {
         transform: translate(0) scale(1);
         opacity: 1;
         color: #b10e81;
     }
 }

 .animate span:nth-of-type(2) {
     animation-delay: .05s;
 }

 .animate span:nth-of-type(3) {
     animation-delay: .1s;
 }

 .animate span:nth-of-type(4) {
     animation-delay: .15s;
 }

 .animate span:nth-of-type(5) {
     animation-delay: .2s;
 }

 .animate span:nth-of-type(6) {
     animation-delay: .25s;
 }

 .animate span:nth-of-type(7) {
     animation-delay: .3s;
 }

 .animate span:nth-of-type(8) {
     animation-delay: .35s;
 }

 .animate span:nth-of-type(9) {
     animation-delay: .4s;
 }

 .animate span:nth-of-type(10) {
     animation-delay: .45s;
 }

 .animate span:nth-of-type(11) {
     animation-delay: .5s;
 }

 .animate span:nth-of-type(12) {
     animation-delay: .55s;
 }

 .animate span:nth-of-type(13) {
     animation-delay: .6s;
 }

 .animate span:nth-of-type(14) {
     animation-delay: .65s;
 }

 .H-text-more-up {
     text-align: center;
     padding-bottom: 60px;
 }

 .H-text-more-upRt {
     position: relative;
     text-align: center;
 }

 .H-text-two-upRt-theme {
     left: 438px;
     top: 100px;
 }

 .H-img-up {
     padding-top: 110px;
     text-align: center;
 }

 .H-img-up img {
     text-align: center;
 }

 .H-swb-Product-list {
     background: #222;
     height: 114px;
     padding-bottom: 4px;
     overflow: hidden;
 }

 .H-swb-Product-list ul {
     transform: translateX(136px);
     -ms-transform: translateX(136px);
     -webkit-transform: translateX(136px);
     -o-transform: translateX(136px);
     -moz-transform: translateX(136px);
 }

 .H-swb-Product-list ul li {
     float: left;
     padding: 22px 0 0 60px;
     text-align: center;
 }

 .H-swb-Product-list ul li .ico {
     display: inline-block;
     height: 45px;
     text-align: center;
 }

 .H-swb-Product-list ul li:nth-child(1) .ico {
     width: 50px;
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -24px -196px;
 }

 .H-swb-Product-list ul li:nth-child(1) a:hover .ico {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -24px -260px;
 }

 .H-swb-Product-list ul li:nth-child(2) .ico {
     width: 64px;
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -120px -196px;
 }

 .H-swb-Product-list ul li:nth-child(2) a:hover .ico {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -120px -260px;
 }

 .H-swb-Product-list ul li:nth-child(3) .ico {
     width: 55px;
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -224px -196px;
 }

 .H-swb-Product-list ul li:nth-child(3) a:hover .ico {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -224px -260px;
 }

 .H-swb-Product-list ul li:nth-child(4) .ico {
     width: 50px;
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -325px -196px;
 }

 .H-swb-Product-list ul li:nth-child(4) a:hover .ico {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -325px -260px;
 }

 .H-swb-Product-list ul li:nth-child(5) .ico {
     width: 24px;
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -429px -195px;
 }

 .H-swb-Product-list ul li:nth-child(5) a:hover .ico {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -429px -259px;
 }

 .list-gdjc .ico-contest,
 .list-gdjc .ico-gallery {
     display: inline-block;
     width: 55px;
     height: 41px;
     text-align: center;
 }

 .H-swb-Product-list ul li .ico-contest {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -121px -327px;
 }

 .H-swb-Product-list ul li a:hover .ico-contest {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -321px -327px;
 }

 .H-swb-Product-list ul li .ico-gallery {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -24px -329px;
 }

 .H-swb-Product-list ul li a:hover .ico-gallery {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -224px -329px;
     ;
 }

 .H-swb-Product-list ul li a:hover .H-swb-Product-list-txt {
     color: #00bfd6;
 }

 .H-Section-one .H-swb-Product-one {
     background: #111;
     padding-top: 200px;
     padding-bottom: 80px;
 }

 .swb-Product-two {
     height: 867px;
     background: url('https://image.huion.com/pen_tablet/swb-HS611-PC.jpg') no-repeat center center;
 }

 .swb-Product-two .H-img-up {
     padding-top: 320px;
     text-align: left;
     width: 36%;
 }

 .H-swb-Product-list-txt {
     color: #fff;
     font-size: 12px;
     padding-top: 10px;
     text-align: center;
 }

 .Product-new {
     font-size: 12px;
     color: #ff6600;
     text-align: center;
 }

 .H-swb-Product-one {
     text-align: center;
 }

 .H-swb-Product-one img {
     text-align: center;
     width: 100%;
 }

 .H-swb-Product {
     background: #111;
     height: auto;
 }

 .H-swb-Product-Contrast {
     background: #f8f8f8;
 }

 .H-swb-Product-Contrast-content {
     text-align: center;
     width: 98%;
     padding: 1% 0;
     margin: 0 auto;
 }

 .H-swb-Product-Contrast-content ul li:nth-child(1) {
     margin-right: 1%;
 }

 .H-swb-Product-Contrast-content ul li {
     float: left;
     width: 49.5%;
     background: #fff;
     height: 700px;
 }

 .H-swb-Product-Contrast-content ul li span h1 {
     font-size: 40px;
     color: #111;
     padding: 72px 0 12px 0;
 }

 .H-swb-Product-Contrast-content ul li span p {
     font-size: 20px;
     color: #111;
     padding-bottom: 16px;
 }

 .H-swb-Product-Contrast-content ul li span a p {
     font-size: 18px;
     color: #00bfd6;
 }

 .H-swb-Product-Contrast-content ul li span a img {
     padding: 66px 0 44px 0;
     text-align: center;
     width: 70%;
 }

 .H-Section-transverse {
     background: url(https://image.huion.com/pen_display/screen-kam13-banner3.jpg) no-repeat center center;
     height: 800px;
 }

 .H-Section-transverse2 {
     background: url(https://image.huion.com/pen_display/kamvas-series.jpg) no-repeat center center;
     height: 760px;
 }

 .H-Section-transverse-swp,
 .H-Section-transverse-swpLF {
     float: left;
     width: 50%;
 }

 .H-Section-transverse-swpLF img {
     padding-left: 20%;
     display: block;
 }

 .H-Section-transverse-swpRT {
     width: 60%;
     float: right;
 }

 .swp-pd-lf {
     padding: 130px 100px 0 0;
 }

 .BgColor {
     color: #f8f8f8;
 }

 .H-share-Banner {
     background: #eff1f1;
     height: 600px;
     background: url("../images/share_01_bj.jpg") no-repeat center center;
 }

 .H-share-Banner-Slogan {
     width: 40%;
     height: 500px;
     float: left;
 }

 .Banner-Slogan-cont {
     width: 60%;
     float: right;
     margin-top: 132px;
     padding-right: 54px;
 }

 .Banner-Slogan-cont h1 {
     padding-top: 30px;
     color: #111;
     font-size: 40px;
 }

 .Banner-Slogan-cont p {
     font-size: 16px;
     padding: 20px 0 30px 0;
     line-height: 26px;
 }

 .H-share-lf-button a {
     display: block;
     width: 100px;
     height: 40px;
     background: #00bfd6;
     color: #fff;
     text-align: center;
     line-height: 40px;
 }

 .H-share-lf-button a:hover {
     background: #00d1ea;
 }

 .H-share-content {
     width: 100%;
     background: #f8f8f8;
 }

 .H-share-Banner-rt {
     background: #000;
     height: 600px;
 }

 .H-share-list {
     max-width: 1400px;
     margin: 0 auto;
 }

 .H-share-list ul li {
     width: 24.25%;
     height: 140px;
     float: left;
     text-align: center;
     margin: 1% 1% 0 0;
 }

 .H-share-list ul li:nth-child(1) {
     background: url("../images/share_06.png") no-repeat center;
 }

 .H-share-list ul li:nth-child(2) {
     background: url("../images/share_08.png") no-repeat center;
 }

 .H-share-list ul li:nth-child(3) {
     background: url("../images/share_10.png") no-repeat center;
 }

 .H-share-list ul li:nth-child(4) {
     background: url("../images/share_12.png") no-repeat center;
     margin-right: 0;
 }

 .H-share-list ul li:nth-child(5) {
     background: url("../images/share_14.png") no-repeat center;
 }

 .H-share-list ul li:nth-child(6) {
     background: url("../images/share_16.png") no-repeat center;
 }

 .H-share-list ul li:nth-child(7) {
     background: url("../images/share_18.png") no-repeat center;
 }

 .H-share-list ul li:nth-child(8) {
     background: url("../images/share_20.png") no-repeat center;
     margin-right: 0;
 }

 .H-share-list ul li a {
     width: 100%;
     display: block;
     height: 140px;
     line-height: 140px;
     font-size: 26px;
     font-weight: bold;
     color: #fff;
 }

 #container {
     position: relative;
     max-width: 1400px;
     margin: 0 auto 25px;
     padding-bottom: 10px;
 }

 .grid {
     width: 264px;
     min-height: 100px;
     padding: 0 0 15px;
     background: #fff;
     margin: 8px;
     float: left;
     -webkit-transition: top 1s ease, left 1s ease;
     -moz-transition: top 1s ease, left 1s ease;
     -o-transition: top 1s ease, left 1s ease;
     -ms-transition: top 1s ease, left 1s ease;
 }

 .grid strong {
     border-bottom: 1px solid #ccc;
     margin: 10px 0;
     display: block;
     padding: 0 0 5px;
     font-size: 17px;
 }

 .grid .meta {
     text-align: right;
     color: #777;
     font-style: italic;
 }

 .grid .imgholder img {
     max-width: 100%;
     background: #ccc;
     display: block;
 }

 .share-center {
     max-width: 1400px;
     padding: 0 0 40px 0;
 }

 .bk-all {
     background: #f8f8f8;
 }

 .water_box {
     position: relative;
     width: 1400px;
     margin: 0 auto;
 }

 .H-share-box {
     width: 265px;
     background: #fff;
     float: left;
     margin: 16px 15px 0 0;
 }

 .H-share-box:hover {
     box-shadow: 0 0 20px #ccc;
 }

 .H-share-box a {
     display: block;
 }

 .H-share-box img {
     height: auto;
 }

 .box-name {
     width: 100%;
 }

 .box-name h4 {
     font-size: 14px;
     color: #333;
     padding: 18px 0 16px 16px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .box-item-browse {
     height: 21px;
     position: relative;
     float: left;
 }

 .item-browse {
     background: url("../images/see-1_03.png") no-repeat left;
     position: absolute;
     left: 16px;
     width: 22px;
     height: 21px;
     top: -2px;
 }

 .itemSize {
     color: #bbb;
     padding-left: 40px;
     font-size: 10px;
     line-height: 18px;
 }

 .item-collection {
     background: url("../images/collection-1_05.png") no-repeat left;
     position: absolute;
     left: 16px;
     width: 22px;
     height: 21px;
     top: -2px;
 }

 .box-item-collection,
 .box-item-comment,
 .box-item-fabulous {
     height: 21px;
     position: relative;
     float: left;
 }

 .item-comment {
     background: url("../images/comment-1_07.png") no-repeat left;
     position: absolute;
     left: 16px;
     width: 22px;
     height: 21px;
     top: -2px;
 }

 .item-fabulous {
     background: url("../images/fabulous-1_09.png") no-repeat left;
     position: absolute;
     left: 16px;
     width: 22px;
     height: 21px;
     top: -2px;
 }

 .box-item-hr {
     width: 100%;
     background: #eee;
     height: 1px;
     float: left;
     margin-top: 16px;
 }

 .box-item-face {
     width: 30px;
     height: 30px;
     padding: 16px 0 0 16px;
     float: left;
 }

 .box-item-face img {
     width: 30px;
     height: 30px;
 }

 .memberInfo {
     position: relative;
     float: left;
     width: 100%;
 }

 .item-face-time {
     text-align: right;
     font-size: 12px;
     color: #999;
     padding: 24px 16px 0 0;
 }

 .item-username {
     float: left;
     font-size: 12px;
     color: #666;
     padding: 21px 0 0 10px;
 }

 .box-item-face img {
     float: left;
 }

 .reveal-modal-bg {
     position: fixed;
     height: 100%;
     width: 100%;
     background: #000;
     background: rgba(0, 0, 0, .8);
     z-index: 100;
     display: none;
     top: 0;
     left: 0;
 }

 .box-work-top {
     padding: 20px 20px 20px 20px;
     background: #f8f8f8;
 }

 .reveal-modal {
     visibility: hidden;
     top: 100px;
     left: 24%;
     width: 520px;
     position: absolute;
     z-index: 101;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
     -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
 }

 .reveal-modal.small {
     width: 200px;
     margin-left: -140px;
 }

 .reveal-modal.medium {
     width: 400px;
     margin-left: -240px;
 }

 .reveal-modal.large {
     width: 600px;
     margin-left: -340px;
 }

 .reveal-modal.xlarge {
     width: 800px;
     margin-left: -440px;
 }

 .reveal-modal .close-reveal-modal {
     font-size: 22px;
     line-height: .5;
     position: absolute;
     top: 8px;
     right: 11px;
     color: #aaa;
     text-shadow: 0 -1px 1px rgba(0, 0, 0, .6);
     font-weight: bold;
     cursor: pointer;
 }

 .box-work-introduce {
     color: #333;
     font-size: 14px;
 }

 .box-work-introduce p {
     color: #111;
     line-height: 26px;
     padding-top: 14px;
 }

 .List-avorites {
     background: #fff;
     display: inline-block;
     width: 60px;
     text-align: center;
 }

 .List-avorites ul li {
     float: left;
     width: 42px;
     height: 20px;
     padding: 14px 22px 0 44px;
     cursor: pointer;
     font-size: 12px;
     color: #999;
 }

 .List-avorites ul li:nth-child(1) {
     background: url("../images/fabulous-1_09.png") no-repeat 20px 10px;
 }

 .List-avorites ul li:nth-child(2) {
     background: url("../images/collection-1_05.png") no-repeat 20px 10px;
 }

 .List-avorites ul li:nth-child(3) {
     background: url("../images/comment-1_07.png") no-repeat 20px 10px;
 }

 .box-comment-all {
     width: 100%;
     margin-top: 12px;
 }

 .box-comment-one {
     height: 80px;
     width: 960px;
     border-bottom: 1px solid #cccccc;
     padding: 20px 20px 20px 20px;
 }

 .User-head-img {
     width: 50px;
     height: 50px;
     background: #000000;
     border-radius: 100%;
     float: left;
 }

 .box-userName {
     float: left;
     padding: 8px 0 0 14px;
 }

 .Box-time {
     padding-top: 10px;
 }

 .box-comment-two {
     padding: 20px 20px 60px 20px;
 }

 .Share-comments-head {
     width: 30px;
     height: 30px;
     border-radius: 100%;
     float: left;
     margin: 0 14px 0 20px;
 }

 .Share-comments-head img {
     padding-right: 10px;
     width: 40px;
 }

 .Share-comments-input textarea {
     margin-left: 64px;
     width: 172px;
     height: 40px;
     min-height: 39px;
     resize: vertical;
     margin-bottom: 10px;
     display: block;
     padding-top: 8px;
 }

 .comments-input {
     display: inline-block;
     padding: 0 10px;
     height: 36px;
     font-size: 16px;
     line-height: 1;
     color: #777;
     background: #FCFCFC;
     border: 1px solid #CCC;
     border-radius: 2px;
     width: 250px;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
     -webkit-transition: color .2s linear, border-color .3s linear;
 }

 .Share-comments-input a {
     float: right;
     width: 68px;
     height: 38px;
     background: #00bfd6;
     text-align: center;
     font-size: 14px;
     color: #fff;
     border-radius: 5px;
     line-height: 36px;
 }

 .Review-list {
     border-top: 1px solid #eee;
     border-bottom: 1px solid #eee;
     padding: 5% 5% 5% 5%;
     float: left;
     width: 90%;
 }

 .Review-list:nth-child(1) {
     margin-top: 60px;
 }

 .Review-list-head {
     width: 30px;
     height: 30px;
     border-radius: 100%;
     float: left;
     margin-right: 14px;
 }

 .Review-name p {
     float: left;
     font-size: 14px;
     color: #333;
 }

 .Review-list-time {
     font-size: 12px;
     color: #999;
     float: left;
     padding-left: 20px;
     line-height: 22px;
 }

 .Review-list-name {
     float: left;
     font-size: 14px;
     color: #666;
     width: 78%;
 }

 .Review-Reply {
     margin-top: 20px;
     float: left;
     font-size: 14px;
 }

 .Review-Reply p {
     line-height: 30px;
 }

 .Review-list-content p {
     font-size: 14px;
     color: #666;
 }

 .Review-list-more p {
     text-align: center;
     padding: 30px 0 30px 0;
     font-size: 14px;
     color: #00bfd6;
     cursor: pointer;
 }

 .comments-input::-webkit-input-placeholder {
     font-size: 14px;
     color: #333;
 }

 .comments-input:-moz-placeholder {
     font-size: 14px;
     color: #333;
 }

 .comments-input:-ms-input-placeholder {
     font-size: 14px;
     color: #333;
 }

 .Review-list-close {
     position: fixed;
     right: 348px;
     float: right;
     width: 40px;
     color: #cccccc;
     top: 0;
     z-index: 9999;
     margin-top: 62px;
     text-align: center;
     font-size: 60px;
     cursor: pointer;
     margin-top: 86px;
 }

 #Smohan_FaceBox {
     width: 285px;
     height: auto;
     position: relative;
     margin: 20px auto;
     min-height: 90px;
 }

 textarea.smohan_text {
     display: block;
     width: 200px;
     height: 100px;
     border: 1px solid #cacaca;
     outline: none;
     position: relative;
     line-height: 16px;
     font-size: 12px;
     overflow: scroll;
     overflow-x: hidden;
     padding: 4px 4px 0 4px;
 }

 #Smohan_FaceBox p {
     display: block;
     width: 200px;
     padding: 10px 78px;
 }

 .face {
     display: block;
     width: 20px;
     height: 20px;
     background: url(../images/facebg_1.png) 0px -100px no-repeat;
     float: left;
 }

 .face:hover,
 .face.in {
     background-position: 0px -120px;
 }

 .button {
     display: inline-block;
     outline: none;
     width: 80px;
     height: 35px;
     line-height: 35px;
     background: #00bfd6;
     border-radius: 4px;
     border: 1px solid #00bfd6;
     text-align: center;
     cursor: pointer;
     color: #ffffff;
     float: right;
     margin: 20px 10px 20px 0;
 }

 img {
     border: 0 none;
 }

 #SmohanFaceBox {
     display: block;
     width: 352px;
     height: 187px;
     position: absolute;
     top: 218px;
     left: 26px;
     z-index: 9999;
 }

 #SmohanFaceBox .Corner {
     display: block;
     width: 28px;
     height: 15px;
     background: url(../images/facebg_1.png) -32px -100px no-repeat;
     position: absolute;
     left: 45px;
     top: 0;
     z-index: 100;
 }

 #SmohanFaceBox .Content {
     display: block;
     width: 230px;
     height: 300px;
     padding: 10px;
     background: #ffffff;
     border: 1px solid #cfcfcf;
     z-index: 99;
     margin: 14px 0px 0px 0px;
     box-shadow: 0px 1px 10px rgba(204, 204, 204, 1);
     border-radius: 2px;
 }

 #SmohanFaceBox .Content h3 {
     margin: 0;
     padding: 0;
     width: 230px;
     height: 30px;
     line-height: 26px;
     display: block;
     font-size: 14px;
     text-align: left;
 }

 #SmohanFaceBox .Content h3 span {
     float: left;
 }

 #SmohanFaceBox .Content h3 .close {
     display: inline-block;
     width: 16px;
     height: 16px;
     background: url(../images/facebg_1.png) -30px -120px;
     float: right;
     cursor: pointer;
 }

 #SmohanFaceBox .Content h3 .close:hover {
     background-position: -46px -120px;
 }

 #SmohanFaceBox .Content ul {
     margin: 5px 0px 0px 0px;
     padding: 0;
     list-style-type: none;
 }

 #SmohanFaceBox .Content ul li {
     display: inline-block;
     width: 22px;
     height: 22px;
     padding: 2px;
     border: 1px solid #f8f8f8;
     float: left;
 }

 #SmohanFaceBox .Content ul li:hover {
     border-color: #6C3;
 }

 #Zones {
     display: block;
     height: auto;
     position: relative;
     background: #fff;
     display: none;
     word-wrap: break-word;
     font-size: 14px;
 }

 .H-parts-header {
     width: 100%;
     height: 600px;
     background-size: cover;
 }

 .H-parts {
     height: 600px;
 }

 .parts-header-text {
     padding-top: 60px;
 }

 .parts-header-text h1 {
     font-size: 48px;
     color: #111;
     padding: 100px 0 30px 0;
     width: 500px;
 }

 .parts-header-text p {
     font-size: 30px;
     color: #333;
 }

 .H-parts-subject {
     height: 540px;
 }

 .H-parts-tab ul li {
     float: left;
     width: 171.4px;
     text-align: center;
     display: inline-block;
 }

 .H-parts-tab ul li img {
     text-align: center;
 }

 .H-parts-title {
     text-align: center;
 }

 .H-parts-title h1 {
     padding-top: 130px;
     font-size: 30px;
     color: #111;
 }

 .H-parts-title p {
     font-size: 16px;
     color: #666;
     padding: 16px 0 100px 0;
 }

 .parts-tab-name {
     padding-top: 30px;
     font-size: 16px;
     color: #111;
 }

 .H-parts-tab ul li figure {
     width: 120px;
     height: 120px;
     text-align: center;
     display: inline-block;
 }

 .parts-tab-iconA {
     background: url("/statics/hw/images/accessories-icon.png") no-repeat -33px -33px;
 }

 .parts-tab-iconB {
     background: url("/statics/hw/images/accessories-icon.png") no-repeat -221px -33px;
 }

 .parts-tab-iconC {
     background: url("/statics/hw/images/accessories-icon.png") no-repeat -408px -33px;
 }

 .parts-tab-iconD {
     background: url("/statics/hw/images/accessories-icon.png") no-repeat -596px -33px;
 }

 .parts-tab-iconE {
     background: url("/statics/hw/images/accessories-icon.png") no-repeat -783px -33px;
 }

 .parts-tab-iconF {
     background: url("/statics/hw/images/accessories-icon.png") no-repeat -971px -33px;
 }

 .parts-tab-iconG {
     background: url("/statics/hw/images/Accessories-Keyboard_icon_white.png") no-repeat center center;
 }

 .parts-tab-iconG:hover {
     transition: color 0.3s;
     background: url("/statics/hw/images/Accessories-Keyboard_icon_blue.png") no-repeat center center;
 }

 .parts-tab-iconA:hover {
     transition: color 0.3s;
     background: url("/statics/hw/images/accessories-icon.png") no-repeat -33px -196px;
 }

 .parts-tab-iconB:hover {
     transition: color 0.3s;
     background: url("/statics/hw/images/accessories-icon.png") no-repeat -221px -196px;
 }

 .parts-tab-iconC:hover {
     transition: color 0.3s;
     background: url("/statics/hw/images/accessories-icon.png") no-repeat -408px -196px;
 }

 .parts-tab-iconD:hover {
     transition: color 0.3s;
     background: url("/statics/hw/images/accessories-icon.png") no-repeat -596px -196px;
 }

 .parts-tab-iconE:hover {
     transition: color 0.3s;
     background: url("/statics/hw/images/accessories-icon.png") no-repeat -783px -196px;
 }

 .parts-tab-iconF:hover {
     transition: color 0.3s;
     background: url("/statics/hw/images/accessories-icon.png") no-repeat -971px -196px;
 }

 .H-parts-tab a {
     display: inline-block;
 }

 .H-parts-tab a:hover .parts-tab-name {
     transition: color 0.3s;
     color: #00bfd6;
 }

 .parts-tab-list {
     background: #f8f8f8;
 }

 .parts-tab-list-cont ul {
     padding: 30px 0 60px 0;
 }

 .parts-tab-list-cont ul li {
     float: left;
     width: 380px;
     background: #ffffff;
     height: 480px;
     margin: 20px 20px 0 0;
 }

 .parts-tab-list-cont ul li:hover {
     box-shadow: 0 0 20px #ccc;
 }

 .H-parts-show {
     width: 380px;
     height: 300px;
 }

 .H-parts-show img {
     margin-top: 40px;
 }

 .parts-show-aside {
     text-align: center;
 }

 .H-parts-show-text {
     padding-top: 26px;
 }

 .H-parts-show-text h4 {
     color: #111;
     font-size: 18px;
 }

 .H-parts-show-text p {
     padding: 16px 10px 40px 10px;
     line-height: 26px;
     color: #666666;
     font-size: 16px;
 }

 .parts-show-aside a {
     font-size: 16px;
     color: #00bfd6;
 }

 .H-active {
     color: #00bfd6;
 }

 .slider {
     position: relative;
     width: 100%;
     height: 600px;
     overflow: hidden;
     padding-top: 60px;
 }

 .box {
     height: 600px;
 }

 .slides {
     height: auto;
     overflow: hidden;
     -webkit-backface-visibility: hidden;
     -webkit-transform-style: preserve-3d;
     -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
 }

 .slide {
     height: auto;
     float: left;
     clear: none;
 }

 .slider-arrow {
     position: absolute;
     display: block;
     margin-bottom: -20px;
     width: 80px;
     height: 80px;
     line-height: 50px;
     text-decoration: none;
     text-align: center;
     color: #00bfd6;
     font-size: 2em;
     background-color: rgba(238, 238, 238, .9);
     border-radius: 50%;
 }

 .slider-arrow--right {
     bottom: 50%;
     right: 30px;
     background: url("/statics/hw/images/about-us-icon2.png") no-repeat center;
 }

 .slider-arrow--left {
     background: url("/statics/hw/images/about-us-icon1.png") no-repeat center;
     bottom: 50%;
     left: 30px;
 }

 .slider-nav {
     position: absolute;
     bottom: 30px;
     width: 50px !important;
 }

 .slider-nav__item {
     width: 12px;
     height: 12px;
     float: left;
     clear: none;
     display: block;
     margin: 0 5px;
     background: #ccc;
     border-radius: 100%;
 }

 .slider-nav__item:hover {
     background: #00bfd6;
 }

 .slider-nav__item--current {
     background: #00bfd6;
 }

 .H-kbt-header {
     background: url("https://image.huion.com/led_light_pad/H-kbt_03.jpg") no-repeat 0 60px;
     height: 700px;
     width: 100%;
     background-size: cover;
 }

 .H-kbt-text {
     padding-top: 270px;
     text-align: center;
 }

 .H-kbt-text h1 {
     font-size: 54px;
     color: #fff;
     padding-bottom: 20px;
 }

 .H-kbt-text p {
     font-size: 30px;
     color: #fff;
 }

 .img-textOne-h1 h1 {
     font-size: 56px;
     color: #fff;
     padding: 120px 0 114px 0;
 }

 .H-kbt-img-textOne {
     width: 100%;
     background: #232323;
     height: auto;
     text-align: center;
 }

 .H-kbt-img-textTwo {
     width: 100%;
     background: #f8f8f8;
 }

 .img-textTwo-lf {
     float: left;
 }

 .textTwo-lf {
     float: left;
     position: relative;
     top: 78px;
     right: 94px;
     width: 650px;
 }

 .textTwo-rt {
     width: 550px;
     float: left;
 }

 .textTwo-rt h1 {
     color: #111;
     font-size: 36px;
     padding: 180px 0 20px 0;
 }

 .textTwo-rt p {
     line-height: 36px;
     color: #111;
     font-size: 18px;
 }

 .H-kbt-img-textThree {
     margin-top: 80px;
 }

 .textThree-lf {
     width: 580px;
     float: left;
 }

 .textThree-lf h1 {
     font-size: 38px;
     color: #111;
     padding: 204px 0 20px 0;
 }

 .textThree-lf p {
     font-size: 18px;
     color: #111;
     line-height: 24px;
 }

 .textThree-rt img {
     padding-bottom: 136px;
 }

 .H-kbt-img-textFour {
     background: url("https://image.huion.com/led_light_pad/H-kbt_62.jpg") no-repeat;
 }

 .H-kbt-img-textFour {
     height: 560px;
 }

 .H-kbt-img-textFour h1 {
     color: #fff;
     font-size: 56px;
     text-align: center;
     padding-top: 252px;
 }

 .H-kbt-img-textFive {
     margin-top: 105px;
 }

 .textFive-lf {
     float: left;
     width: 640px;
 }

 .textFive-lf img {
     float: left;
 }

 .textFive-rt h1 {
     font-size: 38px;
     color: #111;
     padding: 120px 0 20px 0;
 }

 .textFive-rt p {
     line-height: 33px;
     color: #111;
     font-size: 18px;
 }

 .textFive-rt {
     float: left;
     width: 460px;
     padding-left: 100px;
 }

 .H-kbt-img-textSeven {
     background: url("https://image.huion.com/led_light_pad/H-kbt_30.jpg") no-repeat;
     height: 560px;
     background-size: 100% 100%;
 }

 .H-kbt-img-textSeven h1 {
     color: #fff;
     font-size: 56px;
     text-align: center;
     padding-top: 252px;
 }

 .H-kbt-img-textSix {
     background: #f8f8f8;
 }

 .textSix-lf {
     width: 500px;
     float: left;
 }

 .Pre-paragraph {
     float: left;
 }

 .Pre-paragraph img {
     width: 86px;
     height: 83px;
     float: left;
     padding-right: 18px;
 }

 .Pre-paragraph p {
     float: left;
     font-size: 16px;
     color: #111;
     width: 396px;
     line-height: 24px;
 }

 .Span-img img {
     padding: 40px 0 20px 0;
 }

 .textSix-lf h1 {
     font-size: 38px;
     color: #111;
     padding-bottom: 20px;
 }

 .textSix-lf p {
     font-size: 18px;
     line-height: 36px;
 }

 .textSix-rt {
     width: 700px;
     float: left;
 }

 .textSix-rt img {
     padding-left: 30px;
 }

 .pdtextSix {
     padding: 144px 0 144px 0;
 }

 .LightTitle {
     text-align: center;
 }

 .LightTitle h1 {
     padding: 110px 0 20px 0;
     color: #111;
     font-size: 56px;
 }

 .LightTitle p {
     font-size: 22px;
     color: #111;
     line-height: 36px;
 }

 .LightImg {
     padding: 150px 0 126px 0;
 }

 .LightImg img {
     width: 80%;
     height: 57px;
 }

 .kbt-product-list ul {
     padding-bottom: 140px;
 }

 .kbt-product-list ul li {
     float: left;
     padding-bottom: 30px;
     font-size: 26px;
     color: #111;
 }

 .kbt-product-list ul li:nth-child(2),
 .kbt-product-list ul li:nth-child(3) {
     padding-left: 134px;
 }

 .kbt-product-list h1 {
     text-align: center;
 }

 .kbt-power {
     background: #f8f8f8;
 }

 .jump-tile-kbt-layer {
     text-align: center;
     padding-bottom: 130px;
 }

 .jump-tile-kbt-layer h1 {
     font-size: 56px;
     color: #111;
     padding: 100px 0 20px 0;
 }

 .jump-tile-kbt-layer p {
     font-size: 22px;
     color: #111;
 }

 .jump-img-kbt-lf {
     float: left;
     width: 600px;
 }

 .jump-img-kbt-rt {
     width: 600px;
     float: left;
 }

 .jump-img-kbt-rt ul {
     padding: 30px 0 0 60px;
 }

 .jump-img-kbt-rt ul li {
     float: left;
     width: 180px;
 }

 .jump-img-kbt-rt ul li img {
     text-align: center;
 }

 .jump-img-kbt-rt ul li figure {
     height: 100px;
     text-align: center;
 }

 .border-radius {
     line-height: 40px;
     text-align: center;
     width: 120px;
     height: 40px;
     border-radius: 5px;
     border: 1px solid #999;
     margin: 0 auto;
 }

 .H-kbt-Tracing-tool {
     background: url("https://image.huion.com/led_light_pad/H-kbt_63.jpg") no-repeat;
     height: 560px;
     background-size: 100% 100%;
 }

 .H-kbt-Tracing-tool h1 {
     color: #fff;
     font-size: 56px;
     text-align: center;
     padding-top: 190px;
 }

 .H-kbt-Tracing-tool p {
     padding-top: 20px;
     font-size: 22px;
     color: #fff;
     text-align: center;
     line-height: 36px;
 }

 .images-kbt-buy {
     width: 100%;
     height: 174px;
 }

 .images-kbt-buy img {
     width: 100%;
     float: left;
 }

 .kbt-buy-content {
     background: #f8f8f8;
     padding-top: 50px;
 }

 .kbt-buy-list ul li {
     float: left;
     width: 280px;
     background: #ffffff;
     margin: 20px 20px 0 0;
 }

 .kbt-show-aside a {
     display: block;
     width: 80px;
     height: 30px;
     margin: 30px auto;
     text-align: center;
     background: #00bfd6;
     color: #fff;
     line-height: 28px;
     font-size: 16px;
 }

 .kbt-show-aside a:hover {
     background: #ff7f00;
 }

 .kbt-buy-list ul li:hover {
     box-shadow: 0 0 20px #ccc;
 }

 .text-kbt-buy {
     padding: 0 0 30px 0;
 }

 .text-kbt-buy table {
     width: 270px;
     margin: 0 auto;
 }

 .text-kbt-buy table tr td {
     padding-left: 6px;
     text-align: left;
     font-size: 14px;
 }

 .text-kbt-buy table tr {
     line-height: 30px;
 }

 .text-kbt-buy h1 {
     color: #111;
     font-size: 30px;
     text-align: center;
     padding-bottom: 20px;
 }

 .swb-compare-content {
     padding-top: 60px;
 }

 .swb-compare-title {
     text-align: center;
     padding: 100px 0 0 0;
 }

 .swb-compare-title h1 {
     font-size: 30px;
     color: #111;
 }

 .swb-compare-title p {
     color: #666;
     font-size: 18px;
     padding: 30px 0 30px 0;
 }

 .Selection-compare {
     box-sizing: border-box;
     text-align: center;
 }

 .compare-list {
     width: 300px;
     float: left;
     margin: 0 30px 30px 0;
     height: 690px;
     background: #f8f8f8;
 }

 .navTop-rt {
     width: 160px;
     margin: 0 auto;
 }

 .directory-navTop-rt {
     margin: 0 auto;
 }

 .directory-navTop-rt a {
     width: 108px;
     font-size: 16px;
     height: 34px;
     background: #00bfd6;
     color: #fff;
     float: right;
     text-align: center;
     line-height: 34px;
     border-radius: 4px;
     margin: 30px 26px 40px 0;
     display: inline-block;
     cursor: pointer;
 }

 .Selection-compare h2 {
     margin-bottom: 40px;
 }

 .Selection-compare p {
     margin-top: 40px;
 }

 #cbtest {
     width: 22px;
     height: 22px;
     margin-bottom: 74px;
     cursor: pointer;
 }

 .check-box:focus {
     background: #00bfd6;
 }

 .swb-compare-parameter ul li {
     width: 300px;
     float: left;
     margin: 30px 30px 30px 0;
     cursor: pointer;
     height: 100%;
 }

 .compare-store-title {
     font-size: 20px;
     color: #111;
     padding: 0 0 16px 0;
 }

 .compare-store-content {
     text-align: center;
     padding-top: 50px;
 }

 .compare-store-content img {
     text-align: center;
 }

 .compare-specs-content ul {
     width: 236px;
     margin: 0 auto;
     padding-bottom: 50px;
     height: 360px;
 }

 .compare-specs-article p {
     width: 274px;
     list-style-type: circle;
     margin: 0 auto;
 }

 .compare-specs-article .left {
     padding-top: 20px;
 }

 .compare-specs-article ol li {
     background: url(/statics/hw/images/list-yd.png)no-repeat left;
     background-position: 8px 16px;
     float: left;
 }

 .mg-bt30 {
     width: 1000px;
     margin: 0 auto;
 }

 .compare-checkbox {
     position: absolute;
     display: none;
 }

 .compare-checkbox+label {
     position: absolute;
 }

 .compare-checkbox+label:after {
     position: absolute;
     top: 6px;
     left: 4px;
     display: none;
     width: 13px;
     height: 6px;
     content: '';
     border-bottom: 2px solid white;
     border-left: 2px solid white;
     box-sizing: border-box;
     transform: rotate(-46deg);
 }

 .compare-checkbox+label:before {
     position: absolute;
     display: block;
     width: 22px;
     height: 22px;
     content: '';
     border: 1px solid #9f9f9f;
     border-radius: 3px;
 }

 .compare-checkbox:checked+label:before {
     background: #00bfd6;
     border: #00bfd6;
 }

 .compare-checkbox:checked+label:after {
     display: block;
 }

 .compare-list:hover {
     box-shadow: 0 0 6px #ccc;
 }

 .hide-for-compare-button {
     text-align: center;
     width: 100%;
     z-index: 2;
     position: relative;
     top: 0;
 }

 .hide-for-compare-button a {
     display: block;
     width: 84px;
     height: 32px;
     background: #00bfd6;
     border-radius: 4px;
     line-height: 32px;
     font-size: 16px;
     color: #fff;
     margin: 0 auto;
     cursor: not-allowed;
 }

 .compareBlock {
     display: block;
 }

 .compareNone {
     display: none;
 }

 .compare-check {
     width: 22px;
     height: 22px;
     border-radius: 3px;
     margin: 0 auto;
 }

 .compare-check-1 {
     background: #fafafa url("../images/compare-ico-1.jpg") no-repeat 134px 20px;
 }

 .compare-check-2 {
     background: #fafafa url("../images/compare-ico-2.jpg") no-repeat 134px 20px;
     border: 1px solid #00bfd6;
 }

 .compare-border-none {
     border: none;
 }

 .compare-text-block {
     color: #666;
     font-size: 18px;
     padding: 30px 0 50px 0;
 }

 .directory-video {
     height: 700px;
     background: url("../images/directory-spbj-01.jpg") no-repeat center;
     background-size: cover;
 }

 .text-video {
     color: #fff;
     text-align: center;
     position: relative;
     top: 200px;
     line-height: 40px;
 }

 .tit-video {
     font-size: 48px;
     color: #fff;
 }

 .desc-video {
     font-size: 20px;
     color: #fff;
     padding: 24px 0 50px;
 }

 .video-hide {
     display: none;
 }

 .directory-nav {
     background: #f8f8f8;
     height: 300px;
     padding-top: 80px;
 }

 .directory-nav-list ul li {
     float: left;
     width: 400px;
     text-align: center;
     display: inline-block;
 }

 .directory-nav-name {
     padding: 30px;
     font-size: 24px;
     color: #111;
     font-weight: bold;
 }

 .directory-nav-name-hr {
     width: 60px;
     height: 2px;
     background: #00bfd6;
     margin: 20px auto;
 }

 .directory-nav-name p {
     font-size: 14px;
     color: #666666;
 }

 .selected {
     background: #f8f8f8;
     box-shadow: 0 0 6px #ccc;
 }

 .selected-compare {
     border: 1px solid #00bfd6;
 }

 .directory-list {
     float: left;
     width: 280px;
     margin: 18px 18px 18px 0;
 }

 .directory-buy {
     padding-bottom: 40px;
 }

 .selectProduct {
     text-align: center;
     height: 350px;
 }

 .selectProduct:hover {
     background: #f8f8f8;
     box-shadow: 0 0 6px #ccc;
 }

 .selectProduct img,
 .selectProduct-directory img {
     text-align: center;
     overflow: hidden;
 }

 .selectProduct img {
     width: 80%;
     padding-top: 20px;
 }

 .selectProduct-directory {
     text-align: center;
     background: #f8f8f8;
     height: 690px;
 }

 .comparePanle {
     width: 100%;
     background: #eeeeee;
     margin: 20px 0 10px 0;
     display: none;
     position: fixed;
     bottom: 0;
     z-index: 999;
 }

 .compareh4 h4 {
     font-size: 18px;
     color: #666;
     padding: 20px 0 20px 0;
 }

 .relPos {
     float: left;
 }

 .relPos a {
     font-size: 28px;
     cursor: pointer;
     position: relative;
     top: -120px;
     right: -214px;
 }

 .comments-directory-btn button {
     background: #00bfd6;
     font-size: 14px;
     color: #fff;
     width: 80px;
     height: 30px;
     outline: 0 none !important;
     float: right;
     cursor: pointer;
     border: 1px solid #00bfd6;
     border-radius: 4px;
     box-shadow: 0 0 4px #ccc;
 }

 .relPos img {
     margin: 0 0 0 0;
 }

 .ptitle {
     text-align: center;
     position: relative;
     top: -10px;
     left: 0;
 }

 .directory-a {
     width: 100px;
     margin: 0 auto
 }

 .directory-buy a {
     color: #00bfd6;
 }

 .btn-floating {
     float: left;
     width: 18px;
     height: 18px;
     background: url("../images/compare-ico-1.jpg") no-repeat;
     margin: 0 0 20px 60px;
     cursor: pointer;
 }

 .btn-compare {
     float: left;
     width: 18px;
     height: 18px;
     background: url("../images/compare-ico-1.jpg") no-repeat;
     margin: 24px 0 20px 134px;
     cursor: pointer;
 }

 .selectProduct h4 {
     width: 200px;
     text-align: center;
     margin: 10px auto 0;
     line-height: 22px;
     font-size: 18px;
 }

 .selectProduct h5 {
     width: 200px;
     height: 34px;
     text-align: center;
     margin: 12px auto 40px;
     font-size: 14px;
     color: #666;
     overflow: hidden;
 }

 .navTop-lf h1 {
     font-size: 30px;
     color: #333;
     padding: 30px 0 40px 0;
     display: inline-block;
     float: left;
 }

 .navTop-rt a {
     width: 108px;
     font-size: 16px;
     height: 34px;
     background: #00bfd6;
     color: #fff;
     float: right;
     text-align: center;
     line-height: 34px;
     border-radius: 4px;
     margin: 30px 26px 40px 0;
     display: inline-block;
     cursor: pointer;
 }

 .rotateBtn {
     background: url("../images/compare-ico-2.jpg") no-repeat !important;
     cursor: pointer;
 }

 .rotateBtn2 {
     background: url("../images/compare-ico-2.jpg") no-repeat !important;
     cursor: pointer;
 }

 .selectProduct p {
     display: inline-block;
     padding-left: 10px;
     float: left;
 }

 .btn.disabled,
 .btn[disabled],
 fieldset[disabled] .btn {
     cursor: not-allowed;
     border: 1px solid #ccc;
     border-radius: 4px;
     background-color: #fff;
     opacity: .65;
     color: #000;
 }

 .sepecs-title {
     padding: 180px 0 120px 0;
     text-align: center;
     font-size: 48px;
     color: #111;
 }

 .sepecs-content {
     border: 1px solid #eee;
     margin-bottom: 100px;
 }

 .Appearance {
     width: 100%;
     height: 50px;
     background: #f8f8f8;
 }

 .Appearance p {
     line-height: 50px;
     font-size: 14px;
     color: #333;
     padding-left: 36px;
     border-bottom: 1px solid #eee;
 }

 .commodity {
     height: 270px;
     background: #fff;
     border-bottom: 1px solid #eee;
 }

 .side-name {
     float: left;
     width: 147px;
     height: 270px;
     background: #f8f8f8;
     text-align: center;
     border-right: 1px solid #eee;
 }

 .side-name p {
     vertical-align: middle;
     padding-top: 120px;
 }

 .left-img {
     border-right: 1px solid #eee;
     float: left;
     text-align: center;
     height: 270px;
     width: 262px;
 }

 .left-img h4 {
     font-size: 20px;
     color: #333;
 }

 .left-img img {
     text-align: center;
     display: inline-block;
     width: 50%;
     padding: 30px 0 30px 0;
 }

 .commodity-buy p {
     display: none !important;
 }

 .commodity-buy {
     padding-top: 20px;
 }

 .commodity-buy p {
     display: inline-block;
     font-size: 16px;
     color: #ff4545;
 }

 .commodity-buy a {
     color: #00bfd6;
     font-size: 16px;
     padding-left: 30px;
 }

 .Appearance th {
     line-height: 50px;
     width: 100%;
     height: 50px;
     background: #f8f8f8;
     border-bottom: 1px solid #eee;
     text-align: left;
     padding-left: 36px;
     font-size: 14px;
     color: #333333;
     border-right: 1px solid #eee;
 }

 .with-td {
     width: 1200px;
     float: left;
 }

 .with-td tr td {
     width: 270px;
     line-height: 20px;
     border-bottom: 2px solid #f3f3f3;
     height: 60px;
     border-right: 1px solid #eee;
     vertical-align: middle;
     text-align: center;
 }

 .more-ct td img {
     margin-top: 10px;
     padding: 10px 10px 10px 10px;
 }

 .with-view {
     width: 800px;
     margin: 0 auto;
     text-align: center;
     border-top: 1px solid #eee;
     border-left: 1px solid #eee;
 }

 .more-ct {
     width: 500px;
     margin: 0 auto;
 }

 .with-view tr td {
     width: 270px;
     line-height: 30px;
     border-bottom: 2px solid #f3f3f3;
     height: 60px;
     border-right: 1px solid #eee;
     vertical-align: middle;
     text-align: center;
 }

 .td-wt-bg {
     width: 150px !important;
     text-align: center;
     padding-left: 0 !important;
     font-size: 14px;
     color: #999;
     background: #f8f8f8;
 }

 .banner_zta {
     width: 100%;
     padding-top: 60px;
 }

 .banner_zta img {
     width: 100%;
 }

 .on_content {
     width: 100%;
 }

 .on_list {
     width: 1200px;
     margin: 30px auto 40px;
 }

 .head_img,
 .list_End-head_img {
     height: 360px;
     overflow: hidden;
 }

 .head_img img,
 .list_End-head_img img {
     width: 100%;
     height: 100%;
     float: left;
 }

 .list_a,
 .list_End {
     width: 580px;
     float: left;
     margin: 0 20px 20px 0;
     -webkit-box-shadow: 0 0 10px #ccc;
     -moz-box-shadow: 0 0 10px #ccc;
     box-shadow: 0 0 20px #ccc;
 }

 .list_a_bt,
 .list_End_bt {
     position: relative;
     float: left;
     height: 95px;
     background: #fff;
     width: 100%;
     border-left: solid 1px #e7e7e7;
     border-right: solid 1px #e7e7e7;
     border-bottom: solid 1px #e7e7e7;
 }

 .list_a_title,
 .list_End_title {
     display: block;
     padding-left: 12px;
     line-height: 30px;
 }

 .list_a_title h4,
 .list_End_title h4 {
     color: #606060;
     font-size: 24px;
     padding-top: 20px;
 }

 .list_a_title h4 a,
 .list_End_title h4 a {
     color: #333;
 }

 .list_a_title p,
 .list_End_title p {
     font-size: 16px;
     color: #999;
 }

 .Start-state {
     font-size: 14px;
     position: absolute;
     right: 0;
     top: 34px;
     background: url("../images/works-list-02.png") no-repeat;
     height: 42px;
     width: 106px;
     border-radius: 10px 0 0 10px;
 }

 .Start-state p,
 .End-state p {
     line-height: 40px;
     text-align: center;
     color: #fff;
     font-size: 14px;
 }

 .End-state {
     font-size: 14px;
     position: absolute;
     right: 0;
     top: 34px;
     background: url("../images/works-list-03.png") no-repeat;
     height: 42px;
     width: 76px;
     border-radius: 10px 0 0 10px;
 }

 .head_img img,
 .list_End-head_img img {
     float: left;
     transition: All 1s ease-in-out;
     -webkit-transition: All 1s ease-in-out;
     -moz-transition: All 1s ease-in-out;
     -o-transition: All 1s ease-in-out;
 }

 .head_img img:hover,
 .list_End-head_img img:hover {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
     overflow: hidden;
 }

 .H-works-content {
     background: #f2f2f2;
     padding: 60px 0 80px 0;
 }

 .H-share-main {
     width: 1200px;
     margin: 0 auto;
     margin-top: 50px;
 }

 .H-share-lf {
     width: 892px;
     background: #ffffff;
     float: left;
     margin-right: 16px;
 }

 .H-share-rt {
     float: left;
     width: 292px;
     height: 600px;
 }

 .H-share-id {
     width: 292px;
     height: 200px;
     background: #ffffff;
     float: left;
 }

 .H-share-comment {
     width: 292px;
     margin-top: 16px;
     background: #fff;
     float: left;
 }

 .box-work-name p {
     font-size: 20px;
     color: #111;
     padding: 16px 0 16px 0;
 }

 .share-pd {
     padding: 50px 50px 50px 50px;
 }

 .box-work {
     width: 1000px;
 }

 .box-work-img {
     width: 100%;
     text-align: center;
     background: #fff;
 }

 .box-work-img img {
     width: 100%;
     text-align: center;
     padding: 50px 0 20px 0;
 }

 .box-work-page {
     font-size: 14px;
     color: #666;
     padding-bottom: 10px;
 }

 .box-work-page a {
     color: #038cf6;
 }

 .Upload-time span {
     font-size: 14px;
     color: #00bfd6;
     display: inline-block;
     border-right: 1px solid #999999;
     padding-right: 12px;
 }

 .Upload-time p {
     display: inline-block;
     color: #999999;
     font-size: 12px;
     padding-left: 12px;
 }

 .User-head {
     width: 100%;
     height: 106px;
     border-bottom: 1px solid #e5e5e5;
 }

 .User-img {
     float: left;
 }

 .User-head-name {
     float: left;
     padding-top: 30px;
     line-height: 26px;
 }

 .User-img img {
     float: left;
     width: 64px;
     height: 64px;
     padding: 20px 20px 20px 20px;
 }

 .User-head-name span {
     font-size: 20px;
     color: #111;
     width: 180px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .User-head-name p {
     font-size: 14px;
     color: #666666;
 }

 .preview-Collection,
 .preview-See,
 .preview-Scomment,
 .preview-share {
     display: inline-block;
     padding: 26px 0 0 8px;
 }

 .preview-Collection a {
     background: url("../images/share-ico-01_03.png") no-repeat center;
     display: block;
     width: 60px;
     height: 20px;
 }

 .preview-See a {
     background: url("../images/share-ico-01_05.png") no-repeat center;
     display: block;
     width: 60px;
     height: 20px;
 }

 .preview-Scomment a {
     background: url("../images/share-ico-01_07.png") no-repeat center;
     display: block;
     width: 60px;
     height: 20px;
 }

 .preview-num01,
 .preview-num02,
 .preview-num03,
 .preview-num04 {
     display: block;
     padding-top: 10px;
     text-align: center
 }

 .preview-share a {
     background: url("../images/share-ico-01_09.png") no-repeat center;
     display: block;
     width: 60px;
     height: 20px;
 }

 .Smohan_Layer_Shade {
     position: fixed;
     _position: absolute;
     zoom: 1;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
     background: url("../images/hei.png") repeat;
     z-index: 99900;
 }

 .Smohan_Layer_box {
     min-width: 300px;
     height: auto;
     padding: 20px;
     background: #ffffff;
     position: fixed;
     _position: absolute;
     top: 50%;
     left: 50%;
     overflow: hidden;
     z-index: 99999;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     border-radius: 20px;
 }

 .Smohan_Layer_box h3 {
     display: block;
     width: 100%;
     height: 30px;
     line-height: 30px;
     padding: 0px 0px 10px 0px;
     margin: 0;
     overflow: hidden;
 }

 .Smohan_Layer_box h3 .text {
     float: left;
     font-size: 16px;
     font-weight: 600;
     color: #84c017;
     text-indent: 0.5em;
     display: block;
 }

 .Smohan_Layer_box h3 .close {
     display: block;
     width: 30px;
     height: 30px;
     background: url("../images/Smohan.layer.close.png") 0px 0px no-repeat;
     float: right;
 }

 .Smohan_Layer_box h3 .close:hover {
     background-position: 0px -31px;
 }

 .Smohan_Layer_box .layer_content {
     display: block;
     width: 100%;
     height: 100%;
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 0;
     overflow: hidden;
     position: relative;
 }

 .Smohan_Layer_box .layer_content .loading {
     display: block;
     width: 36px;
     height: 36px;
     background: url("../images/Load.gif") center center no-repeat;
     position: absolute;
     top: 0;
     left: 0;
 }

 #ClickMe {
     color: #FFF;
     margin: 0 auto;
     cursor: pointer;
 }

 #goodcover {
     display: none;
     position: fixed;
     top: 0%;
     left: 0%;
     width: 100%;
     height: 133%;
     background-color: black;
     z-index: 1001;
     -moz-opacity: 0.8;
     opacity: 0.50;
     filter: alpha(opacity=80);
 }

 #codegood {
     width: 400px;
     height: 100px;
     background-color: #fff;
     padding: 10px;
     position: absolute;
     display: none;
     left: 45%;
     z-index: 1002;
     border-radius: 4px;
 }

 .close1 {
     background: #ccc;
     color: #fff;
     border-radius: 100%;
     float: right;
 }

 .close1 a {
     text-decoration: none;
     color: #fff;
     width: 30px;
     height: 30px;
     line-height: 32px;
     text-align: center;
 }

 .close1 a:hover {
     background: #00bfd6;
     border-radius: 100%;
     width: 30px;
     height: 30px;
 }

 #closebt {
     float: right;
 }

 #closebt img {
     width: 20px;
 }

 .goodtxt {
     text-align: center;
 }

 .goodtxt p {
     height: 30px;
     line-height: 30px;
     font-size: 16px;
     color: #000;
     font-weight: 600;
 }

 .copy-Url {
     float: left;
     margin: 8px 0 0 20px;
 }

 .box-163css input {
     margin-left: 10px;
     border: none;
     border: 1px solid #a10000;
     background: #c00;
     text-align: center;
     height: 24px;
     line-height: 20px;
     color: #fff;
     cursor: pointer;
 }

 #dvMsgBox {
     display: none;
     position: fixed;
     top: 80px !important;
     font-size: 12px;
     width: 300px;
     overflow: hidden;
     z-index: 9999;
     border-radius: 3px;
 }

 #dvMsgBox .dvMsgBox-tp {
     height: 40px;
     background-color: #F8F8F8;
     padding-left: 16px;
     float: left;
     width: 100%;
     z-index: 99999;
 }

 #dvMsgBox .dvMsgBox-tp .dvMsgBox-rt {
     height: 100%;
     padding-right: 6px;
 }

 #dvMsgBox .dvMsgBox-tp .dvMsgBox-rt .title {
     height: 100%;
     line-height: 40px;
     color: #333;
     vertical-align: middle;
     font-size: 14px;
     overflow: hidden;
 }

 #dvMsgBox .dvMsgBox-body {
     background: #fff;
     padding-left: 10px;
 }

 #dvMsgBox .dvMsgBox-body .dvMsgBox-rt {
     background: #fff;
     padding-right: 2px;
 }

 #dvMsgBox .dvMsgBox-body {
     line-height: 60px;
     vertical-align: middle;
     width: 100%;
     text-align: center;
     color: #333;
     font-size: 14px;
 }

 #dvMsgBox .dvMsgBox-body .dvMsgBox-rt .dvMsgBox-ct .dvMsgBox-pro {
     width: 280px;
     border: solid 1px #6593cf;
     height: 25px;
     background: #ffffff;
     line-height: 23px;
     overflow: hidden;
 }

 #dvMsgBox .dvMsgBox-body .dvMsgBox-rt .dvMsgBox-ct .dvMsgBox-pro .dvMsgBox-bg {
     width: 0%;
     height: 100%;
     background: #c9dffc;
 }

 #dvMsgBox .bottom {
     background: #fff;
     padding-left: 6px;
 }

 #dvMsgBox .bottom .dvMsgBox-rt {
     height: 100%;
     padding-right: 6px;
 }

 input.dvMsgBox-btn {
     width: 56px;
     border-radius: 3px;
     cursor: pointer;
     color: #fff;
     border: none;
     height: 25px;
     text-align: center;
     background-color: #1E9FFF;
     text-align: center;
     margin: 0px auto;
 }

 input.btnfocus {
     background-color: #4aaef8;
     border-radius: 3px;
     width: 56px;
     margin: 0px auto;
     border: none;
     height: 25px;
     cursor: pointer;
     color: #fff;
 }

 #dvMsgBox .dvMsgBox-icon {
     width: 32px;
     height: 32px;
     float: left;
     margin-right: 10px;
 }

 #dvMsgBox .dvMsgBox-ht {
     height: 10px;
     line-height: 10px;
 }

 #ShowBolightBox {
     display: none;
     z-index: 100;
     position: absolute;
     left: 0px;
     top: 0px;
 }

 #dvMsgBtns {
     text-align: center;
     width: 100%;
 }

 .item-block {
     width: 206px;
     height: 44px;
     border: 1px solid #cacaca;
     float: right;
     margin-top: 12px;
     margin-right: 12px;
 }

 .item-block img {
     width: 130px;
     float: right;
 }

 .item-block input {
     height: 44px;
     line-height: 44px;
     padding-left: 10px;
 }

 .none {
     display: none;
 }

 .qrcode {
     width: 180px;
     padding: 20px;
     position: fixed;
     left: 50%;
     top: 50%;
     margin-left: -120px;
     margin-top: -140px;
     background: #fff;
     z-index: 100000;
 }

 .qrcode img {
     max-width: 100%;
     max-height: 100%;
     padding-bottom: 10px;
 }

 .weixin_close {
     display: inline-block;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     color: #00bfd6;
     text-decoration: none;
     font-size: 34px;
     font-weight: bold;
     right: -200px;
     position: absolute;
     top: 0;
 }

 .entries-head-banner {
     width: 100%;
     padding-top: 60px;
 }

 .entries-head-banner img {
     width: 100%;
     display: block;
 }

 .entries-navigation {
     width: 100%;
     background: #4f0300;
     height: 100px;
 }

 .entries-navigation ul {
     width: 900px;
     margin: 0 auto;
 }

 .entries-navigation ul li {
     float: left;
     width: 200px;
     padding-top: 40px;
 }

 .entries-navigation ul li a {
     color: #c2c2c2;
     font-size: 20px;
 }

 .entries-table-new {
     float: right;
     margin-right: 32px;
 }

 .title-entries {
     display: inline-block;
     float: left;
     font-size: 20px;
     color: #111;
 }

 .entries-table-new a {
     margin-left: 20px;
     display: inline-block;
     font-size: 16px;
     color: #fff;
     width: 70px;
     background: #00bfd6;
     text-align: center;
     line-height: 30px;
     border-radius: 4px;
 }

 .lrsty {
     font-size: 24px;
     float: left;
     font-size: 28px;
     color: #fff;
     line-height: 26px;
     text-align: center;
     font-weight: bold;
     border-radius: 5px;
     margin: 0 4px 0 4px;
 }

 .ColorF5 {
     background: #f5f5f5;
 }

 .entries-table-title {
     width: 1200px;
     margin: 0 auto;
     padding: 100px 0 34px 0;
 }

 .H-entries-all {
     width: 100%;
     margin: 0 auto;
 }

 .H-entries-box {
     width: 280px;
     height: 350px;
     background: #fff;
     float: left;
     margin: 16px 16px 0 0;
 }

 .H-entries-box:hover {
     box-shadow: 0 0 20px #ccc;
 }

 .H-entries-box a {
     display: block;
     float: left;
     width: 100%;
 }

 .H-entries-box img {
     width: 100%;
 }

 .entries-active {
     color: #fff !important;
 }

 .entries-time {
     float: left;
     width: 200px;
     background: #f4a200;
     font-size: 14px;
     color: #fff;
     line-height: 30px;
     text-align: center;
     font-weight: bold;
     border-radius: 5px;
     margin: 20px 10px 0 0;
 }

 .day {
     padding-left: 38px;
 }

 .entries-time p {
     font-size: 16px;
 }

 .day,
 .hours,
 .minutes,
 .seconds {
     display: inline-block;
     float: left;
     font-size: 20px;
 }

 .language-hr {
     margin-top: 15px;
     height: 1px;
     background-color: #ccc;
 }

 .H-language-list-title h2 {
     font-size: 24px;
     text-align: left;
 }

 .language-content-title {
     color: #000;
     text-align: center;
     margin: 5% 0;
     vertical-align: middle;
 }

 .H-language-list ul {
     margin: 2% 0 1% 0;
 }

 .H-language-list ul li {
     list-style: none;
     display: inline-block;
     float: left;
     margin-bottom: 3%;
     width: 24%;
     margin-right: 1%;
 }

 .H-language-list ul li img {
     width: 50px;
     height: 30px;
     float: left;
     display: inline-block;
     vertical-align: middle;
     border-radius: 4px;
     border: 1px #f5f5f5 solid;
 }

 .H-language-list ul li p {
     text-align: left;
     display: inline-block;
     font-size: 16px;
     color: #333;
     padding-left: 10px;
     vertical-align: middle;
 }

 .H-language-list ul li a {
     display: inline-block;
 }

 .H-language-list ul li a * {
     display: inline-block;
     vertical-align: middle;
 }

 .nationa {
     display: inline-block;
     width: 47px;
     height: 28px;
 }

 .nationa1 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -13px -26px;
 }

 .nationa2 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -99px -26px;
 }

 .nationa3 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -184px -26px;
 }

 .nationa4 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -273px -26px;
 }

 .nationa5 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -13px -79px;
 }

 .nationa6 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -99px -79px;
 }

 .nationa7 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -185px -79px;
 }

 .nationa8 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -273px -79px;
 }

 .nationa9 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -13px -132px;
 }

 .nationa10 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -99px -132px;
 }

 .nationa11 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -185px -132px;
 }

 .nationa12 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -13px -180px;
 }

 .nationa13 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -99px -180px;
 }

 .nationa14 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -185px -180px;
 }

 .nationa15 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -273px -180px;
 }

 .nationa16 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -13px -228px;
 }

 .nationa17 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -99px -228px;
 }

 .nationa18 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -185px -228px;
 }

 .nationa19 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -273px -228px;
 }

 .nationa20 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -13px -276px;
 }

 .nationa21 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -99px -276px;
 }

 .nationa22 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -185px -276px;
 }

 .nationa23 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -13px -324px;
 }

 .nationa24 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -99px -324px;
 }

 .nationa25 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -185px -324px;
 }

 .nationa26 {
     background: url('/statics/hw/images/national-flag-icon.png') no-repeat -273px -324px;
 }

 .Certification-bj {
     background: #f8f8f8;
     padding: 60px 0 70px 0;
 }

 .member-sidebar {
     margin: 0 20px 0 0;
     width: 268px;
     background: #ffffff;
     float: left;
 }

 .jump-layout {
     width: 900px;
     float: left;
     min-height: 1064px;
     background: #ffffff;
 }

 .memberCertification {
     margin-top: 50px;
 }

 .member-face {
     width: 95px;
     height: 95px;
     text-align: center;
     margin: 20px auto;
     border: 1px solid #d4d4d4;
     padding: 4px;
     border-radius: 100%;
 }

 .menu-user {
     text-align: center;
     border-bottom: 1px solid #d4d4d4;
 }

 .text-email {
     padding-bottom: 54px;
 }

 .text-email p {
     font-size: 20px;
     color: #111;
     padding-bottom: 10px;
 }

 .text-email font {
     font-size: 14px;
     color: #999;
 }

 .menu-user img {
     width: 95px;
     height: 95px;
     text-align: center;
     border-radius: 100%;
 }

 .member-menu-list {
     text-align: center;
 }

 .member-menu-list ul li {
     padding-top: 50px;
 }

 .member-menu-list ul li a {
     color: #666;
     font-size: 14px;
     padding-left: 22px;
     float: left;
     margin-left: 50px;
 }

 .member-menu-list ul li:last-child {
     padding-bottom: 50px;
 }

 .member-active {
     color: #00bfd6 !important;
 }

 .Certification-title {
     height: 260px;
     background: #01bfd7;
 }

 .Certification-title p {
     text-align: center;
     padding: 62px 0 52px 0;
     color: #fff;
     font-size: 35px;
 }

 .search-text {
     float: left;
     font-size: 20px;
     color: #bbb;
     padding-left: 22px;
 }

 .search-val {
     float: left;
 }

 .search-val input {
     width: 100%;
     height: 50px;
     line-height: 50px;
     border: none;
     background: none;
     font-size: 20px;
     color: #222;
 }

 .Certification-search {
     width: 56%;
     height: 50px;
     line-height: 50px;
     background: #fff;
     margin: 0 auto;
     border-radius: 3px;
 }

 .Certification-sub {
     height: 48px;
     border-radius: 24px;
     background: #03bace;
     text-transform: uppercase;
     font-size: 18px;
     color: #fff;
     text-align: center;
     line-height: 48px;
     margin: 2px 20px 0 0;
     cursor: pointer;
     background: url("../images/search-sousuo-icon.png") no-repeat right;
 }

 .text-title {
     font-size: 30px;
     color: #03bace;
     zoom: 1;
     line-height: 59px;
     margin: 40px auto;
     text-align: center;
 }

 .text-title img {
     display: inline-block;
     vertical-align: middle;
 }

 .Product-img {
     text-align: center;
 }

 .Product-img img {
     text-align: center;
 }

 .text-title p {
     display: inline-block;
 }

 .member-menu-list ul li a span {
     display: block;
     height: 10px;
     float: left;
     width: 10px;
 }

 .column-title {
     height: 60px;
     border-bottom: 1px solid #eee;
 }

 .column-title p {
     padding: 20px 0 0 28px;
 }

 .img-acitive01 {
     background: url("../images/hyico02.png") no-repeat -22px -9px;
 }

 .img-acitive02 {
     background: url("../images/hyico02.png") no-repeat -22px -74px;
 }

 .img-acitive03 {
     background: url("../images/hyico02.png") no-repeat -22px -138px;
 }

 .img-acitive04 {
     background: url("../images/hyico02.png") no-repeat -22px -204px;
 }

 .img-acitive05 {
     background: url("../images/hyico02.png") no-repeat -22px -268px;
 }

 .img-acitive06 {
     background: url("../images/hyico02.png") no-repeat -22px -334px;
 }

 .img-acitive07 {
     background: url("../images/hyico02.png") no-repeat -22px -398px;
 }

 .img-acitive01-1 {
     background: url("../images/hyico01.png") no-repeat -22px -9px;
 }

 .img-acitive02-1 {
     background: url("../images/hyico01.png") no-repeat -22px -74px;
 }

 .img-acitive03-1 {
     background: url("../images/hyico01.png") no-repeat -22px -138px;
 }

 .img-acitive04-1 {
     background: url("../images/hyico01.png") no-repeat -22px -204px;
 }

 .img-acitive05-1 {
     background: url("../images/hyico01.png") no-repeat -22px -268px;
 }

 .img-acitive06-1 {
     background: url("../images/hyico01.png") no-repeat -22px -334px;
 }

 .img-acitive07-1 {
     background: url("../images/hyico01.png") no-repeat -22px -398px;
 }

 .my-collection {
     margin: 90px 0 20px 20px;
     float: left;
     width: 264px;
     box-shadow: 0 0 10px #ccc;
 }

 .my-collection a {
     display: block;
     width: 100% !important;
 }

 .my-collection a img {
     width: 100%;
     height: auto;
 }

 .member-remove {
     float: left;
     text-align: center;
     width: 100%;
     padding: 18px 0 18px 0;
     border-top: 1px solid #eee;
     cursor: pointer;
     color: #999;
 }

 .member-edit {
     float: left;
     width: 50%;
     padding: 18px 0 18px 0;
     cursor: pointer;
     color: #999;
     text-align: center;
 }

 .member-edit a {
     color: #999;
 }

 .boder-all {
     width: 100%;
     border-top: 1px solid #eee;
     float: left;
 }

 .member-remove-a {
     float: left;
     width: 50%;
     padding: 18px 0 18px 0;
     cursor: pointer;
     color: #999;
     text-align: center;
 }

 .upload-voucher-content {
     float: left;
     margin-top: 20px;
 }

 .upload-voucher-all {
     float: left;
 }

 .upload-voucher-img {
     width: 80px;
     height: 80px;
     overflow: hidden;
     margin: 34px 20px 0 0;
     float: left;
     border: 1px solid #ccc;
 }

 .voucher-content {
     float: left;
     width: 80px;
     margin-right: 20px;
 }

 .upload-voucher-img img {
     width: 80px;
     height: 80px;
 }

 .upload-voucher-dell {
     color: #000;
     width: 100%;
     height: 20px;
     float: left;
     text-align: center;
     cursor: pointer;
 }

 .station-main {
     margin: 50px 28px 0 28px;
     line-height: 30px;
     color: #999;
     border-bottom: 1px solid #eee;
     padding-bottom: 32px;
     background: url("../images/member-ico01.png") no-repeat left top;
 }

 .station-time span {
     display: inline-block;
     padding-left: 26px;
     font-size: 12px;
 }

 .station-p p {
     font-size: 14px;
 }

 .station-time,
 .station-p {
     padding-left: 70px;
 }

 .station-time p {
     display: inline-block;
     font-size: 14px;
     color: #999;
 }

 .station-p p a {
     text-decoration: none;
     font-size: 14px;
     color: #999;
 }

 .column-no-notice {
     width: 100%;
     height: 500px;
     background: url("../images/notice-01.jpg")no-repeat center;
 }

 .information-main,
 .myworks-main,
 .myworks-upload {
     margin: 50px 28px 0 28px;
     height: 600px;
     font-size: 14px;
     color: #333;
 }

 .head-title {
     width: 120px;
     float: left;
     font-size: 14px;
     color: #333;
     line-height: 80px;
 }

 .default-tag a,
 .default-tag a span,
 .plus-tag a,
 .plus-tag a em,
 .plus-tag-add a {
     background: url("/statics/hw/images/tagbg.png") no-repeat;
 }

 .tagbtn a {
     color: #333333;
     display: block;
     float: left;
     height: 22px;
     line-height: 22px;
     overflow: hidden;
     margin: 0 10px 10px 0;
     padding: 0 10px 0 5px;
     white-space: nowrap;
 }

 .default-tag {
     padding: 16px 0 0 0;
 }

 .default-tag a {
     background-position: 100% 0;
 }

 .default-tag a:hover {
     background-position: 100% -22px;
 }

 .default-tag a span {
     padding: 0 0 0 8px;
     background-position: 0 -60px;
 }

 .default-tag a:hover span {
     background-position: 0 -98px;
 }

 .default-tag a.selected {
     opacity: 0.6;
     filter: alpha(opacity=60);
 }

 .default-tag a.selected:hover {
     background-position: 100% 0;
     cursor: default;
 }

 .default-tag a.selected:hover span {
     background-position: 0 -60px;
 }

 .plus-tag {
     padding: 0 0 10px 0;
 }

 .plus-tag a {
     background-position: 100% -22px;
 }

 .plus-tag a span {
     float: left;
 }

 .plus-tag a em {
     display: block;
     float: left;
     margin: 5px 0 0 8px;
     width: 13px;
     height: 13px;
     overflow: hidden;
     background-position: -165px -100px;
     cursor: pointer;
 }

 .plus-tag a:hover em {
     background-position: -168px -64px;
 }

 .plus-tag-add li {
     height: 56px;
     position: relative;
 }

 .plus-tag-add li .label {
     position: absolute;
     left: -110px;
     top: 7px;
     display: block;
 }

 .plus-tag-add button {
     float: left;
 }

 .plus-tag-add a {
     float: left;
     margin: 12px 0 0 20px;
     display: inline;
     font-size: 18px;
     background-position: -289px -59px;
     padding: 0 0 0 16px;
 }

 .plus-tag-add a.plus {
     background-position: -289px -96px;
 }

 .active-ab {
     background: url("../images/tagbg.png") no-repeat 100% -22px !important;
 }

 .work-theme-list label {
     width: 100%;
 }

 .Head-portrait {
     padding-left: 180px;
 }

 .Head-portrait p {
     line-height: 80px;
     padding-left: 20px;
     float: left;
     cursor: pointer;
 }

 .Head-portrait span {
     float: left;
     width: 78px;
     height: 78px;
     border-radius: 100%;
 }

 .Head-portrait span img {
     float: left;
     width: 78px;
     height: 78px;
     border-radius: 100%;
 }

 .input-xlarge {
     width: 217px;
     height: 36px;
     border: 1px solid #ddd;
     text-align: left;
     margin: 20px 0 0 64px;
     padding-left: 30px;
 }

 .site_select li {
     background: url("../images/29.jpg") no-repeat;
     width: 16px;
     height: 16px;
     background-size: cover;
     margin: 0 7px 0 0;
 }

 .active-ico {
     background: url("../images/28.jpg") no-repeat !important;
 }

 .site_select li .select_tips {
     color: #949494;
 }

 .site_select li {
     cursor: pointer;
     margin: 30px 20px 0 64px;
 }

 .select_ico p {
     padding-left: 20px;
     line-height: 0;
 }

 .site_select ul {
     padding-top: 4px;
 }

 #date {
     margin: 20px 0 0 64px;
     float: left;
 }

 .city,
 .select-region,
 #province,
 .fl {
     float: left;
 }

 .city,
 #province {
     min-width: 70px;
     height: 36px;
     border: 1px solid #ddd;
     font-size: 14px;
 }

 #province {
     padding-left: 30px;
 }

 .information-region {
     float: left;
     width: 100%;
 }

 #date select {
     padding: 5px;
     outline: none;
     float: left;
     height: 36px;
     min-width: 70px;
     border: 1px solid #ddd;
 }

 .fl p {
     display: inline-block;
     float: left;
     margin: 12px 22px 0;
     text-align: left;
     line-height: 1.25;
     font-size: 16px;
     color: #666;
 }

 .floption p {
     display: inline-block !important;
     float: left !important;
     margin: 0 22px 0 22px !important;
     text-align: left !important;
     font-size: 16px !important;
     color: #666 !important;
 }

 .compare-store-content img {
     width: 50%;
     padding-bottom: 20px;
 }

 .select-region {
     margin: 20px 0 0 64px;
 }

 .information-education,
 .information-Occupation,
 .information-pr-type,
 .information-pr-Model {
     width: 100%;
     float: left;
 }

 #theme {
     color: #333;
     padding-left: 22px;
     width: 152px;
     height: 36px;
     border: 1px solid #ddd;
     margin: 20px 0 0 64px;
     font-size: 14px;
     background: #f5f5f5;
     cursor: pointer;
 }

 .optgroup {
     background: #000;
 }

 #education,
 #Occupation,
 #cplx,
 #H-Model {
     width: 250px;
     height: 36px;
     border: 1px solid #ddd;
     margin: 20px 0 0 64px;
     font-size: 14px;
     padding-left: 30px;
 }

 #education option {
     text-align: center;
 }

 .information-submit {
     width: 240px;
     height: 42px;
     background: #00bfd6;
     text-align: center;
     color: #fff;
     font-size: 16px;
     cursor: pointer;
     float: left;
     margin: 30px 0 80px 184px;
 }

 .Order-number,
 .Serial-number,
 .Buy-time {
     float: left;
     width: 100%;
 }

 .check-register a {
     padding-left: 10px;
     color: #00bfd6;
 }

 .head-title b {
     color: #ff4545;
 }

 .Buy-upload {
     width: 100%;
 }

 .Buy-voucher,
 .upload-voucher {
     width: 242px;
     float: left;
     margin: 10px 0 0 64px;
     text-align: center;
 }

 .Buy-voucher {
     height: 190px;
     background: url("../images/upload-01.png") no-repeat center;
 }

 .upload-voucher-cont {
     width: 242px;
     height: 190px;
     background: url("../images/upload-01.png") no-repeat center;
     float: left;
     text-align: center;
 }

 .Buy-voucher font,
 .upload-voucher font {
     padding-top: 100px;
     cursor: pointer;
 }

 .Buy-voucher span,
 .upload-voucher span {
     padding-top: 100px;
     width: 160px;
     margin: 0 auto;
     cursor: pointer;
 }

 .Buy-voucher span p,
 .upload-voucher span p {
     padding-top: 10px;
     color: #bbb;
     width: 180px;
 }

 .check-register {
     line-height: 14px;
     margin: 20px auto;
     width: 444px;
 }

 .check-register input {
     margin-right: 10px;
 }

 .check-register input[type="checkbox"] {
     width: 14px;
     height: 14px;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     line-height: 14px;
     border-radius: 1px;
     position: relative;
 }

 .check-register input[type="checkbox"]::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     background: #fff;
     width: 100%;
     height: 100%;
     border: 1px solid #00bfd6;
     cursor: pointer;
 }

 .check-register input[type="checkbox"]:checked::before {
     content: "\2713";
     background-color: #00bfd6;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     color: #fff;
     font-size: 14px;
     font-weight: bold;
 }

 .register-list p {
     font-size: 14px;
     color: #999;
 }

 .register-list a {
     font-size: 14px;
     color: #00bfd6;
     margin: 20px 0 50px 0;
     display: block;
     font-weight: bold;
 }

 .register-list-information {
     width: 816px;
     height: 90px;
 }

 .register-list-thead tr {
     background: #f8f8f8;
     border: 1px solid #eee
 }

 .register-list-thead tr th {
     width: 90px;
     height: 40px;
     line-height: 22px;
     border-right: 1px solid #eee;
     font-size: 14px;
     color: #333333;
     vertical-align: middle;
 }

 .register-list-tbody tr td {
     text-align: center;
     font-size: 12px;
     color: #999999;
     width: 90px;
     height: 50px;
     border-right: 1px solid #eee;
     vertical-align: middle;
     padding: 0 4px 0 4px;
 }

 .register-list-tbody tr {
     border: 1px solid #eee
 }

 .register-list-tbody tr td a {
     color: #00bfd6;
     font-size: 12px;
 }

 .Be-careful-ico {
     width: 30px;
     height: 30px;
     cursor: pointer;
     margin-bottom: 10px;
 }

 .dis-tip {
     border: 1px solid #eee;
     display: none;
 }

 .pc-serial-ipt {
     float: left;
     width: 281px;
     position: relative;
 }

 .Be-careful {
     position: absolute;
     width: 360px;
     height: 240px;
     left: 350px;
     top: 24px;
 }

 .Be-careful ol {
     padding: 12px 0 0 30px;
 }

 .Be-careful ol li {
     line-height: 28px;
     font-size: 14px;
     color: #666666;
 }

 .not-upload {
     width: 280px;
     height: 260px;
     border: 1px solid #e5e5e5;
     border-radius: 4px;
     margin: 0 auto;
 }

 .not-upload-img {
     background: url("../images/upload-02.png") no-repeat center;
     width: 150px;
     height: 88px;
     margin: 0 auto;
     padding-top: 50px;
 }

 .not-upload-img p {
     color: #333333;
     font-size: 16px;
     text-align: center;
     padding: 56px 0 36px 0;
 }

 .not-upload-button {
     width: 174px;
     height: 34px;
     background: #00bfd6;
     margin: 16px auto;
 }

 .not-upload-button a {
     text-align: center;
     display: block;
     line-height: 34px;
     color: #fff;
     font-size: 14px;
 }

 .not-upload-p {
     text-align: center;
     margin-top: 34px;
 }

 .myworks-main {
     margin-top: 162px;
 }

 .input-works {
     width: 570px;
     height: 36px;
     border: 1px solid #ddd;
     text-align: left;
     margin: 30px 0 0 64px;
     padding-left: 30px;
     background: #f5f5f5;
 }

 .works-title {
     width: 100%;
     float: left;
     margin-top: 20px;
 }

 .works-textarea {
     width: 600px;
     height: 131px;
     border: 1px solid #ddd;
     background: #f4f4f4;
     border-radius: 4px;
     float: left;
     margin: 32px 0 0 64px;
 }

 .works-textarea textarea {
     width: 100%;
     height: 131px;
     vertical-align: middle;
     font-size: 14px;
     background: #f5f5f5;
 }

 .works-textarea textarea::placeholder {
     padding: 20px;
     color: #bbb;
 }

 .works-textarea-submit {
     width: 240px;
     height: 42px;
     background: #00bfd6;
     text-align: center;
     color: #fff;
     font-size: 16px;
     cursor: pointer;
     float: left;
     margin: 50px 0 80px 0;
 }

 .upload-voucher-text {
     width: 300px;
     float: left;
     margin: 40px 0 0 112px;
     line-height: 30px;
     font-size: 14px;
     color: #999999;
 }

 .upload-new-collecory {
     width: 264px;
     height: 238px;
     float: left;
     text-align: center;
     background: url(../images/upload-new-01.jpg) no-repeat center;
     cursor: pointer;
 }

 .upload-new-collecory font {
     padding-top: 100px;
 }

 .upload-new-collecory span {
     padding-top: 104px;
 }

 .upload-new-collecory p {
     padding-top: 10px;
     color: #bbb;
     width: 180px;
     margin: 0 auto;
 }

 .selectric-wrapper {
     position: relative;
     cursor: pointer;
     margin: 30px 0 0 10px;
     float: left;
 }

 .selectric-responsive {
     width: 100%;
 }

 .selectric {
     border: 1px solid #DDD;
     border-radius: 0px;
     background: #F8F8F8;
     position: relative;
     overflow: hidden;
     width: 152px;
 }

 .selectric .label {
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin: 0 38px 0 10px;
     font-size: 14px;
     line-height: 38px;
     color: #333;
     height: 34px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .selectric .button {
     border: none !important;
     display: block;
     position: absolute;
     right: 0;
     top: 0;
     width: 38px;
     height: 38px;
     line-height: 38px;
     background-color: #F8f8f8;
     color: #000;
     text-align: center;
     *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
 }

 .selectric .button:after {
     content: " ";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     margin: auto;
     width: 0;
     height: 0;
     border: 4px solid transparent;
     border-top-color: #000;
     border-bottom: none;
 }

 .selectric-focus .selectric {
     border-color: #aaaaaa;
 }

 .selectric-open {
     z-index: 99;
 }

 .selectric-open .selectric {
     border-color: #c4c4c4;
 }

 .selectric-open .selectric-items {
     display: block;
 }

 .selectric-disabled {
     filter: alpha(opacity=50);
     opacity: 0.5;
     cursor: default;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .selectric-hide-select {
     position: relative;
     overflow: hidden;
     width: 0;
     height: 0;
 }

 .selectric-hide-select select {
     position: absolute;
     left: -100%;
 }

 .selectric-hide-select.selectric-is-native {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 10;
 }

 .selectric-hide-select.selectric-is-native select {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     border: none;
     z-index: 1;
     box-sizing: border-box;
     opacity: 0;
 }

 .selectric-input {
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
     overflow: hidden !important;
     clip: rect(0, 0, 0, 0) !important;
     margin: 0 !important;
     padding: 0 !important;
     width: 1px !important;
     height: 1px !important;
     outline: none !important;
     border: none !important;
     *font: 0/0 a !important;
     background: none !important;
 }

 .selectric-temp-show {
     position: absolute !important;
     visibility: hidden !important;
     display: block !important;
 }

 .selectric-items {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     background: #F8F8F8;
     border: 1px solid #c4c4c4;
     z-index: -1;
     box-shadow: 0 0 10px -6px;
 }

 .selectric-items .selectric-scroll {
     height: 100%;
     width: 326px;
     height: 350px;
     background: #333;
 }

 .selectric-above .selectric-items {
     top: auto;
     bottom: 100%;
 }

 .selectric-items ul,
 .selectric-items li {
     list-style: none;
     padding: 0;
     margin: 0;
     font-size: 14px;
     line-height: 20px;
     min-height: 20px;
     background: #333;
     color: #cccccc;
     float: left;
     padding-top: 10px;
 }

 .selectric-items li {
     display: block;
     padding: 10px;
     color: #fff;
     cursor: pointer;
     width: 66px;
     float: left;
 }

 .selectric-items li.selected {
     background: #E0E0E0;
     color: #fff;
 }

 .selectric-items li.highlighted {
     background: #333;
     color: #fff;
     width: auto;
     display: none;
 }

 .selectric-items li:hover {
     background: #00bfd6;
     color: #fff;
 }

 .selectric-items .disabled {
     filter: alpha(opacity=50);
     opacity: 0.5;
     cursor: default !important;
     background: none !important;
     color: #666 !important;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .selectric-items .selectric-group .selectric-group-label {
     font-weight: bold;
     padding-left: 10px;
     cursor: default;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background: #333;
     color: #fff;
     font-size: 18px;
     width: 300px;
     padding-left: 24px;
 }

 .selectric-items .selectric-group.disabled li {
     filter: alpha(opacity=100);
     opacity: 1;
 }

 .selectric-items .selectric-group li {
     padding-left: 25px;
 }

 .product-more {
     padding: 60px 1% 0;
     border-top: 1px solid #dbdbdb;
     margin-top: 60px;
 }

 .trans-more {
     position: absolute;
     left: 50%;
     bottom: -22%;
     margin: 0 0 0 -29%;
     width: 59%;
 }

 .product-more-banner {
     padding-top: 60px;
 }

 .product-more-banner img {
     width: 100%;
 }

 .product-more ul li {
     width: 27.5%;
     margin: 0 5.7% 76px 0;
     position: relative;
     z-index: 1;
     float: left;
 }

 .trans-more-all {
     position: relative;
     z-index: 1;
     margin: 0 0 60px;
 }

 .trans-more-name {
     line-height: 49px;
     text-align: center;
     margin: 0 0 13px;
     height: 49px;
     overflow: hidden;
     background: url(../site/images/bottom-01.jpg) no-repeat bottom center;
 }

 .trans-more-name a {
     font-size: 20px;
     color: #505050;
 }

 .trans-more-title {
     font-size: 14px;
     line-height: 20px;
     color: #7f7f7f;
     padding: 0 6%;
     text-align: center;
     height: 60px;
     overflow: hidden;
 }

 .trans-more-btn {
     width: 111px;
     height: 34px;
     line-height: 34px;
     text-align: center;
     border: 1px solid #000;
     margin: 23px auto 0;
 }

 .trans-more-btn a {
     color: #505050;
     text-transform: uppercase;
     font-size: 14px;
     display: block;
 }

 .trans-more {
     transition: All 0.4s ease-in-out;
     -webkit-transition: All 0.4s ease-in-out;
     -moz-transition: All 0.4s ease-in-out;
     -o-transition: All 0.4s ease-in-out;
 }

 .trans-more:hover {
     transform: translate(14px, 0);
     -webkit-transform: translate(14px, 0);
     -moz-transform: translate(14px, 0);
     -o-transform: translate(14px, 0);
     -ms-transform: translate(14px, 0);
 }

 #turn_page2 {
     text-align: center;
     height: 40px;
     line-height: 38px;
     padding: 10px 0 30px 0;
 }

 #turn_page2 a {
     zoom: 1;
     margin: 0 40px 0 0;
     vertical-align: middle;
     color: #444;
 }

 #turn_page2 .page_item_current {
     display: inline-block;
     *display: inline;
     zoom: 1;
     color: #444;
     font-size: 14px;
     line-height: 38px;
     width: 38px;
     border: 1px solid #9a9a9a;
     margin: 0 14px 0 0;
     vertical-align: middle;
 }

 .more-list {
     float: left;
     padding: 48px 0 0 70px;
 }

 .more-list a {
     color: #fff;
     font-size: 14px;
 }

 .search-content {
     padding-top: 120px;
 }

 .search-results-all {
     border-bottom: 1px solid #eee;
     padding-bottom: 20px;
 }

 .search-all {
     margin-bottom: 100px;
 }

 .search-results-all p {
     font-size: 12px;
     color: #333;
 }

 .search-product-description {
     padding: 26px 200px 0 0;
 }

 .search-active {
     display: block !important;
     color: #00bfd6 !important;
     font-size: 16px !important;
     padding-top: 10px;
 }

 .search-active:hover {
     text-decoration: underline;
 }

 .search-product-description a {
     font-size: 14px;
     color: #000;
 }

 .search-product-description h2 {
     line-height: 62px;
     font-size: 18px;
     color: #333;
 }

 .search-product-description p {
     padding: 10px 0 0 0;
     color: #333;
     font-size: 16px;
     line-height: 24px;
 }

 .drop-down-navbar ul,
 .drop-down-navbar-2 ul {
     *zoom: 1;
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .drop-down-navbar ul:before,
 .drop-down-navbar ul:after {
     content: "";
     display: table;
 }

 .drop-down-navbar ul:after {
     clear: both;
 }

 .drop-down-navbar ul>li,
 .drop-down-navbar-2 ul>li {
     float: left;
     position: relative;
 }

 .drop-down-navbar a,
 .drop-down-navbar-2 a {
     line-height: 43px;
     color: #333;
     display: block;
     width: 30px;
     height: 36px;
 }

 .drop-down-navbar li ul a,
 .drop-down-navbar-2 li ul a {
     border: none;
 }

 .drop-down-nav2 ul>li:hover ul {
     visibility: visible;
     opacity: 1;
     filter: alpha(opacity=100);
 }

 .drop-down-nav2 li ul {
     position: absolute;
     visibility: hidden;
     opacity: 0;
     filter: alpha(opacity=100);
     -webkit-transition: 200ms ease;
     -moz-transition: 200ms ease;
     -o-transition: 200ms ease;
     transition: 200ms ease;
     right: 0;
     margin: 0 auto;
     z-index: 2;
     height: auto;
     background: #fff;
     width: 180px;
     float: right;
     left: -80px;
     top: 46px;
     border: 1px solid #e3e3e3;
     z-index: 999;
     border-top: 2px solid #00bfd6;
     padding-bottom: 20px;
 }

 .drop-down-navbar ul li ul li,
 .drop-down-navbar-2 ul li ul li {
     margin: 10px 20px 0 20px;
     width: 140px;
 }

 .drop-down-navbar li ul li,
 .drop-down-navbar-2 li ul li {
     border-bottom: 1px solid #e3e3e3;
 }

 .drop-down-navbar-2 li ul li a {
     padding: 0 40px;
 }

 .drop-down-navbar li ul li a,
 .drop-down-navbar-2 li ul li a {
     line-height: 43px;
     color: #333;
     display: block;
     width: 100%;
 }

 .drop-down-navbar-2 ul:before,
 .drop-down-navbar-2 ul:after {
     content: "";
     display: table;
 }

 .drop-down-navbar-2 ul:after {
     clear: both;
 }

 .drop-down-nav2-2 ul>li:hover ul {
     visibility: visible;
     opacity: 1;
     filter: alpha(opacity=100);
 }

 .drop-down-nav2-2 li ul {
     position: absolute;
     visibility: hidden;
     opacity: 0;
     filter: alpha(opacity=100);
     -webkit-transition: 200ms ease;
     -moz-transition: 200ms ease;
     -o-transition: 200ms ease;
     transition: 200ms ease;
     right: 0;
     margin: 0 auto;
     z-index: 2;
     height: auto;
     background: #fff;
     width: 180px;
     float: right;
     left: -80px;
     top: 46px;
     border: 1px solid #e3e3e3;
     z-index: 999;
     border-top: 2px solid #00bfd6;
     padding-bottom: 20px;
 }

 .sub-fomr-main {
     height: 600px;
     margin: 50px 28px 0 28px;
 }

 .sub-active {
     background: url(../images/29.jpg) no-repeat;
     width: 20px;
     height: 20px;
     background-size: cover;
     display: block;
     float: left;
 }

 .sub-fomr-main ul li {
     width: 100%;
     float: left;
     margin-top: 40px;
 }

 .sub-fomr-main p {
     width: 700px;
     float: left;
     line-height: 20px;
     font-size: 16px;
     text-overflow: ellipsis;
     overflow: hidden;
     color: #666;
     padding-left: 20px;
 }

 .center {
     width: 1200px;
     margin: 0 auto;
 }

 .fr {
     float: right;
 }

 .H-parts-show img {
     transition: all 0.5s;
 }

 .item6 {
     position: relative;
     float: left;
     margin-right: 3px;
     width: 380px;
     height: 480px;
     cursor: pointer;
     overflow: hidden;
 }

 .item6 .cornerCC {
     left: 190px;
     top: 240px;
     position: absolute;
     width: 0;
     height: 0;
     background: rgba(0, 0, 0, .6);
     overflow: hidden;
 }

 .item6 dd {
     padding: 60px 20px 0;
     line-height: 30px;
     color: #fff;
     font-size: 16px;
 }

 .service-search {
     width: 100%;
     height: 450px;
     background: url("../images/service-search-bg.jpg") no-repeat center;
     background-size: cover;
 }

 .service-search .tit {
     font-size: 48px;
     color: #fff;
     padding-top: 180px;
     text-align: center;
 }

 .service-search .desc {
     font-size: 22px;
     color: #fff;
     text-align: center;
     padding: 16px 0 50px;
 }

 .service-search .ssearch {
     position: relative;
     border: 1px solid #ccc;
     height: 54px;
     width: 656px;
     margin: 0 auto;
 }

 .service-search .sub {
     width: 54px;
     height: 54px;
     position: absolute;
     left: 0;
     top: 0;
     background: url(../images/search-sousuo-icon.png) no-repeat center #fff;
     border: none;
     cursor: pointer;
 }

 .service-search .input {
     float: left;
     width: 656px;
     height: 54px;
     text-align: left;
     border: none;
     background: #fff;
     color: #999;
     font-size: 20px;
     text-indent: 60px;
 }

 .service-search .input::placeholder {
     color: #ccc;
 }

 .fase-link {
     display: none;
     width: 656px;
     position: relative;
     z-index: 10;
     margin: -1px auto 0;
     border: 1px solid #ccc;
     background-color: #fff;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
 }

 .fase-link .links {
     height: 40px;
     line-height: 40px;
     font-size: 14px;
     color: #666;
     padding-left: 58px;
 }

 .fase-link ul {}

 .fase-link ul li {
     height: 40px;
     line-height: 40px;
 }

 .fase-link ul li a {
     display: block;
     font-size: 14px;
     color: #333;
     padding-left: 80px;
 }

 .fase-link ul li a:hover {
     background-color: #f5f5f5;
     color: #00bfd6;
 }

 .service-support {
     width: 100%;
     height: auto;
     background-color: #f8f8f8;
 }

 .service-support .tit {
     padding-top: 100px;
     text-align: center;
     font-size: 36px;
     color: #111111;
 }

 .service-support .line {
     width: 50px;
     height: 2px;
     background-color: #00bfd6;
     margin: 30px auto 100px;
 }

 .service-support ul {
     text-align: center;
     padding-bottom: 100px;
 }

 .service-support ul li {
     display: inline-block;
     vertical-align: top;
     width: 287px;
     height: 400px;
     margin-right: 15px;
     background-color: #fff;
 }

 .service-support ul li a {
     display: block;
     width: 230px;
     height: 340px;
     padding: 60px 26px 0;
 }

 .service-support ul li a:hover {
     box-shadow: 0 0 10px #ccc;
 }

 .service-support ul li a:hover>.lines {
     background: url(../images/service-support-you.png) no-repeat center center;
 }

 .service-support ul li:nth-child(4) {
     display: none;
     margin-right: 0;
 }

 .service-support .ull .pis {
     width: 100px;
     height: 74px;
     margin: 0 auto 54px;
 }

 .service-support .ull li:nth-child(1) .pis {
     width: 95px;
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -26px -406px;
 }

 .service-support .ull li:nth-child(2) .pis {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -174px -406px;
 }

 .service-support .ull li:nth-child(3) .pis {
     width: 94px;
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -335px -409px;
 }

 .service-support .ull li:nth-child(4) .pis {
     width: 96px;
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -479px -406px;
 }

 .service-support .ull .titl {
     font-size: 22px;
     color: #333333;
     text-align: center;
     padding-bottom: 28px;
 }

 .service-support .ull .desc {
     font-size: 16px;
     color: #666666;
     text-align: center;
     padding-top: 10px;
 }

 .service-support .ull .lines {
     width: 53px;
     height: 14px;
     margin: 35px auto 0;
     background: url(../images/service-support-hui.jpg) no-repeat center center;
 }

 .service-support .ull .lines:hover {
     background: url(../images/service-support-you.png) no-repeat center center;
 }

 .service-join {
     width: 100%;
     height: auto;
     background: #f8f8f8;
 }

 .service-join .pic {
     float: left;
     width: 720px;
     height: 469px;
     padding: 46px 0 84px;
 }

 .service-join .pic img {
     margin-left: -54px;
 }

 .service-join .txt {
     float: left;
     width: 470px;
     padding-right: 10px;
 }

 .service-join .txt .tit {
     font-size: 40px;
     color: #111;
     padding: 154px 0 18px;
 }

 .service-join .txt .desc {
     font-size: 16px;
     color: #333;
     line-height: 1.7;
 }

 .service-join .txt .go {
     font-size: 18px;
     padding-top: 36px;
 }

 .service-join .txt .go a {
     display: inline-block;
     color: #00bfd6;
 }

 .service-join .txt .go a img {
     margin-left: 8px;
 }

 .service-start {
     width: 100%;
     height: auto;
     background-color: #fff;
 }

 .service-start .txt {
     float: left;
     width: 480px;
 }

 .service-start .txt .tit {
     font-size: 40px;
     color: #111;
     padding: 210px 0 18px;
 }

 .service-start .txt .desc {
     font-size: 16px;
     color: #333;
     line-height: 1.7;
 }

 .service-start .txt .go {
     font-size: 18px;
     padding-top: 30px;
 }

 .service-start .txt .go a {
     display: inline-block;
     color: #00bfd6;
 }

 .service-start .txt .go a img {
     margin-left: 8px;
     margin-top: 3px;
 }

 .service-start .pic {
     float: left;
     width: 695px;
     padding: 123px 0 134px 25px;
 }

 .service-contact {
     width: 100%;
     height: auto;
     padding-bottom: 40px;
     background: #fff;
 }

 .service-contact .tit {
     padding-top: 100px;
     font-size: 36px;
     color: #111;
     text-align: center;
 }

 .service-contact .line {
     width: 50px;
     height: 2px;
     margin: 26px auto 80px;
     background-color: #00bfd6;
 }

 .service-contact .ull-us {
     width: 1200px;
     margin-bottom: 80px;
 }

 .service-contact .ull-us li {
     float: left;
     width: 300px;
     text-align: center;
 }

 .service-contact .ull-us a {
     font-size: 18px;
     color: #666;
     display: block;
 }

 .service-contact .ull-us .pis {
     width: 56px;
     height: 50px;
     margin: 0 auto;
 }

 .service-contact .ull-us .pis1 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -35px -532px;
 }

 .service-contact .ull-us .pis2 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -164px -534px;
 }

 .service-contact .ull-us .pis3 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -295px -532px;
 }

 .service-contact .ull-us .pis4 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -423px -534px;
 }

 .service-contact .ull-us li .desc {
     padding-top: 20px;
     font-size: 18px;
     color: #666;
 }

 .service-contact .ull-us a:hover .desc {
     color: #00bfd6;
 }

 .service-contact .ull-us a:hover .pis1 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -35px -612px;
 }

 .service-contact .ull-us a:hover .pis2 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -164px -614px;
 }

 .service-contact .ull-us a:hover .pis3 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -295px -612px;
 }

 .service-contact .ull-us a:hover .pis4 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -423px -614px;
 }

 .service-contact .ull-us .one.active .pis1 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -35px -612px;
 }

 .service-contact .ull-us .three.active .pis2 {
     background: url(/statics/hw/images/huion-all-icon.png) no-repeat -164px -614px;
 }

 .service-contact .ull-us li.active .desc {
     color: #00bfd6;
 }

 .service-contact .ull-us li.active .desc {
     color: #00bfd6;
 }

 .mail-detail {
     width: 100%;
     height: auto;
 }

 .mail-detail form {
     display: block;
     max-width: 750px;
     margin: 0 auto;
 }

 .mail-detail form .t {
     font-size: 14px;
 }

 .mail-detail form .i {
     border: 1px solid #dbdcde;
     background: #f1f2f4;
     height: 34px;
     padding: 3px 5px;
     margin: 5px 0 30px;
     display: block;
 }

 .mail-detail form .i input {
     height: 34px;
     line-height: 34px;
     width: 100%;
     border: none;
     background: none;
     outline: none;
     font-size: 15px;
 }

 .mail-detail form .a {
     border: 1px solid #e5e5e5;
     background: #f8f8f8;
     height: 200px;
     padding: 6px 5px;
     margin: 5px 0 0;
     display: block;
 }

 .mail-detail form textarea {
     height: 100%;
     line-height: 26px;
     width: 100%;
     border: none;
     background: none;
     outline: none;
     font-size: 15px;
 }

 .mail-detail form .b {
     display: block;
     height: 48px;
     width: 150px;
     text-align: center;
     line-height: 48px;
     color: #fff;
     font-size: 16px;
     letter-spacing: 1px;
     background: #00bfd6;
     margin: 40px auto;
     cursor: pointer;
 }

 .formtips {
     color: #f00;
     font-size: 14px;
     padding-top: 6px;
 }

 .ty-line {
     width: 1200px;
     height: 1px;
     background-color: #eeeeee;
     margin-bottom: 60px;
 }

 .service-active {
     display: block;
 }

 .phone-detail .phone {
     font-size: 40px;
     color: #333;
     font-weight: bold;
     text-align: center;
     margin-bottom: 60px;
 }

 .mail-detail,
 .wechat-detail,
 .phone-detail {
     display: none;
 }

 .wechat-detail .ty-line {
     margin-bottom: 40px !important;
 }

 .wechat-detail .pic {
     width: 300px;
     height: 300px;
     margin: 0 auto 60px;
 }

 .service-cont>.c-detail {
     display: none;
 }

 .service-cont>.c-detail.active {
     display: block;
 }

 .after-banner {
     width: 100%;
     height: 450px;
     color: #fff;
     text-align: center;
     background: url(https://image.huion.com/driver/after-banner.jpg) no-repeat center;
 }

 .after-banner .tit {
     font-size: 48px;
     padding: 168px 0 20px;
 }

 .after-banner .desc {
     font-size: 22px;
 }

 .after-icon {
     width: 100%;
     height: auto;
     padding: 118px 0 114px;
     background-color: #f8f8f8;
 }

 .after-icon ul li {
     float: left;
     width: 572px;
     height: 284px;
     margin-right: 56px;
     background-color: #fff;
     box-shadow: 0 0 10px #ccc;
 }

 .after-icon ul li:nth-child(2) {
     margin-right: 0;
 }

 .after-icon ul li .icon {
     width: 210px;
     height: 56px;
     margin: 70px auto 36px;
     text-align: center;
     line-height: 56px;
     font-size: 22px;
     cursor: pointer;
     background-color: #00bfd6;
 }

 .after-icon ul li .icon a {
     display: block;
     color: #fff;
 }

 .after-icon ul li .icon a:hover {
     background-color: #00aabe;
 }

 .after-icon ul li .desc {
     font-size: 18px;
     color: #666;
     text-align: center;
     padding: 0 60px;
 }

 .after-cont {
     width: 100%;
     height: auto;
 }

 .after-cont .first {
     padding-top: 92px;
 }

 .after-cont .last {
     padding-bottom: 92px;
 }

 .after-cont .line {
     width: 1200px;
     height: 1px;
     background-color: #eeeeee;
     margin: 40px 0 40px;
 }

 .after-cont .conts .tit {
     font-size: 24px;
     color: #333;
 }

 .after-cont .conts ul {
     padding-top: 20px;
 }

 .after-cont .conts ul li {
     font-size: 16px;
     color: #666;
     line-height: 1.7;
 }

 .after-cont .conts ul li.indent {
     text-indent: 2em;
 }

 .qu_conts {
     width: 100%;
     height: auto;
     background-color: #f8f8f8;
 }

 .qu_conts .tit {
     font-size: 14px;
     color: #666;
     padding: 28px 0;
 }

 .qu_conts .tit a {
     color: #00bfd6;
 }

 .qu_conts .tit span {
     color: #00bfd6;
 }

 .qu_conts .qu-wrap {}

 .qu_conts .qu-wrap .qu_con_l {
     float: left;
     width: 234px;
     height: auto;
     background-color: #fff;
     border: 1px solid #eeeeee;
     margin-right: 20px;
     margin-bottom: 60px;
 }

 .qu_conts .qu-wrap .qu_con_l .pl a {
     display: block;
     height: 58px;
     font-size: 18px;
     text-align: center;
     line-height: 58px;
     color: #111111;
     border-bottom: 1px solid #eeeeee;
 }

 .qu_conts .qu-wrap .qu_con_l ul {}

 .qu_conts .qu-wrap .qu_con_l ul li a {
     display: block;
     height: 50px;
     line-height: 50px;
     color: #666666;
     font-size: 16px;
     text-align: center;
 }

 .qu_conts .qu-wrap .qu_con_l ul li a:hover {
     background: #00bfd6;
     color: #fff;
 }

 .qu_conts .qu-wrap .qu_con_l ul li a.active-faq-list {
     background: #00bfd6;
     color: #fff;
 }

 .qu_conts .qu-wrap .qu_con_r {
     float: left;
     width: 942px;
     height: auto;
     background-color: #fff;
     border: 1px solid #eeeeee;
     margin-bottom: 60px;
 }

 .qu_conts .qu-wrap .qu_con_r .titl {
     height: 68px;
     line-height: 68px;
     padding-left: 50px;
     font-size: 16px;
     color: #111111;
     margin-bottom: 30px;
     background: url(../images/qu_con_r-border.jpg) no-repeat left 56px;
 }

 .qu_conts .qu-wrap .qu_con_r .ssearch {
     position: relative;
     border: 1px solid #eeeeee;
     height: 50px;
     width: 850px;
     margin: 0 auto;
 }

 .qu_conts .qu-wrap .qu_con_r .sub {
     width: 50px;
     height: 50px;
     position: absolute;
     left: 0;
     top: 0;
     background: url(../images/search-sousuo-icon.png) no-repeat center #fff;
     border: none;
     cursor: pointer;
 }

 .qu_conts .qu-wrap .qu_con_r .input {
     float: left;
     width: 850px;
     height: 50px;
     text-align: left;
     border: none;
     background: #fff;
     color: #999;
     font-size: 14px;
     text-indent: 50px;
 }

 .qu_conts .qu-wrap .qu_con_r ul {
     width: 850px;
     margin: 0 auto;
     height: auto;
 }

 .qu_conts .qu-wrap .qu_con_r ul li a {
     display: block;
     padding: 26px 0 0;
     font-size: 14px;
     color: #333;
 }

 .qu_conts .qu-wrap .qu_con_r ul li a .time {
     float: right;
     padding-right: 10px;
 }

 .qu_conts .qu-wrap .qu_con_r ul li a:hover {
     color: #00bfd6;
 }

 .qu_conts .qu-wrap .quotes {
     padding: 39px 0;
 }

 .mt20 {
     margin-top: 20px;
 }

 .quotes {
     clear: both;
     width: 100%;
     height: 28px;
     text-align: center;
 }

 .quotes a {
     padding: 9px 4px;
     color: #666;
     margin-right: 26px;
 }

 .quotes a:hover {
     color: #00bfd6;
     border-bottom: 1px solid #ccc;
 }

 .problem-cont {
     float: left;
     width: 700px;
     height: auto;
     padding: 0 121px;
 }

 .problem-cont .titles {
     padding-top: 30px;
     color: #111111;
     text-align: center;
     font-size: 20px;
 }

 .problem-cont .info {
     text-align: center;
     font-size: 14px;
     color: #999;
     padding: 18px 0;
 }

 .problem-cont .info span {
     padding-right: 6px;
     display: inline-block;
 }

 .problem-cont .info i {
     font-style: normal;
     padding: 0 6px 0 30px;
 }

 .problem-cont .line {
     width: 700px;
     height: 1px;
     background-color: #eeeeee;
 }

 .problem-cont .article_article {
     overflow: hidden;
     line-height: 28px;
     font-size: 16px;
     color: #333;
     padding-top: 50px;
 }

 .problem-cont .article_article img {
     max-width: 700px;
     display: block;
 }

 .problem-cont .context {
     padding-bottom: 40px;
 }

 .problem-cont .context ul li {
     font-size: 14px;
     color: #333;
     margin-top: 6px;
 }

 .problem-cont .lines {
     width: 700px;
     height: 1px;
     margin: 50px 0 20px;
     background-color: #eeeeee;
 }

 .start-cont-banner {
     background: url(../images/start-cont-banner.jpg) no-repeat;
 }

 .start-cont-banner .desc {
     font-size: 20px;
 }

 .start-cont ul {
     width: 1200px;
     height: auto;
 }

 .start-cont ul li {
     float: left;
     width: 380px;
     margin: 50px 30px 0 0;
 }

 .start-cont ul li:nth-child(3),
 .start-cont ul li:nth-child(6) {
     margin-right: 0;
 }

 .start-cont .pic {
     width: 380px;
     height: 230px;
 }

 .start-cont .txt {
     padding: 0 20px;
 }

 .start-cont .txt .tit {
     padding-top: 30px;
 }

 .start-cont .txt .tit a {
     font-size: 18px;
     color: #333;
 }

 .start-cont .txt .desc {
     font-size: 14px;
     color: #666;
     padding: 16px 0 50px;
 }

 .start-cont .txt .more {
     float: right;
 }

 .start-cont .txt .more a {
     font-size: 14px;
     color: #999;
 }

 .start-cont .txt .more a:hover,
 .start-cont .txt .tit a:hover {
     color: #00bfd6;
 }

 .start-cont .mores a {
     display: block;
     width: 198px;
     height: 48px;
     text-align: center;
     line-height: 48px;
     color: #999;
     font-size: 18px;
     border: 1px solid #e5e5e5;
     margin: 100px auto 120px;
 }

 .start-cont .mores a:hover {
     background-color: #00bfd6;
     color: #fff;
     border: 1px solid #00bfd6;
 }

 .contact-big-banner {
     background: url(../images/contact-banner1.jpg) no-repeat center;
 }

 .contact-cont {
     width: 100%;
     height: auto;
     padding-top: 70px;
 }

 .contact-cont .titl {
     font-size: 40px;
     color: #111111;
     text-align: center;
 }

 .contact-cont .line {
     width: 50px;
     height: 2px;
     margin: 20px auto 70px;
     background-color: #00bfd6;
 }

 .contact-cont .txt {
     float: left;
     width: 338px;
     height: 310px;
     margin-right: 90px;
     border: 1px solid #d5d5d5;
 }

 .contact-cont .three {
     margin-right: 0;
 }

 .contact-cont .txt .tit {
     font-size: 22px;
     color: #111111;
     text-align: center;
     padding: 34px 20px 20px;
 }

 .contact-cont .txt .lines {
     width: 300px;
     height: 1px;
     margin: 0 auto;
     background-color: #e5e5e5;
 }

 .contact-cont .txt ul {
     width: 230px;
     margin: 34px auto 0;
 }

 .contact-cont .txt ul li {
     font-size: 14px;
     color: #333;
     height: 28px;
     line-height: 28px;
     padding-left: 30px;
 }

 .contact-cont .txt .pic {
     text-align: center;
     padding: 30px 0 10px;
 }

 .contact-cont .three .pic {
     padding: 4px 0 10px;
 }

 .contact-cont .txt .scan {
     font-size: 12px;
     color: #333;
     text-align: center;
 }

 .contact-map {
     width: 1200px;
     height: 400px;
     margin: 50px auto 80px;
     overflow: hidden
 }

 .contact-map img {
     transition: All 1s ease-in-out;
     cursor: pointer;
 }

 .contact-map img:hover {
     transform: scale(1.2)
 }

 .contact-banner {
     background: url(../images/contact-banner2.jpg) no-repeat center;
 }

 .contact-banner .desc {
     font-size: 20px;
 }

 .contact-cont .dray-wrap {
     width: 100%;
     height: 200px;
 }

 .contact-cont .pot {
     font-size: 16px;
     color: #111111;
     font-weight: bold;
     padding: 52px 0 10px;
     clear: left;
 }

 .contact-cont .service {
     font-size: 16px;
     color: #666;
     line-height: 1.6;
 }

 .contact-cont .contact-card {
     float: left;
     width: 324px;
     height: 210px;
     margin-right: 110px;
     border: 1px solid #e5e5e5;
 }

 .contact-cont .contact-card .pics {
     height: 49px;
     text-align: center;
     margin: 28px 0 18px;
 }

 .contact-cont .contact-card .line-gray {
     width: 230px;
     height: 1px;
     background-color: #e5e5e5;
     margin: 0 auto;
 }

 .contact-cont .contact-card .hotline {
     font-size: 14px;
     color: #222;
     text-align: center;
     padding-top: 24px;
 }

 .contact-cont .contact-card .number {
     font-size: 14px;
     color: #222;
     text-align: center;
     padding-top: 8px;
     padding: 8px 18px 0;
 }

 .contact-cont .fours {
     margin-right: 0;
 }

 .contacts-service .map {
     width: 100%;
     height: 508px;
     position: relative;
     margin-top: 70px;
     padding-bottom: 200px;
 }

 @-webkit-keyframes opacx {
     from {
         opacity: 1;
         width: 0px;
         height: 0px;
         top: 50%;
         left: 50%;
         margin: 3px 0 0 3px;
     }

     to {
         opacity: 0;
         -moz-opacity: 0;
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
     }
 }

 .animate .w11 {
     -webkit-animation-delay: 0.5s;
     animation-delay: 1s;
 }

 .animate .w22 {
     -webkit-animation-delay: 1s;
     animation-delay: 2s;
 }

 .animate .w33 {
     -webkit-animation-delay: 2s;
     animation-delay: 3s;
 }

 .Americas .wave {
     width: 250px;
     height: 250px;
 }

 .Spain .wave,
 .France .wave,
 .Netherland .wave,
 .Germany .wave,
 .UK .wave,
 .Italy .wave {
     width: 70px;
     height: 70px;
 }

 .Korea .wave {
     width: 90px;
     height: 90px;
 }

 .SEA .wave,
 .India .wave {
     width: 140px;
     height: 140px;
 }

 .Australia .wave {
     width: 150px;
     height: 150px;
 }

 .wave {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin: 0 auto;
 }

 .wave * {
     border: 1px solid #00bfd6;
     position: absolute;
     border-radius: 50%;
     -webkit-animation: opacx 3.5s ease-out infinite;
     -moz-animation: opacx 3.5s ease-out infinite;
 }

 .contacts-service .map .name {
     position: absolute;
     top: 34px;
     left: 52px;
 }

 .contacts-service .map .fonts {
     font-size: 16px;
     color: #000;
     text-align: center;
     height: 40px;
 }

 .contacts-service .map .pot {
     position: absolute;
     width: 6px;
     height: 6px;
     left: 50%;
     top: 50%;
     background-color: #00bfd6;
     border-radius: 50%;
 }

 .contacts-service .map .region {
     position: absolute;
     width: 80px;
     height: 80px;
 }

 .contacts-service .line {
     width: 50px;
     height: 2px;
     margin: 20px auto 70px;
     background-color: #00bfd6;
 }

 .contacts-service .titl {
     font-size: 40px;
     color: #111111;
     text-align: center;
 }

 .contacts-service .box-a {
     display: none;
     width: 200px;
     height: 107px;
     position: absolute;
     border: 1px solid #00bfd6;
     top: 71px;
     left: 16px;
     border-radius: 5px;
     background: #FFFFFF;
     z-index: 200;
     box-shadow: rgb(144, 144, 144, 0.498039) 0px 0px 9px;
 }

 .contacts-service .box-a ul {
     padding-top: 7px;
 }

 .contacts-service .box-a ul li img {
     width: 16px;
     height: 16px;
     padding: 6px 5px 0px 23px;
 }

 .contacts-service .box-a ul li {
     display: flex;
     font-size: 14px;
     line-height: 28px;
 }

 .contacts-service .box-a ul li a {
     color: #000;
 }

 .contacts-service .box-a ul li a:hover {
     color: #00bfd6;
     text-decoration: underline;
 }

 .contacts-service .box-a ul li span {
     margin-top: 2px;
 }

 .contacts-service .box-a:after {
     content: "";
     width: 13px;
     height: 13px;
     background: #fff;
     border-top: 1px solid #00bfd6;
     border-right: 1px solid #00bfd6;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     display: block;
     position: absolute;
     top: -8px;
     z-index: 1;
     left: 93px;
 }

 #Americas_s:hover+.box-a,
 .contacts-service .box-a:hover,
 #Spain_s:hover+.box-a,
 .contacts-service .box-a:hover,
 #France_s:hover+.box-a,
 .contacts-service .box-a:hover,
 #Netherland_s:hover+.box-a,
 .contacts-service .box-a:hover,
 #Germany_s:hover+.box-a,
 .contacts-service .box-a:hover,
 #UK_s:hover+.box-a,
 .contacts-service .box-a:hover,
 #Italy_s:hover+.box-a,
 .contacts-service .box-a:hover,
 #Korea_s:hover+.box-a,
 .contacts-service .box-a:hover,
 #India_s:hover+.box-a,
 .contacts-service .box-a:hover,
 #SEA_s:hover+.box-a,
 .contacts-service .box-a:hover,
 #Australia_s:hover+.box-a,
 .contacts-service .box-a:hover {
     display: block;
     cursor: pointer;
 }

 .news-content {
     width: 100%;
     height: auto;
     padding-top: 50px;
 }

 .news-content .news-center {
     width: 800px;
     margin: 0 auto;
 }

 .news-content .tit {
     font-size: 30px;
     color: #111111;
     text-align: center;
     padding: 80px 0 40px;
 }

 .news-content .info {
     text-align: center;
     font-size: 14px;
     color: #999;
 }

 .news-content .info .clicks {
     width: 33%;
     font-style: normal;
 }

 .news-content .info .time {
     width: 33%;
     text-align: right;
 }

 .news-content .info .buttonbox {
     width: 33%;
     margin-top: -4px;
 }

 .news-content .info .buttonbox a {
     display: inline-block;
     margin-right: 6px;
 }

 .news-content .line {
     width: 800px;
     height: 1px;
     background-color: #eeeeee;
     margin: 28px 0 80px;
 }

 .news-content .news-article img {
     max-width: 800px;
 }

 .news-content .news-article span {
     line-height: 1.7;
 }

 .news-content .lines {
     width: 800px;
     height: 1px;
     background-color: #eeeeee;
     margin: 70px 0 20px;
 }

 .news-content .context {
     margin-bottom: 90px;
 }

 .news-content .context ul li {
     height: 26px;
     font-size: 14px;
     color: #333;
 }

 .news-content .context ul li a {
     font-size: 14px;
     color: #333;
 }

 .list-news-wrap {
     width: 100%;
     height: auto;
     padding-top: 120px;
     background-color: #f8f8f8;
 }

 .list-news-banner {
     width: 1200px;
     height: 380px;
     position: relative;
     background-color: #fff;
 }

 .list-news-banner .olls {
     position: absolute;
     right: 0;
     bottom: 20px;
     width: 90px;
     height: 10px;
 }

 .list-news-banner .olls .circle {
     float: left;
     width: 8px;
     height: 8px;
     margin-right: 20px;
     border-radius: 8px;
     border: 1px solid #cecece;
 }

 .list-news-banner .olls .circle.active {
     background-color: #00bfd6;
     border: 1px solid #00bfd6;
 }

 .list-news-banner li {
     position: absolute;
 }

 .list-news-banner .pic {
     float: left;
     width: 700px;
     height: 380px;
     overflow: hidden;
 }

 .list-news-banner .pic img {
     width: 100%;
     height: 100%;
 }

 .list-news-banner .txt {
     float: left;
     width: 360px;
     padding: 50px 70px 0;
 }

 .list-news-banner .txt .tit a {
     font-size: 30px;
     color: #111;
 }

 .list-news-banner .txt .tit {
     text-overflow: -o-ellipsis-lastline;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .list-news-banner .txt .desc {
     font-size: 16px;
     color: #666;
     padding: 16px 0 54px;
 }

 .list-news-banner .txt .more a {
     display: block;
     width: 100px;
     height: 36px;
     font-size: 16px;
     color: #fff;
     line-height: 36px;
     text-align: center;
     background-color: #00bfd6;
 }

 .list-news-wrap .new-cont {}

 .new-cont .news_div {
     width: 590px;
 }

 .new-cont ul {
     margin-right: -21px;
 }

 .new-cont ul li {
     float: left;
     overflow: hidden;
     width: 590px;
     height: 484px;
     background-color: #fff;
     margin-right: 20px;
     margin-top: 20px;
 }

 .new-cont ul li:hover {
     box-shadow: 0 0 10px #ccc;
 }

 .new-cont .newslist_img {
     width: 590px;
     height: 320px;
     overflow: hidden;
 }

 .new-cont .newslist_img img {
     transition: all 0.8s;
 }

 .new-cont .newslist_img img:hover {
     transform: scale(1.1);
 }

 .new-cont .titl a {
     display: block;
     font-size: 20px;
     color: #111;
     padding: 20px 30px 0;
 }

 .new-cont .titl a:hover {
     color: #00bfd6;
 }

 .new-cont .news-name {
     width: 530px;
     font-size: 14px;
     color: #666;
     padding: 16px 30px;
 }

 .new-cont .news-time {
     float: right;
     padding-right: 30px;
     font-size: 14px;
     color: #999;
 }

 .news-fy {
     padding: 80px 0 94px;
 }

 .about-banner {
     width: 100%;
     height: 870px;
     background: url(../images/about-us-banner.jpg) no-repeat;
     background-size: cover;
 }

 .about-banner .txt {
     padding: 110px 166px 0;
     text-align: center;
 }

 .about-banner .txt .tit {
     font-size: 48px;
     color: #fff;
     font-weight: bold;
 }

 .about-banner .txt .desc {
     font-size: 20px;
     color: #fff;
     padding-top: 30px;
     line-height: 1.6;
 }

 .about-patent {
     width: 100%;
     height: auto;
 }

 .about-patent .txt {
     padding-top: 90px;
     text-align: center;
 }

 .about-patent .txt .tit {
     font-size: 48px;
     color: #111;
     padding: 0 160px 20px;
     font-weight: bold;
 }

 .about-patent .txt .tit1 {
     padding: 0 280px 20px;
 }

 .about-patent .txt p {
     font-size: 20px;
     color: #333;
     line-height: 1.5;
     padding: 0 206px;
 }

 .about-patent .ull {
     width: 900px;
     margin: 0 auto;
     padding: 70px 0 110px;
 }

 .about-patent ul li {
     float: left;
     width: 300px;
     text-align: center;
 }

 .about-patent ul .blue {
     font-size: 80px;
     color: #00bfd6;
 }

 .about-patent ul .blue span {
     font-size: 30px;
     color: #00bfd6;
     display: inline-block !important;
 }

 .about-patent ul li .desc {
     font-size: 20px;
     color: #666;
     padding: 0 20px;
 }

 .slide-carousel {
     width: 100%;
     height: 786px;
     overflow: hidden;
     position: relative;
 }

 .slide-carousel .item-list {
     width: 1440px;
     height: 760px;
     position: absolute;
     left: 50%;
     margin-left: -720px;
 }

 .slide-carousel .item-list strike {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 760px;
     overflow: hidden;
     transition: all 0.3s ease-out;
 }

 .slide-carousel ol {
     position: absolute;
     bottom: 0;
     left: 50%;
     z-index: 5;
     margin-left: -44px;
     height: 10px;
 }

 .slide-carousel ol li {
     float: left;
     width: 10px;
     height: 100%;
     margin-right: 16px;
     border-radius: 10px;
     background-color: #ccc;
 }

 .slide-carousel ol li.active {
     background-color: #00bfd6;
 }

 .slide-carousel .controls {
     cursor: pointer;
 }

 .slide-carousel .controls .prev {
     position: absolute;
     top: 50%;
     left: 32px;
     z-index: 9;
     margin-top: -40px;
 }

 .slide-carousel .controls .next {
     position: absolute;
     top: 50%;
     right: 32px;
     z-index: 9;
     margin-top: -40px;
 }

 .slide-carousel .controls .selects {
     display: none;
 }

 .slide-carousel .item-list strike img {
     float: left;
     width: 1440px;
     height: 760px;
 }

 .slide-carousel .item-list .item3 {
     transform: translate3d(-1182px, 0, 0) scale(0.8);
     transform-origin: 0 50%;
     opacity: 0.8;
     z-index: 2;
 }

 .slide-carousel .item-list .item2 {
     transform: translate3d(0, 0, 0) scale(1);
     z-index: 3;
     opacity: 1;
 }

 .slide-carousel .item-list .item1 {
     transform: translate3d(1182px, 0, 0) scale(0.8);
     transform-origin: 100% 50%;
     opacity: 0.8;
     z-index: 2;
 }

 .slide-carousel .item-list .item0 {
     transform: translate3d(2364px, 0, 0) scale(0.8);
 }

 .slide-carousel2 {
     width: 100%;
     height: 786px;
     overflow: hidden;
     position: relative;
 }

 .slide-carousel2 .item-list {
     width: 1440px;
     height: 760px;
     position: absolute;
     left: 50%;
     margin-left: -720px;
 }

 .slide-carousel2 .item-list strong {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 760px;
     overflow: hidden;
     transition: all 0.3s ease-out;
 }

 .slide-carousel2 ol {
     position: absolute;
     bottom: 0;
     left: 50%;
     z-index: 5;
     margin-left: -44px;
     height: 10px;
 }

 .slide-carousel2 ol li {
     float: left;
     width: 10px;
     height: 100%;
     margin-right: 16px;
     border-radius: 10px;
     background-color: #ccc;
 }

 .slide-carousel2 ol li.active {
     background-color: #00bfd6;
 }

 .slide-carousel2 .controls2 {
     cursor: pointer;
 }

 .slide-carousel2 .controls2 .prev,
 .slide-carousel2 .controls2 .next {
     position: absolute;
     top: 50%;
     z-index: 9;
     margin-top: -40px;
 }

 .slide-carousel2 .controls2 .prev {
     left: 32px;
 }

 .slide-carousel2 .controls2 .next {
     right: 32px;
 }

 .slide-carousel2 .controls .selects {
     display: none;
 }

 .slide-carousel2 .item-list strong img {
     float: left;
     width: 1440px;
     height: 760px;
 }

 .slide-carousel2 .item-list .item11 {
     transform: translate3d(-1182px, 0, 0) scale(0.8);
     transform-origin: 0 50%;
     opacity: 0.8;
     z-index: 2;
 }

 .slide-carousel2 .item-list .item10 {
     transform: translate3d(0, 0, 0) scale(1);
     z-index: 3;
     opacity: 1;
 }

 .slide-carousel2 .item-list .item9 {
     transform: translate3d(1182px, 0, 0) scale(0.8);
     transform-origin: 100% 50%;
     opacity: 0.8;
     z-index: 2;
 }

 .slide-carousel2 .item-list .item8 {
     transform: translate3d(2364px, 0, 0) scale(0.8);
 }

 .slide-carousel3 {
     width: 100%;
     height: 786px;
     overflow: hidden;
     position: relative;
 }

 .slide-carousel3 .item-list {
     width: 1440px;
     height: 760px;
     position: absolute;
     left: 50%;
     margin-left: -720px;
 }

 .slide-carousel3 .item-list b {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 760px;
     overflow: hidden;
     transition: all 0.3s ease-out;
 }

 .slide-carousel3 ol {
     position: absolute;
     bottom: 0;
     left: 50%;
     z-index: 5;
     margin-left: -44px;
     height: 10px;
 }

 .slide-carousel3 ol li {
     float: left;
     width: 10px;
     height: 100%;
     margin-right: 16px;
     border-radius: 10px;
     background-color: #ccc;
 }

 .slide-carousel3 ol li.active {
     background-color: #00bfd6;
 }

 .slide-carousel3 .controls3 {
     cursor: pointer;
 }

 .slide-carousel3 .controls3 .prev {
     position: absolute;
     top: 50%;
     left: 32px;
     z-index: 9;
     margin-top: -40px;
 }

 .slide-carousel3 .controls3 .next {
     position: absolute;
     top: 50%;
     right: 32px;
     z-index: 9;
     margin-top: -40px;
 }

 .slide-carousel3 .controls .selects {
     display: none;
 }

 .slide-carousel3 .item-list b img {
     float: left;
     width: 1440px;
     height: 760px;
 }

 .slide-carousel3 .item-list .item7 {
     transform: translate3d(-1182px, 0, 0) scale(0.8);
     transform-origin: 0 50%;
     opacity: 0.8;
     z-index: 2;
 }

 .slide-carousel3 .item-list .item6 {
     transform: translate3d(0, 0, 0) scale(1);
     z-index: 3;
     opacity: 1;
 }

 .slide-carousel3 .item-list .item5 {
     transform: translate3d(1182px, 0, 0) scale(0.8);
     transform-origin: 100% 50%;
     opacity: 0.8;
     z-index: 2;
 }

 .slide-carousel3 .item-list .item4 {
     transform: translate3d(2364px, 0, 0) scale(0.8);
 }

 .about-service {
     width: 100%;
     height: auto;
     padding: 90px 0 110px;
 }

 .about-service .tit {
     font-size: 48px;
     color: #111;
     text-align: center;
     font-weight: bold;
 }

 .about-service .desc {
     font-size: 20px;
     color: #333;
     text-align: center;
     padding: 26px 188px 0;
 }

 .about-service .map {
     width: 100%;
     height: 508px;
     position: relative;
     margin-top: 70px;
 }

 .about-service .map img {
     width: 100%;
 }

 @-webkit-keyframes opac {
     from {
         opacity: 1;
         width: 0px;
         height: 0px;
         top: 50%;
         left: 50%;
         margin: 3px 0 0 3px;
     }

     to {
         opacity: 0;
         -moz-opacity: 0;
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
     }
 }

 .animate .w1 {
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
 }

 .animate .w2 {
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
 }

 .animate .w3 {
     -webkit-animation-delay: 2s;
     animation-delay: 2s;
 }

 .wave {
     width: 80px;
     height: 80px;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin: 0 auto;
 }

 .wave * {
     border: 1px solid #00bfd6;
     position: absolute;
     border-radius: 50%;
     -webkit-animation: opac 4.5s ease-out infinite;
     -moz-animation: opac 4.5s ease-out infinite;
 }

 .about-service .map .name {
     position: absolute;
     top: 34px;
     left: 52px;
 }

 .about-service .map .fonts {
     font-size: 14px;
     color: #00bfd6;
     font-weight: bold;
     text-align: center;
 }

 .about-service .map .pot {
     position: absolute;
     width: 6px;
     height: 6px;
     left: 50%;
     top: 50%;
     background-color: #00bfd6;
     border-radius: 50%;
 }

 .about-service .map .region {
     position: absolute;
     width: 80px;
     height: 80px;
 }

 .download-wrap {
     width: 100%;
     height: auto;
     padding-top: 60px;
 }

 .download-search {
     float: left;
     width: 740px;
     height: auto;
 }

 .download-search .tit {
     font-size: 28px;
     color: #111;
 }

 .download-search .search-d {
     position: relative;
     border: 1px solid #e5e5e5;
     height: 48px;
     width: 468px;
     margin-top: 46px;
 }

 .download-search .sub {
     width: 48px;
     height: 48px;
     position: absolute;
     right: 0;
     top: 0;
     background: url(../images/search-sousuo-icon.png) no-repeat center #fff;
     border: none;
     cursor: pointer;
 }

 .download-active {
     background: url(../images/sousuo-icon-selected.png) no-repeat center #fff !important;
 }

 .download-search .input {
     float: left;
     width: 468px;
     height: 48px;
     text-align: left;
     border: none;
     color: #999;
     font-size: 20px;
     text-indent: 26px;
     border-radius: 6px;
 }

 .download-search .input::placeholder {
     color: #ccc;
 }

 .download-search .popular {
     padding: 20px 0 46px;
 }

 .download-search .popular .tt {
     float: left;
     width: 106px;
     font-size: 14px;
     color: #999;
 }

 .download-search .popular ul {
     float: left;
     width: 634px;
 }

 .download-search .popular ul li a {
     display: block;
     float: left;
     font-size: 14px;
     color: #00bfd6;
     margin-right: 18px;
 }

 .download-search .choice {
     width: 470px;
     height: auto;
 }

 .download-search .choice select {
     width: 100%;
     height: 100%;
     font-size: 16px;
     color: #666;
     padding-left: 16px;
     border: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }

 .download-search .choice select .option {
     border: 1px solid #e5e5e5;
 }

 .download-search .choice .titl {
     font-size: 18px;
     color: #333;
     padding-bottom: 26px;
 }

 .diy_select {
     width: 226px;
     height: 42px;
     position: relative;
     color: #000;
     float: left;
     margin-right: 14px;
     cursor: pointer;
 }

 .diy-four,
 .diy-one {
     width: 468px;
     margin-bottom: 12px;
 }

 .diy-two {
     margin-right: 14px;
 }

 .diy-three {
     margin-right: 0;
 }

 .diy_select_btn,
 .diy_select_txt {
     float: left;
     width: 100%;
     height: 100%;
     line-height: 42px;
 }

 .diy_select,
 .diy_select_list {
     border: 1px solid #e5e5e5;
 }

 .select-text {
     padding-right: 25px;
     height: 100%;
     width: 100%;
 }

 .diy-four .diy_select_txt,
 .diy-one .diy_select_txt {
     width: 77%;
 }

 .diy_select_txt {
     width: 75%;
     color: #666;
 }

 .diy_select_txt,
 .diy_select_list li {
     text-indent: 16px;
     overflow: hidden;
 }

 .diy_select_btn {
     width: 20%;
     background: url(../images/download-option-icon.png) no-repeat center right;
 }

 .select-option {
     width: 100%;
 }

 .diy_select_list {
     height: 180px;
     position: absolute;
     top: 42px;
     left: -1px;
     z-index: 888;
     border-top: none;
     width: 100%;
     display: none;
     background: #fff;
     overflow: auto;
 }

 .diy-two .diy_select_list,
 .diy-three .diy_select_list {
     height: 90px;
 }

 .diy_select_list li {
     list-style: none;
     height: 30px;
     line-height: 30px;
     cursor: default;
     background: #fff;
     color: #666;
 }

 .diy_select_list li.focus {
     margin: 0;
     cursor: pointer;
     background: #00bfd6;
     color: #fff;
 }

 .download-search .choice .submission {
     float: left;
     display: block;
     width: 118px;
     height: 40px;
     font-size: 16px;
     color: #fff;
     line-height: 40px;
     text-align: center;
     margin: 20px 0 60px;
     background-color: #00aabe;
 }

 .download-wrap .pic {
     float: left;
     width: 300px;
     height: 87px;
     font-size: 24px;
     color: #999;
     margin-top: 130px;
     padding: 17px 0 0 160px;
     background: url(../images/download-icon1.png) no-repeat;
 }

 table {
     border-collapse: collapse;
 }

 .download-cont {
     width: 100%;
     height: auto;
     background-color: #fafafa;
     padding-top: 50px;
     padding-bottom: 50px;
 }

 .download-cont .down-top {
     width: 1199px;
     height: 59px;
     line-height: 59px;
     border-left: 1px solid #e2e2e2;
     border-top: 1px solid #e2e2e2;
     background-color: #eee;
     text-align: center;
 }

 .download-cont .down-top div {
     float: left;
     font-size: 16px;
     color: #333;
     border-right: 1px solid #e2e2e2;
 }

 .download-cont .down-top .pro1 {
     width: 218px;
 }

 .download-cont .down-top .pro2 {
     width: 159px;
 }

 .download-cont .down-top .pro3 {
     width: 428px;
     text-align: left;
     padding-left: 30px;
 }

 .download-cont .down-top .pro4 {
     width: 199px;
 }

 .download-cont .down-top .pro5 {
     width: 160px;
 }

 .download-cont .down-btn td {
     text-align: center;
 }

 .download-cont .items {
     position: relative;
     width: 1199px;
     height: auto;
     border-bottom: 10px solid #e2e2e2;
     border-left: 1px solid #e2e2e2;
 }

 .download-cont .items:last-child {
     border-bottom: none;
 }

 .download-cont .items .model {
     padding-left: 218px;
 }

 .download-cont .items .model .pic {
     width: 180px;
     height: 18px;
     position: absolute;
     left: 19px;
     top: 50%;
     margin-top: -9px;
 }

 .download-cont .items.model .pic img {
     display: none;
 }

 .download-cont .items .model .pic .tit {
     font-size: 16px;
     color: #111;
     text-align: center;
     font-weight: bold;
 }

 .download-cont .items .model .wow,
 .download-cont .items .model .instruction {
     width: 820px;
 }

 .download-cont .items .model .instruction div {
     border-bottom: 0;
 }

 .download-cont .items .model .wow .drive,
 .download-cont .items .model .wow .time,
 .download-cont .items .model .wow .downs {
     float: left;
     text-align: center;
     height: 55px;
     font-size: 14px;
     line-height: 55px;
     border-bottom: 1px solid #e2e2e2;
     border-left: 1px solid #e2e2e2;
 }

 .download-cont .items .model .wow .drive {
     display: flex;
     justify-content: left;
     align-items: center;
     line-height: unset;
 }

 .download-cont .items .model .downs {
     display: inline-block;
 }

 .download-cont .items .model .downs span {
     padding-right: 4px;
     display: inline-block;
     transition: all 0.6s;
 }

 .download-cont .items .model a:hover span {
     font-weight: bold;
     font-size: 16px;
 }

 .download-cont .items .model .downs span,
 .download-cont .items .model .downs img {
     vertical-align: middle;
 }

 .download-cont .items .model .instruction .drive,
 .download-cont .items .model .instruction .time,
 .download-cont .items .model .instruction .downs {
     float: left;
     text-align: center;
     height: 55px;
     font-size: 14px;
     line-height: 55px;
     border-bottom: 1px solid #e2e2e2;
     border-left: 1px solid #e2e2e2;
 }

 .download-cont .items .model .wow .downs,
 .download-cont .items .model .instruction .downs {
     font-size: 14px;
     color: #00bfd6;
 }

 .download-cont .items .model .wow .drive,
 .download-cont .items .model .instruction .drive {
     width: 428px;
     color: #666;
     text-align: left;
     padding-left: 30px;
 }

 .download-cont .items .model .wow .time,
 .download-cont .items .model .instruction .time {
     width: 199px;
     color: #666;
 }

 .download-cont .items .model .wow .downs,
 .download-cont .items .model .instruction .downs {
     width: 159px;
 }

 .download-cont .items .model .win {}

 .download-cont .items .model .win .desc,
 .download-cont .items .model .mac .desc {
     position: absolute;
     width: 159px;
     left: 0;
     top: 50%;
     font-size: 16px;
     color: #666;
     text-align: center;
     margin-top: -22.5px;
 }

 .download-cont .items .model .win,
 .download-cont .items .model .mac {
     position: relative;
     float: left;
     height: auto;
     padding-left: 159px;
     border-right: 1px solid #e2e2e2;
     border-left: 1px solid #e2e2e2;
 }

 .download-fy {
     padding: 50px 0 100px;
 }

 .Community-hv {
     width: 100%;
     height: 114px;
     background: #222;
     right: 530px;
     display: none;
     filter: alpha(opacity=100);
     -webkit-transition: 400ms ease;
     -moz-transition: 400ms ease;
     -o-transition: 400ms ease;
     transition: 400ms ease;
 }

 .Community-hv ul li a:hover {
     color: #00bfd6;
 }

 .Community-hvcss3 {
     display: block;
     filter: alpha(opacity=100);
     -webkit-transition: 400ms ease;
     -moz-transition: 400ms ease;
     -o-transition: 400ms ease;
     transition: 400ms ease;
 }

 .Community-hv ul li {
     float: right;
     position: relative;
     color: #fff;
     font-size: 14px;
     padding-left: 0 !important;
     vertical-align: middle;
     height: 17px;
     text-align: center;
     margin-top: 21px;
     width: 120px;
 }

 .Community-hv ul {
     width: 682px;
     margin: 0 auto;
 }

 .Community-hv ul li a {
     line-height: 72px;
     padding-right: 26px;
     color: #fff;
     float: right;
 }

 .detailNav {
     height: 61px;
     background: rgba(0, 0, 0, 0.6);
     position: fixed;
     top: 60px;
     left: 0;
     right: 0;
     z-index: 66;
 }

 .detailNav .name {
     line-height: 61px;
     font-size: 18px;
     color: #fff;
 }

 .detailNav .btn {}

 .detailNav .btn ul li {
     vertical-align: middle;
     height: 17px;
     line-height: 17px;
     text-align: center;
     margin-top: 21px;
     width: 120px;
     border-right: 1px solid #fff;
 }

 .detailNav .btn ul li:nth-child(4),
 .detailNav .btn ul li:nth-child(5) {
     border-right: none;
 }

 .detailNav .btn ul li:nth-child(4) {
     height: 30px;
     margin-top: 15px;
     line-height: 30px;
     background-color: #00bfd6;
 }

 .detailNav .btn ul li a {
     font-size: 16px;
     color: #fff;
 }

 .detailNav .btn ul li .two {
     color: #00bfd6;
 }

 .parameter {}

 .parameter .canshu-top {
     margin-top: 170px;
     margin-bottom: 50px;
 }

 .parameter .canshu-top ul {
     border-top: 1px solid #eee;
 }

 .parameter .canshu-top .canshu-pic {
     width: 450px;
     height: 300px;
     padding-top: 30px;
 }

 .parameter .canshu-top .canshu-pic img {
     width: 100%;
 }

 .parameter .canshu-top .canshu-all {
     width: 750px;
     height: auto;
 }

 .parameter ul li {
     width: 100%;
     height: auto;
     padding: 50px 0;
     border-bottom: 1px solid #ccc;
     margin: 0 auto;
     overflow: hidden;
     box-sizing: border-box;
 }

 .parameter ul li .tit {
     width: 250px;
     font-size: 26px;
     color: #000;
 }

 .parameter ul li .canshu-right {
     width: 980px;
     font-size: 16px;
     color: #111;
 }

 .parameter ul li:last-child .canshu-right .left {
     width: 480px !important;
 }

 .parameter ul li .canshu-right .left {
     width: 576px;
 }

 .canshu-all .right {
     width: 50%;
     padding-left: 60px;
     margin-top: 30px;
 }

 .canshu-all .left {
     width: 50%;
     padding-left: 85px;
     margin-top: 30px;
     box-sizing: border-box;
 }

 .canshu-all ol li {
     line-height: 24px;
     margin-bottom: 20px;
     list-style-type: square;
 }

 .jump-layout {
     width: 890px;
 }

 .jump-layout .support-tit {
     font-size: 20px;
     color: #111;
     text-align: center;
     padding-top: 100px;
 }

 .jump-layout .support-line {
     width: 30px;
     height: 2px;
     background-color: #00bfd6;
     margin: 14px auto 114px;
 }

 .jump-layout .supp-ull {
     width: 628px;
     margin: 0 auto;
 }

 .supp-ull li {
     float: left;
     width: 120px;
     margin: 0 95px;
     text-align: center;
 }

 .supp-ull li:nth-child(3) {
     margin-right: 0;
 }

 .supp-ull li img {
     padding-bottom: 20px;
 }

 .supp-ull li a {
     font-size: 16px;
     color: #333;
 }

 .support-order {
     width: 100%;
     height: auto;
     padding-top: 40px;
     padding-left: 28px;
 }

 .support-order .order-tit {
     font-size: 16px;
     color: #666;
     padding-bottom: 20px;
 }

 .support-order .order-ull,
 .support-order .order-add {
     padding-left: 18px;
 }

 .support-order .order-ull li,
 .support-order .order-add li {
     list-style-type: disc;
     line-height: 40px;
 }

 .support-order .order-ull li a,
 .support-order .order-add li .txt {
     font-size: 14px;
     color: #333;
 }

 .support-order .order-ull li a:hover {
     color: #00bfd6;
 }

 .support-order .order-add li .txt .tit {
     display: inline;
     height: 16px;
 }

 .support-order .order-add li .txt .jiantou {
     display: inline-block;
     margin-left: 14px;
     width: 20px;
     height: 16px;
     cursor: pointer;
     background: url(../images/support-right-jiantou.png) center 5px no-repeat;
 }

 .support-order .order-add li .txt .jiantou.active {
     background: url(../images/support-btn-jiantou.png) center 8px no-repeat;
 }

 .support-order .order-add li .desc {
     color: #999;
     font-size: 14px;
     display: none;
     padding-right: 80px;
 }

 .supp-channel {
     width: 100%;
     height: auto;
     padding-top: 40px;
 }

 .supp-channel .titl {
     font-size: 16px;
     color: #666;
 }

 .supp-channel .channel-ull {
     padding-top: 20px;
 }

 .supp-channel .channel-ull li {
     float: left;
     width: 262px;
     height: 100px;
     margin-right: 18px;
     background-color: #f8f8f8;
 }

 .supp-channel .channel-ull li a {
     display: inline-block;
     color: #999;
 }

 .supp-channel .channel-ull li a:hover {
     box-shadow: 0 0 10px #ccc;
 }

 .supp-channel .channel-ull li .img {
     width: 100px;
     height: 100px;
     text-align: center;
 }

 .supp-channel .channel-ull li:nth-child(1) .img img {
     margin-top: 30.5px;
 }

 .supp-channel .channel-ull li:nth-child(2) .img img {
     margin-top: 30px;
 }

 .supp-channel .channel-ull li:nth-child(3) .img img {
     margin-top: 32px;
 }

 .supp-channel .channel-ull li .txt {
     width: 162px;
     height: 100px;
 }

 .supp-channel .channel-ull li .txt .tit {
     font-size: 14px;
     color: #333;
     padding: 28px 0 6px;
 }

 .supp-channel .channel-ull li .txt .desc {
     font-size: 12px;
     color: #999;
 }

 .supp-channel .channel-ull .three .txt .desc span {
     display: inline-block;
     color: #00bfd6;
 }

 .support-sheet {
     width: 100%;
     height: auto;
     padding-top: 48px;
     padding-left: 28px;
 }

 .support-sheet .titl {
     font-size: 14px;
     color: #999;
     padding-right: 56px;
 }

 .support-sheet .tit {
     font-size: 14px;
     color: #333;
     padding-top: 30px;
 }

 .support-sheet span {
     display: inline-block;
     color: #ff4545;
 }

 .support-sheet input,
 .support-sheet textarea {
     color: #999;
 }

 .support-sheet .order-input {
     width: 790px;
     height: 40px;
     padding-left: 20px;
     margin-top: 12px;
     line-height: 40px;
     border: 1px solid #e8e8e8;
 }

 .support-sheet .describe .textarea {
     width: 770px;
     height: 120px;
     padding: 14px 20px;
     font-size: 14px;
     margin-top: 12px;
     border: 1px solid #e8e8e8;
 }

 .support-sheet .voucher .v-box {
     width: 810px;
     height: 188px;
     padding: 6px;
 }

 .support-sheet .sub {
     width: 240px;
     height: 40px;
     font-size: 16px;
     color: #fff;
     cursor: pointer;
     line-height: 40px;
     text-align: center;
     margin-top: 30px;
     background-color: #00bfd6;
 }

 .upimg {
     position: relative;
     width: 240px;
     height: 188px;
     margin-right: 6px;
     background: url(../images/support-voucher-bg.jpg) no-repeat;
 }

 .upimg input {
     position: absolute;
     width: 100%;
     height: 188px;
     opacity: 0;
     cursor: pointer;
 }

 .upimg .tit {
     font-size: 14px;
     color: #666;
     padding: 90px 0 8px;
     text-align: center;
 }

 .upimg .desc {
     font-size: 12px;
     color: #bbbbbb;
     text-align: center;
 }

 #showui {
     margin-top: 39px;
     display: flex;
     justify-content: flex-start;
 }

 #showui li {
     width: 110px;
     height: 110px;
     position: relative;
     overflow: hidden;
     display: inline-block;
     margin-right: 5px;
 }

 #showui li img.showimg {
     position: absolute;
     text-align: center;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 6;
 }

 .showdiv {
     position: absolute;
     z-index: 9;
     bottom: 0;
     width: calc(100% - 20px);
     padding: 10px;
     display: flex;
     justify-content: space-around;
     background: rgba(0, 0, 0, .6);
 }

 .showdiv img {
     width: 20px;
     height: 20px;
     cursor: pointer;
 }

 .H-movie {
     text-align: center;
 }

 @media screen and (max-width:1299px) {
     .txtC {
         font-size: 18px !important;
     }

     .ProductShow img {
         width: 50% !important;
     }

     .bt_bo,
     .textContent h1 {
         font-size: 30px !important;
     }

     .TextWz191A h1 {
         line-height: 40px !important;
         font-size: 22px !important;
     }

     .textContent h1 {
         font-size: 40px !important;
     }

     .textContent p span {
         font-size: 30px !important;
     }

     .textContent p,
     .TextWz191B h1,
     .txtD h1 {
         font-size: 22px !important;
     }

     .screenList191 p strong {
         font-size: 16px !important;
     }

     .screenList191 p {
         font-size: 12px !important;
     }

     .TextWz191A p {
         font-size: 20px !important;
     }

     .TextWz191B p {
         font-size: 18px !important;
     }

     .txtLfB p {
         padding: 40px 0 0 18px !important;
     }

     .txtLfB h1 {
         font-size: 22px;
         padding-left: 18px;
     }

     .txtD p {
         font-size: 10px !important;
     }

     .TwoLayer_rt img,
     .ThreeLayer_rt img {
         width: 100%
     }

     .ThreeLayer_lf h2 {
         font-size: 32px !important;
         line-height: 40px !important;
     }

     .TwoLayer_lf h2 {
         font-size: 36px !important;
         line-height: 38px;
     }

     .Pro13_FiveLayer_lf h1 {
         font-size: 24px !important;
         line-height: 44px !important;
         padding: 300px 0 54px 0 !important;
     }

     .ThreeLayer_lf p {
         padding: 60px 0 0 0 !important;
     }

     .ProductRtB {
         padding-top: 200px !important;
     }

     .screenList strong {
         font-size: 20px !important;
     }

     .screenList p:nth-child(2) {
         padding-top: 10px !important;
         font-size: 16px !important;
     }

     .screenList p:nth-child(1) {
         padding-top: 28px !important;
         font-size: 16px !important;
     }

     .LB3_head_lf {
         padding-left: 60px !important;
     }

     .textTwo-lf {
         right: 30px !important;
     }
 }

 @media screen and (max-width:1680px) {
     .H-swb-Product-Contrast-content ul li {
         width: 48.6%;
     }

     .themeThreeIMG img {
         width: 120px !important;
         height: 120px;
     }

     .H-movie {
         padding-left: 0 !important;
     }
 }

 @media screen and (max-width:1440px) {
     .H-swb-Product-Contrast-content ul li {
         width: 49.5%;
     }

     .themeThreeIMG img {
         width: 120px !important;
         height: 120px;
     }

     .H-movie {
         padding-left: 0 !important;
     }
 }

 @media screen and (max-width:1360px) {
     .themeOne h1 {
         font-size: 24px !important;
     }
 }

 @media screen and (max-width:1299px) {
     .H-Section-one .H-text span {
         margin-top: 9px;
     }

     .H-kbt-text h1,
     .img-textOne-h1 h1,
     .textThree-lf h1,
     .H-kbt-img-textFour h1,
     .textFive-rt h1,
     .textSix-lf h1,
     .LightTitle h1,
     .jump-tile-kbt-layer h1,
     .H-kbt-Tracing-tool h1,
     .H-swb-Product-special-columnA span h1,
     .H-swb-Product-special-columnB span h1,
     .H-text h1,
     .H-swb-text-two h1,
     .H-text-two h1,
     .H-text-two-upRt h1,
     .H-text-three h1,
     .H-text-two-up h1,
     .H-swb-Product-Contrast-content ul li span h1 {
         font-size: 44px;
     }

     .H-movie {
         padding-left: 0 !important;
     }

     .product-more ul li img {
         width: 90%;
         padding-left: 10%;
     }

     .wt-80-more {
         width: 80%;
     }

     .img-textOne-h1 h1 {
         font-size: 30px;
     }

     .textTwo-rt h1 {
         font-size: 34px;
     }

     .themeFour h1 {
         font-size: 22px;
     }

     .themeFour p {
         font-size: 14px;
     }

     .textTwo-rt p,
     .H-kbt-text p,
     .textFive-rt p,
     .jump-tile-kbt-layer p,
     .H-kbt-Tracing-tool p,
     .H-swb-Product-special-columnA span p,
     .H-swb-Product-special-columnB span p,
     .H-text p,
     .H-swb-text-two p,
     .H-text-three p,
     .H-text-two p,
     .H-text-two-up p,
     .H-text-two-upRt p {
         font-size: 18px;
     }

     .themeOne {
         width: 80%;
         left: 0;
         right: 2%;
     }

     .themeThreeIMG img {
         width: 80px !important;
         height: 80px;
     }

     .H-movie a {
         padding: 18px 0 0 4px;
         font-size: 16px;
     }

     .H-movie a img {
         width: 20px !important;
         height: 22px;
         float: left;
     }

     .H-Section-transverse-swpLF img {
         position: relative;
         left: -100px;
         padding-left: 20%;
     }
 }

 @media screen and (min-width:960px) and (max-width:1499px) {

     .themeThree p,
     .H-movie a p,
     .themeFour p {
         font-size: 14px;
     }

     .themeThree h1,
     .themeOne h1,
     .themeTwo h1,
     .themeFour h1 {
         font-size: 26px;
     }

     .themeOne p {
         font-size: 14px;
         padding: 12px 0 14px 0;
     }
 }

 .firmwares-popup {
     display: none;
 }

 /*图标排查， 统一样式*/
 .ks27 .ks27-15 .center .left .action6 .pic2{
    display: none !important;
 }
 .footer-system .padding-t100{

    width: 95% !important;
   
 }
.footer-system .icon{
    display: none !important;
}
.footer-system .k16center .tops .pt140 .w55{
width: 95% !important;
}

.group_12 .top .left,.group_13 .top .left{
    width: 95% !important;
}
.group_12 .top .right,.group_13 .top .right{
    display: none !important;
}
.inspiroy-frego-system .left ul li .icon{
    display: none !important;
} 
.KamvasStudio24-larger .windows{
    display: flex;
    align-items: center !important;
}
.KamvasStudio24-larger .windows .left .icon img{
    display: none !important;
}
  /*图标排查 统一样式 */