/* 2019 -04 -30 test */





@font-face {



  font-family: 'Verdana';



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



  src: url('./fonts/Verdana.eot') format('embedded-opentype'),



       url('./fonts/Verdana.woff2') format('woff2'),



       url('./fonts/Verdana.woff') format('woff'),



       url('./fonts/Verdana.ttf') format('truetype'),



       url('./fonts/Verdana.svg#Verdana') format('svg');



}











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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







@charset "UTF-8";



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







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







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







ul, li { list-style: none; }







em, i { font-style: normal; }







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







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







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







.clearfix { *zoom: 1; }







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







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







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







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







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







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







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







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







input, textarea, select { outline: none; }







.commonweb { padding: 0px 3%; }







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







.commonleft { float: none; }







.commonright { float: none; }







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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



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



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



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



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







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



.ipadshow, .ipadbigshow { display: block; }



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



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



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



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



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



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



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



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



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



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



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



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



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



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







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



.commonleft { float: left; }



.commonright { float: right; }



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



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



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



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



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



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



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



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



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



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



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



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



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







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



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



html { cursor: default; } }







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



.commonleft { float: left; }



.commonright { float: right; }



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



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



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



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



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



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



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



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



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



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



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



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



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







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



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



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



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



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







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







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







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



.hidden-sm { display: none; } }







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



.hidden-sm { display: block; }



.mobile-visible { display: none; } }







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



.hidden-lg { display: block; } }







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







/* 重置*/



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







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







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







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





@charset "UTF-8";



/*20180627  3083-6158  =3075*/



/*--头部--*/



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







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







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







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







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







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







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







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







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







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







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







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







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







.zlanguage span { display: inline-block; }







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







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







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







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







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



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







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







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



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







.zcopyright { display: block; }







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







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







.zcopyright a { color: #ccc; }







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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



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







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







.zfloatsubnav.showthis { left: 0; }







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







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







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







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







.zsubfloatnav { display: none; }







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







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







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







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







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







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







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







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







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







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



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







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







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







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







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







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







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







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







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







.zinproductleft { width: 100%; }







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







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







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







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







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







.zproducttext { padding: 3%; }







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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



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



.zinnerpagecont { padding: 46px 10px; }







.zmycustomer { overflow: hidden; }







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







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







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







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







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







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







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







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







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







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



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







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







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







.zabout2 { padding: 30px 10px; }







.zabout1text2 { margin: 0 auto; }







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







.zyanfaimg { text-align: center; }







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







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



.zsurportcont { padding: 80px 0; }







.outlogined { text-align: center; }







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







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







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







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







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







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







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







.zdownloadtext { margin: 20px 0; }







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







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







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







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







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







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



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







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







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







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







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







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







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







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







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







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







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







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







.zzhucetips { padding-bottom: 10px; }







.zzhucetips em { color: #c8000a; }







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







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







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







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







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







.zshowlogin .zpsswordtext { width: 100%; }







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







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







.zcheckbox { font-size: 14px; }







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







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







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







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







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







.zsuccessshow { color: #0d71ca; }







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







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







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



.zcompanylist { padding: 46px 0; }







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







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







.zcompany2 { font-size: 15px; }







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







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







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







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







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







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







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







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







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







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







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







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







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







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







.zphonecompany { width: 100%; }







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



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







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







.zpccontact img { display: none; }







.zpccontact { display: none; }







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







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







.zcompanyicon { display: none; }







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







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



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







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







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







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







.zsurportmapcont { display: none; }







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







.zsurportcontent .zabouttitle { color: #fff; }







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







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







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







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







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







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







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







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







.zsurportemail a { color: #0d71ca; }







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



.znewscont { position: relative; }







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







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







.pageslink { display: none; }







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







.newslist dt { padding: 0; }







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







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







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







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







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







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







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







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







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







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







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







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







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







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







.newstextlist li span { float: right; }







.newstextlist li a { color: #333; }







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







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







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







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







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







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







.backnewslist:hover { color: #fff; }







.dedate { margin-right: 12px; }







.commonDetailedContentsfoot { padding-bottom: 45px; }







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







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







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







.commonDetailedContentsfoot dl dt { float: none; }







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







.closecitycont { display: none; }







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



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







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







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







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







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







.goodixpclist { display: none; }







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







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







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







.goodix1 { width: 194px; }







.goodix2 { width: 217px; }







.goodix3 { width: 217px; }







.goodix4 { width: 197px; }







.goodix5 { width: 69px; }







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







.zgoodix1 .zgoodixicon { left: 31px; }







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







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







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







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







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







.zgoodix5 .zgoodixicon { left: 35px; }







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







.zgoodix6 .zgoodixicon { left: 167px; }







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







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







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







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







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







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







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







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







.zgoodix11 .zgoodixicon { left: 32px; }







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







.zgoodix12 .zgoodixicon { left: 172px; }







.zgoodix13 .zgoodixicon { left: 39px; }







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







.zgoodix14 .zgoodixicon { left: 138px; }







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







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







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







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







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







.zgoodix17 .zgoodixicon { left: 160px; }







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







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







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







.zgoodix19 .zgoodixicon { left: 258px; }







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







.zgoodix20 .zgoodixicon { left: 378px; }







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







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







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







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







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







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







.stafflifeiscroll ul { margin: 0; }







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







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







.stafflifeileft { left: 0; }







.stafflifeiright { right: 0; }







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







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







.staffhidetext { display: block; }







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







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



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







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







.annpubliclist { padding: 3% 0; }







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







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







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







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







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







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







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



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







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







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







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







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







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







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







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



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







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







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







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







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







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







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







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







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







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







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







.responsleft { left: 0; }







.responsright { right: 0; }







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







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







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







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







.zfloatrespons:hover { color: #fff; }







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







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



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







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







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







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







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







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







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







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







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







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







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







.wwledfined { padding: 0; }







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







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







/*指纹识别方案*/



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







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







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







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







.wwprojectlolist ul { height: 100%; }







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







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







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







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







/*IFS方案*/



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







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







.wwmouse { display: none; }







.wwhonorfix { padding: 20px 0; }







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







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







/*On-Cell*/



.wwcelltopT { padding: 20px 0; }







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







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







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







.wwmarklist { padding-top: 30px; }







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







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







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







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







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







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







.wwangleL { padding: 20px 0; }







.wwliving img { display: block; }







.wwlivingtext { padding: 15px 12px; }







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







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







.wwjectbot { padding-bottom: 20px; }







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







.wwifstit { padding-bottom: 8px; }







.wwIottextbox { padding: 20px 0; }







.wwiottext { padding: 20px 0; }







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







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







/*奖项及荣誉*/



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







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







.wwhonor ul { padding: 28px 0; }







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







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







/*图片弹窗*/



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







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







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







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







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







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







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







/**/



.wwprojecttext02 { text-align: left; }







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







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







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







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







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







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







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







.wwbluetoothL { padding-top: 20px; }







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







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







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







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







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







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







.wwBgtwo { background: #f2f2f2; }







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







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







.wwhand { padding: 20px 0; }







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







.wwtabletconR img { margin: 0 auto; }







.wwledfinedimg03 { display: none; }







.wwcultext { padding: 20px 3%; }







.wwculture { padding: 20px 3%; }







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







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







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







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







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







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







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







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







.wwtouchboxH3 { text-align: center; }







.wwtouchlilist { text-align: center; }







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







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







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







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







.wwtouchbox { background: #f2f2f2; }







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







.wwmark { background-image: none; }







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







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







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







.wwhonortext02 { padding: 20px 0; }







.wwdivimg { padding-bottom: 20px; }







.wwchiptext { padding: 20px 0; }







.wwiotposheig { height: auto !important; }







.wwjectbotleft { padding: 30px 0; }







.wwfingboxDiv { padding: 30px 0; }







.wwhonor { padding-bottom: 30px; }







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







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







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







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







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







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







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







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



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







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







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







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







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







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



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







.zfocusevent dl dt { width: 100%; }







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







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







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







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







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







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







.zeventpro1 { margin-bottom: 20px; }







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







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







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







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







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







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







.zeventreport { padding-bottom: 40px; }







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







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







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







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







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



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







.zeventreportright ul li:before{



content: '';



position: absolute;



width: 8px;



height: 8px;



border-radius: 50%;



background-color: #00489E;



left: 0px;



top: 19px;



}







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







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







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







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







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







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







.zeventreviewcont { margin-bottom: 40px; }







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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



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







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







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







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







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







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



.resulttitle { font-size: 18px; }







.resulttitle em { color: #da251d; }







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







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







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







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







.resultlist h4 em { color: #da251d; }







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







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







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







.zfloatvideocont video { background: #000; }







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







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







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







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







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







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







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







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







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







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







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







.zmycustomer ul li { width: 25%; }







.zinnerpagecont { padding: 15px 10px; }







.zfloatsubnav { z-index: 999; }







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







.zcompanyfloat h4 { text-align: center; }







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







body { overflow-x: hidden; }







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







.wwhonorimg p.text { display: none; }







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







.wqpjintext { text-align: left; }







.zcopyright { font-size: 12px; }







.zcopyright a { display: block; }







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







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



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







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







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







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







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







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







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



.zzpsearchcont { height: auto; }



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



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







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







.zrecruitmentlist a { color: #fff; }







.zjoplistleft { padding-bottom: 36px; }







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







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







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







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







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







.zhotjoblist { padding-top: 12px; }







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







.zzpconatcttip { text-align: center; }







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







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







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







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



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







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







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







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







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







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







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







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







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







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







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







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







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







/* Track */



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







/* Handle */



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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







.jobsMail a { color: #005fa7; }







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







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







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







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







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







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







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







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







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







.wqpblock { display: inline; }







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







.zpccompany { display: none; }







.wqppccompany { display: block; }







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







/*20170222*/



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







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







.specialDl { background: #CCF0FF; }







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







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







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







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







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







.wdot { 



/*background: url(../webimages/winco03.png) 0 7px no-repeat;*/ 



position: relative;



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







.wdot:before{



content: '';



position: absolute;



width: 5px;



height:5px;



background-color: #666;



border-radius: 50%;



top: 10px;



left: 0;



}







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







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







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







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







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







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







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







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







.specialConTwo { padding: 15px 0; }







.ActiveStylus { position: relative; }







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







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







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







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







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







.actcontent .actdot:before{



content: '';



position: absolute;



width: 10px;



height: 10px;



border: 2px solid #fff;



top: 8px;



left: 0;



border-radius: 50%;



}







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







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







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







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







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







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







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







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







.exhibitiontext { font-size: 14px; }







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







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







/*20170330*/



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







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







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







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







.lineheight { line-height: 26px; }







.wqpdisplaytwo { padding: 80px 0 0; }







.wqpdisplaytwo dl { position: relative; }







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







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







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







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







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







/*made by lww start */



/*电脑展专题*/



.ComputerShow { padding-top: 30px; }







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







.ComputerShowPageOneTop { background: #edfaff; }







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







.ComputerShowPageOneTop dd { padding: 15px; }







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







.ComputerShowPageThree { background: #e2017b; }







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







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







/*made by lww end */



/*20170804*/



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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







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







/*校园招聘详情*/



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







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







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







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







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







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







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







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







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







.schoolDl { padding: 0 15px; }







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







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







.wzhaoinco { background: url(../webimages/zzp04.png) no-repeat 0 center; }







/*/.schoolDl dd.dd2{width:35%;}



.schoolDl dd.dd3{width:25%;}*







.schoolhead{background:#C8000A;height:60px;line-height:60px;color:#fff;font-size:16px;}



.schoolhead dd{padding:0;border-bottom:none;}



.school-jobslist .loadInco{ cursor: pointer;margin:0 15px;}











/*薪福满满*/



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







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







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







.full-right { padding-top: 10px; text-align: center; }







.full-right img { max-width: 100%; }







.full-pay-two { background: url(../webimages/wximg04.jpg) center 0 no-repeat; -o-background-size: cover; background-size: cover; padding: 8% 0; color: #fff; font-size: 14px; }







.full-two-left { margin-bottom: 20px; }







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







.fs24 { font-size: 20px; line-height: 36px; }







.fs18 { font-size: 16px; line-height: 30px; }







.wpb5 { padding-bottom: 5px; }







.full-twotitle { padding-bottom: 13px; }







.lineheight24 { line-height: 18px; }







.full-pay-three { padding: 30px 0; color: #666; }







.wpb25 { padding-bottom: 15px; }







.fill-three-img { padding-top: 30px; }







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







.recruitment-process { background: #E2E6EB; padding: 8% 0; }







.process-title { text-align: center; font-weight: bold; font-size: 20px; color: #1a1a1a; padding-bottom: 5%; }







.process-list { padding: 0; }







.process-list li { float: left; width: 33.3%; position: relative; margin-bottom: 10px; }







.process-list li:after { content: ""; display: block; width: 13px; height: 9px; position: absolute; right: -6px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url(../webimages/wxinco06.png) right center no-repeat; -o-background-size: cover; background-size: cover; }







.process-list li .sbtit { width: 85px; height: 85px; margin: 0 auto; border: 1px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; display: block; }







.process-list li .iinco { width: 83px; height: 83px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; display: block; border: 5px solid #E2E6EB; text-align: center; line-height: 73px; font-size: 14px; }







.process-list li:last-child:after { background: none; }







.process-list li:last-child .iinco { line-height: 20px; padding-top: 15px; }







.wproblem-wraper { padding-top: 30px; padding-bottom: 30px; }







.wproblem-title { text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 20px; }







.wproblem-nav { overflow-x: auto; min-height: 48px; margin-bottom: 20px; }







.wproblem-nav p { min-width: 510px; }







.wproblem-nav p a { float: left; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; background: #F2F2F2; margin: 0 1px; font-size: 14px; position: relative; }







.wproblem-nav p a.cur, .wproblem-nav p a:hover { background: #C8000A; color: #fff; }







.wproblem-nav p a.cur:after, .wproblem-nav p a:hover:after { position: absolute; content: ""; width: 0; height: 0; left: 50%; bottom: -8px; margin-left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #C8000A; }







.wproblem-text { font-size: 16px; text-align: center; max-width: 878px; margin: 0 auto; }







.cityname { padding-top: 30px; text-align: center; font-size: 16px; }







.questionlist03 { font-size: 14px; padding-top: 25px; padding-bottom: 15px; }







.questionlist03 dl { margin-bottom: 22px; }







.questionlist03 dt { position: relative; cursor: pointer; color: #333333; }







.questionlist03 dt span { display: block; border: 5px solid #e6e6e6; padding: 15px 30px 15px 60px; }







.questionlist03 dt:before { display: block; content: ""; width: 50px; height: 100%; background-color: #C8000A; background-image: url(../webimages/wt10.png); background-position: center; background-repeat: no-repeat; position: absolute; left: 0px; top: 0px; -o-background-size: 20px auto; background-size: 20px auto; }







.questionlist03 dt:after { display: block; content: ""; width: 30px; height: 100%; position: absolute; right: 5px; top: 0; background-image: url(../webimages/wt12.png); background-position: center; background-repeat: no-repeat; -o-background-size: 15px auto; background-size: 15px auto; }







.questionlist03 dd { padding: 25px 0; display: none; }







.questiontext03 { position: relative; padding: 0 0px 0 60px; line-height: 26px; }







.questiontext03:before { display: block; content: ""; width: 50px; height: 90px; background-color: #E6E6E6; background-image: url(../webimages/wt11.png); background-position: center; background-repeat: no-repeat; position: absolute; left: 0px; top: 0px; -o-background-size: 16px auto; background-size: 16px auto; }







.questionlist03 dt.cur { background-color: #E6E6E6; }







.questionlist03 dt.cur span { border: 5px solid #E6E6E6; }







.questionlist03 dt.cur:after { background-image: url(../webimages/wt13.png); }







.wmsg-con { padding-top: 30px; font-size: 14px; color: #1a1a1a; line-height: 26px; }







.wmsg-title { font-weight: bold; font-size: 20px; color: #1a1a1a; line-height: 28px; margin-bottom: 15px; }







.wmsg-con .campus { color: #0050a7; }







.wmsg-con .campuscolorrea { color: #c8000a; }







.wrecruitment-deatils { padding-top: 25px; max-width: 1180px; }







.wrecruitment-deatils .newsdetailtl { text-align: center; }







.wrecruitment-deatils .newsdetail { padding-bottom: 10px; }







.wrecruitment-deatils .backnewslist { margin-bottom: 30px; }







.commonDetailedContentsfoot { padding-bottom: 20px; }







/*汇新聚才*/



.personnel-top { -o-background-size: cover; background-size: cover; padding: 10% 0; position: relative; background-position: center 0; }







.personnel-con { max-width: 1000px; margin: 0 auto; padding: 0 15px; }







.personnel-middle { max-width: 1130px; margin: 0 auto; padding: 10% 15px; }







.personnel-middle .pertitle { text-align: center; }







.personnel-middle .percon { text-align: center; max-width: 910px; margin: 0 auto; }







.personnel-bottom { padding: 10% 0; }







.work-environment { padding: 4% 0; }







.environment-list { margin-top: 45px; position: relative; overflow: hidden; }







.environment-swiper { position: relative; overflow: hidden; }







.environment-list ul { width: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; box-sizing: content-box; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }







.environment-list ul li { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; float: left; width: 33.3%; border: 1px solid #E0E0E0; padding: 5px; text-align: center; font-size: 16px; }







.environment-list ul li h4 { height: 40px; line-height: 40px; overflow: hidden; }







.environment-list ul li img { display: block; width: 100%; }







.work-btn { width: 62px; height: 62px; position: absolute; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-webkit-transform: translate(-50%, -50%); -moz-webkit-transform: translate(-50%, -50%); -ms-webkit-transform: translate(-50%, -50%); background-position: 0 0; background-repeat: no-repeat; z-index: 9; cursor: pointer; display: none; }







.work-button-prev { left: 23px; background-image: url(../webimages/wxinco07.png); }







.work-button-next { right: -39px; background-image: url(../webimages/wxinco08.png); }







.desktop { max-width: 1130px; margin: 50px auto 0; position: relative; }







.desktop .btn { width: 36px; height: 20px; display: block; margin: 0 auto; background-image: url(../webimages/wxinco09.png); background-repeat: no-repeat; position: relative; z-index: 999; cursor: pointer; }







.desktop .btn-top-year { background-position: 0 0; margin-bottom: 10px; }







.desktop .btn-bottom-year { background-position: right center; margin-top: 10px; }







.line-area { width: 50px; margin: 0 auto; text-align: center; position: relative; z-index: 8; }







.line-area ul { padding: 33px 0; background: url(../webimages/wxinco11.png) center 0 repeat-y; }







.line-area ul li { padding: 13px 0; font-size: 16px; background: #fff; margin: 28px 0; cursor: pointer; position: relative; }







.line-area ul li.cur { height: 50px; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #3D3D3D; }







.history-box { position: absolute; width: 100%; top: 110px; left: 0; z-index: 6; }







.history-box .box { display: none; }







.history-box .box.show { display: block; }







.box-left { float: left; width: 50%; padding-right: 85px; }







.box-left .frame { border: 1px solid #999; padding: 10px; position: relative; }







.box-left .frame:after { content: ""; width: 21px; height: 15px; display: block; background: url(../webimages/wximg14.jpg) 0 0 no-repeat; position: absolute; right: -21px; top: -1px; }







.box-left .frame img { display: block; width: 100%; }







.box-right { width: 50%; float: right; padding-left: 80px; line-height: 30px; font-size: 16px; }







.mobile-history { margin-top: 30px; }







.mobile-history-img { position: relative; overflow: hidden; padding-bottom: 20px; }







.mobile-history-con { position: relative; overflow: hidden; }







.mobile-history ul li { width: 100%; border: 0; padding: 0; text-align: left; }







.mobile-history ul li img { display: block; width: 100%; }







.mobile-history ul li .year-num { height: 50px; text-align: center; background: #D1121B; color: #fff; font-size: 18px; display: block; line-height: 50px; }







.mobile-history-con { padding-top: 20px; width: 100%; }







.mobile-pagination { position: relative; width: 100%; height: 2px; clear: both; padding: 0 10px; }







.mobarror { position: absolute; width: 25px; height: 36px; background-image: url(../webimages/wxinco12.png); z-index: 6; top: 10px; top: -5px; background-repeat: no-repeat; -o-background-size: auto 25px; background-size: auto 25px; }







.mobarrorleft { left: 0; background-position: 0 0; }







.mobarrorright { right: 0; background-position: right 0; }







.mobile-pagination:after { content: ""; position: absolute; left: 0; top: 5px; width: 100%; height: 2px; border-bottom: 1px  dotted #666; z-index: 2; }







.mobile-pagination span { position: relative; display: block; float: left; font-size: 0; line-height: 0; height: 25px; margin-top: -5px; }







.mobile-pagination span:before { position: absolute; content: ""; width: 0; height: 0; left: 50%; top: -15px; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid #fff; }







.mobile-pagination span.active:before { border-top-color: #D1121B; }







.mobile-pagination span:after { content: ""; display: block; width: 20px; height: 20px; background: url(../webimages/wxinco13.png) 0 0 no-repeat; -webkit-border-radius: 100%; border-radius: 100%; position: relative; z-index: 3; margin: 2px auto; }







.mobile-pagination span.active:after { border: 1px solid #000; }







.mobileliist ul li { opacity: 0; height: 0; }







.mobileliist ul li.show { height: auto; opacity: 1; -o-transition: ease-out all .3s; -moz-transition: ease-out all .3s; transition: ease-out all .3s; -webkit-transition: ease-out all .3s; }







/*招聘动态*/



.wrecruitment-news { padding-bottom: 10px; max-width: 1180px; }







.wrecruitment-news ul { padding-bottom: 30px; }







.wrecruitment-news ul li { padding: 10px 0 10px 25px; border-bottom: 1px solid #ccc; background: url(../webimages/zzp04.png) 0 center no-repeat; font-size: 14px; cursor: pointer; }







.wrecruitment-news ul li a { height: 24px; padding-right: 10px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }







.wrecruitment-news ul li:hover a { color: #C8000A; }







.wrecruitment-news ul li:hover { background: url(../webimages/zzp04cur.png) 0 center no-repeat; }







.wrecruitment-news ul li .wdate { float: right; font-size: 14px; font-family: Arial; }







.good-right { color: #004ea2; font-size: 14px; float: right; padding-top: 20px; }







.good-right span { padding-right: 5px; }







.good-right a { color: #004ea2; display: inline-block; vertical-align: bottom; position: relative; padding-right: 0px; }







.good-right a img { margin-left: 5px; vertical-align: middle; position: absolute; top: -3px; width: 24px; height: 24px; }







@media (min-width: 380px) { .zforgetpassword { float: right; } }







@media (min-width: 429px) { .zpsswordtext input.zzhucecode { width: 142px; float: left; }



.zchangecode { float: left; margin: 0 5px; }



.leftgoodix, .rightgoodix { width: 45px; }



.goodixrgtext { width: 76%; }



.goodixleftimg { width: 20%; }



.goodixrgtext { padding: 12px 0 0 11px; }



.goodixrgtext h4 { padding-bottom: 11px; }



.stocksbox1 .number1 .icon1 .wwfixedtext { font-size: 14px; padding: 0 20px 30px 20px; line-height: 22px; }



.wwprojectlolist ul li { font-size: 13px; font-size: 16px; }



.wwprojectlolist ul li img { height: 66px; }



/*盖板指纹识别方案*/



.wwmardiv { padding: 12px 33px; }



.wwmarklist ul li { margin-bottom: 30px; }



.wwangleL { font-size: 16px; }



.wwlivingtext { padding: 30px 12px 15px; font-size: 16px; }



.wwifstit { font-size: 16px; }



.wwGoodixlist ul li { margin-top: 36px; margin-bottom: 36px; }



.wwtabletconL { padding-bottom: 20px; }



.wwtouchboxH3 { padding-bottom: 20px; }



.wwtouchbox { padding: 30px 3%; }



.wwpartner { padding: 30px 3%; }



.wwslogan .commonweb { font-size: 16px; }



.zleadercont dt { float: left; }



.zleadercont dd { float: left; font-size: 24px; line-height: 32px; padding: 30px 0 0 30px; }



.txtMarquee-left .bd ul li span { padding-right: 10px; }



.zcompanyfloat .wqptran { width: 385px; } }







@media (min-width: 520px) { /*-------- 首页 --------*/



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



.zproducttext h4 span { margin-top: 15px; }



.zindextext { text-align: center; }



.zshowpassword, .zshowzhuce, .zshowlogin, .zshowsuccess { padding: 40px 79px; }



.zshowlogin { width: 460px; padding: 40px 79px 86px 79px; }



/*Yewenwen--2016-9-10*/



.wwfixedtext { font-size: 16px; line-height: 30px; }



.wwhonortext { padding-bottom: 20px; font-size: 16px; }



.wwifsject { font-size: 16px; line-height: 26px; }



.wwlivingtext { padding: 18px 12px 15px; }



.wwbluetoo .wwifstit { font-size: 18px; }



.wwbluetoo .wwifsject { font-size: 15px; }



/**/



.wwGoodixlist ul li { font-size: 16px; }



.wwbluetoothR { font-size: 15px; }



.wwbluetoothR .wwifstit { font-size: 18px; }



.wwNewton .wwprojecttext02 { font-size: 16px; }



.wwIottextbox { font-size: 14px; }



.wwtwoTypediv { font-size: 16px; }



.wwhandfun .wwbluetoothR { font-size: 16px; }



.wwouter { font-size: 15px; }



.bigimgovflow { padding: 35px 8% 25px; }



.closeyuangong { width: 25PX; height: 25px; -o-background-size: 100% 100%; background-size: 100% 100%; top: 10px; right: 10px; }



.Meetpeopletext { font-size: 16px; }



.zeventpro1 ul li { width: 33.33%; padding-top: 40px; }



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



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



/*20170222*/



.whutitle { font-size: 16px; margin-bottom: 5px; }



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



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



.specialList ul li.li2 .floatright { padding-top: 0; }



.specialList ul li.li3 .floatright { padding-top: 0; }



.specialList ul li.li4 .floatright { padding-top: 30px; }



.floatleft { float: left; width: 30%; margin-bottom: 0; }



.floatleft img { display: block; max-width: 100%; }



.floatright { float: left; width: 70%; } }







/*ipad竖版区域*/



@media (min-width: 767px) { .good-right { padding-top: 32px; font-size: 16px; }



.good-right a { padding-right: 10px; }



.good-right a img { width: 30px; height: 30px; }



.good-right span { padding-right: 10px; }



.good-right a img { margin-left: 10px; top: -5px; width: 25px; height: 25px; }



.newsdetail iframe { height: 500px; }



.zlanguagefloat { position: absolute; top: 17px; left: -11px; padding: 7px 7px 0 7px; }



.zlanguagefloat p { width: auto; padding: 0; }



.zindexpagelink ul li { padding-bottom: 25px; }



.zindexpagelink ul li img { height: 86px; }



.zsearchcontshow, .zlogosearchcont .bdsharebuttonbox, .phonesearchtbn, .zlanguage { margin-top: 2%; }



.phonesearchtbn { display: none; }



.zlogosearchcont .bdsharebuttonbox { display: block; }



.zlogosearchcont { position: static; }



/*-------- 导航 --------*/



.zfloatsubnav { width: 286px; right: -286px; font-size: 18px; }



.zsubnav { right: -196px; }



.ztopnav.hidesubnav { right: -286px; }



.indexbannerbtn { height: 43px; bottom: 10px; }



.indexbannerbtn p { display: inline-block; padding: 5px 14px 0 14px; background: #c80009; -webkit-border-radius: 40px; border-radius: 40px; }



.indexbannerbtn p span { width: 16px; height: 16px; }



/*-------- 搜索 --------*/



.zsearchcontshow { float: right; margin: 2% 20px 0 20px; display: block; position: initial; width: auto; top: 0; }



.zsearchcont { border: 1px solid #e0e0e0; width: auto; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; padding: 0; }



.zsearchtext { width: 128px; }



.zsearchbtn { float: left; }



.zindexnews { padding: 36px 3%; }



.zindexnews ul li { padding-bottom: 0; }



.zindextext { padding: 60px 2%; }



.zindexpagelink { padding: 60px 0; }



.zindexpagelink ul li { width: 20%; padding: 0; }



.zindexpagelink ul li img { height: 110px; }



.zindexpagelink ul li:nth-child(4), .zindexpagelink ul li:nth-child(5) { width: 20%; }



.zinlefttop, .zinleftbottom { border-bottom: none; }



.zproducttext { position: absolute; top: 0px; left: 0; width: 100%;}



/*-------- 内页 --------*/



/*Yewenwen---2016-9-8*/



.zmycustomer ul li { width: 20%; }



.wwinnav { display: block; 



margin: 0; padding: 0; }



.wwinnavlist { padding: 0; display: block; }



.wwinnavlist a { width: auto; padding: 22px 6px; font-size: 13px; float: left; border-left: 1px solid #E2E1E1; margin: 0; }



.zsurportcont { padding: 110px 0; }



.outloginedtext { font-size: 26px; line-height: 40px; }



.surportlogin, .surportzhuce { width: 152px; margin: 0 13px; }



.surportdownload dl dd { width: 80%; float: left; }



.surportdownload dl dt { float: right; }



.surportdownload dl dt a { margin: 0; }



/*--------登录注册 弹出框 --------*/



.zfloatcont { width: 526px; position: fixed; }



.zshowsuccess { padding: 79px; }



.zfloatcont ul li span { width: 85px; float: left; }



.zpsswordtext { float: left; width: 283px; }



.zshowlogintext { padding: 11px 0 11px 55px; }



.zcompany1 { font-size: 39px; line-height: 44px; }



.zabouttitle { padding-bottom: 20px; }



.zsurportcontent ul li img { height: 106px; }



.zsurportemail { padding: 40px 0; }



.zsearchcontshow, .zlogosearchcont .bdsharebuttonbox, .phonesearchtbn, .zlanguage { margin-top: 2%; }



.phonesearchtbn { display: none; }



.zlogosearchcont .bdsharebuttonbox { display: block; }



.zlogosearchcont { position: initial; }



/*-------- 导航 --------*/



.zfloatsubnav { width: 286px; right: -286px; font-size: 18px; }



.zsubnav { right: -196px; }



.ztopnav.hidesubnav { right: -286px; }



/*-------- 搜索 --------*/



.zsearchcontshow { float: right; margin: 2% 20px 0 20px; display: block; position: static; width: auto; top: 0; }



.zsearchcont { border: 1px solid #e0e0e0; width: auto; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; padding: 0; }



.zsearchtext { width: 128px; }



.zsearchbtn { float: left; }



.zindexnews { padding: 36px 3%; }



.zindexnews ul li { padding-bottom: 0; }



.zindextext { padding: 60px 2%; }



.zindexpagelink { padding: 60px 0; }



.zindexpagelink ul li { width: 20%; padding: 0; }



.zindexpagelink ul li img { height: 110px; }



.zindexpagelink ul li:nth-child(4), .zindexpagelink ul li:nth-child(5) { width: 20%; }



/*-------- 内页 --------*/



/*Yewenwen---2016-9-8*/



.zmycustomer ul li { width: 20%; }



.zsurportcont { padding: 110px 0; }



.outloginedtext { font-size: 26px; line-height: 40px; }



.surportlogin, .surportzhuce { width: 152px; margin: 0 13px; }



.surportdownload dl dd { width: 80%; float: left; }



.surportdownload dl dt { float: right; }



.surportdownload dl dt a { margin: 0; }



/*--------登录注册 弹出框 --------*/



.zfloatcont { width: 526px; }



.zshowsuccess { padding: 79px; }



.zfloatcont ul li span { width: 85px; float: left; }



.zpsswordtext { float: left; width: 283px; }



.zshowlogintext { padding: 11px 0 11px 55px; }



.zcompany1 { font-size: 39px; line-height: 44px; }



.zabouttitle { padding-bottom: 20px; }



.zsurportcontent ul li img { height: 106px; }



.zsurportemail { padding: 40px 0; }



/*-------- 新闻 --------*/



.pageslink { display: block; float: right; padding-top: 14px; }



.pageslink a { display: inline-block; }



.pageslink a.cur { color: #006fcb; }



.newsleft { padding: 3% 6% 3% 0; }



.newsdetailtl h4 { font-size: 25px; }



.commonDetailedContentsfoot dl dd { float: none; margin-bottom: 15px; }



.commonDetailedContentsfoot dl dt { float: none; }



.zcontactus { padding: 100px 0; background: #f2f2f2; }



.newslist dd { padding-top: 0px; }



/*-------- 员工生活 --------*/



.stafflifetext { padding: 60px 40px 0 22px; }



.stafflifeimg { display: block; }



.staffhidetext { display: none; }



.stafflifeileft, .stafflifeiright { height: 100%; top: 0; margin-top: 0px; }



.stafflifeiscroll { margin-top: 29px; }



.znewssubnav a { width: 26%; }



.zcontactadd { padding: 9px 0 12px 62px; -o-background-size: 32px; background-size: 32px; }



.zcontacter { padding: 9px 0 12px 62px; -o-background-size: 32px; background-size: 32px; }



.zcontactph { padding: 9px 0 12px 62px; -o-background-size: 32px; background-size: 32px; }



.zcontactfax { padding: 9px 0 12px 62px; -o-background-size: 32px; background-size: 32px; }



.zcontactemail { padding: 9px 0 12px 62px; -o-background-size: 32px; background-size: 32px; }



.zfootshare { height: 68px; right: 0; bottom: 68px; z-index: 21; }



.zfootshare span { display: block; width: 68px; height: 68px; background: #D1121B; cursor: pointer; }



.zfootshare span em { display: block; width: 31px; height: 31px; background: #D1121B url(../webimages/zimg02.png) no-repeat -304px -1px; -o-background-size: initial; background-size: initial; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; }



.zshowshare { bottom: 68px; }



.zshowshare a { width: 68px !important; height: 68px !important; }



.zresponsabletext { 

  width: 90%;  

  position: absolute;

  top: 50%;

  left: 50%;

  padding: 0;

  transform: translate(-50%,-50%); 

  -webkit-transform: translate(-50%,-50%); 

  -moz-transform:translate(-50%,-50%); 

  -ms-transform: translate(-50%,-50%); 

  -o-transform: translate(-50%,-50%); 

  color: #fff; 

}



.leftgoodix, .rightgoodix { width: 84px; }



.goodixphmess { padding: 20px 25px; margin-top: 40px; }



.goodixleftimg { width: 18%; }



.goodixrgtext { padding: 12px 0 0 19px; font-size: 16px; }



.goodixrgtext h4 { font-size: 26px; line-height: 30px; }



.goodixrgtext h4 span { font-size: 15px; }



/*Yewenwen---2016-9-10*/



.wwfixedtext { position: absolute; right: 0; top: 50%; width: 50%; padding: 0 28px 0 28px; margin-top: -120px; font-size: 17px; }



.wwamoimg { width: 50%; }



.wwamo { padding: 20px 0 20px 0; }



.wwledtext { position: absolute; top: 50%; z-index: 9; font-size: 17px; line-height: 28px; padding-bottom: 0; }



/*指纹识别方案*/



.wwprojecttext { padding: 0 60px; position: absolute; top: 50%; margin-top: -84px; font-size: 16px; line-height: 30px; }



.wwprojectlolist ul{ display: table; width: 100%;}



.wwprojectlolist ul li {text-align: center;display: table-cell;float: none; color: #fff; padding: 91px 10px; text-align: center; font-size: 15px; line-height: 29px; border-right: 1px solid #7c7383; }



.wwprojectlolist ul li img { height: 66px; margin-bottom: 20px; }







/*IFS方案*/



.wwifsject { width: 684px; position: absolute; top: 7%; left: 50%; margin-left: -342px; font-size: 18px; line-height: 30px; color: #fff; padding: 0; }



.wwifstit { font-size: 33px; line-height: 36px; font-weight: bold; padding-bottom: 30px; }



.wwmouse { display: block; width: 30px; height: 72px; background: url(../webimages/wwpic05.png) no-repeat; -o-background-size: 30px 72px; background-size: 30px 72px; position: absolute; bottom: 12px; left: 50%; margin-left: -19px; cursor: pointer; z-index: 9; }



.wwhonorfix img { width: 60%; float: right; }



.wwhonorfix { position: relative; width: 50%; float: left; padding: 18px 0 80px 0; }



.wwhonortext { position: absolute; left: 39px; top: 78px; color: #333; font-size: 16px; line-height: 36px; }



.wwimgpadding { padding-top: 68px; }



/*Cell*/



.wwCell { width: 642px; line-height: 40px; top: 20%; }



.wwBg { background: #f2f2f2; }



.wwBg .wwhonorfix { width: 100%; padding: 3% 0; }



.wwBg .wwhonorfix img { width: 50%; padding-right: 70px; }



/*IOT芯片*/



.wwIot { width: 633px; text-align: left; color: #fff; font-size: 18px; }



.wwIot .wwifstit { font-size: 22px; }



.wwiotpos .wwledfinedimg { position: absolute; top: 0; }



.wwiotbox { padding-top: 70px; }



.wwiottext { float: right; padding: 10px 0 0 0; font-size: 14px; line-height: 40px; }



.wwiotbox img { margin-left: 10px; display: block; width: 207px; float: left; }



.wwIottextbox { position: absolute; right: 3%; top: 50%; /*margin-top: -112px;*/ width: 484px; color: #fff; line-height: 36px; font-size: 16px; }



/*On-cell*/



.wwcelltop { padding: 65px 0 45px 35px; background: url(../webimages/wwimg14.jpg) no-repeat; }



.wwcelltopT { width: 384px; float: left; line-height: 36px; font-size: 14px; padding: 10px 0 0 0; }



.wwimgR { float: right; }



.wwcelltop .wwimgR { width: 300px; }



.wwoncellT { right: 0; padding-right: 75px; font-size: 14px; }



.wwmark { position: relative; padding-bottom: 16%; background-position: center center; -o-background-size: cover; background-size: cover; }



.wwmarkcon { padding: 9% 0 0 0; font-size: 18px; text-align: center; position: relative; color: #fff; line-height: 36px; z-index: 9; }



.wwmarktit { font-size: 22px; font-weight: bold; }



.wwmark .wwledfinedimg { position: absolute; top: 0; }



.wwmarklist { padding-top: 55px; }



.wwmarklist ul li { color: #fff; font-size: 14px; }



.wwmarklist ul li h3 { font-size: 18px; font-weight: bold; padding: 15px 0 10px 0; }



.wwmardiv { height: 300px; background: #0099cc; padding: 0 15px; line-height: 30px; }



.wwimgshow { display: none; }



.wwangle { position: relative; background: #fff; overflow: hidden; }



.wwangleL { position: absolute; top: 50%; margin-top: -110px; float: left; font-size: 16px; line-height: 36px; width: 50%; padding: 0 0 0 9%; overflow: hidden; }



.wwangleR { float: right; width: 50%; }



/*活体指纹识别方案*/



.wwliving { padding: 0; }



.wwliving img { width: 100%; }



.wwlivingR { font-size: 18px; line-height: 36px; padding-left: 2%; }



.wwlivingtext { width: 362px; position: absolute; top: 50%; margin-top: -107px; background: url(../webimages/wwpic10.png) no-repeat; -o-background-size: 100% 96%; background-size: 100% 96%; font-size: 16px; }



.wwquick { overflow: hidden; }



.wwquick img { max-width: 100%; margin: 0auto; }



.wwjectbot { padding: 25px 10px; }



.wwjectbot .wwangleL { padding: 9% 0 0 3%; }



/*奖励及荣誉*/



.wwhonor ul { padding: 55px 0 55px 0; }



.wwhonor ul li { margin-bottom: 7px; margin-top: 7px; }



/*Goodix Link™*/



.wwGoodix .wwprojecttext02 { position: absolute; font-size: 18px; color: #333; width: 409px; line-height: 38px; padding-left: 32px; top: 50%; }



.wwGoodix .wwifstit { padding-bottom: 10px; }



.wwGoodix .commonweb { padding-bottom: 0; padding-top: 0; }



.wwGoodixlist ul li { font-size: 18px; background: url(../webimages/wwpic19.png) right center no-repeat; }



.wwGoodixlist { padding: 5% 0 6%; }



.wwGoodixlist ul li img { width: 180px; padding-bottom: 24px; }



/*集成蓝牙*/



.wwbluetoo .wwifsject { width: 750px; margin-left: -375px; top: 50%; margin-top: -89px; font-size: 15px; line-height: 24px; }



.wwbluetoo .wwifstit { padding-bottom: 10px; }



.wwEnbold { font-weight: bold; }



.wwbluetootbox { padding: 115px 10px; position: relative; }



.wwbluetoothL { width: 50%; float: left; padding-bottom: 0; }



.wwbluetoothR { font-size: 16px; line-height: 36px; width: 50%; float: right; position: absolute; right: 0; top: 50%; margin-top: -170px; padding-left: 2%; }



.wwbluetoothL .wwimgR { margin: 0 auto; float: none; }



/*Newton Touch*/



.wwNewton .wwprojecttext02 { width: 427px; font-size: 16px; z-index: 9; }



.wwTouchbot .wwIottextbox { width: auto; }



.wwtwoTypetit { font-size: 22px; padding: 50px 0; }



.wwtwoType { padding: 0px 3% 70px; }



.wwtwoTypediv { height: 478px; padding: 0 30px; font-size: 16px; line-height: 30px; }



.wwtwoTypediv span { width: 52%; margin-bottom: 10px; }



.wwtwoTypediv h3 { font-size: 18px; padding-bottom: 10px; }



.wwhand { width: 702px; font-size: 16px; margin-top: -53px; top: 50%; margin-left: -351px; }



.wwhandfun { padding: 6% 10px 0; }



.wwhandfun .wwbluetoothR { top: 0; margin-top: 0; padding-top: 12%; padding-left: 6%; height: 100%; background: url(../webimages/wwpic26.png) no-repeat 80% bottom; }



.wwhandfun { padding-bottom: 6%; }



.wwtabletconL { width: 50%; float: left; font-size: 14px; line-height: 30px; padding-left: 7%; }



.wwtabletconR { width: 50%; float: right; }



.wwtabletconR img { float: left; }



/*平板触控芯片*/



.wwtablet .wwifsject { top: 50%; margin-top: -56px; font-size: 14px; width: 718px; line-height: 24px; margin-left: -359px; padding: 0; text-align: center; }



.wwsanjiao { position: absolute; left: 50%; width: 28px; height: 17px; background: url(../webimages/wwpic27.png) no-repeat; -o-background-size: 28px 17px; background-size: 28px 17px; }



.wwtabletcon { padding: 2% 10px 2%; }



.wwledfinedimg03 { display: block; }



.wwtabletbox { background: #eaf3fd; }



.wwtablet .wwifstit { padding-bottom: 8px; margin-bottom: 8px; background: url(../webimages/wwimg29.jpg) no-repeat center bottom; }



.wwpenject { width: 50%; }



.wwiotposcon .wwIottextbox { font-size: 14px; padding: 0; /*margin-top: -80px;*/ }



.wwculturebox .wwledfinedimg { position: absolute; top: 0; }



.wwculture { position: relative; z-index: 9; padding: 0 3%; }



.wwculturelist ul li { color: #fff; font-size: 16px; height: 100%; position: relative; padding-left: 0; }



.wwculturelist ul li:last-child { background: url(../webimages/wwpic29.png) repeat-y left; }



.wwculturelist ul li h3 { font-size: 20px; font-weight: 100; position: relative; padding-bottom: 12px; margin-bottom: 12px; }



.wwculturelist ul li h3:after { content: " "; height: 1px; width: 50px; background: #fff; position: absolute; bottom: 0; left: 0; }



.wwculBg { background: #f7f7f7; }



.wwcultexth3 { font-size: 20px; position: relative; padding-bottom: 25px; margin-bottom: 25px; }



.wwcultexth3:after { position: absolute; bottom: 0; left: 50%; margin-left: -40px; content: " "; height: 1px; width: 80px; background: #333; }



.wwcultext { text-align: center; padding: 70px 30px; font-size: 16px; }



.wwcultext .textleft{text-align: left;}



.wwculbot ul { padding: 70px 0; }



.wwculbot ul li { font-size: 15px; height: auto; line-height: 26px; padding-left: 20px; padding-right: 20px; }



.wwculbot ul li:nth-child(3n){ clear: both; }



.wwculbot ul li h3 { font-size: 20px; line-height: 30px;}



/*外挂式*/



.wwouter { font-size: 20px; line-height: 36px; top: 50%; margin-top: -62px; font-size: 18px; }



/*全球合作*/



.wwslogan { font-size: 22px; text-align: center; color: #fff; padding: 4.4% 0; background: url(../webimages/wwimg34.jpg) no-repeat center; -o-background-size: cover; background-size: cover; }



.wwtouchbox { text-align: center; background: #f2f2f2; padding: 0; }



.wwparbg { padding: 40px 0; background: url(../webimages/wwimg35.jpg) no-repeat center center; }



.wwpartner { padding: 40px 3%; }



.wwBgtwo { background: #f2f2f2; }



.wwBgtwo .wwtouchlilist li { float: left; }



.wwtouchboxH3 { padding-bottom: 35px; }



.wwpays li { display: table-cell; }



.wwtouchlilist li div { font-size: 18px; }



.wwBg { background: #f2f2f2; }



/*图片弹窗*/



.Meetpeopletext { font-size: 18px; padding: 0 0 0; }



.closeyuangong { display: block; width: 32px; height: 32px; }



.bigleft, .bigright { display: block; width: 6%; }



.bigright { -o-background-size: 45px 84px; background-size: 45px 84px; right: 3%; }



.bigleft { -o-background-size: 45px 84px; background-size: 45px 84px; left: 3%; }



.bigright:hover { background: url(../images/wwpic16.png) no-repeat left center; -o-background-size: 45px 84px; background-size: 45px 84px; right: 3%; }



.bigleft:hover { background: url(../images/wwpic17.png) no-repeat right center; -o-background-size: 45px 84px; background-size: 45px 84px; left: 3%; }



.bigimgovflow { padding: 35px 14% 25px; }



.wwhonortext02 { width: 50%; padding: 12% 0 12% 14%; float: left; line-height: 36px; color: #333; font-size: 16px; }



.wwdivimg { width: 50%; float: left; padding-bottom: 0; }



.wwhonorfixcopy { position: relative; width: 100%; padding: 3% 0; }



.wwcelltopcell { padding: 0; }



.wwtouchlilist li div { font-size: 18px; }



.bigimgcont { width: 900px; }



.wwcelltopcell { padding: 4% 0 2%; }



.wwcelltopcell .wwcelltopT { width: 50%; font-size: 14px; padding: 4% 0; }



.wwcelltopTdiv { width: 350px; margin: 0 auto; }



.wwcelltopcell .wwdivimg { float: right; }



.wwchiptext { position: absolute; right: 3%; top: 50%; width: 484px; color: #fff; line-height: 36px; font-size: 16px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 9; }



.wwiotposcon { position: relative; }



.wwiotpos .wwimgheight { position: absolute; top: 0; }



.wwtranslat { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 9; }



.wwimgheight { position: absolute; top: 0; }



.wwlivingleft, .wwlivingleftright { float: left; width: 50%; }



.wwlivingleft { float: right; }



.wwlivingleftright img { width: 100%; }



.wwjectbot { position: relative; }



.wwlivingboxtext { font-size: 18px; line-height: 36px; }



.wwjectbotleft { width: 50%; float: left; font-size: 16px; line-height: 36px; padding-left: 4%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }



.wwfingbox { position: relative; }



.wwfingbox { background: #f3f3f3; }



.wwfingboxleft { width: 50%; float: left; position: absolute; top: 0; }



.wwfingboxleft img { width: 100%; display: block; }



.wwfingboxright { float: right; width: 50%; height: 100%; padding: 0 0 0 3%; line-height: 36px; font-size: 16px; background: url(../webimages/wwpic10.png) no-repeat center center; }



.wwfingboxDiv { width: auto; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 9; }



.wwprojectcase { z-index: 9; }



.wwword { width: 441px; font-size: 18px; line-height: 36px; position: absolute; top: 50%; padding-left: 5%; }



.wwprocasetext { font-size: 15px; }



.wwiotposfixe .wwtranslat { font-size: 16px; }



.wwGoodix .wwgoodtext { width: 440px; }



.wwTouchbot .wwIottextbox { font-size: 16px; }



.wwhonor { padding-bottom: 40px; }



.wwculturelist { height: 100%; }



.wwculturelist ul { height: 100%; }



.wwculturelist ul li .wwtranslat { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }



/*-------- 网站地图 --------*/



.sitemapcont2 { padding: 2% 0; overflow: hidden; }



.sitemapcont2 dl dt { font-size: 20px; }



.sitemapcont2 dl dd { padding: 2% 3% 1% 27px; border: 1px solid #e6e6e6; }



.sitemapcont2 dl dd a { margin: 0 50px 8px 0; }



/*-------- 热点事件 --------*/



.zfocusevent dl dt { float: left; width: 40%; }



.zfocusevent dl dd { float: left; width: 60%; padding: 13px 0 0 18px; }



.zfocusevent dl dd h4 { font-size: 22px; font-weight: bold; margin: 9px 0; }



.zeventtitle { font-size: 28px; }



.zeventpro1 ul { padding-bottom: 40px; }



.zeventpro1 ul li { width: 20%; font-size: 16px; }



.zeventpro1 ul li:nth-of-type(3n+1) { clear: none; }



.zeventpro1 ul li span { width: 148px; }



.zeventpro2 ul li { width: 33.33%; }



.zeventreportright { font-size: 16px; }



.zeventreportright ul li { font-size: 17px; }



.zeventreportright ul li span { font-size: 15px; }



.exhibitiontitle { font-size: 22px; font-weight: bold; margin-bottom: 16px; }



.zreviewfloat { width: 100%; float: left; font-size: 18px; line-height: 32px; margin-bottom: 32px; }



.zreviewfloat .zeventtitle { margin-bottom: 30px; }



.zreviewimg { display: block; width: 40%; float: left; }



.zreviewtext { width: 60%; float: left; padding-left: 15px; }



.zhuidingvideo { width: 30%; float: left; }



.zhuidingleader { width: 70%; padding: 0 0 0 40px; float: left; }



.zfloatvideocont { width: 600px; left: 50%; margin-left: -300px; padding: 0; }



.zsannavbtn { display: none; }



/*-------- 搜索结果 --------*/



.rectitle { font-size: 24px; }



.resulttitle { font-size: 24px; }



.resultlist img { width: 16%; float: left; margin: 0 2% 0 0; }



.resultlist h4 { font-size: 20px; margin-bottom: 2%; }



/*20161124*/



.zindextext { padding: 30px 2%; }



.zmycustomer ul li { width: 16.6666667%; }



.zindexnews { padding: 36px 4px; }



.wwifstit { font-size: 27px; }



.zcompanyfloat { font-size: 16px; }



.zcompanyfloat .wqptran { width: 482px; }



.showpagenav img { height: 70px; }



.zcopyright a { display: inline-block; }



.zresponsablescroll ul { padding-bottom: 40px; }



.wwGoodix .wwprojecttext02 { color: #fff; }



.zzerentext { height: 58px; }



.zlogo { height: 70px; }



/*-------- 校园招聘列表 --------*/



.jobsSearch dl { width: auto; padding: 24px 20px 0; }



.jobsSearch dl dt { font-size: 16px; float: left; padding: 7px 16px; border-left: 1px solid #999; border-bottom: 1px solid #999; border-top: 1px solid #999; background: #fff url(../webimages/zzp02.jpg) no-repeat right center; }



.jobsSearch dl dd { width: 510px; float: left; }



.jobsSearch dl dd label { border-left: none; }



.jobsSearch dl dd label input.jobssubmit { width: 138px; background: url(../webimages/zzp02.png) no-repeat 20px center #c8000a; text-indent: 20px; }



.jobslist { background: #f7f7f7; margin-top: 20px; padding-bottom: 30px; }



.jobslist dl { line-height: 60px; border-bottom: 1px solid #cccccc; margin: 0px 35px; }



.jobslist dl dt { float: left; padding-left: 45px; width: 34%; }



.jobslist dl dd { float: left; width: 27%; }



.jobslist .zhaopinlist dl dd { float: left; width: 27.9%; }



.jobslist dl dd span { display: inline-block; text-align: center; }



.jobslist dl dd.jobslistTime { width: 10%; text-align: left; }



.jobslist dl.jobslistHead { font-size: 16px; }



.jobslist dl.jobslistHead dt { background: none; padding-left: 70px; }



.jobslist .zloadbtn { margin: 0 36px; }



.zworklocation { max-width: 611px; margin: 0 auto; }



/*---人才招聘详情页---*/



.jobsDetailedright { width: 50%; }



.Demand span { float: left; width: 50%; }



.jobsReturn a { display: inline-block; margin: 0 0 0 72px; }



.stafflifeiscroll ul li { width: 33.3%; padding: 0 15px; }



.stafflifeiscroll ul { margin: 0 -15px; }



.wqpblock { display: block; }



.newsright { margin-top: 3%; }



.stafflifeiscroll { margin: 27px auto 0 auto; }



.zindextext { line-height: 32px; font-size: 18px; }



/*20170222*/



.specialList ul li.li1 .floatright { padding-top: 30px; }



.specialList ul li.li2 .floatright { padding-top: 0; }



.specialList ul li.li3 .floatright { padding-top: 25px; }



.specialList ul li.li4 .floatright { padding-top: 70px; }



.floatleft { float: left; width: 30%; margin-bottom: 0; }



.floatleft img { display: block; max-width: 100%; }



.floatright { float: left; width: 70%; }



.wdot { font-size: 13px; }



/*.actcontent { color: #fff; position: absolute; left: 23%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: none; }*/



.actcontent {width: 50%; color: #fff; position: absolute; left: 15px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); background: none; }



.actcontent .actitle { font-size: 26px; margin-bottom: 20px; }



.actcontent .actdot { 



  /*font-size: 20px;*/ 



  /*margin-bottom: 20px;*/



  



   }



.warrow a { -o-background-size: 25px auto; background-size: 25px auto; }



/*made by lww start*/



.ComputerShowTitle { background: url(../webimages/lbg02.jpg) center center no-repeat; -o-background-size: auto 40px; background-size: auto 40px; height: 40px; line-height: 40px; }



.ComputerShowPageOneTop dd { width: 80%; margin: 0 auto; }



.ComputerShowPageOneList ul li { margin: 50px 0; }



.ComputerShowPageOneList ul li .texttop { height: 50px; }



/*20170804*/



.campus-recruitment-bg { padding: 4% 0 6%; }



.recruitment-title { margin-bottom: 5%; }



.recruitment-title .wmsg { font-size: 32px; line-height: 32px; margin-bottom: 20px; }



.recruitment-title .wmsgtext { padding-bottom: 12px; }



.recruitment-con { padding: 4% 6% 6%; font-size: 16px; text-align: center; }



.wrecruitment-time { line-height: 36px; padding-bottom: 5%; }



.address-list ul li { width: 14.28%; }



.address-list ul li:nth-of-type(3):after, .address-list ul li:nth-of-type(6):after, .address-list ul li:nth-of-type(4):after { width: 100%; left: 0; }



.address-list ul li:last-child:after { width: 50%; }



.address-left ul li { width: auto; }



.address-left ul li a { padding: 0 40px; }



.screcruitment-list { padding-top: 47px; padding-bottom: 70px; }



.shcool-search { margin-top: 0; }



.school-jobslist { margin-top: 20px; background: #F7F7F7; padding-bottom: 60px; }



.scrollover { position: relative; overflow-x: auto; }



.school-jobslist .weekbar { padding-bottom: 60px; }



.schoolDl { padding: 0 45px; }



.schoolDl dd { float: left; width: 33.3%; text-align: center; padding: 18px 0; border-bottom: 1px solid #ccc; height: 60px; overflow: hidden; }



.schoolDl dd.dd1 { /*width:40%;*/ padding-left: 55px; text-align: left; }



.wzhaoinco { background: url(../webimages/zzp04.png) no-repeat 0 center; }



.schoolDl dd.dd2 { /*width:35%*/ }



.schoolDl dd.dd3 { /*width:25%*/ }



.schoolhead { background: #C8000A; height: 60px; line-height: 60px; color: #fff; font-size: 16px; }



.schoolhead dd { padding: 0; border-bottom: none; }



.loadInco { cursor: pointer; }



.school-jobslist .loadInco { margin: 0 45px; }



/*薪福满满*/



.full-pay-one { padding-top: 40px; padding-bottom: 50px; color: #666; }



.full-left { max-width: 840px; width: 60%; padding-top: 5%; float: left; }



.full-title { line-height: 24px; color: #333; padding-bottom: 4%; }



.full-right { width: 40%; float: right; text-align: right; padding-right: 6%; }



.full-pay-three { padding: 5% 0 4%; }



.wpb25 { padding-bottom: 25px; }



.fill-three-con { padding-top: 40px; float: left; width: 55%; }



.fill-three-img { float: left; width: 45%; }



.recruitment-process { padding: 5.5% 0 4%; }



.process-list li { float: left; width: 20%; }



.process-list li .sbtit { width: 100px; height: 100px; }



.process-list li .iinco { width: 98px; height: 98px; line-height: 88px; }



.process-list li:last-child .iinco { line-height: 24px; padding-top: 20px; }



.wproblem-nav { text-align: center; min-height: 58px; margin-bottom: 40px; }



.wproblem-nav p { display: inline-block; }



.wproblem-nav p a { width: 150px; height: 50px; line-height: 50px; font-size: 16px; }



.questionlist03 { font-size: 16px; padding-top: 25px; padding-bottom: 15px; }



.questionlist03 dl { margin-bottom: 22px; }



.questionlist03 dt span { padding: 28px 55px 28px 105px; }



.questionlist03 dt:before { width: 90px; -o-background-size: 25px auto; background-size: 25px auto; }



.questionlist03 dt:after { width: 83px; right: 0; -o-background-size: 25px auto; background-size: 25px auto; }



.questiontext03 { padding: 0 0px 0 105px; line-height: 30px; }



.questiontext03:before { width: 90px; -o-background-size: 18px auto; background-size: 18px auto; }



.questiontext03 { padding: 0 50px 0 122px; }



.questionlist03 dt span { padding: 28px 70px 28px 122px; }



.questiontoptext03 h4 { font-size: 36px; line-height: 38px; }



.wrecruitment-deatils { padding-top: 55px; }



.wrecruitment-deatils .newsdetail { padding-bottom: 30px; }



.wrecruitment-deatils .backnewslist { margin-bottom: 50px; }



.commonDetailedContentsfoot { padding-bottom: 45px; }



/*汇新聚才*/



.personnel-top { padding: 9% 0; min-height: 400px; }



.personnel-bottom { padding: 8% 0; min-height: 450px; }



.work-btn { display: block; }



/*招聘动态*/



.wrecruitment-news { padding-top: 30px; padding-bottom: 40px; }



.wrecruitment-news ul { padding-bottom: 50px; }



.wrecruitment-news ul li { padding: 16px 0 16px 35px; font-size: 16px; } }







/*ipad横版区域*/



@media (min-width: 991px) { .newsright { padding: 3% 2%; }







.zzpconatcttitle{font-size: 30px;}







.wwculbot ul li:nth-child(3n){ clear: none; }







/*Yewenwen---*/



.wwtouchlilist li { float: none; }



.wwtouchlilist li div { font-size: 12px; }



.wwhonortext02 { font-size: 18px; }



.wqpNewsTitle { top: 18px; font-size: 20px; padding-left: 60px; height: 40px; line-height: 37px; -o-background-size: 45px auto; background-size: 45px auto; }



.txtMarquee-left .bd { padding-left: 220px; height: 76px;padding-right: 40px; }



.txtMarquee-left .bd ul li { margin-right: 55px; line-height: 76px; height: 76px; font-size: 18px; }



/*20161124*/



.zindexnews .commonwebbox ul { margin: 0 -15px; }



.zinnerpagecont { padding: 46px 10px; }



.zindexnews .znewstitle { -o-background-size: 37px auto; background-size: 37px auto; background-position: 5px 0; line-height: 30px; padding-left: 50px; }



.showpagenav { margin-right: 10px; }



/*-------- 20170216校园招聘 --------*/



.jobsDetailed { margin: 0 45px; padding: 20px 35px 70px; }



.jobsDetailed h3.jobsDetailedtitle { font-size: 20px; padding-bottom: 20px; padding-top: 5px; }



.jobsDetailedleft { float: left; width: 63%; padding-top: 40px; }



.Demand { margin: 0px; padding: 0px 0px 5px; }



.Demand span { float: left; width: 50%; }



.post { line-height: 30px; padding: 30px 0px 0; }



.jobsMail { padding: 35px 0 0; }



.jobsReturn { padding-top: 36px; }



.jobsDetailedright { float: right; width: 28%; margin-top: 40px; }



/*20170222*/



.specialTitle { margin-bottom: 20px; -o-background-size: auto; background-size: auto; }



.specialTitle span { padding-left: 80px; font-size: 22px; -o-background-size: 68px auto; background-size: 68px auto; }



.specialDl { margin-bottom: 65px; }



.specialTitle { margin-bottom: 40px; }



.specialDl dt { padding: 0; background-position: 0 0; -o-background-size: cover; background-size: cover; height: 314px; }



.specialDl dd { padding: 30px 20px 0 20px; }



.specialDl dd .title, .whutitle { font-size: 24px; margin-bottom: 15px; }



.specialDl dd .dot { font-size: 16px; margin-bottom: 10px; }



.wdot { font-size: 15px; margin-bottom: 10px; }



.specialList ul li { padding: 0; padding-bottom: 30px; }



.specialList ul li:nth-child(2n+1){clear: both;}



.specialList ul li.li1 .floatright { padding-top: 10px; }



.specialList ul li.li2 .floatright { padding-top: 0; }



.specialList ul li.li3 .floatright { padding-top: 25px; }



.specialList ul li.li4 .floatright { padding-top: 58px; }



.floatleft { float: left; width: 30%; }



.floatleft img { display: block; max-width: 100%; }



.floatright { float: left; width: 70%; }



.specialConTwo { padding: 0 0 25px; }



.specialConThree, .specialConFour { padding: 25px 0; }



.specialConfive { padding: 25px 0 0; }



.actcontent {left: 2.5%;}



.actcontent .actitle { font-size: 30px; line-height: 36px; margin-bottom: 30px; }



/*.actcontent .actdot { font-size: 24px; background: url(../webimages/winco04.png) 0 center no-repeat; padding-left: 38px; line-height: 24px; margin-bottom: 30px; }*/



.actcontent .actdot { font-size: 20px; padding-left: 38px; margin-bottom: 20px; line-height: 30px;}



.actcontent .actdot:before{top: 10px;}



.exhibitiontext { font-size: 17px; }



.wwinnavlist a { font-size: 14px; padding: 22px 1.9%; }



/*made by lww start*/



.ComputerShowPageOne { margin-bottom: 10px; }



.ComputerShow { padding-top: 60px; }



.ComputerShow .ComputerShowTitle { margin-bottom: 50px; }



.ComputerShowPageTwo dl dd { width: 60%; }



.ComputerShowPageThree { overflow: hidden; margin-bottom: 30px; }



.ComputerShowPageTwo { margin-bottom: 60px; }



.ComputerShowPageThree dt { max-width: 55%; float: left; }



.ComputerShowPageThree dd { max-width: 45%; float: left; padding: 50px 50px 0; }



.ComputerShowPageThree dd { padding: 10px 50px 0; }



/*薪福满满*/



.full-pay-one { font-size: 18px; line-height: 32px; }



.full-left { padding-top: 6%; }



.full-title { font-size: 24px; }



.full-pay-two { padding: 3.5% 0; font-size: 16px; }



.full-two-left { padding: 0 30px; }



.fs24 { font-size: 24px; line-height: 30px; }



.fs18 { font-size: 18px; line-height: 34px; }



.full-twotitle { padding-bottom: 13px; }



.full-two-right { padding-left: 45px; }



.lineheight24 { line-height: 24px; }



.process-title { font-size: 28px; }



.wproblem-wraper { padding-top: 60px; padding-bottom: 60px; }



.wproblem-title { font-size: 28px; margin-bottom: 30px; }



.wmsg-con { padding-top: 60px; font-size: 16px; line-height: 30px; }



.wmsg-title { font-size: 28px; line-height: 28px; margin-bottom: 25px; }



.environment-list ul li { padding: 10px; }



.personnel-middle { padding: 98px 15px 115px; } }







@media (min-width: 1023px) { /*-------- 底部 --------*/



.zfootcont { text-align: initial; }



.zfootlink { float: left; }



.zcopyright { float: right; }



/*-------- 首页 --------*/







.zinproductleft { width: 50%; float: left; }



.zinproductright { width: 50%; float: left; }



.zproducttext { padding: 20px 30px; line-height: 20px;}



/*.zinproductright .zproducttext{width:516px;}*/



.zinproductleft .zproducttext { width: 253px; }



.zproducttext div { margin: 0; background: none; padding: 0; -webkit-border-radius: 0px; border-radius: 0px; }



/*-------- 内页 --------*/



.surportdownload { padding: 56px 100px; }



.zfootshare { position: absolute; }



.zresponsabletext { 

  width: 905px; 

  font-size: 18px; 

  line-height: 35px; 

}



.zresponsablelist ul li:hover .zfloatrespons { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }



.staffvoicecont { padding: 226px 0; }



.leftgoodix, .rightgoodix { width: 84px; }



.goodixleftimg { width: 15%; }



.goodixphmess { padding: 20px 40px; }



.goodixrgtext { width: 84%; font-size: 20px; }



.goodixrgtext h4 { font-size: 32px; line-height: 40px; }



.goodixrgtext h4 span { font-size: 18px; }



/*Yewenwen---2016-9-10*/



.wwfixedtext { line-height: 49px; margin-top: -158px; padding: 0 62px 0 68px; font-size: 20px; }



.wwamoimg { width: 50%; float: left; }



.wwamo { padding-top: 70px; }



.wwledtext { padding-left: 159px; font-size: 20px; line-height: 38px; /*margin-top: -105px;*/ }



/*识别指纹方案*/



.wwprojectlolist ul { height: 100%; }



.wwprojectlolist ul li { font-size: 20px;     padding: 91px 20px;}



.wwprojectlolist ul li img { display: block; height: 66px; margin: 0 auto; margin-bottom: 30px; }



.wwifsject { top: 23%; }



.wwmouse { -o-background-size: 38px 91px; background-size: 38px 91px; width: 38px; height: 91px; }



/*FIS方案*/



.wwhonorfix { position: relative; width: 50%; float: left; padding: 18px 0 80px 0; }



.wwhonortext { top: 125px; font-size: 20px; }



/*Cell*/



.wwCell { top: 29%; }



.wwBg .wwhonorfix { padding: 50px 0 30px 0; }



.wwBg .wwhonortext { left: 168px; }



.wwBg .wwhonorfix img { padding-right: 140px; }



.wwiottext { padding: 35px 20px 40px 0; font-size: 16px; }



.wwiotbox img { width: 300px; margin-left: 16%; }



/*On-Cell*/



.wwcelltopT { width: 511px; padding: 50px 0 0 0; font-size: 18px; }



.wwcelltop .wwimgR { padding-right: 0; width: 400px; }



.wwoncellT { padding-right: 130px; font-size: 18px; }



.wwmardiv { padding: 0 22px; }



.wwmarklist ul li h3 { font-size: 20px; padding: 38px 0 20px 0; }



.wwmarklist ul li { font-size: 16px; }



.wwimgshow { display: none; }



.wwjectbot .wwangleL { padding: 8% 0 0 7%; font-size: 18px; }



/*活体指纹识别方案*/



.wwlivingbox { background: #f3f3f3; }



.wwliving { padding: 0; }



.wwlivingtext { width: 462px; font-size: 18px; }



.wwIottextbox { right: 10px; font-size: 18px; }



.wwifstit { padding-bottom: 20px; }



/*奖励及荣誉*/



.bigimgcont { width: 900px; }



.bigleft, .bigright { display: block; }



.closeyuangong { top: 25px; right: 25px; }



.head-nav li { margin: 0 11px; }



.bigleft { left: 1%; width: 10%; -o-background-size: 60px 110px; background-size: 60px 110px; }



.bigright { right: 1%; width: 10%; -o-background-size: 60px 110px; background-size: 60px 110px; }



.bigleft:hover { left: 1%; width: 10%; -o-background-size: 60px 110px; background-size: 60px 110px; }



.bigright:hover { right: 1%; width: 10%; -o-background-size: 60px 110px; background-size: 60px 110px; }



/*集成蓝牙*/



.wwbluetoo .wwifsject { width: 970px; margin-left: -485px; font-size: 18px; line-height: 30px; }



.wwbluetoo .wwifstit { padding-bottom: 15px; }



.wwangleL { font-size: 21px; }



.wwangle { padding: 0px 10px 30px; }



.wwbluetoothR { font-size: 18px; margin-top: -120px; }



.wwtwoTypediv { font-size: 18px; height: 505px; }



.wwhand { top: 50%; margin-top: -55px; width: 780px; margin-left: -390px; top: 50%; font-size: 18px; }



.wwtablet .wwifsject { width: 964px; margin-left: -482px; }



.wwtabletconL { line-height: 36px; padding-left: 16%; font-size: 18px; }



.wwsanjiao { width: 38px; height: 23px; bottom: -23px; margin-left: -19px; }



.wwtablet .wwifstit { padding-bottom: 18px; margin-bottom: 18px; }



.wwiotposcon .wwIottextbox { font-size: 18px; }



.wwculturebox { background: #f7f7f7; }



.wwculturebox .wwledfinedimg { position: absolute; top: 0; }



.wwouter { top: 50%; margin-top: -62px; font-size: 20px; }



.wwouter .wwifstit { padding-bottom: 15px; }



.wwcelltopcell .wwcelltopTdiv { font-size: 18px; }



.wwcelltopTdiv { width: 499px; }



.wwcelltopcell .wwcelltopT { padding: 10% 0; }



.wwchiptext { font-size: 18px; }



.wwfingboxDiv { padding: 0 3%; font-size: 18px; width: 80%; margin: 0 auto; }



.wwjectbotleft { font-size: 18px; padding: 0 0 0 14%; }



.wwword { width: 596px; font-size: 18px; }



.wwNewton .wwprojecttext02 { font-size: 18px; }



.wwculturelist ul li { font-size: 18px; }



.wwculturelist ul li h3 { font-size: 22px; padding-bottom: 18px; margin-bottom: 18px; }



/*-------- 热点事件 --------*/



.zfocusevent dl dd { padding: 13px 0 0 18px; }



.zfocusevent dl dd h4 { margin: 18px 0; }



.zeventpro2 ul li { width: 25%; }



.zeventreportleft { width: 40%; float: left; }



.zeventreportright { width: 60%; padding: 0 0 0 36px; float: left; }



.exhibitionimg { width: 25%; float: left; }



.exhibitiontext { width: 75%; float: left; padding: 10px 0 0 28px; }



.zeventreport .zeventtitle { margin-bottom: 30px; }



.zreviewfloat { width: 50%; float: left; font-size: 18px; line-height: 32px; margin: 0; }



.zreviewfloat2 { padding-left: 40px; }



.zreviewfloat .zeventtitle { margin-bottom: 30px; }



.zreviewimg { display: block; width: 40%; float: left; }



.zreviewtext { width: 60%; float: left; padding-left: 15px; }



.zfloatvideocont { width: 1000px; margin-left: -500px; }



/*wuqiuping*/



.zinproductleft .zproducttext { width: 90%; }



.zinproductleft .zinlefttop .zproducttext { width: 300px; }



.weventpro1 ul li { width: 20%; }



.stafflifeiscroll ul { margin: 0 -30px; }



.stafflifeiscroll ul li { padding: 0 30px; }



/*made by lww start*/



.ComputerShowTitle { margin-bottom: 40px; }



.ComputerShowPageOneTop { overflow: hidden; }



.ComputerShowPageOneTop dt { float: left; width: 50%; }



.ComputerShowPageOneTop dd { float: left; width: 50%; padding: 25px 20px 22px 5%; }



.ComputerShowPageOneTop dd h4 { font-size: 24px; padding-bottom: 15px; }



.ComputerShowPageOneTop .specialP { font-size: 16px; line-height: 35px; -o-background-size: 8px; background-size: 8px; background-position-y: 12px; }



/*made by lww end*/



/*20170810*/



.address-list ul li .waddress-con { padding-top: 30px; width: 120px; height: 158px; }



.address-list ul li .add-date { font-size: 14px; }



.address-list ul li .address-name { font-size: 26px; margin-bottom: 10px; }



.wwinnavlist { padding: 0 10px; }



/*校园招聘详情*/



.address-left { float: left; width: 17%; }



.address-left ul li { float: none; }



.address-left ul li a { display: block; background: #F7F7F7; height: 55px; line-height: 55px; font-size: 16px; font-weight: bold; text-align: center; color: #666; }



.address-left ul li:hover a, .address-left ul li.cur a { background: #C8000A; color: #fff; }



.screcruitment-list { padding-top: 47px; padding-bottom: 70px; }



.address-right { width: 83%; padding-left: 35px; float: left; }



.shcool-search { margin-top: 0; }



.process-list li { width: 12%; }



.personnel-bottom { min-height: 611px; }



/*-------- 2018-1-9 --------*/



.renjinotefloat { width: 100%; height: 100%; padding-top: 3%; background: -webkit-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); display: none; z-index: 20; background: -o-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); background: -moz- oldradial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); background: radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); position: absolute; left: 0; top: 0; }



.renjinotefloattext { width: 535px; color: #ffffff; font-size: 18px; margin: 0 auto; line-height: 32px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }



.renjinotelistcont ul li:hover .renjinotefloat { display: block; }



.zdsznsuotext h4 { line-height: 36px; }











}







@media (min-width: 1024px ) {



.wwproject .commonweb {



  max-width: 1482px;



  padding: 0px 10px;



}



}











@media (min-width: 1130px) { .zcompanyright { width: 1063px; }



.zphonecompany { display: none; }



.zpccompany { display: block; }



.zfloatrespons { padding: 60px 32px 0 32px; }



.zfloatlink { margin: 40px auto 0; }



/*20170222*/



.specialDl dd { padding: 40px 20px 0 20px; }



.specialList ul li:nth-of-type(3) { clear: left; }



.renjinotefloat { padding: 0; } }







/*响应PC区域*/



@media (min-width: 1199px) { .showpagenav { width: auto; }



.zabout1text { width: 1160px; }



/*Yewenwen---2016-9-10*/



.wwprojecttext { font-size: 20px; line-height: 42px; }



.wwiottext { font-size: 18px; }



.wwcelltopT { padding: 65px 0 0 0; }



.wwcelltop .wwimgR { width: 500px; }



.wwjectbot .wwangleL { padding: 8% 0 0 14%; }



.staffvoicecont .commonweb { max-width: 1200px; }



.goodixpclist { display: block; }



.goodixphonelist { display: none; }



/*-------- 20170216校园招聘 --------*/



.zSocialrecruitment { padding: 172px 0 180px; }



.zrecruitmentcont { padding: 0; }



.zrecruitmentlist { padding: 20px 36px 36px; margin-top: 93px; }



.zjoplistleft { width: 55%; float: left; padding-top: 0; }



.zjoplistright { width: 35%; float: right; }



/*made by lww start*/



.ComputerShowPageOneTop dd { padding: 35px 20px 22px 5%; }



/*made by lww end*/ 







.actcontent .actitle{font-size: 36px}



.actcontent .actdot{font-size: 22px;line-height: 32px;}



.actcontent .actdot:before{top: 11px;}



}







@media (min-width: 1239px) { .goodixpclist dl { margin-right: 17px; }



/*lww*/



.ComputerShowPageTwo dl { overflow: hidden; position: relative; }



.ComputerShowPageTwo dl dt { width: 50%; float: left; }



.ComputerShowPageTwo dl dd { position: absolute; right: 0; top: 0; height: 100%; width: 50%; float: left; }



.ComputerShowPageTwoConWrap { width: 100%; height: 100%; position: relative; }



.ComputerShowPageTwo dl dd .ComputerShowPageTwoCon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }



.ComputerShowPageTwo dl:nth-child(2n) dt { float: right; }



.ComputerShowPageTwo dl:nth-child(2n) dd { left: 0; right: auto; }



.ComputerShowPageThree dd { padding: 45px 50px 0; }



/*wqp*/



.process-list li .sbtit { width: 125px; height: 125px; }



.process-list li .iinco { width: 123px; height: 123px; line-height: 113px; font-size: 18px; }



.process-list li:last-child .iinco { line-height: 24px; padding-top: 30px; }



.process-list li:after { right: -13px; width: 25px; height: 17px; }



.personnel-top { min-height: 550px; }



/*--------  2018-1-9--------*/



.renjinnotelisttext { width: 695px; }



.renjinnotelisttext2 { width: 90%; }



.zdsxggaibantext { width: 566px; font-size: 20px; right: 3%; line-height: 36px; } }







@media (min-width: 1320px){



.zproducttext{



  max-width: 75%;



  padding: 30px 40px;



}



}  











@media (min-width: 1420px) { 







.zproducttext{



  max-width: 66.6667%;



}	







 /* .zcompanyleft { float: left; margin: 0; width: 340px; text-align: left; }



.zcompanyright { float: right; } */



/*20170222*/



.specialDl dd { padding: 60px 20px 0 40px; font-size: 16px; }



.specialDl dd .title { margin-bottom: 20px; }



.specialDl dd .dot { margin-bottom: 15px; }



.specialList ul li { padding: 0; padding-bottom: 100px; }



.specialList ul li.li1 .floatright { padding-top: 40px; }



.specialList ul li.li2 .floatright { padding-top: 0; }



.specialList ul li.li3 .floatright { padding-top: 25px; }



.specialList ul li.li4 .floatright { padding-top: 58px; }



.floatleft { float: left; width: 42%; }



.floatleft img { display: block; max-width: 100%; }



.floatright { float: left; width: 58%; }



.wdot { font-size: 16px; }



/*made by lww start*/



.ComputerShowTitle { -o-background-size: 100%; background-size: 100%; }



.ComputerShowPageOneTop dd { padding: 110px 30px 22px 10%; }



.ComputerShowPageThree dd { padding: 50px 50px 0; }



/*made by lww end*/



/*20170804*/



.wrecruitment-time { line-height: 36px; padding-bottom: 5%; }



.address-list ul li .waddress-con { width: 142px; height: 187px; padding-top: 36px; }



.address-list ul li .address-name { font-size: 26px; margin-bottom: 15px; }



/*-------- 2018-1-9 --------*/



.zdsxggaibantext { right: 15%; }



.good-right a { padding-right: 0; }







.zproducttext{



  padding: 40px 45px;



}  







}







@media (min-width: 1440px) { .zpccontact img { display: block; }



.zphonecontact { display: none; }



.zsurportmapcont { display: block; }



.zsurportmapimg { display: none; }



.zcontactusmap { width: 1448px; }



.zpccontact { display: block; }



.zcompanyfloat { width: 510px; padding: 26px; position: absolute; left: -166px; top: 36px; display: none; background: #fff; border: 1px solid #e4e4e4; border: none; text-align: left; }



.closecitycont { display: block; width: 20px; height: 20px; background: url(../webimages/zimg02.png) no-repeat; position: absolute; right: 15px; top: 12px; background-position: -67px -18px; -o-background-size: 258px; background-size: 258px; }



.zcompanyicon { display: block; width: 22px; height: 15px; position: absolute; background: url(../webimages/zimg40.png) no-repeat; left: 205px; top: -15px; }



.zcompanyfloat1 { top: 350px; left: 1px; }



.zcompanyfloat2 { top: 375px; left: 15px; }



.zcompanyfloat3 { top: 348px; left: 839px; }



.zcompanyfloat4 { top: 315px; left: 887px; }



.zcompanyfloat5 { top: 333px; left: 887px; }



.zcompanyfloat6 { top: 351px; left: 887px; }



.zcompanyfloat7 { top: 389px; left: 887px; }



.zcompanyfloat8 { top: 389px; left: 887px; }



.zcompanyfloat4 .zcompanyicon { left: 256px; }



.zcompanyfloat5 .zcompanyicon { left: 292px; }



.zcompanyfloat6 .zcompanyicon { left: 259px; }



.zcompanyfloat7 .zcompanyicon { left: 233px; }



.zcompanyfloat8 .zcompanyicon { left: 260px; }



.ipadbigshow { display: none; }



.zcompanyfloat .wqptran{ width: 100%; }



/*-------- 2018-1-9 --------*/



.zdsznsuotext { left: 232px; }



.zdsznsuotext h4 { font-size: 36px; line-height: 43px; } }







@media (min-width: 1602px) { .showpagenav { width: 97px; }



.wwiotposfixe { position: relative; }



.wwIottextbox { padding: 17% 0; }



/*20170809*/



.environment-list { overflow: visible; }



.work-button-prev { left: 0; }



.work-button-next { right: -62px; } }







@media (max-width: 319px) { body { width: 320px; } }







/*20161227 begin*/



.fwb { font-weight: bold; }







.nqhicon1 { padding-left: 23px; background: url(../webimages/nqhicon_01.png) no-repeat left center; }







.insidestockT { margin-top: 46px; }







.insidestockTTleft { background: #015198; height: 54px; line-height: 20px; font-size: 14px; text-align: center; padding-top: 7px; color: #fff; }







.insidestockTTright { background: #f2f2f2; line-height: 54px; height: 54px; color: #015198; font-size: 14px; }







.insidestockTB { position: relative; background-color: #f2f2f2; text-align: center; min-height: 100px; }







.insidestockTBleft { min-height: 100px; }







.stocksbox1 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); float: none; }







.stocksbox1 .number1 { font-weight: bold; font-size: 30px; color: #b1020c; line-height: 31px; }







.stocksbox1 .number1 .icon1 { display: inline-block; width: 25px; height: 31px; background: url(../webimages/nqhicon_02.png) no-repeat center center; vertical-align: -2px; margin-left: 5px; }







.stocksbox1.cur .number1 .icon2 { background: url(../webimages/nqhicon_03.png) no-repeat center center; }







.stocksbox1.cur .number1, .stocksbox1.cur .number2 { color: #018000; }







.stocksbox1 .number2 { font-size: 15px; color: #b1020c; line-height: 28px; padding: 0 20%; }







.stocksbox1 .number2 > span { padding: 0 5px; }







.stocksbox1 .time { font-size: 13px; margin-left: -10px; margin-right: -10px; }







.insidestockTBright { min-height: 100px; background-color: #f7f7f7; padding-top: 20px; padding-bottom: 20px; font-size: 14px; text-align: left; }







.stocklumpM { background-color: #f7f7f7; padding-bottom: 30px; }







.stocklump2 { height: 45px; line-height: 43px; border: 1px solid #ededed; background-color: #ededed; margin-top: 22px; }







.stocklump2 a { float: left; padding: 0 13px; height: 43px; }







.stocklump2 a.cur, .stocklump2 a:hover { background-color: #fff; color: #00a0e9; }







.stocklump3 { line-height: 40px; background-color: #ededed; margin-top: 19px; font-size: 14px; padding: 0 3%; }







.stocklump3 .num { margin-left: 16px; color: #b1020c; }







.stocklump3 .time { color: #b1020c; }







.stocklump4 { margin-top: 40px; }







.stocklump4 img { max-width: 100%; }







.wqpTextTop { float: right; padding-right: 8px; color: #004ea2; font-size: 12px; margin-top: 22px; }







.zlanguage { margin-right: 0; font-size: 12px; margin-top: 19px; }







.zlanguage a { color: #004ea2; font-size: 16px; }







.zlanguage a img { display: inline-block; vertical-align: bottom; margin-left: 10px; }







.phonesearchtbn { margin-top: 17px; margin-left: 10px; }







/*20170615*/



.videolist { position: relative; margin-top: 30px; margin-bottom: 30px; max-width: 1160px; }







.videolist img { display: block; width: 100%; }







.videolist .playbtn { width: 52px; height: 52px; display: block; background: url(../webimages/icon27.png) 0 0 no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); cursor: pointer; -o-background-size: 100%; background-size: 100%; }







.videobox { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; display: none; background: #000; cursor: pointer; }







.videolistcon.cur { opacity: 0; }







@media (min-width: 767px) { .insidestockTTright { padding: 0 2%; }



.zlogo img { height: 40px; }



.zsearchcontshow { margin-top: 2.5%; }



.wqpTextTop { font-size: 15px; padding-right: 20px; }



.zlanguage { margin: 13px 12px 0 0; font-size: 14px; }



.wqpTextTop { margin-top: 2.9%; }



.zlanguage { margin-top: 2.4%; }



.wqpTextTop { margin-top: 34px; }



.zlanguage { margin-top: 33.5px; }



.zsearchcontshow { margin-top: 26px; margin-left: 10px; } }







/*ipad横版区域*/



@media (min-width: 991px) { .zlogo img { height: 55px; }



.wqpTextTop { margin-top: 40px; }



.zlanguage { margin-top: 39px; }



.zsearchcontshow { margin-top: 31px; margin-left: 10px; }



.videolist { margin-top: 30px; margin-bottom: 50px; }



.videolist .playbtn { width: 88px; height: 88px; } }







@media (min-width: 1023px) { .insidestock { margin-left: -10px; margin-right: -10px; }



.insidestock { padding: 0 3%; } }







@media (min-width: 1400px) { .showpagenav img { height: 100px; }



.zlogo { height: 100px; }



.wqpTextTop { margin-top: 56px; }



.zlanguage { margin-top: 52px; }



.zsearchcontshow { margin: 49px 20px 0; }



.good-right { padding-top: 56px; } }







/*20161227 end*/



/**20170330*/



.wdisplaywraper { position: relative; z-index: 12; }







.wdisplaycon { position: relative; top: 20px; left: 0; color: #333; font-size: 16px; width: 100%; }







.wdisplaycon .title { font-size: 20px; font-weight: 500; text-align: center; margin-bottom: 10px; }







.wdisplaycon .text { font-size: 16px; text-align: center; font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px; }







.lineheight { line-height: 26px; }







.wqpdisplaytwo { padding: 80px 0 0; }







.wqpdisplaytwo dl dt { width: 100%; padding: 0 20px; }







.wqpdisplaytwo dl dt img { display: block; max-width: 100%; margin: 0 auto; }







.wqpdisplaytwo dl dd { width: 100%; font-size: 16px; color: #3d3d3d; position: relative; padding-left: 20px; }







.pb10 { padding-bottom: 10px; color: #3d3d3d; }







.paboutfix { position: relative; margin-top: 2%; }







@media (min-width: 767px) { /**20170330*/



.wdisplaycon { position: absolute; top: 12%; left: 4%; color: #fff; width: 50%; }



.lineheight { line-height: 26px; } }







/*ipad横版区域*/



@media (min-width: 991px) { .wdisplaycon { position: absolute; top: 12%; left: 5%; color: #fff; font-size: 18px; }



.wdisplaycon .title { font-size: 24px; margin-bottom: 15px; }



.wdisplaycon .text { font-size: 18px; margin-bottom: 30px; }



.lineheight { line-height: 35px; }



.wqpdisplaytwo { padding: 40px 0 0; }



.wqpdisplaytwo dl dt { float: left; width: 48%; }



.wqpdisplaytwo dl dt img { display: block; max-width: 100%; margin: 0 auto; }



.wqpdisplaytwo dl dd { width: 50%; float: left; font-size: 18px; color: #3d3d3d; position: absolute; padding: 0 0 0 10%; right: 0; top: 0; height: 100%; }



.wqpdisplaytwo dl dd .paboutfix { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }



.pb10 { padding-bottom: 20px; color: #3d3d3d; }



.wdisplaycon { width: 43%; } }







@media (min-width: 1440px) { .wdisplaywraper { position: relative; z-index: 12; }



.wdisplaycon { position: absolute; top: 12%; left: 3%; color: #fff; font-size: 18px; width: 37.5%; }



.wdisplaycon .title { font-size: 24px; margin-bottom: 15px; }



.wdisplaycon .text { font-size: 18px; margin-bottom: 30px; }



.lineheight { line-height: 35px; }



.wqpdisplaytwo { padding: 40px 0 0; }



.wqpdisplaytwo dl dt { float: left; width: 50%; }



.wqpdisplaytwo dl dt img { display: block; width: 100%; }



.wqpdisplaytwo dl dd { font-size: 18px; }



.pb10 { padding-bottom: 20px; }



.wwinnavlist a { padding: 22px 2.4%; font-size: 16px} }







/*20171130*/



.brbottom { border-bottom: 1px solid #E2E1E1; background: #fff; }







.newsreturn { padding: 10px 8%; background: #C60017; color: #fff; font-size: 16px; display: inline-block; }







.newsreturn:hover { color: #fff; }







.newscommonweb { max-width: 1200px; margin: 0 auto; padding: 0 15px; }







.news-list { padding-top: 30px; padding-bottom: 30px; }







.news-list ul { margin: 0 -17px; padding-bottom: 10px; }







.news-list ul li { float: left; padding: 0 17px 20px; }







.news-list ul li a { display: block; border: 1px solid #D9D9D9; }







.news-list ul li a img { display: block; width: 100%; }







.news-list ul li .w-newscon { background: #fff; padding: 20px; }







.news-list ul li .datenews-times { display: inline-block; padding: 8px 10px; background: #C60017; font-size: 13px; color: #fff; position: relative; }







.news-list ul li .datenews-times:after { position: absolute; width: 7px; height: 7px; content: ""; background: url(../webimages/newinco01.png) 0 0 no-repeat; bottom: -6px; left: 0; }







.news-list ul li .wnews-title { margin-top: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; font-size: 15px; line-height: 28px; max-height: 140px; }







body.graybg { background: #F2F2F2; }







/*新闻发布室*/



.news-timesbox { background: #F7F7F7; padding: 20px 15px; }







.news-timesbox .select-box { background: url(../webimages/newinco02.png) right 20px center no-repeat, #fff; max-width: 450px; margin: 0 auto; height: 40px; color: #666; padding-left: 24px; position: relative; cursor: pointer; }







.news-timesbox .select-box h4 { width: 100%; height: 40px; background: none; line-height: 40px; font-size: 16px; }







.news-timesbox ul { position: absolute; top: 40px; left: 0; width: 100%; background: #F2F2F2; padding: 5px 0; display: none; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); }







.news-timesbox ul li { padding: 5px 10px; }







.news-timesbox ul li a { display: block; }







.news-timesbox ul li:hover { background: #C60017; }







.news-timesbox ul li:hover a { color: #fff; }







.wqp-newstop { margin-top: 0; }







.right-banner { position: relative; overflow: hidden; margin: 20px 0 10px; }







.right-banner ul li img { display: block; width: 100%; }







.right-banner ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }







.right-banner ul li { position: relative; width: 100%; }







.right-banner ul li > a{ display: block;width: 100%;overflow: hidden; position: relative;}







.right-banner ul li > a:before{ content: '';display: block;width: 100%;padding-bottom: 75%; }







.right-banner ul li > a img{ position: absolute;top:0; left: 0;}







.bannerindeo { text-align: center; position: absolute; left: auto; bottom: 150px; width: 100%; z-index: 1; }







.bannerindeo span { width: 10px; height: 10px; display: inline-block; margin: 0 2px; background: #fff; cursor: pointer; -webkit-border-radius: 100%; border-radius: 100%; }







.bannerindeo span.cur, .bannerindeo span.swiper-pagination-bullet-active { background-color: #C60017; }







.right-newcon { padding: 5px 0 15px; background: url(../webimages/zimg51.jpg) no-repeat left bottom; -o-background-size: 100%; background-size: 100%; }







.right-newcon .datetime { font-family: arial; font-size: 18px; color: #999; }







.right-newcon .wbanner-title { font-size: 16px; font-weight: bold; color: #666666; line-height: 28px; margin: 10px 0; min-height: 56px; height: 112px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; }







.right-newcon .list-more { text-align: right; }







.right-newcon .list-more a { color: #c8000a; font-size: 16px; font-weight: bold; }







.hot-tag { padding: 20px 0 10px; }







.hot-tag h3 { color: #0050a7; }







.tag-nav { padding-top: 15px; }







.tag-nav a { font-size: 16px; padding: 5px 20px 12px 0; color: #666666; display: inline-block; }







.tag-nav a:nth-of-type(2), .tag-nav a:nth-of-type(11), .tag-nav a:nth-of-type(2) { font-size: 26px; }







.tag-nav a:nth-of-type(3), .tag-nav a:nth-of-type(4), .tag-nav a:nth-of-type(6), .tag-nav a:nth-of-type(10), .tag-nav a:nth-of-type(13), .tag-nav a:nth-of-type(15) { font-size: 20px; }







.tag-nav a:nth-of-type(8) { font-size: 24px; }







.newswidth-left { padding-top: 0; }







.wqp-newstop { margin-top: 20px; }







.tag-nav a:hover { color: #C60017; }







.num-boxlist { max-width: 1340px; margin: 0 auto; padding-top: 25px; padding-bottom: 0; }







.num-boxlist ul li { width: 50%; float: left; text-align: center; position: relative; font-size: 16px; color: #666; margin-bottom: 20px; }







.num-boxlist ul li img { display: block; margin: 0 auto; margin-bottom: 20px; height: 120px; }







.num-boxlist ul li .colortext { font-weight: bold; color: #c8000a; font-size: 14px; position: absolute; width: 100%; text-align: center; }







.num-boxlist ul li .colortext span { font-size: 22px; }







.num-boxlist ul li .Keydataone { top: 11px; }







.num-boxlist ul li .Keydatatwo { top: 46px; }







.num-boxlist ul li .Keydatathree { top: 30px; }







.num-boxlist ul li .Keydatafour { top: 52px; }







/*-------- 2018-1-9 --------*/



.zdsznsuotop { width: 100%; position: relative; overflow: hidden; }







.zdsznsuotop img { display: block; width: 100%; }







.zdsznsuotext { font-size: 16px; line-height: 35px; padding: 20px 3%; }







.zdsznsuotext h4 { font-size: 18px; line-height: 25px; font-weight: bold; margin-bottom: 15px; }







.zdsznsuotextlist { padding: 40px 0; background-image: url(../webimages/zdsaddimg02.jpg); -o-background-size: cover; background-size: cover; background-repeat: no-repeat; color: #ffffff; font-size: 15px; }







.zdsznsuotextlist li { text-align: center; padding-bottom: 30px; float: left; width: 50%; padding: 0 10px 30px; }







.zdsznsuotextlist li:nth-of-type(2n+1) { clear: left; }







.zdsznsuotextlist li h3 { font-size: 16px; font-weight: bold; padding: 20px 0 10px; line-height: 30px; }







.zdsznsuotextlist li img { display: block; margin: 0 auto; height: 60px; }







.renjinotebcimg { width: 100%; position: relative; overflow: hidden; }







.renjinotebcimg img { display: block; width: 100%; }







.renjinotebctext { padding: 3%; line-height: 26px; font-size: 15px; color: #333333; }







.renjinotebctext h3 { font-size: 18px; line-height: 35px; font-weight: bold; }







.renjinotelistcont ul li { padding: 0; overflow: hidden; position: relative; width: 100%; }







.renjinotelistcont ul li img { display: block; width: 100%; }







.renjinnotelisttext { color: #333333; font-size: 15px; line-height: 28px; padding: 3%; }







.renjinnotelisttext h3 { font-size: 18px; margin-bottom: 10px; }







.renjinotelistimg { position: relative; }







.animatecycle { width: 28px; height: 28px; position: absolute; left: 34%; bottom: 24%; }







.animatecycle2 { left: 29%; bottom: 30%; }







@-moz-keyframes warn { 0% { -moz-transform: scale(0); transform: scale(0);



  -webkit-transform: scale(0);



  opacity: 0.0; }



25% { -moz-transform: scale(0); transform: scale(0);



  -webkit-transform: scale(0);



  opacity: 0.1; }



50% { -moz-transform: scale(0.1); transform: scale(0.1);



  -webkit-transform: scale(0.1);



  opacity: 0.3; }



75% { -moz-transform: scale(0.5); transform: scale(0.5);



  -webkit-transform: scale(0.5);



  opacity: 0.5; }



100% { -moz-transform: scale(1); transform: scale(1);



  -webkit-transform: scale(1);



  opacity: 0.0; } }







@-o-keyframes warn { 0% { -o-transform: scale(0); transform: scale(0);



  -webkit-transform: scale(0);



  opacity: 0.0; }



25% { -o-transform: scale(0); transform: scale(0);



  -webkit-transform: scale(0);



  opacity: 0.1; }



50% { -o-transform: scale(0.1); transform: scale(0.1);



  -webkit-transform: scale(0.1);



  opacity: 0.3; }



75% { -o-transform: scale(0.5); transform: scale(0.5);



  -webkit-transform: scale(0.5);



  opacity: 0.5; }



100% { -o-transform: scale(1); transform: scale(1);



  -webkit-transform: scale(1);



  opacity: 0.0; } }







@keyframes warn { 0% { -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0);



  -webkit-transform: scale(0);



  opacity: 0.0; }



25% { -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0);



  -webkit-transform: scale(0);



  opacity: 0.1; }



50% { -moz-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1);



  -webkit-transform: scale(0.1);



  opacity: 0.3; }



75% { -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5);



  -webkit-transform: scale(0.5);



  opacity: 0.5; }



100% { -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);



  -webkit-transform: scale(1);



  opacity: 0.0; } }







@-webkit-keyframes warn { 0% { transform: scale(0);



  -webkit-transform: scale(0);



  opacity: 0.0; }



25% { transform: scale(0);



  -webkit-transform: scale(0);



  opacity: 0.1; }



50% { transform: scale(0.1);



  -webkit-transform: scale(0.1);



  opacity: 0.3; }



75% { transform: scale(0.5);



  -webkit-transform: scale(0.5);



  opacity: 0.5; }



100% { transform: scale(1);



  -webkit-transform: scale(1);



  opacity: 0.0; } }







.dot { position: absolute; width: 11px; height: 11px; left: 50%; top: 50%; margin: -5px 0 0 -5px; -webkit-border-radius: 50%; border-radius: 50%; z-index: 2; background-color: #4178be; }







.pulse { position: absolute; width: 28px; height: 28px; left: 0px; top: 0px; -webkit-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 1; -webkit-animation: warn 2s ease-out; -moz-animation: warn 2s ease-out; -o-animation: warn 2s ease-out; animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #4178be; }







.renjinotefloat { padding: 0 3% 3%; display: block; }







.renjinotefloattext { color: #333333; font-size: 15px; margin: 0 auto; line-height: 26px; }







.zdsxggaibancont { width: 100%; position: relative; overflow: hidden; }







.zdsxggaibancont img { display: block; width: 100%; }







.zdsxggaibantext { color: #333333; font-size: 15px; line-height: 32px; padding: 3%; }







/*20180130*/



.nwcbg { background: url(../webimages/2018news02.jpg) center 0 no-repeat; -o-background-size: 100% auto; background-size: 100% auto; }







.nwcbgweb { max-width: 1412px; margin: 0 auto; padding: 0 15px; }







.nwc-onelist { padding-top: 30px; }







.nwctitle { font-size: 24px; line-height: 38px; color: #0068b7; text-align: center; margin-bottom: 10px; }







.NB-IoT { padding-top: 10px; }







.nbiot-img { position: relative; }







.nbiot-img img { display: block; width: 100%; }







.nbiot-con { padding-top: 20px; color: #333; font-size: 16px; line-height: 30px; }







.nbiot-con .nbleft { float: left; padding-right: 8%; max-width: 540px; }







.scheme-list ul { margin: 0 -10px; }







.scheme-list ul li { padding: 10px; }







.scheme-list ul li img { display: block; width: 100%; }







.list-wraper { position: relative; }







.Fingerprint-con { font-size: 14px; line-height: 26px; color: #333; padding-top: 20px; }







.Fingerprint-con .fin-title { font-size: 20px; line-height: 30px; margin-bottom: 10px; }







.finabsolute-con { width: 100%; font-size: 14px; color: #333; }







.con-center { position: relative; max-width: 540px; line-height: 26px; }







.finnews-list { padding: 20px 0; }







.zeventreportleft { overflow: hidden; }







.zeventreportleft ul { margin: 0; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }







.zeventreportleft ul li { float: left; padding: 0; position: relative; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; display: -ms-flexbox; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; }







.wqpnews-special ul li { background: url(../webimages/2018news11.jpg) no-repeat left center; }







.wqpnews-special ul li span { float: left; padding-right: 10px; }







.wqpnews-special ul li a { color: #000; }







.finnews-box .zeventreportbtn { padding: 0 10px; height: 18px; background: #c1272d; -webkit-border-radius: 10px; border-radius: 10px; bottom: 20px; position: absolute; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); }







.finnews-box .zeventreportbtn span { width: 10px; height: 10px; margin: 0 6px; background: #fff; opacity: .5; display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: 3px; }







.finnews-box .zeventreportbtn span.swiper-pagination-bullet-active { opacity: 1; }







.pt55 { padding-top: 30px; }







.newsproduct { position: relative; padding: 35px 3%; }







.newsproduct dt { text-align: center; padding: 30px 3% 0; }







.newsproduct dt img { display: inline-block; max-width: 100%; }







.newsproduct dd { font-size: 16px; font-size: 16px; line-height: 30px; }







@media (min-width: 768px) { .newswidth-left { padding-top: 48px; padding-right: 0; }



.num-boxlist ul li { width: 25%; }



/*------ 2018-1-9 ------*/



.renjinotebctext { width: 100%; position: absolute; left: 50%; top: 20%; padding: 0 3%; line-height: 32px; text-align: center; color: #ffffff; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }



.renjinotebctext h3 { font-size: 28px; margin-bottom: 25px; }



.renjinnotelisttext { font-size: 16px; position: absolute; left: 3%; top: 3%; }



.animatecycle { position: absolute; left: 36%; bottom: 28%; }



.animatecycle2 { left: 30%; bottom: 33%; }



.renjinotefloat { padding-top: 3%; }



.renjinotelistcont ul li { width: 50%; float: left; }



.renjinotelistcont ul li:nth-of-type(2n+1) { clear: left; }



.wqpinotel-list ul li:nth-child(n+3) { width: 33.3%; }



.wqpinotel-list ul li:nth-of-type(2n+1) { clear: none; }



/*20180130*/



.nbiot-con .nbleft { width: 50%; }



.scheme-list ul li { padding: 10px; float: left; width: 50%; }



.nwclist ul li:nth-of-type(1) { width: 100%; }



.nwcbgweb { padding: 0 4%; }



.scheme-list ul li:nth-of-type(3n+1) { clear: left; }



.newsproduct { position: relative; padding: 40px 0; }



.newsproduct dt { float: left; width: 50%; padding: 0 0 0 10%; }



.newsproduct dd { float: right; width: 50%; position: absolute; right: 0; font-size: 16px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; line-height: 40px; padding-left: 8%; padding-top: 0; } 







.news-list ul li .wnews-title{ height: 140px; max-height:140px; -webkit-line-clamp:5;font-size: 17px; }



  



}







@media (min-width: 991px) { /*-------- 2018-1-9 --------*/



.zdsznsuotext { position: absolute; top: 0; left: 0; font-size: 18px; width: 560px; line-height: 35px; left: 100px; left: 5%; top: 40%; padding: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }



.zdsznsuotext h4 { font-size: 26px; line-height: 32px; }



.zdsznsuotextlist { font-size: 18px; padding: 100px 0; }



.zdsznsuotextlist li { width: 25%; }



.zdsznsuotextlist li:nth-of-type(2n+1) { clear: none; }



.renjinotebctext { width: 898px; font-size: 18px; }



.renjinotebctext h3 { font-size: 36px; line-height: 35px; }



.renjinnotelisttext { width: 80%; }



.renjinnotelisttext h3 { font-size: 24px; }



.zdsxggaibantext { color: #ffffff; font-size: 15px; line-height: 32px; position: absolute; padding: 0; width: 422px; right: 3%; top: 40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }



/*20180130*/



.nwc-onelist { padding-top: 35px; }



.nwctitle { font-size: 30px; line-height: 30px; margin-bottom: 25px; }



.NB-IoT { padding-top: 14px; }



.nbiot-con { position: absolute; left: 0; top: 8%; padding-left: 8%; width: 100%; color: #fff; font-size: 16px; line-height: 30px; }



.nbiot-con .nbleft { padding-right: 8%; max-width: 540px; } }







@media (min-width: 1024px) { .newscommonweb { padding-right: 30px; padding-left: 30px; }



/*最新资讯*/



.newsreturn { padding: 22px 8%; }



.news-list { padding-top: 48px; padding-bottom: 30px; }



.news-list ul { padding-bottom: 20px; }



.news-list ul li { padding: 0 17px 34px; }



.news-list ul li a { display: block; position: relative; }



.news-list ul li a .zoom { overflow: hidden; }



.news-list ul li a img { transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }



.news-list ul li a:hover img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); }



.news-list ul li .w-newscon { padding: 20px; }



/*.news-list ul li .wnews-title { margin-top: 22px; font-size: 18px; line-height: 30px; height: 90px; }*/



.news-list ul li a:after { content: ""; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; background: #C60017; opacity: 0; }



.news-list ul li a:hover { -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); }



.news-list ul li a:hover:after { opacity: 1; }



/*新闻发布室*/



.news-timesbox { padding: 20px 15px; margin-bottom: 20px; }



.news-timesbox .select-box { height: 50px; }



.news-timesbox .select-box h4 { height: 50px; line-height: 50px; }



.news-timesbox ul { top: 50px; }



.wqp-newstop { margin-top: 0; }



.right-banner { margin: 20px 0 0; }



.right-banner ul li img { display: block; width: 100%; }



.bannerindeo { bottom: 165px; }



.right-newcon { padding: 20px 0 15px; }



.right-newcon .datetime { font-size: 18px; }



.right-newcon .wbanner-title { font-size: 18px; line-height: 28px; margin: 10px 0; }



.hot-tag { padding: 40px 0 20px; }



.tag-nav { padding-top: 15px; }



.tag-nav a { font-size: 18px; padding: 10px 36px 12px 0; }



.tag-nav a:nth-of-type(2), .tag-nav a:nth-of-type(11), .tag-nav a:nth-of-type(2) { font-size: 30px; }



.tag-nav a:nth-of-type(3), .tag-nav a:nth-of-type(4), .tag-nav a:nth-of-type(6), .tag-nav a:nth-of-type(10), .tag-nav a:nth-of-type(13), .tag-nav a:nth-of-type(15) { font-size: 24px; }



.tag-nav a:nth-of-type(8) { font-size: 28px; }



.newswidth-left { width: 66%; float: left; padding-right: 6%; }



.wqp-newstop { width: 34%; float: left; }



.num-boxlist { padding-top: 25px; padding-bottom: 80px; }



.num-boxlist ul li { font-size: 16px; }



.num-boxlist ul li img { margin-bottom: 20px; height: 222px; }



.num-boxlist ul li .colortext { font-size: 24px; }



.num-boxlist ul li .colortext span { font-size: 36px; }



.num-boxlist ul li .Keydataone { top: 40px; }



.num-boxlist ul li .Keydatatwo { top: 93px; }



.num-boxlist ul li .Keydatathree { top: 66px; }



.num-boxlist ul li .Keydatafour { top: 109px; }



.num-boxlist ul li sub { font-size: 16px; }



/*-------- 2018-1-9 --------*/



.renjinotefloat { width: 100%; height: 100%; padding-top: 3%; background: -webkit-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); z-index: 20; background: -o-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); background: -moz- oldradial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); background: radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); position: absolute; left: 0; top: 0; opacity: 0; -moz-transition: all ease-in .3s; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; -ms-transition: all ease-in .3s; }



.renjinotefloattext { max-width: 535px; color: #ffffff; font-size: 18px; margin: 0 auto; line-height: 32px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }



.renjinotelistcont ul li:hover .renjinotefloat { opacity: 1; }



/*20180130*/



.scheme-list ul li { float: left; width: 49.999%; }



.Fingerprint-con { position: absolute; left: 0; top: 0; color: #fff; font-size: 14px; line-height: 24px; padding: 5%; }



.nwclist ul li:nth-of-type(1) { width: 50%; }



.nwclist ul li:nth-of-type(1) .Fingerprint-con { top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); }



.finabsolute-con { width: 100%; position: absolute; height: 100%; top: 0; left: 0; padding-top: 3%; background: -webkit-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); z-index: 20; background: -o-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); background: -moz- oldradial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); background: radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); -moz-transition: all ease-in .3s; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; -ms-transition: all ease-in .3s; color: #fff; opacity: 0; }



.con-center { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width: 600px; margin: 0 auto; padding: 0 3%; line-height: 24px; font-size: 14px; }



.scheme-list ul li:hover .finabsolute-con { opacity: 1; }



.bottom-title { bottom: 0; top: auto; padding-bottom: 10px; }



.finnews-list { padding: 25px 0 20px; }



.fin-exhibition { padding: 0 8% !important; }



.pt55 { padding-top: 55px; }



.newsproduct { position: relative; padding: 40px 10px; } }







@media (min-width: 1239px) { /*--------  2018-1-9--------*/



.renjinnotelisttext { max-width: 695px; }



.renjinnotelisttext2 { width: 90%; }



.zdsxggaibantext { width: 566px; font-size: 20px; right: 3%; line-height: 36px; } }







@media (min-width: 1300px) { .newscommonweb { padding-right: 0; padding-left: 0; }



.zdsznsuotextlist li h3 { font-size: 28px; padding: 60px 0 15px; }



.zdsznsuotextlist li img { height: auto; } }







@media (min-width: 1366px) { /*20180130*/



.nwctitle { font-size: 30px; line-height: 48px; margin-bottom: 15px; }



.nbiot-con { padding-left: 18%; width: 100%; font-size: 16px; line-height: 28px; }



.Fingerprint-con { font-size: 16px; line-height: 30px; }



.Fingerprint-con .fin-title { font-size: 24px; line-height: 30px; margin-bottom: 20px; }



.con-center { font-size: 16px; line-height: 34px; } }







@media (min-width: 1420px) { /*-------- 2018-1-9 --------*/



.zdsxggaibantext { right: 15%; }



.nwcbgweb { padding: 0; } }







/*20180627*/



.wwinnav { background: #fff; border-bottom: 1px solid #e2e1e1; }







.newhot-tag { margin-top: 30px; padding: 20px 30px; background: #fff; }







.new-search { position: relative; }







.new-search .hotnews-text { height: 40px; line-height: 40px; border: 1px solid #D9D9D9; width: 100%; padding-right: 52px; font-size: 14px; text-indent: 10px; }







.hotnews-text::-webkit-input-placeholder { color: #999; }







.hotnews-text:-moz-placeholder { color: #999; }







.hotnews-text::-moz-placeholder { color: #999; }







.hotnews-text:-ms-input-placeholder { color: #999; }







.hotnews-button { position: absolute; right: 0; top: 0; width: 50px; height: 40px; background: #c80009 url(../webimages/toolsses-icon.png) center center no-repeat; cursor: pointer; -o-background-size: auto auto; background-size: auto auto; }







.hot-tabnav { font-size: 14px; padding: 14px 0 0 0; position: relative; }







.hot-tabnav span { font-weight: bold; color: #0050a7; position: absolute; top: 14px; left: 0; }







.tag-box { display: inline-block; padding-left: 70px; }







.tag-box a { padding: 0 10px 2px 0; color: #666666; display: inline-block; }







.tag-box a:nth-child(1) { padding-left: 0; }







.tag-box a.cur, .tag-box a:hover { color: #0050a7; }







.default { cursor: default; }







.default .mewsmore { visibility: hidden; }







.hot-tag { display: none; }







.mewsmore { text-align: right; color: #C60017; }







/*20180716*/



.air-preaching { background: url(../webimages/nowimg01.jpg) center 0 no-repeat; -o-background-size: cover; background-size: cover; }







.airwrap { padding-top: 35px; padding-bottom: 50px; }







.air-title { font-size: 22px; line-height: 30px; text-align: center; font-weight: bold; margin-bottom: 25px; }







.air-preaching .videolist { max-width: 1024px; margin: 0 auto; position: relative; }







.videobox { height: 100%; }







.air-preaching .videolist .playbtn { background: url(../webimages/nowplay.png) 0 0 no-repeat; -o-background-size: cover; background-size: cover; }







.campus-process { padding-top: 38px; padding-bottom: 30px; background: #F2F2F2; }







.process-box { text-align: center; font-size: 16px; color: #1a1a1a; width: 81%; margin: 0 auto; }







.camprocess-wrap { position: relative; left: -10px; max-width: 1366px; margin: 0 auto; }







.process-box img { display: block; max-width: 100%; margin: 0 auto; }







.camprocess-item li { padding-bottom: 10px; }







.camprocess-item li:after { width: 27px; height: 27px; background: url(../webimages/nowicon09.png) center 0 no-repeat; margin-top: -12px; right: -14px; -o-background-size: auto 20px; background-size: auto 20px; }







.interview-wrap { max-width: 1366px; margin: 0 auto; }







.interview-ment { padding: 45px 0 30px; background: url(../webimages/nowimg03.jpg) center 0 no-repeat; -o-background-size: cover; background-size: cover; }







.interview-ment .air-title { color: #fff; }







.interview-table { max-width: 388px; width: 100%; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; margin: 0 auto; }







.interview-table .view-top { padding: 0 25px; font-size: 0; line-height: 0; }







.interview-table .view-top span, .interview-table .view-top a { font-size: 16px; width: 50%; display: inline-block; line-height: 42px; color: #333333; border-bottom: 1px solid #cccccc; overflow: hidden; }







.interview-table .viewtitle { background: #C8020C; }







.interview-table .viewtitle span { height: 55px; line-height: 55px; font-size: 18px; color: #fff; }







.spantwo { padding-left: 25px; }







.interview-map { text-align: center; padding-top: 20px; }







.interview-map img { max-width: 100%; }







@media (min-width: 768px) { .newswidth-left { padding-top: 48px; padding-right: 0; }



.num-boxlist ul li { width: 25%; }



/*------ 2018-1-9 ------*/



.renjinotebctext { width: 100%; position: absolute; left: 50%; top: 20%; padding: 0 3%; line-height: 32px; text-align: center; color: #ffffff; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }



.renjinotebctext h3 { font-size: 28px; margin-bottom: 25px; }



.renjinnotelisttext { font-size: 16px; position: absolute; left: 3%; top: 3%; }



.animatecycle { position: absolute; left: 36%; bottom: 28%; }



.animatecycle2 { left: 30%; bottom: 33%; }



.renjinotefloat { padding-top: 3%; }



.renjinotelistcont ul li { width: 50%; float: left; }



.renjinotelistcont ul li:nth-of-type(2n+1) { clear: left; }



.wqpinotel-list ul li:nth-child(n+3) { width: 33.3%; }



.wqpinotel-list ul li:nth-of-type(2n+1) { clear: none; }



/*20180130*/



.nbiot-con .nbleft { width: 50%; }



.scheme-list ul li { padding: 10px; float: left; width: 50%; }



.nwclist ul li:nth-of-type(1) { width: 100%; }



.nwcbgweb { padding: 0 4%; }



.scheme-list ul li:nth-of-type(3n+1) { clear: left; }



.newsproduct { position: relative; padding: 40px 0; }



.newsproduct dt { float: left; width: 50%; padding: 0 0 0 10%; }



.newsproduct dd { float: right; width: 50%; position: absolute; right: 0; font-size: 16px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; line-height: 40px; padding-left: 8%; padding-top: 0; }



.news-list ul li:nth-child(2n+1) { clear: left; } }







@media (min-width: 991px) { /*-------- 2018-1-9 --------*/



.zdsznsuotext { position: absolute; top: 0; left: 0; font-size: 18px; width: 560px; line-height: 35px; left: 100px; left: 5%; top: 40%; padding: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }



.zdsznsuotext h4 { font-size: 26px; line-height: 32px; }



.zdsznsuotextlist { font-size: 18px; padding: 100px 0; }



.zdsznsuotextlist li { width: 25%; }



.zdsznsuotextlist li:nth-of-type(2n+1) { clear: none; }



.renjinotebctext { width: 898px; font-size: 18px; }



.renjinotebctext h3 { font-size: 36px; line-height: 35px; }



.renjinnotelisttext { width: 80%; }



.renjinnotelisttext h3 { font-size: 24px; }



.zdsxggaibantext { color: #ffffff; font-size: 15px; line-height: 32px; position: absolute; padding: 0; width: 422px; right: 3%; top: 40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }



/*20180130*/



.nwc-onelist { padding-top: 35px; }



.nwctitle { font-size: 30px; line-height: 30px; margin-bottom: 25px; }



.NB-IoT { padding-top: 14px; }



.nbiot-con { position: absolute; left: 0; top: 8%; padding-left: 8%; width: 100%; color: #fff; font-size: 16px; line-height: 30px; }



.nbiot-con .nbleft { padding-right: 8%; max-width: 540px; }



.news-list ul li:nth-child(2n+1) { clear: none; }



.news-list ul li:nth-child(3n+1) { clear: left; } }







@media (min-width: 1024px) { .newscommonweb { padding-right: 30px; padding-left: 30px; }



/*最新资讯*/



.newsreturn { padding: 22px 8%; }



.news-list { padding-top: 48px; padding-bottom: 30px; }



.news-list ul { padding-bottom: 20px; }



.news-list ul li { padding: 0 17px 34px; }



.news-list ul li a { display: block; position: relative; }



.news-list ul li a .zoom { overflow: hidden; }



.news-list ul li a img { transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }



.news-list ul li a:hover img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); }



.news-list ul li .w-newscon { padding: 20px; }



/*.news-list ul li .wnews-title { margin-top: 22px; font-size: 18px; line-height: 30px; height: 90px; }*/



.news-list ul li a:after { content: ""; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; background: #C60017; opacity: 0; }



.news-list ul li a:hover { -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); }



.news-list ul li a:hover:after { opacity: 1; }



/*新闻发布室*/



.news-timesbox { padding: 20px 15px; margin-bottom: 20px; }



.news-timesbox .select-box { height: 50px; }



.news-timesbox .select-box h4 { height: 50px; line-height: 50px; }



.news-timesbox ul { top: 50px; }



.wqp-newstop { margin-top: 0; }



.right-banner { margin: 20px 0 0; }



.right-banner ul li img { display: block; width: 100%; }



.bannerindeo { bottom: 165px; }



.right-newcon { padding: 20px 0 15px; }



.right-newcon .datetime { font-size: 18px; }



.right-newcon .wbanner-title { font-size: 18px; line-height: 28px; margin: 10px 0; }



.hot-tag { padding: 40px 0 20px; }



.tag-nav { padding-top: 15px; }



.tag-nav a { font-size: 18px; padding: 10px 36px 12px 0; }



.tag-nav a:nth-of-type(2), .tag-nav a:nth-of-type(11), .tag-nav a:nth-of-type(2) { font-size: 30px; }



.tag-nav a:nth-of-type(3), .tag-nav a:nth-of-type(4), .tag-nav a:nth-of-type(6), .tag-nav a:nth-of-type(10), .tag-nav a:nth-of-type(13), .tag-nav a:nth-of-type(15) { font-size: 24px; }



.tag-nav a:nth-of-type(8) { font-size: 28px; }



.newswidth-left { width: 66%; float: left; padding-right: 6%; }



.wqp-newstop { width: 34%; float: left; }



.num-boxlist { padding-top: 25px; padding-bottom: 80px; }



.num-boxlist ul li { font-size: 16px; }



.num-boxlist ul li img { margin-bottom: 20px; height: 222px; }



.num-boxlist ul li .colortext { font-size: 24px; }



.num-boxlist ul li .colortext span { font-size: 36px; }



.num-boxlist ul li .Keydataone { top: 40px; }



.num-boxlist ul li .Keydatatwo { top: 93px; }



.num-boxlist ul li .Keydatathree { top: 66px; }



.num-boxlist ul li .Keydatafour { top: 109px; }



.num-boxlist ul li sub { font-size: 16px; }



/*-------- 2018-1-9 --------*/



.renjinotefloat { width: 100%; height: 100%; padding-top: 3%; background: -webkit-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); z-index: 20; background: -o-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); background: -moz- oldradial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); background: radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); position: absolute; left: 0; top: 0; opacity: 0; -moz-transition: all ease-in .3s; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; -ms-transition: all ease-in .3s; }



.renjinotefloattext { max-width: 535px; color: #ffffff; font-size: 18px; margin: 0 auto; line-height: 32px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }



.renjinotelistcont ul li:hover .renjinotefloat { opacity: 1; }



/*20180130*/



.scheme-list ul li { float: left; width: 49.999%; }



.Fingerprint-con { position: absolute; left: 0; top: 0; color: #fff; font-size: 14px; line-height: 24px; padding: 5%; }



.nwclist ul li:nth-of-type(1) { width: 50%; }



.nwclist ul li:nth-of-type(1) .Fingerprint-con { top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); }



.finabsolute-con { width: 100%; position: absolute; height: 100%; top: 0; left: 0; padding-top: 3%; background: -webkit-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); z-index: 20; background: -o-radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); background: -moz- oldradial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); background: radial-gradient(rgba(0, 183, 244, 0.95), rgba(65, 120, 190, 0.95)); -moz-transition: all ease-in .3s; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; -ms-transition: all ease-in .3s; color: #fff; opacity: 0; }



.con-center { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width: 600px; margin: 0 auto; padding: 0 3%; line-height: 24px; font-size: 14px; }



.scheme-list ul li:hover .finabsolute-con { opacity: 1; }



.bottom-title { bottom: 0; top: auto; padding-bottom: 10px; }



.finnews-list { padding: 25px 0 20px; }



.fin-exhibition { padding: 0 8% !important; }



.pt55 { padding-top: 55px; }



.newsproduct { position: relative; padding: 40px 10px; }



/*20180627*/



.newhot-tag { margin-top: 48px; }



.new-search { width: 100%; }



.new-search .hotnews-text { height: 50px; line-height: 50px; font-size: 16px; }



.hotnews-button { width: 50px; height: 50px; -o-background-size: auto auto; background-size: auto auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }



.hotnews-button:hover { background-color: #d5030d; }



.hot-tabnav { width: 63%; float: left; font-size: 16px; padding: 14px 0 0 18px; }



.hot-tabnav span { top: 14px; left: 18px; }



.tag-box { padding-left: 80px; }



.tag-box a { padding: 0 15px 2px 0; }



/*20180716*/



.airwrap { padding-top: 55px; padding-bottom: 100px; }



.air-title { font-size: 30px; line-height: 30px; margin-bottom: 55px; }



.camprocess-wrap { left: 0; padding-top: 30px; }



.campus-process { padding-top: 68px; padding-bottom: 130px; }



.camprocess-item li { padding-bottom: 0; margin-bottom: 0; }



.process-box { font-size: 18px; }



.process-box img { margin: 0 auto 10px; }



.interview-table { float: left; max-width: 388px; width: 40%; margin: 0 3% 0 7%; }



.interview-map { float: left; width: 50%; margin-top: -5%; } }







@media (min-width: 1239px) { /*--------  2018-1-9--------*/



.renjinnotelisttext { max-width: 695px; }



.renjinnotelisttext2 { width: 90%; }



.zdsxggaibantext { width: 566px; font-size: 20px; right: 3%; line-height: 36px; } }







@media (min-width: 1300px) { .newscommonweb { padding-right: 0; padding-left: 0; }



.zdsznsuotextlist li h3 { font-size: 28px; padding: 60px 0 15px; }



.zdsznsuotextlist li img { height: auto; }



/*20180627*/



.newhot-tag { padding: 20px 30px; } }







@media (min-width: 1366px) { /*20180130*/



.nwctitle { font-size: 30px; line-height: 48px; margin-bottom: 15px; }



.nbiot-con { padding-left: 18%; width: 100%; font-size: 16px; line-height: 28px; }



.Fingerprint-con { font-size: 16px; line-height: 30px; }



.Fingerprint-con .fin-title { font-size: 24px; line-height: 30px; margin-bottom: 20px; }



.con-center { font-size: 16px; line-height: 34px; }



.camprocess-item li:after { margin-top: -16px; -o-background-size: auto 27px; background-size: auto 27px; } }







@media (min-width: 1420px) { /*-------- 2018-1-9 --------*/



.zdsxggaibantext { right: 15%; }



.nwcbgweb { padding: 0; } }







@charset "UTF-8";



.show { display: block !important; }







.hide { display: none !important; }







body { padding-top: 55px; }







.goodix-header { position: fixed; left: 0; top: 0; z-index: 299; width: 100%; height: 55px; padding: 10px; background-color: #fff; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); }







/*modify 20210222*/
.goodix-header .logo { float: left; display: block; position: absolute; top: 0px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.goodix-header .logo img { height: 24px;margin-top: 15px;}/*modify 20210222*/







.goodix-header .menu-handle { position: absolute; top: 10px; /* right: 10px; */ z-index: 10; width: 32px; height: 34px; padding: 8px 5px; left: 15px; }







.goodix-header .menu-handle span { display: block; width: 100%; height: 2px; background-color: #333; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }







.goodix-header .menu-handle span:nth-child(2) { margin: 6px 0; }







.goodix-header .menu-handle.cur span:nth-child(1) { -webkit-transform: rotate(45deg) translate(7px, 6px); -moz-transform: rotate(45deg) translate(7px, 6px); -ms-transform: rotate(45deg) translate(7px, 6px); -o-transform: rotate(45deg) translate(7px, 6px); transform: rotate(45deg) translate(7px, 6px); }







.goodix-header .menu-handle.cur span:nth-child(2) { opacity: 0; }







.goodix-header .menu-handle.cur span:nth-child(3) { -webkit-transform: rotate(-45deg) translate(5px, -5px); -moz-transform: rotate(-45deg) translate(5px, -5px); -ms-transform: rotate(-45deg) translate(5px, -5px); -o-transform: rotate(-45deg) translate(5px, -5px); transform: rotate(-45deg) translate(5px, -5px); }







.goodix-header .search-handle { position: absolute; top: 10px; right: 15px; z-index: 10; width: 32px; height: 32px; background: url("../webimages/searchicoh.png") no-repeat center; -o-background-size: 80%; background-size: 80%; }







.goodix-header .search-form { display: table; }







.goodix-header .search-form form { display: table-cell; vertical-align: top; width: 100%; }







.goodix-header .search-cate { display: table-cell; vertical-align: top; }







.goodix-header .search-cate .cate-label { display: block; width: 100%;max-width: 100px; font-size: 15px; line-height: 40px; background-color: #eee; text-align: center; padding: 0 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }







.goodix-header .search-cate .cate-label::after { content: ''; display: inline-block; vertical-align: top; margin: 13px 0 0 3px; width: 14px; height: 14px; background: url("../webimages/fitcate.png") no-repeat center; }



.goodix-header .search-cate .cate-label .cate-label-icon { margin-right: 25px; position: relative; }

/* .goodix-header .search-cate .cate-label .cate-label-icon.cate00 { margin-right: 35px; } */

.goodix-header .search-cate .cate-label .cate-label-icon::after {  content: ''; position: absolute; width: 18px; height: 20px; line-height: 20px; top: -1px; left: 2px; }

.goodix-header .search-cate .cate-label .cate00:after { content: "All"; }

.goodix-header .search-cate .cate-label .cate01:after { background: url(../images/cate01.png) no-repeat scroll 0 0; }

.goodix-header .search-cate .cate-label .cate02:after { background: url(../images/cate02.png) no-repeat scroll 0 0; }

.goodix-header .search-cate .cate-label .cate03:after { background: url(../images/cate03.png) no-repeat scroll 0 0; }

.goodix-header .search-cate .cate-label .cate04:after { background: url(../images/cate04.png) no-repeat scroll 0 0; }

.goodix-header .search-cate .cate-label .cate05:after { background: url(../images/cate05.png) no-repeat scroll 0 0; }

.goodix-header .search-cate .cate-label .cate06:after { background: url(../images/cate06.png) no-repeat scroll 0 0; }

.goodix-header .search-cate .cate-label .cate07:after { background: url(../images/cate07.png) no-repeat scroll 0 0; }

.goodix-header .search-cate .cate-label .cate08:after { background: url(../images/cate08.png) no-repeat scroll 0 0; }


/*modify 20210222*/
.goodix-header .search-cate .filter-cate { position: absolute; left: 10px; top: 56px; display: none; white-space: nowrap; font-size: 14px; line-height: 26px; border: 1px solid #ccc; padding: 10px 0 0px 0; width: 205px; background-color: #eee; }




.goodix-header .search-cate .filter-cate a { display: block; background-color: #eee; padding: 0 10px 0 35px; width: 100%; line-height: 32px; border-bottom: 1px dashed #ccc; position: relative; }







.goodix-header .search-cate .filter-cate a:hover { color: #fff; background-color: #014d9e; }







.goodix-header .search-cate .filter-cate a:hover:after { background-position: 0 -20px; }







.goodix-header .search-cate .filter-cate a:after { content: ''; position: absolute; width: 18px; height: 20px; overflow: hidden; top: 7px; left: 10px; }







.goodix-header .search-cate .filter-cate a:last-child { border-bottom: none; }







.goodix-header .search-cate .filter-cate .cate01:after { background: url(../webimages/cate01.png) no-repeat scroll 0 0; }







.goodix-header .search-cate .filter-cate .cate02:after { background: url(../webimages/cate02.png) no-repeat scroll 0 0; }







.goodix-header .search-cate .filter-cate .cate03:after { background: url(../webimages/cate03.png) no-repeat scroll 0 0; }







.goodix-header .search-cate .filter-cate .cate04:after { background: url(../webimages/cate04.png) no-repeat scroll 0 0; }







.goodix-header .search-cate .filter-cate .cate05:after { background: url(../webimages/cate05.png) no-repeat scroll 0 0; }







.goodix-header .search-cate .filter-cate .cate06:after { background: url(../webimages/cate06.png) no-repeat scroll 0 0; }







.goodix-header .search-cate .filter-cate .cate07:after { background: url(../webimages/cate07.png) no-repeat scroll 0 0; }







.goodix-header .search-cate .filter-cate .cate08:after { background: url(../webimages/cate08.png) no-repeat scroll 0 0; }







.goodix-header .search-form { display: none; position: fixed; left: 0; top: 55px; z-index: 99; width: 100%; padding: 15px 10px; background-color: #f5f5f5; }







.goodix-header .search-form form { position: relative; padding-right: 46px; font-size: 0; }







.goodix-header .search-form input { width: 100%; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 15px; line-height: 40px; height: 40px; padding: 0; }







.goodix-header .search-form .key { padding-left: 10px; }







.goodix-header .search-form .btn { position: absolute; right: 0; top: 0; width: 65px; background-color: #00479d; color: #fff; }







.mainnav { display: none; position: fixed; left: 0; top: 55px; bottom: 0; z-index: 99; width: 100%; padding: 0 10px 106px; background-color: #fff; border-top: 1px solid #ccc; }







.mainnav ul { height: 100%; overflow: auto; }







.mainnav li { border-bottom: 1px solid #ccc; }







.mainnav a { position: relative; z-index: 10; display: block; font-size: 16px; line-height: 46px; color: #333; }







.mainnav .arrow { display: none; }







.mainnav .hassub { position: relative; }







.mainnav .hassub .arrow { display: block; content: ''; position: absolute; right: 0; top: 0; z-index: 20; width: 46px; height: 46px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; background: url("../webimages/arrdown.png") no-repeat center; }







.mainnav .active .arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }







.mainnav .subnav { display: none; }







.mainnav .subnav a { padding-left: 20px; }







.mainnav .sec-title { position: relative; }







.mainnav .sec-title.hassub .arrow { right: 15px; }







.mainnav .thr-nav { display: none; background-color: #f5f5f5; }







.mainnav .thr-nav a { padding-left: 40px; }







.mainnav .thr-title { position: relative; }







.mainnav .thr-title.hassub .arrow { right: 31px; }







.mainnav .thr-title.active .arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }







.mainnav .four-nav { display: none; }







.mainnav .four-nav a { padding-left: 60px; }







.ex .subnav .item .subnav { background-color: #f5f5f5; }







.ex .subnav .item .subnav .item a { padding-left: 60px; }







.hrg-top { display: none; position: fixed; left: 0; bottom: 0; z-index: 100; width: 100%; background-color: #fff; padding: 20px; line-height: 25px; text-align: center; }







.hrg-top .code { display: block; font-size: 14px; color: #00479d; padding: 8px 0; }







.hrg-top .memmber { position: relative; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 0; margin: 0 14px 0 0; padding: 0 14px 0 0; }





.hrg-top .memmber::before, .hrg-top .memmber::after { position: absolute; top: 50%; content: ''; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 2px; height: 14px; margin-top: -7px; background-color: #b8b8b8; }







.hrg-top .memmber::before { display: none; left: -1px; }







.hrg-top .memmber::after { right: -1px; }



/*modify 20210222*/
.hrg-top>.memmber.code-wraper:after,
.hrg-top>.memmber.language-wraper:after{
  width: 0;
}
.hrg-top>p.code {display:block;}
.hrg-top .code-wraper {display:none;}
.hrg-top .click-to-search{display:none;}



.hrg-top .memmber i { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0 3px; font-size: 14px; }







.hrg-top .memmber a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; }







.hrg-top .memmber .loginbtn { padding-left: 27px; background: url("../webimages/userico.png") no-repeat 0 center; }







.hrg-top .user { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding-left: 18px; background: url("../webimages/userico.png") no-repeat 0 center; }







.hrg-top .user a, .hrg-top .user p { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 15px; padding: 0 8px; }







.hrg-top .user.hide { display: none; }






.hrg-top .lang {margin-top:0px; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding-left: 29px; background: url("../webimages/langico.png") no-repeat 0 center; }






.zproducttext h2 { font-size: 18px; height: 28px; font-weight: bold; color: #333; }







.product-type-bottom a { display: block; position: relative; }







.product-type-bottom img { display: block; width: 100%; }







.full-tech-wrapper { padding: 20px 0 12px; background-color: #0050a6; font-size: 0; text-align: center; }







.full-tech-wrapper .item { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 50%; padding: 0 15px; }







.full-tech-wrapper .item img { height: 30px; }







.full-tech-wrapper .title { padding-top: 9px; font-size: 12px; line-height: 28px; color: #fff; white-space: nowrap; }







.footfocus { background-color: #f2f2f2; border-top: 1px solid #fff; }







.footfocus .bdsharebuttonbox { line-height: 0; }







.footfocus .bdsharebuttonbox a { font-size: 0; }







.zfootcont { background-color: #262626; }







.zfootcont .foot-nav { text-align: left; padding-bottom: 20px; }







.zfootcont .foot-nav li { border-bottom: 1px solid #ccc; }







.zfootcont .foot-nav a { position: relative; z-index: 10; display: block; font-size: 16px; line-height: 48px; font-size: 16px; color: #ccc; }







.zfootcont .foot-nav .title { position: relative; }







.zfootcont .foot-nav .title a { font-weight: bold; }







.zfootcont .foot-nav .title::after { content: '+'; position: absolute; right: 0; top: 0; width: 46px; height: 46px; font-size: 20px; line-height: 46px; color: #ccc; text-align: center; }







.zfootcont .foot-nav .title.cur::after { content: '-'; }







.zfootcont .foot-nav .subnav { display: none; }







.zfootcont .foot-nav .subnav a { padding-left: 20px; }







.zfootcont .foot-bottom { padding-top: 20px; border-top: 1px solid #404040; }







.zfootcont .foot-bottom a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; line-height: 22px; color: #808080; }







.zfootcont .foot-bottom .bot-links { font-size: 0; }







.zfootcont .foot-bottom .bot-links a { padding: 0 10px; font-size: 14px; line-height: 14px; border-left: 2px solid #6d6d6d; }







.zfootcont .foot-bottom .bot-links a:first-child { border-left: 0; }







.zfootcont .zcopyright { color: #808080; }







.footfocus { padding: 16px 0 14px; }







.footfocus .bdsharebuttonbox { font-size: 0; }







.footfocus .bdsharebuttonbox a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 40px; height: 40px; float: none; padding: 0; margin: 0 10px; background-repeat: no-repeat; background-position: center; overflow: hidden; -webkit-transition: all ease .2s; -o-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s; }







.footfocus .bdsharebuttonbox .bds_weixin2 { background-image: url("../webimages/shareico_01.png"); }







.footfocus .bdsharebuttonbox .bds_weixin2:hover { background-image: url("../webimages/shareico_01ac.png"); }







.footfocus .bdsharebuttonbox .bds_tsina { background-image: url("../webimages/shareico_03.png"); }







.footfocus .bdsharebuttonbox .bds_tsina:hover { background-image: url("../webimages/shareico_03ac.png"); }







.footfocus .bdsharebuttonbox .bds_linkedin { background-image: url("../webimages/shareico_05.png"); }







.footfocus .bdsharebuttonbox .bds_linkedin:hover { background-image: url("../webimages/shareico_05ac.png"); }







.footfocus .bdsharebuttonbox .bds_fbook { background-image: url("../webimages/shareico_07.png"); }







.footfocus .bdsharebuttonbox .bds_fbook:hover { background-image: url("../webimages/shareico_07ac.png"); }







.footfocus .bdsharebuttonbox .bds_twi { background-image: url("../webimages/shareico_09.png");}







.footfocus .bdsharebuttonbox .bds_twi:hover { background-image: url("../webimages/shareico_09ac.png"); }







.full-inside-subnav { display: none; padding: 10px 0; background-color: #f2f2f2; border-bottom: 1px solid #fff; }







.full-inside-subnav .home { display: none; }







.full-inside-subnav .item { position: relative; display: none; }







.full-inside-subnav .item:last-child { display: block; }







.full-inside-subnav .chl-cur { position: relative; background-color: #0050a6; font-size: 16px; line-height: 50px; color: #fff; padding-left: 20px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }







.full-inside-subnav .chl-cur a { color: #fff; }







.full-inside-subnav .chl-cur::after { content: ''; position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url("../webimages/subnavico.png") no-repeat center; }







.full-inside-subnav .nav { display: none; position: absolute; left: 0; top: 50px; z-index: 10; width: 100%; background-color: #fff; font-size: 16px; line-height: 40px; -webkit-box-shadow: 1px 1.732px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1.732px 6px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; border-radius: 3px; }







.full-inside-subnav .nav a { color: #1a1a1a; display: block; padding-left: 30px; }







/*面包屑导航*/



.full-inside-crumbs { padding: 10px 0; background-color: #fff; border-bottom: 1px solid #fff; }







.full-inside-crumbs li { float: left; font-size: 13px; line-height: 30px; }







.full-inside-crumbs li::before { content: '/'; float: left; padding: 0 12px; }







.full-inside-crumbs li .home::before, .full-inside-crumbs li:first-child::before { display: none; }







.full-inside-crumbs li .home a, .full-inside-crumbs li:first-child a { margin-left: 0; padding-left: 24px; background: url(../webimages/inhomeico.png) no-repeat 0 center; }







.full-inside-crumbs li a { color: #b2b2b2; }







.full-inside-crumbs li a:hover { color: #0050a6; }







.cate-intro { text-align: center; font-size: 16px; line-height: 30px; color: #333; padding-top: 25px; padding-bottom: 25px; }







.cate-intro .title { margin-bottom: 10px; font-size: 22px; line-height: 40px; font-weight: bold; color: #0050a6; }







.cate-intro .text { max-width: 1108px; margin: 0 auto; }







.full-list-banner a, .full-list-banner img { display: block; width: 100%; }







.full-prdt-list { padding: 20px 0 20px; background-color: #f2f2f2; }







.full-prdt-list li { margin-bottom: 10px; }







.full-prdt-list li a { display: block; background-color: #fff; }







.full-prdt-list .thumb { float: left; max-width: 38%; }







.full-prdt-list .thumb img { display: block; max-width: 100%; }







.full-prdt-list .info { padding: 15px 15px 0; overflow: hidden; }







.full-prdt-list .info .name { font-size: 20px; line-height: 28px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }







.full-prdt-list .info .desc { font-size: 14px; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }







.full-prdt-list .loadmore { display: block; margin: 24px auto 0; max-width: 318px; font-size: 20px; line-height: 46px; text-align: center; background-color: #fff; }







/* 产品详情*/



.full-prdt-detail { padding: 22px 0 0; background-color: #f2f2f2; }







.full-prdt-detail .name { margin-bottom: 18px; color: #0050a6; font-size: 18px; line-height: 1.4; }







.full-prdt-detail .tab-cates { padding-bottom: 33px; }







.full-prdt-detail .tab-cates li { position: relative; -webkit-border-radius: 6px; border-radius: 6px; background-color: #666; font-size: 16px; line-height: 42px; text-align: center; color: #fff; cursor: pointer; }







.full-prdt-detail .tab-cates li.cur { background-color: #0050a6; font-weight: bold; }







.full-prdt-detail .tab-cates li.cur::after { display: block; }







.full-prdt-detail .tab-cates li::after { display: none; position: absolute; left: 50%; bottom: -33px; content: ''; width: 0; height: 0; margin-left: -11px; border: 11px solid transparent; border-bottom-color: #fff; }







.cate-contents .content { padding: 20px 0; display: none; }







.cate-contents .content:first-child { display: block; }







.graybg { background-color: #f2f2f2; overflow: hidden; }







.jobsSearch dl dd label { padding: 6px 0; }







.warrow a { z-index: 10; }







.num-boxlist-wrapper { background-color: #fff; }







.questiontext03 { min-height: 90px; }







.videolistcon { position: relative; z-index: 10; }







.videolistcon.cur { z-index: 1; }







.videolist .videobox { position: absolute !important; display: block; }







.insidestockTTleft { width: 36%; }







.insidestockTTright { width: 64%; padding: 0 8px; }







.nqhicon1 { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }







/* 触控板*/



.m-full-bantext { position: relative; }







.m-full-bantext .prdtban { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; }







.m-full-bantext .prdtban img { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 100%; vertical-align: top; max-width: none; }







.m-full-bantext .content { position: relative; z-index: 10; width: 100%; padding-top: 7.44792%; padding-bottom: 7.44792%; color: #fff; font-size: 16px; line-height: 30px; text-align: center; }







.m-full-bantext .content .title { margin-bottom: 11px; font-size: 20px; line-height: 32px; font-weight: bold; }







.m-full-bantext .content .desc br { display: none; }







.m-dot-feature { font-size: 16px; line-height: 36px; color: #808080; }







.m-dot-feature .text{line-height: 34px;}







.m-dot-feature .title { margin-bottom: 11px; font-size: 20px; line-height: 28px; color: #19191c; font-weight: bold; }







.m-dot-feature p::before { content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 5px; margin-right: 0.6em; background-color: #808080; -webkit-border-radius: 50%; border-radius: 50%; }







.full-touch-wrapper .touch-feature { padding-top: 23px; padding-bottom: 23px; }







.full-touch-wrapper .touch-feature .thumb { text-align: center; }







.full-touch-wrapper .touch-feature .thumb img { vertical-align: top; max-width: 100%; }







.full-touch-wrapper .touch-feature .m-dot-feature { padding: 20px 0; }







.full-touch-wrapper{width: 100%;overflow: hidden}







/* 触控屏*/



.screen-list-wrapper { background-color: #f9f9f9; }







.screen-list-wrapper li { padding: 20px 0; border-bottom: 1px solid #ebebeb; }







.screen-list-wrapper li:last-child { border: 0; }







.screen-list-wrapper .thumb { margin-bottom: 15px; text-align: center; }







.screen-list-wrapper .thumb img { vertical-align: top; max-width: 100%; }







.screen-list-wrapper .content .screen-desc { margin-bottom: 20px; }







.screen-list-wrapper .content .text { font-size: 16px; line-height: 28px; color: #666; }







.screen-list-wrapper .content .name { margin-bottom: 11px; font-size: 20px; line-height: 28px; color: #19191c; font-weight: bold; }







.screen-slider { padding-top: 22px; padding-bottom: 28px; }







.screen-slider .title { margin-bottom: 19px; font-size: 22px; line-height: 34px; text-align: center; font-weight: bold; color: #0050a6; }







.screen-slider .screen-btn-swiper { display: none; }







.screen-slider .screen-btn-swiper li { cursor: pointer; font-size: 18px; line-height: 24px; color: #383839; }







.screen-slider .screen-content .screen-pages { text-align: center; }







.screen-slider .screen-content .screen-pages span { opacity: 1; }







.screen-slider .screen-content li { background-color: #1562b5; height: auto; }







.screen-slider .screen-content .thumb {height: 270px; background-repeat: no-repeat;background-size: cover;background-position: center center;}







.screen-slider .screen-content .thumb img { display: block; width: 100%; }







.screen-slider .screen-content .info { padding: 15px; font-size: 14px; line-height: 26px; color: #fff; }







.screen-slider .screen-content .info .name { font-size: 20px; line-height: 42px; font-weight: bold; }







/* 生物识别 copy*/



.wwproject .wwprocasetext { padding: 20px 0; font-size: 16px; line-height: 30px; color: #505255; }







.wwproject .name { margin-bottom: 8px; font-size: 20px; line-height: 32px; color: #0050a6; font-weight: bold; }







/* 盖板指纹*/



.zdsxggaibancont .zdsxggaibantext { font-size: 14px; line-height: 28px; padding-top: 25px;}







.wwjectbot .wwjectbotleft { font-size: 16px; line-height: 30px; color: #4d4d4d; }







.m-bio-bantext .bio-ban { display: block; width: 100%; }







.m-bio-bantext .bio-text { padding-top: 20px; padding-bottom: 20px; font-size: 16px; line-height: 28px; }







.m-bio-bantext .bio-text .name { margin-bottom: 10px; font-size: 22px; line-height: 34px; font-weight: bold; color: #505255; }







.m-bio-bantext .htzw-color, .m-bio-bantext .coat-color { color: #505255; }







.m-bio-bantext .htzw-color .name, .m-bio-bantext .coat-color .name { color: #0050a6; }







.m-bio-row .bio-rgimg { padding-bottom: 30px; text-align: center; }







.m-bio-row .bio-rgimg img { max-width: 100%; vertical-align: top; }







.m-bio-row .bio-lftxt { padding: 20px 0; font-size: 16px; line-height: 30px; color: #4d4d4d; }







.cate-contents .summary .sum-title { margin-bottom: 10px; font-size: 20px; line-height: 32px; font-weight: bold; color: #333; }







.cate-contents .summary .img { padding-top: 15px; }







.cate-contents .summary img { vertical-align: top; max-width: 100%; }







.cate-contents .summary .item { padding-bottom: 15px; border-bottom: 1px solid #efefef; margin-bottom: 15px; font-size: 14px; line-height: 28px; color: #666; }







.cate-contents .herart-rate-doc .book { padding-bottom: 20px; }







.cate-contents .herart-rate-doc .guide { padding-bottom: 20px; }







.cate-contents .herart-rate-tool .tool-cate { padding: 24px 0 14px; font-size: 18px; line-height: 24px; font-weight: bold; color: #0050a6; }







.m-dot-title { margin-bottom: 10px; font-size: 20px; line-height: 32px; font-weight: bold; color: #333; }







.m-doc-table { border: 1px solid #f2f2f2; border-bottom: 0; line-height: 24px; }







.m-doc-table .hd { background-color: #f2f2f2; }







.m-doc-table .hd h4 { float: left; font-size: 16px; font-weight: bold; color: #333; padding: 12px 0 12px 10px; }







.m-doc-table .doc-list { font-size: 14px; }







.m-doc-table .doc-list .tr { border-bottom: 1px solid #f2f2f2; }







.m-doc-table .doc-list p { float: left; padding: 12px 0 12px 10px; }







.m-doc-table .name { width: 50%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }







.m-doc-table .ver { display: none; }







.m-doc-table .date { display: none; }







.m-doc-table .link { width: 50%; }







.m-doc-table .link a { position: relative; display: inline-block; vertical-align: top; margin-right: 12px; color: #0050a6; }







.m-doc-table .link a:last-child { margin-right: 0; }







.m-doc-table .link a:last-child::before { content: ''; position: absolute; left: -10px; top: 50%; margin-top: -7px; width: 1px; height: 14px; background-color: #666; }







.m-doc-table .note { display: none; }







.kits-doc-table .sign img { height: 30px; margin-top: -3px; }







.right-banner .bannerindeo{bottom: 210px;}







@media (min-width: 768px) { .full-inside-subnav { padding: 20px 0; }



.full-prdt-list { padding: 30px 0 30px; }



.full-prdt-list li { margin-bottom: 20px; }



.full-prdt-list .thumb { float: left; max-width: 38%; }



.full-prdt-list .info { padding: 47px 38px 0; }



.full-prdt-list .info .name { margin-bottom: 27px; }



.full-prdt-list .info .desc { font-size: 16px; height: 96px; line-height: 32px; -webkit-line-clamp: 3; }



.insidestockTTleft { width: 33.33333%; }



.insidestockTTright { width: 66.66667%; padding: 0 15px; }



.m-full-bantext .prdtban { position: static; }



.m-full-bantext .prdtban img { position: static; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); width: 100%; }



.m-full-bantext .content { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }



.m-full-bantext .content .desc br { display: block; }



.full-screen-wrapper .m-full-bantext .content { padding-top: 20px; }



.wwimgheight { width:auto;height: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }



.wwimgshow { display: block; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: auto; }



.wwmark { padding-bottom: 10%; }



/*.wwmarklist { max-width: 1224px; margin: 0 auto; }*/



.wwmarklist ul li { padding: 0 12px; margin-bottom: 20px; width: 100%; }



.wwmarklist .wwmardiv { color: #4d4d4d; background-color: rgba(255, 255, 255, 0.8); height: auto; padding-bottom: 20px; }



.wwmarklist .wwmardiv h3 { color: #333; }



.living-bantext .wwword { width: 45.20548%; }



.wwjectbot { padding: 40px 20px; overflow: visible; }



.wwjectbot .wwjectbotleft { padding-left: 20px; }



.wwjectbot .wwquick { overflow: visible; }



.m-bio-row { width: 100%; display: table; }



.m-bio-row .bio-rgimg { padding-bottom: 0; overflow: hidden; max-width: 50%; padding: 0 25px; display: table-cell; vertical-align: middle; }



.m-bio-row .bio-lftxt { display: table-cell; vertical-align: middle; }



.m-doc-table { line-height: 26px; }



.m-doc-table .hd h4 { font-size: 18px; padding: 13px 0 13px 40px; }



.m-doc-table .doc-list { font-size: 16px; }



.m-doc-table .doc-list p { padding: 13px 0 13px 40px; }



.m-doc-table .name { width: 40%; }



.m-doc-table .ver { display: block; width: 20%; }



.m-doc-table .date { display: none; }



.m-doc-table .link { width: 30%; }



.m-doc-table .link a { margin-right: 20px; }



.kits-doc-table .name { width: 35%; }



.kits-doc-table .sign { width: 28%; }



.kits-doc-table .note { width: 37%; display: block; }







.screen-slider .screen-content .thumb {height: 360px; }







.full-tech-wrapper .title {font-size: 16px;}



/*end 768*/ }







@charset "UTF-8";







@media (min-width: 1024px) {



.product-type-bottom a { overflow: hidden; }



.product-type-bottom a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }



.product-type-bottom img { -webkit-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }



.product-type-bottom .bot-left { float: left; width: 50%; }



.product-type-bottom .bot-right { float: left; width: 50%; }



.full-tech-wrapper { padding: 20px 0 12px; }



.full-tech-wrapper .item img { height: 40px; -webkit-transition: all ease 1s; -o-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s; }



.full-tech-wrapper .item .title { -webkit-transition: all ease 0.3s 0.1s; -o-transition: all ease 0.3s 0.1s; -moz-transition: all ease 0.3s 0.1s; transition: all ease 0.3s 0.1s; }



.full-tech-wrapper a:hover img { -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px); }



.full-tech-wrapper .title { padding-top: 19px; }







/*1024头部 ssssssssss*/



/*body { padding-top: 100px; }



.goodix-header { position: absolute; height: 99px; padding: 10px 0 0; -webkit-box-shadow: none; box-shadow: none; }



.goodix-header .logo { padding-top: 38px; position: static; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }



.goodix-header .logo img { height: 22px; }



.goodix-header .menu-handle { display: none; }



.goodix-header .search-handle { display: none; }



.goodix-header .search-cate { position: relative; left: 0; top: 0; float: left; z-index: 5; }



.goodix-header .search-cate .cate-label { width: auto; padding: 0 7px; line-height: 32px; }



.goodix-header .search-cate .cate-label::after { margin-top: 9px; }



.goodix-header .search-cate .filter-cate { top: 32px; }



.goodix-header .search-form { float: right; display: block; position: relative; left: 0; top: 0; width: auto; padding: 0; height: 34px; margin-top: 12px; background-color: #fff; border: 1px solid #d9d9d9; overflow: visible; }



.goodix-header .search-form form { float: left; padding-right: 46px; padding-left: 0; width: auto; }



.goodix-header .search-form input { line-height: 32px; height: 32px; }



.goodix-header .search-form .key { padding-left: 15px; width: 142px; }



.goodix-header .search-form .btn { width: 46px; font-size: 0; background: url("../webimages/searchico.png") no-repeat center; }



.hrg-top { display: block; position: static; padding: 0 0 1px 0; padding: 0\9; text-align: right; }



.hrg-top a:hover { color: #014d9e; }



.hrg-top .code { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0; }



.hrg-top .memmber { margin: 0 14px; }



.head-rg { position: relative; float: right; }



.head-rg .hrg-bot { position: relative; }



.head-rg .search-form { position: absolute; top: 0; right: 0; left: auto; }



.mainnav { float: left; display: block; position: static; width: auto; padding: 0 252px 0 0; border-top: 0; }



.mainnav ul { height: 100%; overflow: visible; }



.mainnav li { position: relative; border-bottom: 0; float: left; padding: 0 14px;  }



.mainnav li.mitem { display: none; }



.mainnav a { display: block; font-size: 14px; line-height: 60px; color: #1a1a1a; border-bottom: 3px solid #fff; }



.mainnav .title.hassub::after { display: none; }



.mainnav .title a { max-width: inherit; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }



.mainnav .title a:hover { color: #014d9e; border-bottom-color: #014d9e; }



.mainnav .title.cur a { color: #014d9e; border-bottom-color: #014d9e; }



.mainnav .hassub .arrow { display: none; }



.mainnav .hassub a { background-image: url("../webimages/subrgarr.png"); background-repeat: no-repeat; background-position: 142px center; }



.mainnav .thr-title.hassub a { background-position: 160px center; }



.mainnav .subnav { position: absolute; left: 50%; top: 63px; display: none; min-width: 210px; background-color: rgba(0, 0, 0, 0.8);-ms-transform: translateX(-50%) ;-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }



.mainnav .subnav a { line-height: 46px; white-space: nowrap; color: #ccc; padding-left: 28px;  padding-right: 28px;padding-right: 28px; font-size: 15px; border-bottom: 1px solid #3e322c; }



.mainnav .subnav a:hover { color: #fff; background-color: #024d9e; }



.mainnav .subnav .sec-title a { line-height: 23px; padding: 12px 30px 12px 28px; white-space: normal; }



.mainnav .second { position: relative; }*/







/*.mainnav .sec-title.hasthr { background: url("../webimages/subrgarr.png") no-repeat 142px center; }*/



/*.mainnav .sec-title.hasthr:hover { background: #024d9e url("../webimages/subrgarrac.png") no-repeat 182px center; }*/



/*.mainnav .sec-title.hasthr::after { display: none; }*/







/*.mainnav .sec-title{ position: relative;}



.mainnav .sec-title.active { background-color: #024d9e;}



.mainnav .sec-title.active:after{ content: ''; position: absolute; right: 10px; top: 20px; color: #fff; border: 2px solid #fff;width: 8px;height: 8px;border-left: none;border-bottom: none;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}



*/



/*.mainnav .sec-title.active { background: #024d9e url("../webimages/subrgarrac.png") no-repeat 182px center; }*/







/*.mainnav .thr-nav { position: absolute; left: 100%; top: 0; background-color: rgba(0, 0, 0, 0.8); }



.mainnav .thr-nav a { border-bottom: 1px solid #3e322c; min-width: 182px; white-space: nowrap; max-width: 320px; overflow: hidden;text-overflow: ellipsis;line-height: 23px; padding: 12px 15px; }



.mainnav .four-nav { display: none; position: absolute; left: 182px; top: 0; background-color: rgba(0, 0, 0, 0.8); }



.mainnav .four-nav a { border-bottom: 1px solid #3e322c; min-width: 120px; white-space: nowrap; max-width: 1000em; line-height: 23px; padding: 12px 15px; }



*/







/*1024头部eeeeeeeeeeeeee*/











.zproducttext h2{font-size: 20px;line-height: 30px;height: 30px; margin-bottom: 8px;}







/*1024 底部 ssssssssss*/



/*.zfootcont { padding-top: 36px; padding-left: 40px; padding-right: 40px; padding-bottom: 17px; }



.zfootcont .foot-nav { overflow: hidden; text-align: left; padding-bottom: 26px; }



.zfootcont .foot-nav a:hover { color: #fff; }



.zfootcont .foot-nav ul { width: 108%; }



.zfootcont .foot-nav li { border-bottom: 0; float: left; width: 20%; }



.zfootcont .foot-nav a { display: block; font-size: 16px; line-height: 48px; font-size: 16px; color: #ccc; }



.zfootcont .foot-nav .title { margin-bottom: 4px; }



.zfootcont .foot-nav .title::after { display: none; }



.zfootcont .foot-nav .subnav { display: block !important; }



.zfootcont .foot-nav .subnav a { padding-left: 0; font-size: 14px; line-height: 28px; }



.zfootcont .foot-bottom { padding-top: 19px; }



.zfootcont .foot-bottom a:hover { color: #fff; }



.zfootcont .foot-bottom .bot-links { padding-top: 4px; float: left; margin-left: -10px; }



.zfootcont .foot-bottom .zcopyright { line-height: 22px; }



.zfootcont .foot-bottom .zcopyright img { vertical-align: top; }*/



/*1024底部eeeeeeeeeeeeeeee*/







.full-inside-subnav { display: block; padding: 8px 0; background-color: #f2f2f2; }



.full-inside-subnav .home { display: block; float: left; font-size: 16px; line-height: 40px; padding-left: 24px; color: #b2b2b2; background: url("../webimages/inhomeico.png") no-repeat 0 center; }



.full-inside-subnav .home:hover { color: #0050a6; background-image: url("../webimages/inhomeicoac.png"); }



.full-inside-subnav .nav-list { float: left; }



.full-inside-subnav .item { display: block; float: left; padding-left: 8px; }



.full-inside-subnav .item::before { content: '/'; float: left; display: block; font-size: 16px; line-height: 40px; }



.full-inside-subnav .item:last-child .chl-cur { color: #4c4c4c; }



.full-inside-subnav .chl-cur { padding: 0 10px 0 10px; background: none; color: #b2b2b2; line-height: 40px; max-width: 10em; }



.full-inside-subnav .chl-cur a { color: #b2b2b2; }



.full-inside-subnav .chl-cur::after { display: none; }



.full-inside-subnav .chl-cur:hover { color: #0050a6; background: none; }



.full-inside-subnav .chl-cur:hover a { color: #0050a6; }



.full-inside-subnav .nav { top: 40px; min-width: 164px; padding: 10px 0; }



.full-inside-subnav .nav a { padding-left: 25px; }



.full-inside-subnav .nav a:hover { background-color: #0050a6; color: #fff; }



.full-inside-crumbs li { font-size: 16px; line-height: 40px; }



.cate-intro { padding-top: 71px; padding-bottom: 64px; }



.cate-intro .title { margin-bottom: 26px; font-size: 45px; line-height: 55px; }



.full-prdt-list { padding: 70px 0 32px; }



.full-prdt-list .prdt-list { overflow: hidden; }



.full-prdt-list ul { margin: 0 -29px; }



.full-prdt-list li { float: left; width: 50%; padding: 0 29px; margin-bottom: 56px; }



.full-prdt-list li:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); }



.full-prdt-list li:hover .name { color: #0050a6; }



.full-prdt-list .thumb { overflow: hidden; }



.full-prdt-list .thumb img { -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s; }



.full-prdt-list .info { padding: 17px 28px 0; }



.full-prdt-list .info .name { margin-bottom: 17px; }



.full-prdt-list .loadmore { margin: 24px auto 0; line-height: 60px; }



/* 产品详情*/



.full-prdt-detail { padding: 42px 0 0; }



.full-prdt-detail .name { margin-bottom: 38px; font-size: 24px; }



.full-prdt-detail .tab-cates { padding-bottom: 53px; }



.full-prdt-detail .tab-cates li { width: 214px; font-size: 18px; }



.full-prdt-detail .tab-cates li::after { display: none; bottom: -53px; margin-left: -22px; border-width: 22px; border-bottom-color: #fff; }



.cate-contents .content { padding: 40px 0; }



.zfootshare { bottom: 0; }



/*fixed*/



.wwhonor ul li { padding-left: 5px; padding-right: 5px; margin-bottom: 5px; margin-top: 5px; }



.wwhonorimg .title { padding: 10px 5px 20px; font-size: 13px; }



.insidestockTTleft { width: 20%; }



.insidestockTTright { width: 80%; }



.full-touch-wrapper .touch-feature { padding-top: 103px; padding-bottom: 143px; }



.full-touch-wrapper .touch-feature .thumb { float: right; width: 58.08219%; padding-right: 13.42466%; }



.full-touch-wrapper .touch-feature .m-dot-feature { padding: 20px 0 0 10.27397%; }



.m-dot-feature { font-size: 18px; line-height: 48px; }



.m-dot-feature .title { margin-bottom: 17px; font-size: 24px; line-height: 32px; }



.m-dot-feature .text{font-size: 17px} 



.m-full-bantext .prdtban { position: static; }



.m-full-bantext .prdtban img { position: static; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); width: 125%; }



.m-full-bantext .content { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }



.m-full-bantext .content .title { margin-bottom: 26px; font-size: 36px; line-height: 48px; }



/* 触控屏*/



.screen-list-wrapper { padding-top: 70px; }



.screen-list-wrapper .thumb { float: right; width: 50%; margin-bottom: 0; text-align: right; }



.screen-list-wrapper .content { padding-right: 40px; overflow: hidden; }



.screen-list-wrapper li { padding: 35px 0 63px; position: relative; }



.screen-list-wrapper li:nth-child(even) .thumb { float: left; text-align: left; }



.screen-list-wrapper li:nth-child(even) .content { padding-right: 0; padding-left: 40px; }



/*.screen-list-wrapper li:nth-child(odd){ padding-right: 50%;}



.screen-list-wrapper li:nth-child(odd) .thumb { position: absolute; right: 0;top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }



  .screen-list-wrapper li:nth-child(odd) .content {  }







.screen-list-wrapper li:nth-child(even) {padding-left: 50%}



.screen-list-wrapper li:nth-child(even) .thumb { position: absolute;left: 0;top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);  }



.screen-list-wrapper li:nth-child(even) .content {padding-right: 0; padding-left: 40px;  }*/







.screen-list-wrapper li:last-child {display: table;}



.screen-list-wrapper li:last-child .thumb {display: table-cell;width: 50%; float: none; vertical-align: middle;}



.screen-list-wrapper li:last-child .content {display: table-cell;width: 50%; vertical-align: middle;}











.full-screen-wrapper .m-full-bantext .content { padding-top: 7.44792%; }



.screen-slider { padding-top: 102px; padding-bottom: 78px; }



.screen-slider .title { margin-bottom: 59px; font-size: 36px; line-height: 48px; }



.screen-slider .screen-btn-swiper { display: block; }



.screen-slider .screen-btn-swiper li { width: auto; padding: 0 42px; position: relative; }



.screen-slider .screen-btn-swiper li::before { content: ''; position: absolute; right: 0; top: 50%; margin-top: -9px; width: 1px; height: 18px; background-color: #ccc; }



.screen-slider .screen-btn-swiper li.cur { color: #0050a6; }



.screen-slider .screen-btn-swiper li:last-child::before { display: none; }



.screen-slider .screen-btn { margin-bottom: 64px; padding: 0 44px; position: relative; }



.screen-slider .screen-btn .scbtn-ctrl { position: absolute; top: 50%; width: 12px; height: 20px; margin-top: -10px; background-repeat: no-repeat; background-position: center; }



.screen-slider .screen-btn .scbtn-prev { left: 0; background-image: url("../webimages/scbtn-prev.png"); }



.screen-slider .screen-btn .scbtn-prev:hover { background-image: url("../webimages/scbtn-prevac.png"); }



.screen-slider .screen-btn .scbtn-next { right: 0; background-image: url("../webimages/scbtn-next.png"); }



.screen-slider .screen-btn .scbtn-next:hover { background-image: url("../webimages/scbtn-nextac.png"); }



.screen-slider .screen-content { position: relative; }



.screen-slider .screen-content .screen-pages { display: none; }







/*.screen-slider .screen-content li { display: table; }



.screen-slider .screen-content .thumb { display: table-cell; vertical-align: middle; width: 50%; }



.screen-slider .screen-content .info { display: table-cell; width: 50%; vertical-align: middle; padding: 12px 4.10959%; text-align: center; }



*/







.screen-slider .screen-content li { position: relative; width: 100%;display: table; min-height: 400px; }



/*.screen-slider .screen-content .thumb {  width: 50%; position: absolute; top: 0;left: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center; height: auto;}*/



.screen-slider .screen-content .thumb { display: table-cell;  width: 50%;vertical-align: middle;height: 100%;}



.screen-slider .screen-content .info { display: table-cell; width: 50%; vertical-align: middle; padding: 12px 4.10959%; text-align: center; }







.screen-slider .screen-content .sccontent-ctrl { position: absolute; top: 50%; margin-top: -21px; width: 23px; height: 42px; z-index: 10; background-repeat: no-repeat; background-position: center; }



.screen-slider .screen-content .sccontent-ctrl.swiper-button-disabled { opacity: 0.2; }



.screen-slider .screen-content .sccontent-prev { left: 0px; background-image: url("../webimages/sccontent-prev.png"); }



.screen-slider .screen-content .sccontent-prev:hover { background-image: url("../webimages/sccontent-prevac.png"); }



.screen-slider .screen-content .sccontent-next { right: 0px; background-image: url("../webimages/sccontent-next.png"); }



.screen-slider .screen-content .sccontent-next:hover { background-image: url("../webimages/sccontent-nextac.png"); }



.wwimgheight { width: 100%; }



/* 生物识别 copy*/



.wwproject .wwprocasetext { font-size: 18px; line-height: 36px; }



.wwproject .name { margin-bottom: 8px; font-size: 36px; line-height: 48px; }



.wwword { width: 657px; }



.wwmark { padding-bottom: 10.67708%; }



.wwmarklist { padding-top: 4.65753%; }



.wwmarklist ul li { margin-bottom: 0; font-size: 17px; line-height: 36px; }



.wwmarklist ul li:nth-child(1){width: 30%;}



.wwmarklist ul li:nth-child(2){width: 40%;}



.wwmarklist ul li:nth-child(3){width: 30%;}



.wwmarklist ul li h3 { padding: 58px 0 9px; font-size: 24px; line-height: 36px; font-weight: bold; }



.wwmarklist .wwmardiv { color: #4d4d4d; background-color: rgba(255, 255, 255, 0.8); height: 540px; }



.wwmarklist .wwmardiv h3 { color: #333; }



.wwmarkcon { padding-top: 6.43836%; }



.wwmarkcon .wwmarktit { font-size: 36px; line-height: 48px; }



.zdsxggaibancont img { width: 125%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }



.zdsxggaibancont .zdsxggaibantext { z-index: 10; font-size: 17px; line-height: 32px; right: auto; left: 50%; margin-left: 60px;padding-top: 7%; }



.wwjectbot { padding: 40px 40px; overflow: visible; }



.wwjectbot .wwjectbotleft { padding-left: 40px; font-size: 18px; line-height: 48px; }



.m-bio-bantext { position: relative; }



.m-bio-bantext .bio-ban { width: 180%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }



.m-bio-bantext .bio-text { position: absolute; left: 50%; top: 50%; z-index: 10; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; font-size: 17px; line-height: 30px; }



.m-bio-bantext .bio-text .middle { max-width: 50.20548%; }



.m-bio-bantext .bio-text .name { margin-bottom: 23px; font-size: 32px; line-height: 44px; white-space: normal; }



.m-bio-bantext .ifs-color { color: #e4e4e4; }



.m-bio-bantext .ifs-color .name { color: #fff; width: 110%; }



.m-bio-bantext .pxgx-color { color: #c3c5cb; }



.m-bio-bantext .pxgx-color .name { color: #fff; width: 130%;}



.m-bio-row { padding-top: 5.46875%; padding-bottom: 3.90625%; }



.m-bio-row .bio-lftxt { padding: 0; font-size: 17px; line-height: 34px; }



.m-bio-row .htzw-lftxt { width: 45%; }



.m-bio-row .bio-rgimg { max-width: none; }



.cate-contents .content { padding: 20px 0 60px; overflow: hidden; }



.cate-contents .summary { margin: 0 -40px; font-size: 0; }



.cate-contents .summary .sum-title { margin-bottom: 25px; font-size: 24px; line-height: 36px; }



.cate-contents .summary .sub-title { font-size: 18px; font-weight: bold; }



.cate-contents .summary .img { padding-top: 36px; }



.cate-contents .summary .item { position: relative; width: 50%; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; margin-bottom: 0; padding: 35px 40px 36px; font-size: 16px; line-height: 36px; border-bottom: 0; }



.cate-contents .summary .item:nth-child(3)::before, .cate-contents .summary .item:nth-child(4)::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: #efefef; }



.cate-contents .herart-rate-doc { max-width: 1300px; }



.cate-contents .herart-rate-doc .book { padding-bottom: 80px; }



.cate-contents .herart-rate-doc .guide { padding-bottom: 24px; }



.cate-contents .herart-rate-tool { padding: 56px 0 62px; }



.cate-contents .herart-rate-tool .m-dot-title { margin-bottom: 0; }



.cate-contents .herart-rate-tool .tool-cate { padding: 54px 0 27px; font-size: 22px; line-height: 28px; }



.cate-contents .herart-kits { max-width: 1120px; padding: 48px 0 32px; }



.cate-contents .herart-kits .m-dot-title { margin-bottom: 40px; }



.m-dot-title { margin-bottom: 23px; font-size: 24px; line-height: 36px; }



.m-doc-table .name { width: 32%; }



.m-doc-table .ver { width: 20%; }



.m-doc-table .date { display: block; width: 22%; }



.m-doc-table .link { width: 26%; }



.m-doc-table .link a:hover { color: #0050a6; }



.tool-doc-table .name { width: 26%; }



.tool-doc-table .ver { width: 16%; }



.tool-doc-table .date { display: block; width: 18%; }



.tool-doc-table .link { width: 21%; }



.tool-doc-table .note { width: 19%; display: block; }



.kits-doc-table .sign img { padding-right: 12px; }



.kits-doc-table .sign a:hover { color: #0050a6; }







.screen-slider .screen-content .info .name{font-size: 24px;line-height: 48px}



.screen-slider .screen-content .info{font-size: 16px;line-height: 28px;}







.right-banner .bannerindeo{bottom: 230px;}







/* end 1024*/ }







@media (min-width: 1200px) {



/*1024 header*/

.goodix-header .logo img {margin-top: 0px;}/*modify 20210222*/


body { padding-top: 80px; }/*modify 20210222*/
/*modify 20210222*/
.goodix-header { position: absolute; line-height: 80px; height: 80px;padding: 0 20px; -webkit-box-shadow: none; box-shadow: none; }/*modify 20210222*/
.goodix-header .logo { padding-top: 0px; position: static; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.goodix-header .logo img {height: 25px;}/*modify 20210222*/

.goodix-header{padding: 0 10px;}
.head-rg {margin-left: 15%!important;}
.goodix-header .logo img {height: 25px;}/*modify 20210222*/

.goodix-header .menu-handle { display: none; }



.goodix-header .search-handle { display: none; }



.goodix-header .search-cate { position: relative; left: 0; top: 0; float: left; z-index: 5; }



.goodix-header .search-cate .cate-label { width: auto;max-width: 100px; padding: 0 7px; line-height: 32px; }



.goodix-header .search-cate .cate-label::after { margin-top: 9px; }



.goodix-header .search-cate .filter-cate { top: 32px;left:-1px }/*modify 20210222*/



.goodix-header .search-form { float: right; display: block; position: relative; left: 0; top: 0; width: auto; padding: 0; height: 34px; margin-top: 12px; background-color: #fff; border: 1px solid #d9d9d9; overflow: visible; }



.goodix-header .search-form input { line-height: 32px; height: 32px; }



.goodix-header .search-form .key { padding-left: 15px; width: 240px; }/*modify 20210222*/



.goodix-header .search-form .btn { width: 46px; font-size: 0; background: url("../webimages/searchico.png") no-repeat center; }



.hrg-top { display: block; position: static; padding: 0 0 1px 0; padding: 0\9; text-align: right; }



.hrg-top a:hover { color: #014d9e; }



.hrg-top .code { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0; }



.hrg-top .memmber { margin: 0 5px 0 0;padding: 0 5px 0 0;}/*modify 20210222*/
  .head-rg { position: relative;}/*modify 20210222*/
  /*modify 20210222*/
  .hrg-top .memmber .start-search{ 
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../webimages/searchico.png) no-repeat 0 center;
    cursor: pointer;
  }
  .hrg-top>p.code {display:none;}
  .hrg-top .code-wraper {display:inline-block;}
  .hrg-top .click-to-search{display:inline-block;}
  .hrg-top>.memmber.language-wraper:after{width: 2px;}
  .mainnav{
    transition: all .3s;
    -webkit-transition: all .3s;

  }
  .hrg-top{
    transition: all .5s;
    -webkit-transition: all .5s;

  }
  .mainnav.hide-mainnav,
  .hrg-top.hide-hrg-top{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
  }

  .head-rg .hrg-bot { position: relative; }

  .close-search-form{
    display: inline-block;
    width: 20px;
    height:20px;
    position: absolute;
    top: 5px;
    right: -30px;
    cursor: pointer;
  }
  .close-search-form::after{
    position: absolute;
    top: 50%;
    content: '';
    width: 24px;
    border-top: 1px solid #989797;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
  }
  .close-search-form::before{
    position: absolute;
    top: 50%;
    content: '';
    width: 24px;
    border-top: 1px solid #989797;
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
  }
  /*modify 20210222*/
  .head-rg .search-form { 
    position: absolute; 
    top: 10px; 
    right: 212px; 
    left: auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .head-rg .search-form.hide-search-form {
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  .mainnav { float: left; display: block; position: static; width: auto; padding: 0 ; border-top: 0;margin-top: 9px; }/*modify 20210222*/



.mainnav ul { height: 100%; overflow: visible; }



.mainnav li { position: relative; border-bottom: 0; float: left; padding: 0 8px; /* 手机端专用*/ }



.mainnav li.mitem { display: none; }



.mainnav a { display: block; font-size: 14px; line-height: 68px; color: #1a1a1a; border-bottom: 3px solid #fff; }



.mainnav .title.hassub::after { display: none; }



.mainnav .title a { max-width: inherit; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }



.mainnav .title a:hover { color: #014d9e; border-bottom-color: #014d9e; }



.mainnav .title.cur a { color: #014d9e; border-bottom-color: #014d9e; }



.mainnav .hassub .arrow { display: none; }



.mainnav .hassub a { background-image: url("../webimages/subrgarr.png"); background-repeat: no-repeat; background-position: 142px center; }



.mainnav .thr-title.hassub a { background-position: 160px center; }



.mainnav .subnav { position: absolute; left: 50%; top: 73px; display: none; min-width: 210px; background-color: rgba(0, 0, 0, 0.8);-ms-transform: translateX(-50%) ;-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }



.mainnav .subnav a { line-height: 48px; white-space: nowrap; color: #ccc; padding-left: 28px;  padding-right: 28px;padding-right: 28px; font-size: 15px; border-bottom: 1px solid #3e322c; }



.mainnav .subnav a:hover { color: #fff; background-color: #024d9e; }



.mainnav .subnav .sec-title a { line-height: 23px; padding: 12px 30px 12px 28px; white-space: normal; }



.mainnav .second { position: relative; }



/*.mainnav .sec-title.hasthr { background: url("../webimages/subrgarr.png") no-repeat 142px center; }*/



/*.mainnav .sec-title.hasthr:hover { background: #024d9e url("../webimages/subrgarrac.png") no-repeat 182px center; }*/



.mainnav .sec-title.hasthr::after { display: none; }







.mainnav .sec-title{ position: relative;}



.mainnav .sec-title.active { background-color: #024d9e;}



.mainnav .sec-title.active:after{ content: ''; position: absolute; right: 10px; top: 20px; color: #fff; border: 2px solid #fff;width: 8px;height: 8px;border-left: none;border-bottom: none;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}







/*.mainnav .sec-title.active { background: #024d9e url("../webimages/subrgarrac.png") no-repeat 182px center; }*/



.mainnav .thr-nav { position: absolute; left: 100%; top: 0; background-color: rgba(0, 0, 0, 0.8); }



.mainnav .thr-nav a { line-height: 24px;padding: 12px 15px;border-bottom: 1px solid #3e322c; min-width: 182px; white-space: nowrap; max-width: 320px; overflow: hidden;text-overflow: ellipsis;}



.mainnav .four-nav { display: none; position: absolute; left: 182px; top: 0; background-color: rgba(0, 0, 0, 0.8); }



.mainnav .four-nav a { border-bottom: 1px solid #3e322c; min-width: 120px; white-space: nowrap; max-width: 1000em; line-height: 23px; padding: 12px 15px; }







 /*-----------------------------------*/



 



 /* 1024 footer */



.zfootcont { padding-top: 36px; padding-left: 40px; padding-right: 40px; padding-bottom: 17px; }



.zfootcont .foot-nav { overflow: hidden; text-align: left; padding-bottom: 26px; }



.zfootcont .foot-nav ul li h4 a{ cursor: default; }



.zfootcont .foot-nav ul li h4 a:hover{ color: #ccc; }



.zfootcont .foot-nav a:hover { color: #fff; }



.zfootcont .foot-nav ul { width: 108%; }



.zfootcont .foot-nav li { border-bottom: 0; float: left; width: 20%; }



.zfootcont .foot-nav a { display: block; font-size: 16px; line-height: 48px; font-size: 16px; color: #ccc; }



.zfootcont .foot-nav .title { margin-bottom: 4px; }



.zfootcont .foot-nav .title::after { display: none; }



.zfootcont .foot-nav .subnav { display: block !important; }



.zfootcont .foot-nav .subnav a { padding-left: 0; font-size: 14px; line-height: 28px; }



.zfootcont .foot-bottom { padding-top: 19px; }



.zfootcont .foot-bottom a:hover { color: #fff; }



.zfootcont .foot-bottom .bot-links { padding-top: 4px; float: left; margin-left: -10px; }



.zfootcont .foot-bottom .zcopyright { line-height: 22px; }



.zfootcont .foot-bottom .zcopyright img { vertical-align: top; }



 /* 1024 footer */




.mainnav{padding: 0;}



/*.mainnav li { padding: 0 14px; }*/



.mainnav a{font-size: 16px}



.zfootcont .foot-nav ul { width: 110%; }



.staffvoicecont .commonweb { padding: 0 10px; }



.screen-slider .screen-content .sccontent-prev { left: -40px; }



.screen-slider .screen-content .sccontent-next { right: -40px; }



.zdsxggaibancont .zdsxggaibantext { width: 502px; }



.m-bio-bantext .wwprojectcase { position: absolute; left: 50%; top: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.m-bio-bantext .wwprocasetext { position: static; top: 0; left: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); padding: 0 0; }



.m-bio-bantext .wwimgheight { position: static; width: 100%; height: auto; left: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }



.m-bio-bantext { position: relative; }



.m-bio-bantext .bio-ban { width: 140%; }



.full-prdt-detail .name { font-size: 30px; }







.screen-slider .screen-content .info{padding: 40px 4.10959%}







/* fixed*/ }







@media (min-width: 1300px) { 



.mainnav{    padding: 0 30px 0 0;}



/*.mainnav li { padding: 0 38px; }*/



.wwmarklist .wwmardiv { padding: 0 38px; height: 452px}



.zdsxggaibancont img { width: 100%; }



.wwjectbot { padding: 7.19178% 0 5.06849%; overflow: visible; }



.wwjectbot .wwjectbotleft { padding-left: 0; width: 39.72603%; } 



.m-bio-bantext .bio-ban{width: 100%}







.screen-slider .screen-content .info{padding: 60px 4.10959%}



  .m-full-bantext .prdtban img{width: 100%;}



}

/*modify 20210222*/

@media (min-width: 1250px) {
  .goodix-header{padding: 0 20px;}
  .head-rg {margin-left: 145px;}
}

@media (min-width: 1366px) {
  .goodix-header{padding: 0 45px;}
  .head-rg {margin-left: 185px;}
  .goodix-header .logo img {height: 28px;}
}


@media (min-width: 1400px) {


.mainnav{    padding: 0 35px 0 0;}



.mainnav li { padding: 0 16px; }



 .zfootcont .foot-nav ul { width: 112%; }



.wwhonorimg .title { padding: 10px 10px 20px; font-size: 14px; }



.wwhonor ul li { padding-left: 7px; padding-right: 7px; margin-bottom: 7px; margin-top: 7px; }



.m-bio-bantext .bio-text .name { font-size: 36px; line-height: 48px; } }







@media (min-width: 1560px) { .full-touch-wrapper .touch-feature .feature { padding-top: 63px; }


.goodix-header{padding: 0 50px;}
.head-rg {margin-left: 270px;}
.goodix-header .logo img {height: 30px;}

.screen-slider .screen-content .sccontent-prev { left: -68px; }



.screen-slider .screen-content .sccontent-next { right: -68px; } }







@charset "UTF-8";



.newhot-tag { position: relative; z-index: 199; }







.jobsSearch { position: relative; z-index: 6; }







.jobsSearch dl dd { position: relative; }







.full-inside-crumbs { border-bottom: 1px solid #ddd; }







.full-screen-wrapper{width: 100%;overflow: hidden;}







/*  20180903 首页产品  */



/*  20180929 修改  */



.index-product-colunm { position: relative; margin-bottom: 15px; overflow: hidden; }







.index-product-colunm img { display: block; width: 100.2%; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; height: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: none; margin-bottom: -1px; }







/* 工具与软件  */



.toolsSearch { background: #f5f5f5; }







.tool-wrap { padding: 28px 15px; }







.toolsform { max-width: 438px; position: relative; margin: 0 auto; }







.toolsform .searchText { line-height: 40px; background: #fff; font-size: 14px; color: #808080; text-indent: 1em; width: 100%; }







.toolsform .searchButton { display: block; width: 100%; background: #c80009; line-height: 40px; text-align: center; color: #fff; font-size: 14px; height: 40px; margin-top: 10px; }







.toolscontainer { padding: 30px 0; background: #fff; }







.toolsTabs ul li { width: 100%; padding: 10px 0 10px 0; border-top: 1px solid #e6e6e6; }







.toolsTabs ul li h4 { font-size: 16px; font-weight: bold; padding: 0 16px; line-height: 36px; position: relative; }







.toolsTabs ul li h4 a { color: #666; display: block; }







.toolsTabs ul li h4:after { content: ''; position: absolute; left: 0; border: 6px solid transparent; border-left-color: #666666; top: 50%; margin-top: -6px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: -o-transform .3s ease; -moz-transition: transform .3s ease, -moz-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease; -o-transition: transform .3s ease; -o-transition: transform .3s ease; -webkit-transition: transform .3s ease; }







.toolsTabs ul li.cur h4 a { color: #0a51a4; }







.toolsTabs ul li.cur h4:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -o-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); border-left-color: #0a51a4; }







.toolsTabs ul li.cur .toolsnav { display: block; }







.toolsTabs ul li.no h4:after { display: none; }







.toolsTabs .toolsnav { width: 100%; padding: 5px 16px 0; display: none; }







.toolsTabs .toolsnav a { display: block; font-size: 14px; color: #666666; line-height: 34px; padding: 0 15px; position: relative; }







.toolsTabs .toolsnav a input { display: none; }







.toolsTabs .toolsnav a.on { font-weight: bold; color: #0a51a4; }







.toolsTabs .toolsnav a:after { content: ''; width: 4px; height: 4px; background: #666; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; margin-top: -2px; left: 0; }







.toolsTabs .toolsnav a.on:after { background: #0a51a4; }







.disbox, .toolsLists .textwrap .details, .if-result-list li .title, .if-result-list li .text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }







.oneline { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }







.toolsLists { border-top: 1px solid #ddd; padding-top: 20px; }







.toolsLists ul li { margin-bottom: 15px; }







.toolsLists ul li .image { width: 100%; overflow: hidden; border: 1px solid #e6e6e6; }







.toolsLists ul li .image img { display: block; width: 100%; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-transition: all .3s; }







.toolsLists .textwrap .title { line-height: 40px; color: #0a51a4; font-size: 18px; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }







.toolsLists .textwrap .details { width: 100%; -webkit-line-clamp: 3; line-height: 25px; color: #666666; font-size: 15px; margin-top: 10px; height: 75px; }







.toolsLists .toolsLookMore { display: inline-block; vertical-align: top; color: #929292; font-size: 14px; padding-top: 25px; }







.loadingMore { padding: 20px 0 40px 0; }







.loadingMore .loadingMoreButton { display: block; background-color: #c8000a; background-image: url(../webimages/loadmoreicon.png); background-position: center center; background-repeat: no-repeat; -o-background-size: 24px; background-size: 24px; height: 36px; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-transition: all .3s; }







.loadingMore .loadingMoreButton:active { background-color: #e1010c; }







/*文档中心*/



.detailType { margin-bottom: 10px; position: relative; background-color: #fff; cursor: none; }







.detailType select { display: block; width: 100%; font-size: 14px; color: #808080; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 40px; cursor: default; background-color: #edeeee; }







.detailType:after { content: ''; position: absolute; width: 8px; height: 8px; border: 1px solid transparent; border-left-color: #fff; border-bottom-color: #fff; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); right: 20px; top: 50%; margin-top: -5px; margin-right: -4px; }







.detailType:before { content: ''; position: absolute; width: 40px; height: 40px; background-color: #cccccc; top: 0; right: 0; cursor: pointer; pointer-events: none; }







.detailType.on select { cursor: pointer; background-color: #fff; }







.detailType.on:before { background-color: #c80009; }







.keyword .searchText { display: block; width: 100%; line-height: 40px; height: 40px; padding: 0 10px; font-size: 14px; color: #333; margin-bottom: 10px; }







.keyword .searchButton { display: block; background-color: #c80009; width: 100%; line-height: 40px; height: 40px; color: #fff; font-size: 14px; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-transition: all .3s; }







.keyword .searchButton:active { background-color: #e9040e; }







.show .fireicon { display: inline-block !important; }







.artcontainer { padding: 30px 0 0 0; }







.artTable-wrapper { overflow-x: auto; overflow-y: hidden; }







.artTable { min-width: 640px; }







.artTable .table-header { background-color: #f2f2f2; overflow: hidden; line-height: 50px; padding: 0 20px; border-bottom: 1px solid #efefef; }







.artTable .table-header h3 { float: left; font-size: 16px; color: #333333; font-weight: bold; overflow: hidden; white-space: nowrap; overflow: hidden; }







.artTable .table-header .name { width: 28%; }







.artTable .table-header .vers { width: 18%; }







.artTable .table-header .time { width: 18%; }







.artTable .table-header .tips { width: 18%; }







.artTable .table-header .nums { width: 18%; }







.artTable .table-main li { width: 100%; padding: 0 20px; overflow: hidden; border-bottom: 1px solid #efefef; line-height: 40px; }







.artTable .table-main li .cell { float: left; overflow: hidden; white-space: nowrap; overflow: hidden; font-size: 14px; color: #666666; }







.artTable .table-main li .cell a { display: inline-block; vertical-align: middle; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin: 0 5px; color: #014d9e; }







.artTable .table-main li .cell .fireicon { display: none; width: 24px; height: 26px; vertical-align: middle; background: url(../webimages/fireicon.png) no-repeat scroll center center; -o-background-size: 60%; background-size: 60%; margin-left: 5px; }







.artTable .table-main li .name { width: 28%; }







.artTable .table-main li .vers { width: 18%; }







.artTable .table-main li .time { width: 18%; }







.artTable .table-main li .tips { width: 18%; }







.artTable .table-main li .nums { width: 18%; }







/* kits 切换 */



.kitsTabsMain { background: #f2f2f2; padding: 28px 0px 0; }







.kitsTabsMain .titlle { color: #0050a6; font-size: 18px; line-height: 1.4; margin-bottom: 5px; }







.kitstabs ul { padding-bottom: 28px; }







.kitstabs ul li { width: auto; line-height: 30px; font-size: 14px; background-color: #666666; text-align: center; min-width: 120px; -webkit-border-radius: 4px; border-radius: 4px; -o-transition: background-color .3s; -moz-transition: background-color .3s; transition: background-color .3s; -webkit-transition: background-color .3s; position: relative; }







.kitstabs ul li a { display: block; color: #ffffff; }







.kitstabs ul li:active { background-color: #014a98; }







.kitstabs ul li:after { content: ''; border: 10px solid transparent; border-bottom-color: #fff; position: absolute; bottom: -28px; left: 50%; margin-left: -5px; display: none; }







.kitstabs ul li.cur { color: #fff; font-weight: bold; background-color: #0050a6; }







.kitstabs ul li.cur:after { display: block; }







.kitscontainer { padding: 25px 0; }







.commonkits .kitsContent { display: none; }







.commonkits .kitsContent.cur { display: block; }







.kitssummary { padding-bottom: 30px; border-bottom: 1px solid #efefef; }







.kitssummary .title { font-weight: bold; color: #333333; font-size: 18px; line-height: 1.6; margin-bottom: 15px; }







.kitssummary .text { color: #666666; line-height: 180%; font-size: 14px; }







.kitssummary02 { padding-bottom: 10px; border-bottom: none; }







.kitsimage .item .title { font-weight: bold; color: #333333; font-size: 18px; line-height: 1.6; padding: 20px 0 10px 0; }







.kitsimage .item .image { border: 1px solid #efefef; overflow: hidden; width: 100%; }







.kitsimage .item .image img { display: block; width: 100%; }







/* 20180929 修改  */



.w-wrap { padding-top: 15px; padding-bottom: 10px; }







.copywriting { font-size: 14px; color: #333; line-height: 1.8; }







.w-wrap02 { padding-bottom: 15px; }







.w-wrap02 .sub-title { font-size: 15px; font-weight: bold; }







.kitsTable-wrapper { overflow-x: auto; overflow-y: hidden; margin-top: 25px; }







.kitsTable { min-width: 780px; border: 1px solid #efefef; border-bottom: none; }







.kitsTable .head { background-color: #f2f2f2; padding: 0 15px; border-bottom: 1px solid #efefef; }







.kitsTable .head h3 { float: left; width: 18%; font-size: 16px; color: #333; font-weight: bold; line-height: 40px; }







.kitsTable .head .name { width: 26%; }







.kitsTable .bodies li { border-bottom: 1px solid #efefef; line-height: 34px; color: #666666; font-size: 14px; overflow: hidden; width: 100%; padding: 0 15px; }







.kitsTable .bodies li .cell { float: left; width: 18%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-right: 5px; }







.kitsTable .bodies li .cell a { display: inline-block; vertical-align: middle; color: #666; margin: 0 4px; color: #0050a6; line-height: normal; text-decoration: underline; }







.kitsTable .bodies li .links { font-size: 13px; }







.kitsTable .bodies li .name { width: 26%; }







/* 解决方案  */



.m-bio-bantext .bio-text .name-color-333 { color: #333; }







.m-bio-bantext .bio-text .name-color-172d36 { color: #172d36; }







.summaryList { padding-top: 25px; }







.kitsTable-4 .bodies li .cell, .kitsTable-4 .head h3 { width: 25% !important; }







.kitssummary03 { padding-bottom: 30px; border: none; }







.kitssummary03:last-child { padding-bottom: 10px; }







.summaryMargin { margin-top: 20px; }







.kitsTable-type2 .head .tips, .kitsTable-type2 .bodies li .tips { width: 38%; }







.kitsTable-type3 { max-width: 1120px; min-width: 640px; }







.kitsTable-type3 .head h3, .kitsTable-type3 .bodies li .cell { width: 33.33% !important; }







.kitsTable-type3 .bodies li .cell img { width: 26px; }







/*20180929 修改 */



.textcolumn-2 .text ul { line-height: 2; }







.textcolumn-2 .text ul li { padding-left: 12px; position: relative; word-break: break-all;white-space: normal; }







.textcolumn-2 .text ul li:before { content: ''; position: absolute; width: 4px; height: 4px; background: #666; -webkit-border-radius: 50%; border-radius: 50%; left: 0; top: 10px; }







.kitssummary .text-cols02 ul li { padding-left: 12px; position: relative; }







.kitssummary .text-cols02 ul li:before { content: ''; position: absolute; width: 4px; height: 4px; background: #666; -webkit-border-radius: 50%; border-radius: 50%; left: 0; top: 10px; }







/* 产品 -微控 */



.kitsTable-first-more .head h3 { width: 23%; }







.kitsTable-first-more .head .name { width: 31%; }







.kitsTable-first-more .bodies .li .cell { width: 23%; }







.kitsTable-first-more .bodies .li .name { width: 31%; }







.kitssummary-reset { padding: 0 !important; border: none !important; }







.kitsTable-title-font { font-size: 16px; font-weight: bold; color: #0050a6; padding-bottom: 15px; line-height: 1.4; }







.bs-margin { margin-bottom: 20px; }







/* 产品汇总   MCU产品    软件工具 */



.max1280 { width: 100%; max-width: 1280px; overflow: hidden; }







.response-row { margin-left: -10px; margin-right: -10px; }







.response-row:after { content: ''; display: block; clear: both; }







.response-column { float: left; width: 100%; padding-left: 10px; padding-right: 10px; padding-top: 20px; }











/*@media (min-width:1300px){



.response-row { margin-left: -15px; margin-right: -15px; }



.response-column { padding-left: 15px; padding-right: 15px; }



}*/







@media (min-width:1400px){



.response-row { margin-left: -20px; margin-right: -20px; }



.response-column { padding-left: 20px; padding-right: 20px; }



}







.as-mcu-padding { padding-top: 25px; padding-bottom: 35px; }







.l-description img { max-width: 100%; }







.l-description .title { font-size: 18px; color: #333333; line-height: 1.4; margin-bottom: 10px; }







.l-description .title02 { margin-top: 25px; }







.l-description .text { font-size: 14px; color: #666666; line-height: 180%; }







.dl-main { border: 1px solid #e3e3e3; padding: 0 25px 40px; background-color: #fafafa; }







/*  20190929 修改  */



.dl-dddt .dt { border-bottom: 1px solid #e3e3e3; overflow: hidden; width: 100%; }







.dl-dddt .dt span { display: block; width: 120px; height: 120px; margin: 25px auto; overflow: hidden; position: relative; }







.dl-dddt .dt span img { display: block; width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }







.dl-dddt .dd { text-align: center; padding-top: 15px; }







.dl-dddt .dd h4 { font-size: 16px; font-weight: bold; color: #4c4c4c; line-height: 1.6; margin-bottom: 12px; white-space: nowrap; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }







.dl-dddt .dd .txt { font-size: 14px; color: #666666; line-height: 25px; margin-bottom: 15px; height: 100px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; }







.dd-look-more { display: inline-block; vertical-align: top; line-height: 34px; border: 1px solid #0a51a4; color: #0a51a4; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; padding: 0 35px; }







.dl-dddt02 .dd { padding-top: 30px; }







.dl-dddt02 .dd .txt { -webkit-line-clamp: 3; height: 75px; }







.dl-dddt03 .dd { padding-top: 25px; }







.dl-dddt03 .dd .txt { -webkit-line-clamp: 3; height: 75px; }







.other-title-font { font-size: 18px; color: #4c4c4c; font-weight: bold; line-height: 2; padding-top: 20px; padding-bottom: 15px; }







.table-wrapper { overflow-x: auto; overflow-y: hidden; }







.table-module { min-width: 720px; margin-top: 30px; }







.table-module .head { overflow: hidden; line-height: 40px; background-color: #f2f2f2; width: 100%; padding: 0 5%; border-bottom: 1px solid #efefef; }







.table-module .head h3 { float: left; width: 19%; font-weight: bold; font-size: 16px; color: #333333; }







.table-module .head .name { width: 24%; }







.table-module .bodies { padding: 0 5%; line-height: 40px; }







.table-module .bodies li { width: 100%; overflow: hidden; border-bottom: 1px solid #efefef; }







.table-module .bodies li span { float: left; width: 19%; overflow: hidden; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; color: #666666; }







.table-module .bodies li .name { width: 24%; }







.table-module .bodies li .more { color: #025bba; }







.table-module .bodies li .more:active { color: #0a51a4; }







/* 新改变的搜索  */



.if-search-wrap { background-color: #e6ecf0; padding: 0 15px; }







.search-wrap-width { max-width: 465px; margin: 0 auto; padding: 15px 0; }







.if-search { position: relative; width: 100%; -webkit-border-radius: 4px; border-radius: 4px; }







.if-search input { line-height: 42px; height: 42px; }







.if-search .if-text { display: block; background: #fff; width: 100%; text-indent: 1em; padding-right: 50px; }







.if-search .if-btn { position: absolute; top: 0; right: 0; width: 42px; background: #fff url(../webimages/toolsses-icon.png) no-repeat scroll center center; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background-color: #c80009; }







.ifwrapper:after { content: ''; clear: both; display: block; }







.ifwrapper-hide .if-left { display: none; }







.ifwrapper-hide .if-right { padding-left: 0; }







.ifwrapper-hide .if-right:before { display: none; }







.ifwrapper { background-color: #fff; margin-top: 20px; margin-bottom: 30px; border: 1px solid #e3e3e3; }







.if-left { float: left; width: 100%; }







.if-right { float: right; width: 100%; }







/* 左侧搜索条件 */



.if-left { padding: 15px 15px 0; border-bottom: 1px solid #e3e3e3; }







.clearif { line-height: 20px; text-align: right; margin-bottom: 12px; }







.clearif a { display: inline-block; vertical-align: top; color: #034894; }







.clearif a:hover { color: #0554ab; }







.if-form .title { font-size: 14px; color: #333333; font-weight: bold; line-height: 2; padding-bottom: 10px; position: relative; }







.if-form .title:after { content: ''; position: absolute; border: 6px solid transparent; border-top-color: #666; right: 2%; top: 50%; margin-top: -6px; }







.if-form .forms { padding-bottom: 15px; display: none; }







.if-form .forms .form-item { cursor: pointer; line-height: 24px; font-size: 13px; color: #808080; position: relative; padding: 0 8px; }







.if-form .forms .form-item input[type="checkbox"], .if-form .forms .form-item input[type="radio"] { display: none; }







.if-form .forms .form-item:before { content: ''; width: 4px; height: 4px; background: #808080; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; left: 0; margin-top: -2px; }







.if-form .forms .form-item.cur span { color: #034894; font-weight: bold; }







.if-form .forms .form-item.cur:before { background: #034894; }







.if-banner-navbar { padding: 0 40px; line-height: 52px; border-bottom: 1px solid #e3e3e3; position: relative;}







.if-banner-left,.if-banner-right{



position: absolute;



top: 0;



height: 100%;



width: 40px;



cursor: pointer;



}







.if-banner-left{



left: 0;



}



.if-banner-right{



right: 0;



}







.if-banner-left:after,.if-banner-right:after{



content: '';



position: absolute;



width: 16px;



height: 16px;



border: 1px solid #999;



top: 50%;



}



.if-banner-left:after{



border-top: none;



border-right: none;



transform:translateY(-50%) rotate(45deg);



left: 16px;



}



.if-banner-right:after{



border-top: none;



border-left: none;



transform:translateY(-50%) rotate(-45deg);



right: 16px;



}







.banner-navbar { width: 100%; overflow: hidden; }







.banner-navbar .swiper-slide { display: inline-block; vertical-align: top; width: auto; padding-right: 20px; margin-right: 10px; font-size: 0; }







.banner-navbar .swiper-slide a { display: inline-block; font-size: 0px; color: #4c4c4c; line-height: 1.2; position: relative; vertical-align: middle; }







.banner-navbar .swiper-slide a span { font-size: 14px; display: inline-block; vertical-align: middle; }







.banner-navbar .swiper-slide .icon { display: inline-block; vertical-align: middle; width: 20px; height: 22px; overflow: hidden; background-repeat: no-repeat; margin-right: 4px; background-position: 0 0; }







.banner-navbar .swiper-slide .icon01 { background-image: url(../webimages/s-icon01.png); }







.banner-navbar .swiper-slide .icon02 { background-image: url(../webimages/s-icon02.png); }







.banner-navbar .swiper-slide .icon03 { background-image: url(../webimages/s-icon03.png); }







.banner-navbar .swiper-slide .icon04 { background-image: url(../webimages/s-icon04.png); }







.banner-navbar .swiper-slide .icon05 { background-image: url(../webimages/s-icon05.png); }







.banner-navbar .swiper-slide .icon06 { background-image: url(../webimages/s-icon05.png); }







.banner-navbar .swiper-slide .icon07 { background-image: url(../webimages/s-icon06.png); }







.banner-navbar .swiper-slide .icon08 { background-image: url(../webimages/s-icon07.png); }







.banner-navbar .swiper-slide.cur a { color: #034894; }







.banner-navbar .swiper-slide.cur a .icon { background-position: 0 -22px; }







.if-result .if-title { padding: 35px 15px 0; font-size: 16px; color: #666; line-height: 30px; font-weight: bold; }







.if-result-list li { border-bottom: 1px solid #e3e3e3; padding: 20px 15px; }







.if-result-list li .title { font-size: 15px; color: #333333; font-weight: bold; line-height: 1.5; max-height: 44px; width: 100%; -webkit-line-clamp: 2; margin-bottom: 10px; }







.if-result-list li .title b { color: #d0111b; }







.if-result-list li .text { color: #666666; font-size: 13px; line-height: 24px; width: 100%; -webkit-line-clamp: 3; max-height: 68px; }







.if-button-wrapper { width: 100%; padding-top: 25px; padding-bottom: 40px; padding-left: 15px; padding-right: 15px; }







.if-button-wrapper .ifbutton { display: block; max-width: 520px; margin: 0 auto; line-height: 42px; text-align: center; font-size: 14px; color: #fff; background: #0a51a4; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-border-radius: 4px; border-radius: 4px; }







.if-button-wrapper .ifbutton:active { background: #064691; }







/* 搜索 关联字颜色  */



.key_font_color { color: #d0111b !important; }







/* 分页器  开始 */



.pagination-wrapper { width: 100%; max-width: 520px; margin: 0 auto; text-align: center; }







.pagination-wrapper .pagination { display: inline-block; vertical-align: top; }







.pagination a { display: inline-block; vertical-align: top; line-height: 26px; width: 28px; height: 28px; text-align: center; font-size: 12px; color: #808080; border: 1px solid #e3e3e3; }







.pagination a:active, .pagination a.cur { color: #fff; background: #0a51a4; border-color: #0a51a4; }







.pagination .page { display: inline-block; vertical-align: top; overflow: hidden; margin: 0 -5px; }







.pagination a.next, .pagination a.prev { font-size: 18px; }







.pagination a.next { margin-left: 10px; }







.pagination a.prev { margin-right: 10px; }







.pagination a.disabled { color: #e5e5e5; border-color: #e3e3e3; background: #fff; cursor: not-allowed; }







@media (min-width: 1024px) { .pagination a { line-height: 34px; width: 36px; height: 36px; font-size: 13px; }



.pagination a:hover { color: #fff; background: #0a51a4; border-color: #0a51a4; }



.pagination a.next { margin-left: 20px; }



.pagination a.prev { margin-right: 20px; } }







/* 分页器 结束  */



.formlayer { min-height: 74vh; padding-top: 15%; }







.formlayer .image { width: 60px; margin: 0 auto; overflow: hidden; }







.formlayer .image img { display: block; width: 100%; }







.formlayer .tips { text-align: center; font-size: 16px; color: #1a1a1a; margin-top: 32px; line-height: 1.8; }







@media (min-width: 768px) { .formlayer { min-height: 63vh; }



.formlayer .image { width: 85px; } }







@media (min-width: 1024px) { .formlayer { min-height: auto; }



.formlayer .tips { font-size: 20px; } }







@media (min-width: 1200px) { .formlayer { padding-top: 140px; } }







/* 已登录状态  */



/*modify 20210223*/
.member-info { position: relative; display: none; z-index: 200; margin-right: 5px; padding: 0 9px; }
.member-info:after { content: ''; position: absolute; left: 0; top: 50%; width: 2px; height: 14px; background: #b8b8b8; margin-top: -7px; }
.member-info:before { content: ''; position: absolute; right: 0; top: 50%; width: 2px; height: 14px; background: #b8b8b8; margin-top: -7px; }







.member-info.member-show { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }







.member-info .avatar { display: block; width: 24px; height: 24px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; cursor: pointer; }







.member-info .avatar img { display: block; width: 100%; -webkit-border-radius: 50%; border-radius: 50%; }







.member-info .info-box { display: block; visibility: hidden; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position: absolute; top: 36px; left: 50%; border: 1px solid #e3e3e3; padding: 27px 18px 30px 109px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; }







.member-info .info-box::before { content: ''; position: absolute; left: 50%; top: -6px; width: 26px; height: 6px; margin-left: -13px; background: url("../webimages/mebarr.png") no-repeat center 0; }







.member-info .info-box .photo { position: absolute; left: 18px; top: 36px; width: 69px; height: 69px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }







.member-info .info-box .photo img { display: block; width: 100%; -webkit-border-radius: 50%; border-radius: 50%; }







.member-info .info-box .info { text-align: left; white-space: nowrap; }







.member-info .info-box .info .name { font-size: 14px; line-height: 24px; color: #333; }







.member-info .info-box .info .mail { font-size: 12px; color: #808080; line-height: 24px; }







.member-info .info-box .memberctrl { padding-top: 5px; font-size: 0; }







.member-info .info-box .memberctrl a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 12px; line-height: 30px; padding: 0 12px; -webkit-border-radius: 4px; border-radius: 4px; }







.member-info .info-box .memberctrl .idlink { background-color: #0c337f; color: #fff; margin-right: 10px; }







.member-info .info-box .memberctrl .exit { -webkit-border-radius: 4px; border-radius: 4px; color: #666; background-color: #d9d9d9; }







.member-info:hover .info-box { opacity: 1; visibility: visible; }







@media (max-width: 1023px) { .member-info { margin: 0; }




.member-info.member-show { vertical-align: middle; margin-top: -6px; }/*modify 20210223*/
/*modify 20210223*/
.member-info .info-box { visibility: visible; opacity: 1; padding: 0px 0px 0px 50px; }
.member-info .info-box .photo{left: 2px;}

.member-info .avatar { display: none; }



.member-info { border: none; }



.member-info .info-box { position: relative; border: none; top: 0; }



.member-info .info-box::before { display: none; }



.member-info .info-box .photo { top: 0; width: 40px; height: 40px; }



.member-info .info-box .info .name { display: none; }



.member-info .info-box .info .mail { display: none; }



.hrg-top .max-lang { margin-top: 5px; vertical-align: middle; } }







/* 权限弹窗    */



body.modal-open { overflow: hidden; width: 100%; height: 100%; }







.juris-popup { position: fixed; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: rgba(0, 0, 0, 0); z-index: 2018; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: background-color .3s; -o-transition: background-color .3s; -moz-transition: background-color .3s; transition: background-color .3s; visibility: hidden; }







.juris-popup.modal-open { visibility: visible; background-color: rgba(0, 0, 0, 0.8); }







.juris-popup.modal-open .popup-content { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }







.popup-content { background-color: #fff; width: 300px; margin: 120px auto 0; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; -webkit-transform: translateY(-360px); -moz-transform: translateY(-360px); -ms-transform: translateY(-360px); -o-transform: translateY(-360px); transform: translateY(-360px); -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; -o-transition: -o-transform .6s; -moz-transition: transform .6s, -moz-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s; }







.close-wrapper { text-align: right; line-height: 1.5; padding: 5px; border-bottom: 1px solid #efefef; }







.close-wrapper .close-icon { display: inline-block; vertical-align: top; width: 32px; height: 32px; text-align: center; line-height: 32px; font-size: 32px; color: #666; cursor: pointer; }







.close-wrapper .close-icon:hover { background: #eee; }







.juris-info { padding: 30px 15px; }







.juris-info .or { width: 100%; position: relative; margin: 15px 0; }







.juris-info .or:after { content: ''; position: absolute; height: 1px; background: #efefef; left: 0; top: 50%; z-index: 1; width: 100%; }







.juris-info .or .tips { display: inline-block; position: relative; z-index: 2; padding: 0 15px; background: #fff; }







.juris-info .login-text, .juris-info .email-text { color: #c80009; }







@media (min-width: 768px) { .popup-content { width: 420px; }



.juris-info { min-height: 180px; } }







/* 权限弹窗    */



/* 搜索提示弹窗   */



.tipsmodal-wrap-one { position: fixed; top: 50%; left: 50%; margin-top: -32px; margin-left: -110px; visibility: hidden; }







.tipsmodal { padding: 15px 15px; background-color: #014d9e; -webkit-border-radius: 4px; border-radius: 4px; width: 220px; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }







.tipsmodal .tips { color: #fff; font-size: 14px; line-height: 20px; position: relative; padding-left: 28px; }







.tipsmodal .tips:after { content: ''; position: absolute; width: 20px; height: 20px; background: url(../webimages/gantan.png) no-repeat scroll center center; left: 0; top: 0; }







@media (min-width: 1024px) { .tipsmodal-wrap-one { position: absolute; top: 90px; left: 0; margin-top: 0px; margin-left: 0px; }



.tipsmodal { padding: 22px 30px; width: 260px; }



.tipsmodal .tips { font-size: 15px; } }







.tipsmodal.show { visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }







/* new 文档中心 kit 软件  s*/



.newform { max-width: 880px; position: relative; margin: 0 auto; }







.newform .searchText { line-height: 44px;height: 44px; background: #fff; font-size: 14px; color: #808080; text-indent: 1em; width: 100%; border: 1px solid transparent; }







.newform .searchButton { display: block; width: 100%; background: #c80009; line-height: 44px; text-align: center; color: #fff; font-size: 14px; height: 44px; margin-top: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }







.newform .searchButton:hover { background-color: #d71333; }







@media (min-width: 768px) { .newform .searchText { float: left; width: 87%; }



.newform .searchButton { float: left; width: 13%; margin-top: 0px; font-size: 0; background-image: url(../webimages/zhaopinicon.png); background-repeat: no-repeat; background-position: center center; -o-background-size: 25px auto; background-size: 25px auto; }



.newform:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; } }







@media (min-width: 1024px) { .newform .searchText { line-height: 54px;height: 54px; font-size: 16px; }



.newform .searchButton { line-height: 54px; height: 54px; } }







.newTabs ul li { width: 100%; padding: 10px 0 10px 0; border-top: 1px solid #e6e6e6; }







.newTabs ul li h4 { font-size: 15px; font-weight: bold; padding: 0 22px; line-height: 36px; position: relative; }







.newTabs ul li h4 a { color: #666; display: block; }







.newTabs ul li h4:after { content: ''; position: absolute; left: 0; border: 6px solid transparent; border-left-color: #666666; top: 50%; margin-top: -6px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: -o-transform .3s ease; -moz-transition: transform .3s ease, -moz-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease; -o-transition: transform .3s ease; -o-transition: transform .3s ease; -webkit-transition: transform .3s ease; }







.newTabs ul li.cur h4 a { color: #0a51a4; }







.newTabs ul li.cur h4:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -o-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); border-left-color: #0a51a4; }







.newTabs ul li.cur .newtoolsnav { display: block; }







.newTabs ul li.no h4:after { display: none; }







.newTabs .newtoolsnav { width: 100%; padding: 5px 16px 0; display: none; }







.newTabs .newtoolsnav a { display: block; font-size: 14px; color: #666666; line-height: 22px; padding: 6px 22px; position: relative; }







.newTabs .newtoolsnav a input { display: none; }







.newTabs .newtoolsnav a.on { color: #0a51a4; }







.newTabs .newtoolsnav a:after { content: ''; position: absolute; width: 18px; height: 20px; overflow: hidden; background-image: url(../webimages/selecticon.png); background-position: 0 3px; background-repeat: no-repeat; left: 0; top: 8px; }







.newTabs .newtoolsnav a.on:after { background-position: 0 -23px; }







@media (min-width: 1024px) { .newTabs ul li h4 { font-size: 16px; }



.newTabs .newtoolsnav { width: 100%; padding: 0 32px; }



.newTabs .newtoolsnav a { font-size: 14px; }



.newTabs .newtoolsnav a:hover { color: #0a51a4; } }







@media (min-width: 1200px) { .newTabs ul li h4 { font-size: 17px; } }







.newright .artTable { min-width: 920px; }







.newartTable .table-header .name, .newartTable .table-main li .name { width: 38%; }







.newartTable .table-header .vers, .newartTable .table-main li .vers { width: 12%; }







.newartTable .table-header .tips, .newartTable .table-main li .tips { width: 14%; }







@media (min-width: 1024px) { .newleft { float: left; width: 210px; }



.newright { padding-left: 240px; } }







@media (min-width: 1200px) { .newleft { float: left; width: 270px; }



.newright { padding-left: 320px; }



.newright .artTable { min-width: 1080px; } }







@-webkit-keyframes hot { 0% { -webkit-transform: translateY(0); transform: translateY(0); }



50% { -webkit-transform: translateY(3px); transform: translateY(3px); }



100% { -webkit-transform: translateY(0); transform: translateY(0); } }







@-moz-keyframes hot { 0% { -moz-transform: translateY(0); transform: translateY(0); }



50% { -moz-transform: translateY(3px); transform: translateY(3px); }



100% { -moz-transform: translateY(0); transform: translateY(0); } }







@-o-keyframes hot { 0% { -o-transform: translateY(0); transform: translateY(0); }



50% { -o-transform: translateY(3px); transform: translateY(3px); }



100% { -o-transform: translateY(0); transform: translateY(0); } }







@keyframes hot { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }



50% { -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); }



100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }







.newpage { width: 100%; padding-top: 20px; }







.newpage-ul li { border: 1px solid #dce5ec; margin-bottom: 15px; }







.newpage-ul li .title { width: 100%; padding: 10px; position: relative; border-bottom: 1px solid #dce5ec; line-height: 20px; }







.newpage-ul li .title .name { display: inline-block; vertical-align: top; font-size: 14px; color: #7b7c80; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; position: relative; }







.newpage-ul li .links { width: 100%; font-size: 0; padding-top: 8px; }







.newpage-ul li .links a { display: inline-block; vertical-align: middle; color: #0a51a4; font-size: 14px; margin-right: 15px; text-decoration: underline; }







.newpage-ul li .links a:hover { color: #084995; }







.newpage-ul li .info { color: #7b7c80; padding: 10px; font-size: 13px; line-height: 22px; }







.newpage-ul li.hot .title .name:after { content: 'Hot'; display: inline-block; font-size: 12px; color: #D1121B; font-weight: bold; margin-left: 8px; position: relative; top: -5px; -webkit-animation: hot 1s infinite alternate; -moz-animation: hot 1s infinite alternate; -o-animation: hot 1s infinite alternate; animation: hot 1s infinite alternate; }







@media (min-width: 1024px) { .newpage { padding-top: 0px; }



.newpage-ul li { margin-bottom: 25px; }



.newpage-ul li .title { padding: 10px 15px; line-height: 24px; }



.newpage-ul li .title .name { font-size: 16px; padding-right: 30%; }



.newpage-ul li .links { width: auto; padding-top: 0px; position: absolute; right: 20px; top: 10px; }



.newpage-ul li .links a { margin-right: 0px; margin-left: 20px; }



.newpage-ul li .info { padding: 10px 15px; font-size: 14px; line-height: 24px; } }







/* new 文档中心 kit 软件  e*/



/* 文档中心 s  new*/



.domtablewrap { width: 100%; overflow-x: auto; overflow-y: hidden; }







.domtable { width: 100%; min-width: 820px; }







.domtable tr th { font-size: 16px;white-space: nowrap; background-color: #f2f2f2; color: #333333; font-weight: bold; line-height: 46px; padding-top: 0; padding-bottom: 0; }







.domtable tr td { line-height: 42px; font-size: 14px; border-bottom: 1px solid #efefef; }







.domtable tr td p { line-height: 28px; display: inline-block; vertical-align: middle; padding-right: 30px; position: relative; }







.domtable tr td .links { display: inline-block; vertical-align: middle; color: #0a51a4; font-weight: bold; }







.domtable tr td .links:hover { color: #0b5ab5; opacity: 0.9; }







.domtable tr th:nth-child(1) { width: 35%; }







.domtable tr th, .domtable tr td { padding-left: 15px; padding-right: 15px; text-align: left; }







.domtable tr.hot td:first-child p:after { content: ''; position: absolute; width: 24px; height: 20px; background: url(../webimages/hoticon.png) no-repeat scroll 0 0; -o-background-size: 90%; background-size: 90%; right: 0; top: 0%; }







@media (min-width: 1024px) { .domtable tr th { line-height: 54px; }



.domtable tr td { line-height: 52px; font-size: 15px; }



.domtable tr td p { line-height: 34px; }



.domtable tr:hover { background-color: #fafafa; } }







@media (min-width: 1200px) { .domtable tr th { font-size: 18px; }



.domtable tr th, .domtable tr td { padding-left: 20px; padding-right: 20px; }



.domtable tr.hot td:first-child p:after { -o-background-size: contain; background-size: contain; } }







@media (min-width: 1400px) { .domtable tr th, .domtable tr td { padding-left: 30px; padding-right: 30px; } }







/* 文档中心 e  new*/



/* 软件 kits s new  */



.substance { width: 100%; }







.substan-ul { width: 100%; }







.substan-ul li { width: 100%; position: relative; padding-top: 18px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; }







.substan-ul li .title { width: 100%; overflow: hidden; font-size: 0; line-height: 24px; }







.substan-ul li .title span { display: inline-block; vertical-align: top; color: #575757; font-size: 16px; font-weight: bold; position: relative; padding-right: 30px; }







.substan-ul li .info { color: #808080; font-size: 14px; line-height: 24px; margin-top: 10px; }







.substan-ul li .le { width: 100%; }







.substan-ul li .rh { width: 100%; font-size: 0; padding-top: 15px; text-align: right; }







.substan-ul li .mbntn { display: inline-block; vertical-align: middle; }







.substan-ul li .mbntn .icon { display: block; margin: 0 auto; position: relative; width: 34px; height: 22px; }







.substan-ul li .mbntn .icon:before, .substan-ul li .mbntn .icon:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }







.substan-ul li .mbntn p { color: #999999; font-size: 13px; line-height: 20px; padding-top: 0px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: none; }







.substan-ul li .mbntn .lookicon:before { background-image: url(../webimages/eyess.png); opacity: 1; -o-background-size: 60%; background-size: 60%; }







.substan-ul li .mbntn .lookicon:after { background-image: url(../webimages/eyess02.png); opacity: 0; -o-background-size: 60%; background-size: 60%; }







.substan-ul li .mbntn .downicon:before { background-image: url(../webimages/downss.png); opacity: 1; -o-background-size: 50%; background-size: 50%; }







.substan-ul li .mbntn .downicon:after { background-image: url(../webimages/downss02.png); opacity: 0; -o-background-size: 50%; background-size: 50%; }







.substan-ul li .mbntn:hover .icon:before { opacity: 0; }







.substan-ul li .mbntn:hover .icon:after { opacity: 1; }







.substan-ul li .mbntn:hover p { color: #0a51a4; }







.substan-ul li.hot .title span:after { content: ''; position: absolute; width: 24px; height: 20px; background: url(../webimages/hoticon.png) no-repeat scroll 0 0; -o-background-size: 90%; background-size: 90%; right: 0; top: 0%; }







@media (min-width: 1024px) { .substancerr .substan-ul li .rh { text-align: left; }



.substan-ul li { padding-top: 24px; padding-bottom: 20px; }



.substan-ul li .title { line-height: 30px; }



.substan-ul li .title span { font-size: 20px; }



.substan-ul li .le { width: 100%; padding-right: 200px; }



.substan-ul li .rh { padding-top: 0px; position: absolute; right: 0; top: 50%; width: 200px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }



.substan-ul li .mbntn { margin-right: 0px; margin-left: 35px; }



.substan-ul li .mbntn p { padding-top: 4px; display: block; }



.substan-ul li .mbntn .lookicon:before { -o-background-size: 80%; background-size: 80%; }



.substan-ul li .mbntn .lookicon:after { -o-background-size: 80%; background-size: 80%; }



.substan-ul li .mbntn .downicon:before { -o-background-size: contain; background-size: contain; }



.substan-ul li .mbntn .downicon:after { -o-background-size: contain; background-size: contain; }



.substan-ul li:hover .title span { color: #0a51a4; }



.substan-ul li:first-child { padding-top: 0; }



.substan-ul li.hot .title span:after { -o-background-size: cover; background-size: cover; } }







@media (min-width: 1200px) { .substan-ul li .title { line-height: 34px; }



.substan-ul li .title span { font-size: 24px; }



.substan-ul li .mbntn .lookicon:before { -o-background-size: contain; background-size: contain; }



.substan-ul li .mbntn .lookicon:after { -o-background-size: contain; background-size: contain; } }







.noborder { border-bottom: none; padding: 15px 0; }







/* 软件 kits e new  */







/* 404*/



.page-404 { width: 100%; padding: 20px 20px 60px; background-color: #f5f5f5; }







.page-404 .page-img { text-align: center; }







.page-404 img { max-width: 100%; }







.page-404 .page-cneter { text-align: center; }







.page-404 .content { display: inline-block; vertical-align: top; text-align: left; }







.page-404 .content h4 { font-size: 16px; line-height: 26px; color: #333; font-weight: bold; }







.page-404 .content h3 { font-size: 28px; line-height: 40px; color: #333; font-weight: bold; }







.page-404 .content .label { padding: 5px 0; font-size: 14px; line-height: 24px; color: #999; }







.page-404 .content .label a { color: #999; }







.page-404 .content .link a { display: block; width: 160px; height: 40px; font-size: 14px; line-height: 38px; text-align: center; border: 1px solid #dc4a3b; color: #dc4a3b; }







.page-404 .content .link .retrun { margin-bottom: 12px; background-color: #ba000b; border-color: #ba000b; color: #fff; }







@media (min-width: 1024px) { .page-404 { height: 100%; height: 550px; padding: 0; }



.page-404 .page-cneter { display: table; table-layout: fixed; width: 100%; height: 100%; }



.page-404 .page-cneter .page-img { display: table-cell; vertical-align: middle; width: 50%; }



.page-404 .page-cneter .content { display: table-cell; vertical-align: middle; width: 50%; padding-left: 12.28814%; }



.page-404 .content h4 { font-size: 32px; line-height: 42px; }



.page-404 .content h3 { font-size: 54px; line-height: 66px; }



.page-404 .content .label { padding: 15px 0; font-size: 18px; line-height: 28px; } }







@media (min-width: 768px) { .toolsform .searchText { float: left; width: 87%; }



.toolsform .searchButton { float: left; width: 13%; margin-top: 0px; font-size: 0; background-image: url(../webimages/toolsses-icon.png); background-repeat: no-repeat; background-position: center center; -o-background-size: auto; background-size: auto; }



.toolsform:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }



.response-column { width: 100%; }



.wwiotposcon { height: 330px; } 



.index-product-colunm { position: relative; margin-bottom: 0px; padding: 0; }



}







@charset "UTF-8";



@media (min-width: 1024px) { .kitsTable-wrapper { margin-top: 0px; }



.cate-contents { padding-top: 20px; }



/*  20180903 首页产品  */



.index-product-row { width: 100%; overflow: hidden; }



/*.index-product-colunm { position: relative; margin-bottom: 0px; padding: 0; }*/



.index-product-colunm a { display: block; }



.index-product-colunm a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }



.txtMarquee-left .bd { margin: 0; }



.toolsform .searchText { line-height: 50px; font-size: 16px; }



.toolsform .searchButton { line-height: 50px; height: 50px; }



.tool-wrap { padding-top: 45px; padding-bottom: 45px; }



.toolscontainer-left { float: left; max-width: 274px; width: 19%; }



.toolscontainer-right { float: right; max-width: 1086px; width: 75%; }



.toolscontainer { padding: 72px 0; }



.toolsTabs ul li h4 { font-size: 16px; }



.toolsTabs .toolsnav { width: 100%; padding: 0 32px; }



.toolsTabs .toolsnav a { font-size: 14px; }



.toolsTabs .toolsnav a:hover { color: #0a51a4; }



.toolsTabs .toolsnav a:hover:after { background: #0a51a4; }



.toolsLists { border-top: none; padding-top: 0px; }



.toolsLists ul li { margin-bottom: 40px; }



.toolsLists ul li .image { width: 200px; float: left; }



.toolsLists ul li a:hover .image img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transform: scale(1.1); }



.toolsLists ul li a:hover .toolsLookMore { color: #0a51a4; }



.toolsLists .textwrap { padding-left: 220px; }



.toolsLists .textwrap .title { font-size: 24px; }



.toolsLists .textwrap .details { -webkit-line-clamp: 2; height: 50px; margin-top: 0; }



.toolsLists .toolsLookMore { padding-top: 5px; }



.loadingMore .loadingMoreButton:active, .loadingMore .loadingMoreButton:hover { background-color: #e1010c; }



/*文档中心*/



.artform { max-width: 1115px; margin: 0 auto; }



.artform:after { content: ''; display: block; visibility: hidden; clear: both; height: 0; }



.detailType { float: left; margin: 0 5px 0; width: 21.8%; max-width: 245px; }



.detailType select { font-size: 16px; height: 50px; line-height: 50px; padding-right: 50px; }



.detailType:after { right: 25px; }



.detailType:before { width: 50px; height: 50px; }



.keyword { float: left; margin: 0 5px; width: 30.5%; max-width: 345px; position: relative; }



.keyword .searchText { line-height: 50px; height: 50px; font-size: 16px; margin-bottom: 0px; padding-right: 50px; }



.keyword .searchButton { position: absolute; background-image: url(../webimages/toolsses-icon.png); font-size: 0px; background-position: center center; width: 50px; height: 50px; top: 0; right: 0; }



.keyword .searchButton:active, .keyword .searchButton:hover { background-color: #e9040e; }



.artTable .table-header h3 { font-size: 18px; }



.artTable .table-main li { line-height: 50px; }



.artTable .table-main li .cell { font-size: 16px; }



.artTable .table-main li .cell a:hover { opacity: 0.8; color: #014d9e !important; }



.artTable .table-main li .cell .fireicon { -o-background-size: auto; background-size: auto; }



/* kits 切换 */



.kitsTabsMain { background: #f2f2f2; padding: 40px 0px 0; }



.kitsTabsMain .titlle { font-size: 24px; line-height: 1.4; margin-bottom: 20px; }



.kitstabs ul { padding-bottom: 40px; }



.kitstabs ul li { width: auto; line-height: 40px; font-size: 16px; min-width: 214px; }



.kitstabs ul li:hover { background-color: #014a98; }



.kitstabs ul li:active { background-color: #014a98; }



.kitstabs ul li:after { bottom: -40px; border-width: 15px; margin-left: -7px; }



.kitscontainer { padding: 40px 0; }



/*  20180929 修改       */



.kitssummary { padding-bottom: 40px; }



.kitssummary .title { font-weight: bold; color: #333333; font-size: 24px; margin-bottom: 30px; }



.kitssummary .text { font-size: 16px; line-height: 36px; }



.kitssummary02 { padding-bottom: 20px; }



.kitsimage { margin: 0 -35px; }



.kitsimage .item { float: left; width: 50%; padding: 0 35px; }



.kitsimage .item .title { font-size: 24px; padding: 35px 0 25px 0; }



.kitsimage .item:nth-child(2n+1) { clear: both; }



/*  20180929   修改    */



.single-item-wrap .item { float: none; width: 100%; }



.single-item-wrap .image { max-width: 60%; margin: 0 auto; }



.w-wrap { padding-top: 25px; }



.copywriting { font-size: 16px; }



.w-wrap02 { padding-bottom: 35px; min-height: 220px; }



.w-wrap02 .sub-title { font-size: 18px; }



.w-wrap02 .copywriting { line-height: 36px; }



/*  20180929   修改    */



.kitsTable .head { padding: 0 25px; }



.kitsTable .head h3 { font-size: 18px; line-height: 50px; }



.kitsTable .bodies li { padding: 0 25px; line-height: 45px; }



.kitsTable .bodies li .cell a:hover { color: #0666ce; }



.kitsTable .bodies li .links { font-size: 15px; }



.kitsTable .bodies li .name { width: 26%; }



/* 解决方案 */



.m-bio-bantext .bio-text .middleWidth { max-width: 41.43836%; }



.m-bio-bantext .bio-text-right:after { content: ''; display: block; clear: both; }



.m-bio-bantext .bio-text-right .middle { float: right; }



.kitsTable-4 .bodies li .cell, .kitsTable-4 .head h3 { width: 25% !important; }



.kitssummary03 { padding-bottom: 60px; }



.kitssummary03:last-child { padding-bottom: 20px; }



.summaryMargin { margin-top: 35px; }



.kitsTable-type3 .bodies li .cell img { width: 40px; }



/* 产品 -微控 */



.textcolumn-2 .text ul { font-size: 0; }



.textcolumn-2 .text ul li { font-size: 16px; display: inline-block; width: 50%; vertical-align: top; padding-right: 10px; /*20180929 修改*/ }



.textcolumn-2 .text ul li:before { top: 15px; }



/*20180929 修改*/



.textcolumn-2 .text-cols { font-size: 0; }



.textcolumn-2 .text-cols ul { display: inline-block; vertical-align: top; width: 50%; }



.textcolumn-2 .text-cols ul li { width: 100%; }



/*20180929 修改*/



.kitssummary .text-cols02 ul { width: 100%; }



.kitssummary .text-cols02 ul li { line-height: 36px; width: 100%; /*20180929 修改*/ }



.kitssummary .text-cols02 ul li:before { top: 12px; }



.kitsTable-title-font { font-size: 22px; padding-bottom: 25px; }



.bs-margin { margin-bottom: 50px; }



.m-bio-bantext .bio-text .name-color-fff { color: #fff; }



/* 产品汇总   MCU产品 */



.response-column { width: 33.33%; padding-top: 40px; }



.response-column:nth-child(3n+1) { clear: both; }



.as-mcu-padding { padding-top: 35px; padding-bottom: 55px; }



.l-description .title { font-size: 24px; margin-bottom: 20px; }



.l-description .title02 { margin-top: 45px; }



.l-description .text { font-size: 16px; }



.min-dl-mainone { min-height: 310px; position: relative; }



.min-dl-mainone .dd-look-more { position: absolute; bottom: 50px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }



.dl-main { padding: 0 7% 12.5%; }



.dl-dddt .dd { padding-top: 30px; }



.dl-dddt .dd .ddtxt { overflow: hidden; }



.dl-dddt .dd h4 { font-size: 17px; }



.dl-dddt .dd .txt { font-size: 15px; line-height: 28px; height: 112px; margin-bottom: 35px; }



.dd-look-more:hover { background-color: #0a51a4; color: #fff; }



.dl-dddt02 .dd { padding-top: 40px; }



.dl-dddt02 .dd .txt { height: 84px; margin-bottom: 60px; }



.dl-dddt03 .dd { padding-top: 35px; }



.dl-dddt03 .dd .ddtxt { min-height: 152px; }



.dl-dddt03 .dd .txt { height: 84px; }



.dl-dddt04 .dd .ddtxt { min-height: 176px; }



.dl-dddt04 .dd .txt { margin-bottom: 10px; }



.other-title-font { padding-top: 50px; padding-bottom: 25px; }



.table-module { margin-top: 0px; }



.table-module .head { line-height: 50px; }



.table-module .head h3 { font-size: 18px; }



.table-module .bodies { line-height: 50px; }



.table-module .bodies li span { font-size: 16px; }



.table-module .bodies li .more:hover { color: #0a51a4; opacity: 0.9; }



.other-left { float: left; width: 22%; }



.other-right { width: 75%; float: right; }



/* 新改变的搜索  */



.if-search-wrap { background-color: #e6ecf0; padding: 0 15px; }



.search-wrap-width { padding: 42px 0; }



.if-search input { line-height: 52px; height: 52px; }



.if-search .if-text { padding-right: 60px; }



.if-search .if-btn { width: 52px; }



.if-search .if-btn:hover { background-color: #d5030d; }



.ifwrapper { background-color: #fff; margin-top: 0px; margin-bottom: 100px; position: relative; }



.if-left { border-right: none; width: 292px; }



.if-right { float: none; border-left: 1px solid #e3e3e3; width: 100%; padding-left: 292px; position: relative; margin-left: -1px; }



.ifwrapper:before { content: ''; position: absolute; top: 0; left: 292px; width: 1px; background: #e3e3e3; height: 100%; }



.ifwrapper.ifwrapper-hide:before { display: none; }



/* 左侧搜索条件 */



.if-left { padding: 25px 25px 0; border-bottom: none; position: relative; z-index: 22; }



.if-form .title { font-size: 16px; padding-bottom: 10px; line-height: 1.5; border: none; }



.if-form .title:after { display: none; }



.if-form .forms { display: block; padding-bottom: 25px;}



.if-form .forms .form-item { line-height: 30px; font-size: 14px; }



.if-form .forms .form-item:hover span { color: #034894; }



.if-form .forms .form-item:hover:before { background: #034894; }



.if-banner-navbar {line-height: 62px; }



.banner-navbar .swiper-slide { padding-right: 27px; margin-right: 7px; }



.banner-navbar .swiper-slide a span { font-size: 16px; }



.banner-navbar .swiper-slide a:hover { color: #034894; }



.banner-navbar .swiper-slide a:hover .icon { background-position: 0 -22px; }



.if-result .if-title { padding: 35px 35px 0; }



.if-result-list li { padding: 2% 3%; }



.if-result-list li a:hover .title { color: #034894; }



.if-result-list li a:hover .text { color: #034894; }



.if-result-list li .title { font-size: 16px; max-height: 50px; }



.if-result-list li .text { font-size: 14px; max-height: 72px; }



.if-button-wrapper { padding-top: 70px; padding-bottom: 90px; }



.if-button-wrapper .ifbutton:hover { background: #064691; }



.max-width-important { max-width: 100% !important; } }







@charset "UTF-8";



@media (min-width: 1200px) { .toolsTabs ul li h4 { font-size: 18px; }



.toolsLists ul li { margin-bottom: 40px; }



.toolsLists ul li .image { width: 260px; float: left; }



.toolsLists .textwrap { padding-left: 310px; }



.toolsLists .textwrap .details { margin-top: 10px; }



.toolsLists .toolsLookMore { padding-top: 25px; }



.loadingMore { padding: 40px 0 40px 0; }



.loadingMore .loadingMoreButton { height: 46px; -o-background-size: 32px; background-size: 32px; }



/* 文档中心 */



.artTable .table-header { padding: 0 40px; }



.artTable .table-main li { padding: 0 40px; }



.artcontainer { padding: 60px 0 60px 0; }



/* kits 切换 */



.kitsTabsMain { padding: 60px 0px 0; }



.kitsTabsMain .titlle { font-size: 25px; line-height: 1.4; }



.kitstabs ul { padding-bottom: 60px; }



.kitstabs ul li { font-size: 18px; }



.kitstabs ul li:after { bottom: -60px; }



.kitscontainer { padding: 60px 0; }



.kitssummary { padding-bottom: 60px; }



.kitssummary02 { padding-bottom: 40px; }



.kitsimage .item .title { padding: 50px 0 30px 0; }



.kitsTable .head { line-height: 50px; padding: 0 40px; }



.kitsTable .bodies li { padding: 0 40px; font-size: 16px; line-height: 50px; }



.summaryList .text { width: 100%; overflow: hidden; line-height: 36px; }



.summaryList .text div { float: left; width: 50%; }



/* 产品 -微控 */



.summaryMargin { margin-top: 50px; }



.row-column:after { content: ''; display: block; clear: both; }



.row-column { border-bottom: 1px solid #efefef; }



.row-column .column-md-6 { float: left; width: 50%; padding-top: 0; border: none; padding-right: 5.6%; }



.md-padding-left35 { padding-left: 35px; }



/* 产品汇总   MCU产品 */



.as-mcu-padding { padding-top: 40px; padding-bottom: 100px; }



.dl-dddt .dd .txt { font-size: 16px; }



.wwiotposcon { height: 284px; } }







@media (min-width: 1400px) { 



.if-left { width: 300px; }



.if-right { padding-left: 300px; }



.ifwrapper:before { left: 300px; }



.banner-navbar .swiper-slide { padding-right: 34px; }







 .dl-dddt .dd h4 { font-size: 18px; }











 }







@media (min-width: 1440px) { .wwiotposcon { height: 320px; } }







@media (min-width: 1600px) { .wwiotposcon { height: 360px; }



.banner-navbar .swiper-slide { padding-right: 50px; } }







@media (min-width: 1800px) { .wwiotposcon { height: 400px; } }







@charset "UTF-8";



/* ============================================= 登陆 ======================================================*/



.form-logo-wrapper { position: absolute; left: 15px; width: 120px; overflow: hidden; top: 10px; }







.form-logo-wrapper img { display: block; width: auto; }







.login-font { float: left; width: 80px; padding-left: 10px; margin-left: 10px; border-left: 1px solid #e3e3e3; margin-top: 8px; }







.login-font img { display: block; width: 100%; }







.tablang { float: right; margin-top: 8px; }







.tablang .title { font-size: 14px; }







.tablang .title a { color: #666666; }







.tablang .tabs { position: absolute; width: 100%; background: #fff; left: 0; right: 0; top: 55px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 8px; display: none; }







.tablang .tabs a { display: block; width: 100%; text-align: center; line-height: 34px; }







.tablang .tabs a:active { color: #0a51a4; }







.login-wrapper .bg { display: none; }







.loginform { background: #fff; padding: 35px 10px; }







.loginform .title { font-size: 26px; color: #0a51a4; font-weight: bold; line-height: 1.6; margin-bottom: 20px; margin-top: 10px; }







.login-form-item { margin-bottom: 20px; }







.login-form-item input { display: block; width: 100%; line-height: 38px; height: 40px; border: 1px solid #a9a9a9; font-size: 14px; color: #666666; text-indent: 10px; }







.login-form-item .imageCodebox .code { border-color: #a9a9a9; }







.no-password { margin-bottom: 30px; line-height: 1.5; }







.no-password a { display: inline-block; vertical-align: top; color: #0a51a4; font-size: 14px; font-weight: bold; }







.no-password a:active { color: #094891; }







.form-login-btn input { display: block; width: 100%; font-size: 14px; color: #fff; height: 40px; line-height: 40px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-border-radius: 4px; border-radius: 4px; }







.form-login-btn .form-btn { background: #c8000a; }







.form-login-btn .form-btn:active { background: #d8020c; }







.form-info { font-size: 14px; color: #999999; margin-top: 20px; margin-bottom: 25px; }







.form-info a { display: inline-block; vertical-align: top; color: #0a51a4; font-weight: bold; }







.form-info a:active { color: #053f83; }







/* 登录注册底部 */



.register-login-footer { font-size: 13px; color: #ffffff; text-align: center; background-color: #333333; line-height: 1.6; padding: 10px 15px; width: 100%; }







.register-login-footer a { color: #ffffff; display: inline-block; vertical-align: top; }







/* 注册  */



.register-wrapper { padding: 6% 0 7% 0; }







.registerbox { background-color: #fff; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: center center; padding: 4% 0; }







.register-title { font-size: 24px; color: #0a51a4; font-weight: bold; line-height: 1.4; }







.register-title:before { content: ''; display: inline-block; vertical-align: top; width: 2px; height: 28px; margin-right: 15px; margin-top: 3px; background: #c8000a; }







.registerform { padding-top: 20px; }







.reg-form-item:after { content: ''; display: block; clear: both; }







.reg-form-item { line-height: 30px; margin-bottom: 10px; }







.reg-form-item .xin { color: #c8000a; font-weight: bold; }







.reg-form-item .input-type-name { font-size: 12px; color: #4c4c4c; font-weight: bold; }







.reg-form-item .reg-item-input { display: block; width: 100%; height: 32px; line-height: 32px; font-size: 12px; color: #666; border: 1px solid #cccccc; text-indent: 10px; }







.imageCodebox { width: 100%; position: relative; }







.imageCodebox .imageInput { width: 100%; padding-right: 100px; }







.imageCodebox .code { display: block; width: 100%; border: 1px solid #ccc; height: 40px; line-height: 40px; text-indent: 10px; }







.imageCodebox .imageCode { position: absolute; top: 0; right: 0; width: 90px; overflow: hidden; height: 40px; }







.imageCodebox .imageCode img { display: block; width: 100%; height: 100%; }







.reg-agree { line-height: 28px; font-size: 14px; }







.reg-agree label { display: inline-block; vertical-align: top; }







.reg-agree label input { margin: 0; -webkit-appearance: checkbox; -moz-appearance: checkbox; margin-top: 2px; display: inline-block; vertical-align: middle; }







.reg-agree label span { display: inline-block; vertical-align: middle; margin-top: 2px; color: #999999; }







.reg-agree .ifAgree { display: inline-block; vertical-align: middle; margin-top: 2px; margin-left: -2px; color: #0c337f; font-weight: bold; }







.reg-agree .ifAgree:active { opacity: 0.8; }







.form-login-btn { margin-top: 30px; }







.form-login-btn .regbtn { background: #c8000a; }







.form-login-btn .regbtn:active { background: #d9010c; }







/* 注册协议  */



.registerAgree { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1999; background: rgba(0, 0, 0, 0.8); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: none; }







.registerAgreeWeb { width: 90%; margin: 20% auto 0; background: #fff; }







.registerAgree-scroll { overflow-x: hidden; overflow-y: auto; position: relative; width: 100%; height: 100%; }







.registerAgreeTitle { background: #f4f6f9; font-size: 18px; padding: 0 15px; color: #333333; font-weight: bold; line-height: 50px; position: relative; }







.registerAgreeTitle .close { display: inline-block; width: 18px; height: 18px; position: absolute; background: url(../webimages/aindex_inco30.png) 0 0 no-repeat; top: 50%; margin-top: -9px; right: 15px; }







.registerAgreeCon { padding: 15px 15px 0; height: 420px; overflow-x: hidden; overflow-y: auto; }







.registerAgreeOne { font-size: 14px; color: #4c4c4c; line-height: 160%; }







.registerAgreeOne h5 { font-size: 15px; font-weight: bold; }







.registerAgreeTwo { padding: 30px 0 20px; }







.registerAgreeTwo a { display: block; line-height: 40px; color: #fff; font-size: 14px; color: #ffffff; text-align: center; background: #c8000a; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }







.registerAgreeTwo a:active { opacity: 0.9; }







/* 步骤条 */



.steps-round { font-size: 0px; line-height: 0px; }







.steps-round:after { content: ''; clear: both; display: block; }







.steps-round > div { display: inline-block; vertical-align: top; position: relative; }







.steps-round > div .wrap:before, .steps-round > div .wrap:after { display: table; content: ""; line-height: 0; }







/*------*/



.steps-round > .finished .round { background-color: #c8000a; color: #ffffff; }







/*------*/



.steps-round > div .round { width: 32px; height: 32px; -webkit-border-radius: 32px; border-radius: 32px; display: inline-block; vertical-align: middle; font-size: 14px; color: #FFF; line-height: 32px; text-align: center; float: left; }







.steps-round > .finished .bar { background-color: #c8000a; }







.steps-round > div .bar { margin: 13px 10px 0px 40px; width: 200px; height: 2px; vertical-align: middle; -webkit-border-radius: 4px; border-radius: 4px; }







.steps-round > div .wrap:after { clear: both; }







.steps-round > div:first-child > label { width: auto; max-width: 50%; margin-left: -8px; left: 0; }







.steps-round > div > label { display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 14px; height: 14px; margin-top: 6px; color: #666666; cursor: default; text-align: center; width: 50%; margin-left: -25%; position: relative; left: 15px; }







.steps-round > .current .round { background-color: #c8000a; }







.steps-round > .current .bar { background-color: #c8000a; }







.steps-round > .todo > label { color: #999999; }







.steps-round > .todo .round { background-color: #b9b9b9; color: #fff; }







.steps-round > .todo .bar { background-color: #b9b9b9; }







.steps-round > div:last-child, .steps-round > div.last { width: 30px !important; }







.steps-round > div:last-child > label, .steps-round > div.last > label { position: absolute; width: auto; margin-left: 0; left: -15px; right: 0; }







.steps-round-auto { display: table; width: 100%; }







.steps-round-auto > div { display: table-cell; }







.steps-round-auto > div .bar { width: auto; }







.steps-round .current > label, .steps-round .finished > label { color: #666666; }







.steps-round > .error .round { border-color: #d73636; background-color: #d73636; }







.steps-round > .error label { color: #d73636; }







.steps-3 > div { width: 50%; }







/*步骤条END*/



.stepProgress { padding-bottom: 30px; }







.sendTo-info { text-align: center; margin-top: 30px; }







.sendTo-info .image { margin-bottom: 30px; }







.sendTo-info .image span { display: inline-block; vertical-align: top; width: 46px; height: 46px; background: url(../webimages/reg-icon01.png) no-repeat scroll 0 0; -o-background-size: cover; background-size: cover; }







.sendTo-info .info { font-size: 16px; color: #444; line-height: 2; }







.sendTo-info .info p { font-weight: bold; }







.sendTo-info .info a { color: #c80009; font-size: 18px; font-weight: bold; }







.sendTo-info .info a:hover { opacity: 0.8; }







.regsucc-info { text-align: center; padding-top: 35px; }







.regsucc-info h3 { font-size: 20px; color: #333333; font-weight: bold; line-height: 60px; }







.regsucc-info h3 span { display: inline-block; vertical-align: middle; height: 60px; width: 60px; background: url(../webimages/reg-icon02.png) no-repeat scroll 0 0; -o-background-size: cover; background-size: cover; margin-right: 10px; }







.regsucc-info .info { margin-top: 26px; font-size: 14px; color: #4c4c4c; line-height: 1.5; }







.regsucc-info .info p { font-weight: bold; }







.regsucc-info .info p b { color: #c8000a; }







/* 表单验证自定义  样式  */



.Validform_checktip { font-size: 12px; vertical-align: middle; position: relative; color: #555555; display: block; line-height: 1.4; text-align: left; position: relative; }







.Validform_error { border: 1px solid #fcdbd9; }







.Validform_wrong { /*border: 1px solid #fcdbd9;*/ /*background-color: #fef0ef;*/ /*padding: 8px 15px;*/ /*margin-top: 5px;*/ font-size: 12px; color: #c8000a; font-weight: bold; padding-left: 20px; position: relative; margin-top: 10px; }







input.Validform_error { border-color: #c8000a !important; }







.Validform_wrong:before { content: ''; position: absolute; width: 12px; height: 12px; top: 0; left: 0; background: url(../webimages/error-icon.png) no-repeat scroll 0 0; -o-background-size: cover; background-size: cover; }







.Validform_right { /*border: 1px solid #b7eb8f;*/ /*background-color: #f6ffed;*/ /*padding: 8px 15px;*/ /*margin-top: 5px;*/ color: #52c41a; margin-top: 10px; /*display: none;*/ /*visibility: hidden;*/ }







.Validform_error { border-color: #ddd; }







.steps-pd-lr { padding: 0 90px; }







@media all and (min-width: 768px) { .registerform { padding-top: 30px; } }







@media all and (min-width: 1024px) { .form-logo-wrapper { position: static; width: auto; overflow: visible; float: left; margin-top: 21px; }



.margin-none { margin: 0 !important; }



/*==================================================== 登陆======================================================== */



.login-font { width: 120px; padding-left: 20px; margin-left: 30px; margin-top: 25px; }



.tablang { float: right; margin-top: 25px; line-height: 28px; position: relative; }



.tablang .title { padding-bottom: 20px; }



.tablang .title a { display: block; }



.tablang .title a:hover { color: #0a51a4; }



.tablang .tabs { top: 45px; border: 1px solid #cccccc; display: none; width: 150px; margin-left: -20px; padding-left: 16px; padding-right: 16px; }



.tablang .tabs a { text-align: left; }



.tablang .tabs a:hover { color: #0a51a4; }



.tablang .tabs:after { content: ''; position: absolute; border: 6px solid transparent; border-bottom-color: #fff; left: 32px; top: 0; margin-top: -12px; }



.tablang .tabs:before { content: ''; position: absolute; border: 7px solid transparent; border-bottom-color: #ccc; left: 31px; top: 0; margin-top: -14px; }



@-webkit-keyframes bgzoom { 0% { -webkit-transform: scale(1); transform: scale(1); }



  100% { -webkit-transform: scale(1.1); transform: scale(1.1); } }



@-moz-keyframes bgzoom { 0% { -moz-transform: scale(1); transform: scale(1); }



  100% { -moz-transform: scale(1.1); transform: scale(1.1); } }



@-o-keyframes bgzoom { 0% { -o-transform: scale(1); transform: scale(1); }



  100% { -o-transform: scale(1.1); transform: scale(1.1); } }



@keyframes bgzoom { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }



  100% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } }



.login-wrapper { position: relative; }



.login-wrapper .bg { display: block; width: 100%; height: 100%; overflow: hidden; z-index: -1; position: absolute; }



.login-wrapper .imageszoom { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; background-size: cover; -webkit-animation: bgzoom 25s alternate infinite; -moz-animation: bgzoom 25s alternate infinite; -o-animation: bgzoom 25s alternate infinite; animation: bgzoom 25s alternate infinite; }



.loginbox:after { content: ''; clear: both; display: block; }



.loginbox { padding-top: 6%; padding-bottom: 10%; }



.loginform { padding: 35px 35px; width: 440px; float: right; -webkit-border-radius: 10px; border-radius: 10px; }



.loginform .title { font-size: 30px; margin-bottom: 35px; line-height: 1.4; }



.no-password a:hover { opacity: 0.8; color: #094891; }



.form-login-btn .form-btn:hover { background: #d8020c; }



.form-info a:hover { color: #053f83; opacity: 0.8; }



/* 登录注册底部 */



.login-footer { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); }



.register-login-footer { padding: 20px 15px; }



/* 注册  */



.register-wrapper { background-color: #f0f2f5; }



.register-min-height { min-height: 84.15vh; padding-top: 4%; padding-bottom: 3%; }



.register-min-height .registerform { padding-top: 40px; }



.login-min-height { min-height: 89.5vh; }



.registerbox { padding: 3% 4% 3%; min-height: 540px; }



.register-title { font-size: 30px; }



.register-title:before { margin-top: 7px; }



.registerform { padding-top: 60px; }



.reg-form-item { margin-bottom: 30px; line-height: 40px; }



.reg-form-item .input-type-name { font-size: 16px; }



.reg-form-item .reg-item-input { height: 40px; line-height: 40px; font-size: 14px; }



.reg-form-item .reg-item-le { float: left; width: 28%; }



.reg-form-item .reg-item-rh { float: left; width: 72%; }



.reg-agree .ifAgree:hover { opacity: 0.8; }



.form-login-btn .regbtn:hover { background: #d9010c; }



/* 注册协议  */



.registerAgreeWeb { width: 600px; margin-top: 5%; margin-bottom: 10%; }



.registerAgreeCon { padding: 30px; }



.registerAgreeTwo { padding-top: 60px; padding-bottom: 40px; }



.registerAgreeTwo a { width: 340px; margin: 0 auto; line-height: 50px; font-size: 16px; }



.registerAgreeTwo a:hover { opacity: 0.9; }



.form-login-btn .regbtn { width: 320px; }



.stepProgress { padding-bottom: 70px; }



.sendTo-info { margin-top: 0; }



.regsucc-info { padding-top: 75px; }



.regsucc-info h3 { font-size: 30px; line-height: 80px; }



.regsucc-info h3 span { height: 80px; width: 80px; } }







@media (min-width: 1200px) { /* 注册  */



.registerform { max-width: 650px; margin: 0 auto; }



/* 注册协议  */



.registerAgreeWeb { width: 600px; }



.registerAgreeCon { height: 480px; }



.registerAgreeTitle { line-height: 60px; font-size: 20px; padding: 0 30px; }



.registerAgreeTitle .close { right: 30px; }



.registerAgreeOne h5 { font-size: 16px; } }







@media (min-width: 1600px) { /* 注册协议  */



.registerAgreeWeb { width: 1000px; }



.registerAgreeCon { height: 620px; } }







@charset "UTF-8";



/*  20190929 修改    */



.change-user-info .Validform_right { display: none; }







/* 个人中心 - 访客*/



/*  20190930 修改  */



.personal-banner { position: relative; margin-top: 0px; margin-bottom: 30px; overflow: hidden; padding: 0; max-width: 100% !important; }







/*  20190930 修改  */



.personal-banner .bg { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; padding: 0; max-width: 100% !important; }







.personal-banner .bg .inner { position: relative; width: 100%; height: 100%; overflow: hidden; }







/*  20190930 修改  */



.personal-banner .bg img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 100%; }







.personal-banner .info { position: relative; z-index: 10; padding: 20px; text-align: center; }







.personal-banner .info .avatar { width: 80px; height: 80px; margin: 0 auto 6px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }







.personal-banner .info .avatar img { display: block; width: 100%; -webkit-border-radius: 50%; border-radius: 50%; }







.personal-banner .info .name { font-size: 16px; line-height: 26px; color: #333; font-weight: bold; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }







.personal-container { padding-bottom: 30px; overflow: hidden; }







.personal-msg { margin-bottom: 20px; }







.personal-msg .personal-card { display: none; }







.personal-msg .personal-edit { display: block; border: solid 1px #e3e3e3; font-size: 18px; line-height: 30px; color: #034894; text-align: center; padding: 15px 0; margin-bottom: 20px; overflow: hidden; }







.personal-msg .contact { font-size: 14px; line-height: 48px; }







.personal-msg .contact ul { border: solid 1px #e3e3e3; border-bottom: 0; }







.personal-msg .contact li { border-bottom: 1px solid #e3e3e3; }







.personal-msg .contact li a { display: block; padding-left: 17px; }







.m-load-more { display: block; height: 45px; margin: 20px 10px; background-color: #c8000a; background-image: url("../images/loadmore.png"); background-repeat: no-repeat; background-position: center; overflow: hidden; }







.m-nodata { padding: 15px 10px; font-size: 16px; line-height: 30px; }







.personal-cate-list { border: 1px solid #e3e3e3; /* 问答*/ }







.personal-cate-list .cate { background-color: #fbfbfb; border-bottom: 1px solid #e3e3e3; overflow-x: auto; }







.personal-cate-list .cate ul { width: auto; font-size: 0; white-space: nowrap; }







.personal-cate-list .cate li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0 15px; }







.personal-cate-list .cate a { position: relative; display: block; font-size: 14px; line-height: 45px; padding: 0 5px; }







.personal-cate-list .cate a::after { content: ''; display: block; width: 0; height: 3px; background-color: #034894; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .2s ease width; -o-transition: .2s ease width; -moz-transition: .2s ease width; transition: .2s ease width; }







.personal-cate-list .cate a.cur { color: #034894; }







.personal-cate-list .cate a.cur::after { width: 100%; }







.personal-cate-list .cate-list li { border-bottom: 1px solid #e3e3e3; }







.personal-cate-list .cate-list li a { display: block; padding: 10px; }







.personal-cate-list .cate-list .title { font-size: 15px; line-height: 30px; color: #4d4d4d; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-weight: bold; }







.personal-cate-list .cate-list .text { font-size: 14px; line-height: 30px; color: #999999; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }







.personal-cate-list .child-cate { padding: 20px 0 8px 10px; }







.personal-cate-list .child-cate p { float: left; padding-right: 3px; }







.personal-cate-list .child-cate p a { padding: 0 14px; display: block; font-size: 14px; line-height: 30px; }







.personal-cate-list .child-cate p a.cur { background-color: #0a51a4; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; }







/* 个人主页*/



.personal-form-wrapper { max-width: 560px; margin: 0 auto; padding-top: 0px; padding-bottom: 40px; }







.personal-form-wrapper .form-cate { padding-bottom: 20px; font-size: 0; text-align: center; }







.personal-form-wrapper .form-cate a, .personal-form-wrapper .form-cate span { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 16px; line-height: 34px; color: #4c4c4c; }







.personal-form-wrapper .form-cate .cur { color: #0c337f; }







.personal-form-wrapper .form-cate span { padding: 0 1em; color: #ccc; }







.personal-form-wrapper .editor-info .per-item { position: relative; padding-left: 0px; margin-bottom: 15px; }



/*.personal-form-wrapper .editor-info .change-user-info .per-item { position: relative; padding-left: 90px; margin-bottom: 15px; }*/







.personal-form-wrapper .editor-info .label { float: none; position: static; left: 0; top: 0; font-size: 14px; line-height: 40px; color: #4d4d4d; }







.personal-form-wrapper .editor-info input { display: block; font-size: 14px; width: 100%; height: 40px; padding-left: 10px; border: solid 1px #ccc; }







.personal-form-wrapper .editor-info .per-submit { padding-top: 16px; text-align: right;}







.personal-form-wrapper .editor-info .editor-submit { display:inline-block;width: 100%; height: 40px; font-size: 14px; line-height: 40px; text-align: center; font-weight: bold; color: #fff; background-color: #0c337f; border: 0; padding: 0; }







.personal-form-wrapper .avtar-select .label { line-height: 62px; }







.personal-form-wrapper .avtar-select .nowimg { float: left; width: 62px; height: 62px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }







.personal-form-wrapper .avtar-select .nowimg img { width: 100%; -webkit-border-radius: 50%; border-radius: 50%; }







.personal-form-wrapper .avtar-select .options { position: relative; float: left; margin: 16px 0 0 30px; }







.personal-form-wrapper .avtar-select .options .change { display: block; width: 85px; height: 40px; border: solid 1px #cccccc; text-align: center; font-size: 14px; line-height: 38px; color: #999; }







.personal-form-wrapper .avtar-select .option-popup { display: none; position: fixed; left: 50%; top: 50%; width: 300px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 20; background-color: #ffffff; border: solid 1px #e3e3e3; padding: 10px; }







.personal-form-wrapper .avtar-select .option-popup .close { position: absolute; right: 0; top: 0; width: 40px; height: 40px; font-size: 30px; line-height: 40px; text-align: center; font-family: consolas; }







.personal-form-wrapper .avtar-select .option-popup ul { height: 120px; overflow: auto; }







.personal-form-wrapper .avtar-select .option-popup li { float: left; width: 25%; padding: 0 10px; margin-bottom: 10px; }







.personal-form-wrapper .avtar-select .option-popup li img { position: relative; display: block; width: 100%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }







.personal-form-wrapper .avtar-select .option-popup li img.cur { border: solid 1px #c8000a; }







.personal-form-wrapper .avtar-select .option-popup li img.cur::after { border: solid 1px #c8000a; }







/*  20190930 修改  */



.form-info-dl { font-size: 14px; color: #999999; }







.form-info-dl .info p { position: relative; width: 100%; padding-left: 10px; }







.form-info-dl .info p:after { content: ''; position: absolute; width: 4px; height: 4px; background: #999; -webkit-border-radius: 50%; border-radius: 50%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }







@media (min-width: 768px) { /* 个人主页*/



.personal-form-wrapper { padding-top: 13px; padding-bottom: 60px; }



.personal-form-wrapper .form-cate { padding-bottom: 40px; }



.personal-form-wrapper .form-cate a, .personal-form-wrapper .form-cate span { font-size: 24px; line-height: 40px; }



.personal-form-wrapper .editor-info .per-item { padding-left: 92px; margin-bottom: 30px; }



.personal-form-wrapper .editor-info .change-password-form .per-item { padding-left: 145px; }



.personal-form-wrapper .editor-info .label{ position: absolute; }



.personal-form-wrapper .editor-info .per-submit { padding-top: 1px; }



.personal-form-wrapper .avtar-select .option-popup { position: absolute; left: -93px; top: 57px; width: 495px; height: 282px; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); padding: 0; }



.personal-form-wrapper .avtar-select .option-popup::after { content: ''; position: absolute; left: 105px; top: -12px; width: 39px; height: 12px; background: url("../webimages/optarr_03.png") no-repeat center; }



.personal-form-wrapper .avtar-select .option-popup .close { position: absolute; right: 0; top: 0; width: 40px; height: 40px; font-size: 24px; line-height: 40px; text-align: center; }



.personal-form-wrapper .avtar-select .option-popup ul { overflow: auto; height: 280px; padding: 33px 15px; }



.personal-form-wrapper .avtar-select .option-popup li { padding: 0 15px; margin-bottom: 43px; } }







@media (min-width: 1024px) { .personal-banner { margin-top: -1px; margin-bottom: 40px; }



.personal-banner .bg { position: static; left: 0; top: 0; bottom: 0; width: 100%; padding: 0; }



.personal-banner .bg img { position: static; left: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); width: 100%; height: auto; }



.personal-banner .info { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.personal-banner .info .avatar { margin: 0 auto 13px; }



.personal-container { padding-bottom: 70px; }



.personal-msg { float: right; width: 330px; margin-bottom: 0; padding-left: 30px; }



.personal-msg .personal-card { display: block; border: solid 1px #e3e3e3; text-align: center; padding: 36px 0 20px; margin-bottom: 20px; }



.personal-msg .personal-card .avatar { width: 110px; height: 110px; margin: 0 auto 15px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }



.personal-msg .personal-card .avatar img { -webkit-border-radius: 50%; border-radius: 50%; width: 100%; }



.personal-msg .personal-card .name { font-size: 16px; line-height: 30px; color: #1a1a1a; font-weight: bold; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }



.personal-msg .personal-card .notes { font-size: 14px; line-height: 30px; color: #999; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }



.personal-msg .personal-edit { margin-top: -21px; padding: 35px 0; }



.personal-msg .contact li a:hover { color: #034894; }



.m-load-more { margin: 50px 24px; }



.m-nodata { padding: 34px 24px; }



.personal-cate-list { overflow: hidden; padding-bottom: 70px; }



.personal-cate-list .cate { padding-left: 15px; }



.personal-cate-list .cate a { line-height: 65px; }



.personal-cate-list .cate a:hover { color: #034894; }



.personal-cate-list .cate a:hover::after { background-color: #0a51a4; }



.personal-cate-list .cate-list li a { -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; display: block; padding: 18px 24px 18px; }



.personal-cate-list .cate-list li a:hover { background-color: #fbfbfb; }



.personal-cate-list .cate-list li a:hover .title { color: #0a51a4; }



.personal-cate-list .child-cate { padding: 30px 0 8px 24px; }



.personal-cate-list .child-cate p a:hover { background-color: #0a51a4; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; } }







@media (min-width: 1260px) { .personal-banner .info .avatar { width:86px; height: 86px; }



.personal-banner .info .name { font-size: 20px; line-height: 30px; }



.personal-form-wrapper .avtar-select .option-popup .close { display: none; } }







.wordcenter { width: 100%; overflow: hidden; padding-top: 35px; padding-bottom: 65px; }







.wordtable { width: 100%; text-align: center; }







.word-img { width: 100%; text-align: right; }







.word-img img { max-width: 100%; }







.word-font { text-align: left; padding-top: 55px; display: inline-block; }







.word-font .title { color: #333333; font-size: 20px; font-weight: bold; }







.word-font .info { color: #999999; padding: 5px 0 15px 0; font-size: 14px; line-height: 24px; }







.word-font .link .retrun { display: block; width: 160px; height: 40px; font-size: 14px; line-height: 38px; text-align: center; border: 1px solid #dc4a3b; background-color: #ba000b; border-color: #ba000b; color: #fff; }







@media (min-width: 1024px) { .wordcenter { padding-top: 65px; padding-bottom: 165px; }



.wordtable { text-align: center; display: table; table-layout: fixed; }



.wordtable .cell { display: table-cell; width: 50%; }



.word-font { vertical-align: middle; padding-left: 8.5%; }



.word-font .title { font-size: 28px; }



.word-font .info { padding: 10px 0 10px 0; font-size: 18px; } }







@media (min-width: 1260px) { .wordcenter { padding-top: 90px; }



.word-font .title { font-size: 32px; }



.word-font .info { font-size: 20px; padding: 20px 0 20px 0; } }















/*  */











/* 配图文字考虑出现二级Item  */







.sy-level-acticle{



width: 100%;



font-size: 14px;



color: #666;



line-height: 24px;



white-space: normal;



word-break: break-word;



}



.sy-level-acticle .level1{



width: 100%;



}



.sy-level-acticle .level1 .lv1{



width: 100%;



position: relative;



padding-left: 15px;



padding-right: 15px;



}



.sy-level-acticle .level1 .lv1:before{



content: '';



  position: absolute;



  width: 5px;



  height: 5px;



  background: #666;



  -webkit-border-radius: 50%;



  border-radius: 50%;



  left: 0;



  top: 10px;



}



.sy-level-acticle .level2{



width: 100%;



padding-left: 5px;



padding-right: 5px;



}



.sy-level-acticle .level2 .lv2{



width: 100%;



position: relative;



padding-left: 15px;



}



.sy-level-acticle .level2 .lv2:before{



content: '';



  position: absolute;



  width: 6px;



  height: 6px;



  border: 1px solid #666;



  /*background: #666;*/



  -webkit-border-radius: 50%;



  border-radius: 50%;



  left: 0;



  top: 10px;



}







@media (min-width: 1024px){







.sy-level-acticle{



  font-size: 16px;



  line-height: 30px;



}







.sy-level-acticle .level1 .lv1:before{



    top: 11px;



}



.sy-level-acticle .level2 .lv2:before{



    top: 11px;



}







}















/* 产品模板页、解决方案模板页、工具&软件模板页 */











.m-level-wrap{



margin-left: -15px;



margin-right: -15px;



}



.m-col-item{



padding-left: 15px;



padding-right: 15px;



}



.m-level-article{



width: 100%;



line-height: 28px;



white-space: normal;



word-break: break-word;



color: #666;



font-size: 14px;



}



.m-level-article .level1{



width: 100%;



}



.m-level-article .level1 .lv1{



width: 100%;



position: relative;



padding-left: 15px;



padding-right: 15px;



}



.m-level-article .level1 .lv1:before{



  content: '';



  position: absolute;



  width: 5px;



  height: 5px;



  background: #666;



  -webkit-border-radius: 50%;



  border-radius: 50%;



  left: 0;



  top: 11px;



}







.m-level-article .level2{



width: 100%;



padding-left: 5px;



padding-right: 5px;



}







.m-level-article .level2 .lv2 {



width: 100%;



position: relative;



padding-left: 15px;



}



.m-level-article .level2 .lv2:before{



content: '';



  position: absolute;



  width: 6px;



  height: 6px;



  border: 1px solid #666;



  /*background: #666;*/



  -webkit-border-radius: 50%;



  border-radius: 50%;



  left: 0;



  top: 11px;



}







@media (min-width: 1024px){







.m-level-wrap{



  margin-left: -40px;



  margin-right: -40px;



}



.m-level-wrap:after{



  content: '';



  display: block;



  clear: both;



  visibility: hidden;



  height: 0;



}



.m-col-item{



  width: 50%;



  padding-left: 40px;



  padding-right: 40px;



  float: left;



  margin-bottom: 15px;



}



.m-level-article{



  



  line-height: 32px;



  font-size: 16px;



}







.m-col-item:nth-child(2n+1){



  clear: both;



}







.m-level-article .level1 .lv1:before{



    top: 13px;



}







.m-level-article .level2 .lv2:before{



    top: 13px;



}







}







@media (min-width: 1260px){



.m-level-wrap{



  margin-left: -50px;



  margin-right: -50px;



}







.m-col-item{



  padding-left: 50px;



  padding-right: 50px;



}



}







/*MWC19 专区 sssssssssssss*/

/*-------- 内页banner --------*/

.innerpagebanner { width: 100%; overflow: hidden; }



.innerpagebanner img { display: block; width: 100%; }



/*-------- 内页banner --------*/

.in-special { width: 100%; position: relative; overflow: hidden; background-image: url(../webimages/specialbg.png); background-repeat: repeat-y; background-position: center 0; -o-background-size: cover; background-size: cover; padding-top: 10px; padding-bottom: 110px; }



.in-special .footfocus{position: absolute; width: 100%; left: 0;bottom: 0;background-color: transparent;}



.specialconweb { width: 100%; padding-left: 15px; padding-right: 15px; max-width: 1470px; margin: 0 auto; }



.Sense-module { width: 100%; overflow: hidden; padding-top: 20px; padding-bottom: 10px; }



.Sense-module h4 { margin-bottom: 20px; }



.Sense-img { width: 100%; overflow: hidden; }



.Sense-img img { display: block; width: 100%; }



.in-special-title { color: #0068b7; text-align: center; font-size: 22px; line-height: 1.20833; }



.in-special-title  sup {font-size: 12px;}



/*===============================*/

.Connectivity-module { width: 100%; padding-top: 20px; padding-bottom: 10px; }



.Connectivity-module h4 { margin-bottom: 20px; }



.m-special-wrap { width: 100%; overflow: hidden; }



.m-special-ul { margin-left: -10px; margin-right: -10px; }



.m-special-ul li { padding-left: 10px; padding-right: 10px; margin-bottom: 10px; }



.m-special-ul li a { display: block; width: 100%;}



.Sensors-module ul li:nth-child(1) a{ cursor: pointer; }

.Sensors-module ul li:nth-child(2) a{ cursor: pointer; }



.specialbox { width: 100%; position: relative; overflow: hidden; }



.specialbox  img { display: block; width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }



.specialword { width: 100%; position: absolute; top: 0; left: 0; height: 100%; z-index: 22; background: rgba(1, 25, 87, 0.4); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(1, 25, 87, 0.6)), color-stop(25%, rgba(1, 25, 87, 0.2)), color-stop(35%, rgba(1, 25, 87, 0))); background: -webkit-linear-gradient(top, rgba(1, 25, 87, 0.6) 10%, rgba(1, 25, 87, 0.2) 25%, rgba(1, 25, 87, 0) 35%); background: -moz- oldlinear-gradient(top, rgba(1, 25, 87, 0.6) 10%, rgba(1, 25, 87, 0.2) 25%, rgba(1, 25, 87, 0) 35%); background: -o-linear-gradient(top, rgba(1, 25, 87, 0.6) 10%, rgba(1, 25, 87, 0.2) 25%, rgba(1, 25, 87, 0) 35%); background: linear-gradient(top, rgba(1, 25, 87, 0.6) 10%, rgba(1, 25, 87, 0.2) 25%, rgba(1, 25, 87, 0) 35%); padding: 15px 15px; }



.specialword .title { width: 100%; text-align: center; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #FFFFFF; line-height: 1.5625; font-size: 16px; }



.Sensors-module { width: 100%; padding-bottom: 10px; padding-top: 10px; }



.Sensors-module h4 { margin-bottom: 20px; }



.indisplay-module { width: 100%; padding-top: 10px; padding-bottom: 10px; }



.indisplay-module h4 { margin-bottom: 20px; }



.indisplay { width: 100%; background-image: url(../webimages/displaybg.jpg); background-repeat: no-repeat; background-position: center center; -o-background-size: cover; background-size: cover; padding: 40px 20px 0; position: relative; }



.indisplay-pump { width: 100%; position: relative; }



.indisplay-swiper { width: 100%; overflow: hidden; position: relative; }



.indisplay-swiper ul li { height: auto; width: 100%; }



.indisplay-swiper ul li a { display: block; width: 100%; }



.indisplay-swiper ul li img { display: block; width: 100%; }



.indisplay-pagination { width: 100%; text-align: center; line-height: normal; font-size: 0; padding-top: 15px; }



.indisplay-pagination span { display: inline-block; vertical-align: top; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; margin: 0 3px; }



.indisplay-pagination span.swiper-pagination-bullet-active { background-color: #e7282c; }



.indisplay-prev, .indisplay-next { display: none; }



.indisplay-article { width: 100%; padding-top: 15px; padding-bottom: 60px; text-align: center; }



.indisplay-article .inb { display: inline-block; vertical-align: top; }



.indisplay-word { width: 100%; text-align: left; color: #fff; font-size: 16px; line-height: 26px; }



.indisplay-word .smallfont{font-size: 14px;}



.indisplay-word > p, .indisplay-word > * { display: block; width: 100%; position: relative; padding-left: 20px; }



.indisplay-word > p:before, .indisplay-word > *:before { content: ''; position: absolute; width: 6px; height: 6px; background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; left: 0; top: 10px; }



.indisplay-word > p .nums, .indisplay-word > * .nums { color: #ffd52e; font-size: 20px; display: inline-block; vertical-align: bottom; line-height: inherit; }



.data-collected { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; padding: 0 15px 10px; font-size: 14px; line-height: 22px; }



.indisplay-tips { width: 100%; text-align: left; color: #fff; font-size: 16px; line-height: 26px; padding-bottom: 10px; }



.indisplay-tips > p .nums, .indisplay-tips > * .nums { color: #ffd52e; font-size: 20px; display: inline-block; vertical-align: bottom; line-height: inherit; }



.Innovative-module { width: 100%; padding-top: 20px; padding-bottom: 10px; }



.Innovative-module h4 { margin-bottom: 20px; }



.invideo-module { width: 100%; padding-top: 10px; padding-bottom: 10px; }



.invideo-module h4 { margin-bottom: 20px; }



.special-video { width: 100%; }



.special-video:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }



.special-video .videocons { width: 100%; }



.special-video .videolists { width: 100%; margin-top: 0; }



.videodisplay { width: 100%; position: relative; background-color: #000; }



.videodisplay .videoboxs {position: absolute !important; width: 100%; left: 0; top: 0; height: 100%; cursor: pointer; z-index: 2; }



.videodisplay .videoboxs video { object-fit: contain; }



.videomark { width: 100%; overflow: hidden; position: relative; z-index: 3; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 1; visibility: visible; cursor: pointer; }



.videomark img { display: block; width: 100%; }



.videomark .icon { position: absolute; width: 60px; height: 60px; background: url(../webimages/specialplay.png) no-repeat scroll center center; -o-background-size: cover; background-size: cover; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.videomark.close { opacity: 0; visibility: hidden; }



.videolist-swiper { width: 100%; overflow: hidden; padding-top: 15px; }



.videolist-swiper ul li { width: 100%; height: auto; border: 6px solid #cccccc; position: relative; background-color: #fff; }



.videolist-swiper ul li .a { display: block; width: 100%; font-size: 0; height: 100%; cursor: pointer; }



.videolist-swiper ul li .image { display: inline-block; vertical-align: middle; width: 33.3334%; overflow: hidden; height: 100%; }



.videolist-swiper ul li .image img { display: block; width: 100%; }



.videolist-swiper ul li .word { display: inline-block; vertical-align: middle; width: 66.6666%; padding-left: 12px; padding-right: 12px; height: 100%; position: relative; }



.videolist-swiper ul li .word .lib { color: #5b5b5b; font-size: 16px; line-height: 22px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 12px; padding-right: 12px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-height: 110px; }



.videolist-swiper ul li:after { content: ''; position: absolute; border: 12px solid transparent; border-bottom-color: #0079c1; top: -30px; left: 50%; margin-left: -12px; display: none; }



.videolist-swiper ul li.cur { border-color: #0079c1; }



.videolist-swiper ul li.cur:after { display: block; }



.videolist-pagination { width: 100%; text-align: center; line-height: normal; padding-top: 15px; }



.videolist-pagination span { display: inline-block; vertical-align: top; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; background-color: #d4d4d4; margin: 0 5px; cursor: pointer; }



.videolist-pagination span.swiper-pagination-bullet-active { background-color: #e7282c; }



.onSpot-module { width: 100%; padding-top: 10px; padding-bottom: 10px; }



.onSpot-module h4 { margin-bottom: 20px; }



.onSpot-swiper { width: 100%; position: relative; overflow: hidden; }



.onSpot-swiper ul li { height: auto; overflow: hidden; }



.onSpot-swiper .onspot-img { display: block; width: 100%; overflow: hidden; }



.onSpot-swiper .onspot-img img { display: block; width: 100%; }



.onSpot-pagination { width: 100%; text-align: center; line-height: normal; padding-top: 15px; }



.onSpot-pagination span { display: inline-block; vertical-align: top; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; background-color: #d4d4d4; margin: 0 5px; cursor: pointer; }



.onSpot-pagination span.swiper-pagination-bullet-active { background-color: #e7282c; }



.onSpot-prev, .onSpot-next { display: none; }



.Coverage-module { width: 100%; padding-top: 10px; padding-bottom: 10px; }



.Coverage-module h4 { margin-bottom: 20px; }



.Coverage-wrapper { width: 100%; }



.Coverage-ul { margin-left: -10px; margin-right: -10px; }



.Coverage-ul li { padding-left: 10px; padding-right: 10px; margin-bottom: 25px; display: none; }



.Coverage-ul li .a { display: block; width: 100%; padding: 8px; background-color: #cccccc; cursor: pointer;}



.Coverage-ul li .image { width: 100%; overflow: hidden; position: relative; }



.Coverage-ul li .image:before { content: ''; display: block; width: 100%; padding-bottom: 72.72727%; }



.Coverage-ul li .image img { display: block; width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }



.Coverage-ul li .word { width: 100%; padding: 10px 18px 16px; }



.Coverage-ul li .word .tp { width: 100%; padding-bottom: 8px; }



.Coverage-ul li .word .time { display: inline-block; vertical-align: top; background-color: #d71518; color: #fff; position: relative; font-size: 14px; line-height: 32px; padding: 0 18px; -webkit-border-radius: 6px; border-radius: 6px; }



.Coverage-ul li .word .time:after { content: ''; position: absolute; border: 10px solid transparent; border-top-color: #d71518; width: 0; height: 0; top: 100%; left: 10px; }



.Coverage-ul li .word .bt { width: 100%; color: #000000; font-size: 14px; line-height: 24px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 96px; }



.Coverageloadmore { display: none; width: 100%; line-height: 42px; background: #ed1c24 url(../webimages/loadmoreicon.png) no-repeat scroll center center; -o-background-size: 28px auto; background-size: 28px auto; height: 42px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }



@media (min-width: 768px) { .in-special-title { font-size: 26px; } .in-special-title sup {font-size: 14px;}}

.below_1024{
  display:block;
}
  
.up_1024{
  display:none;
}

@media (min-width: 1024px) { .in-special { padding-top: 20px; padding-bottom: 120px; }

.specialconweb { padding-left: 40px; padding-right: 40px; }

.Sense-module { padding-top: 25px; padding-bottom: 20px; }

.Sense-module h4 { margin-bottom: 40px; }

.in-special-title { font-size: 30px; }

.in-special-title sup {font-size: 18px;}

.hrg-top .lang{
    margin-top:0px;
  }

  .below_1024{
    display:none;
  }
  
  .up_1024{
    display:block;
  }

/*===============================*/

.Connectivity-module { padding-top: 25px; }

.Connectivity-module h4 { margin-bottom: 40px; }

.m-special-wrap { width: 100%; overflow: hidden; }

.m-special-ul li:hover .specialbox img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.specialword { padding: 20px 15px; }

.specialword .title { font-size: 20px; }

/*==================================*/

.Sensors-module { padding-top: 25px; }

.Sensors-module h4 { margin-bottom: 40px; }

.indisplay-module { padding-top: 25px; padding-bottom: 20px; }

.indisplay-module h4 { margin-bottom: 40px; }

.indisplay { padding: 60px 40px 0; }

.indisplay-pump { padding-left: 60px; padding-right: 60px; }

.indisplay-pagination { display: none; }

.indisplay-prev, .indisplay-next { display: block; position: absolute; cursor: pointer; top: 36.66667%; width: 60px; height: 60px; }

.indisplay-prev:after, .indisplay-next:after { content: ''; position: absolute; width: 40px; height: 40px; border: 3px solid #9a9eb6; top: 50%; }

.indisplay-prev:hover:after, .indisplay-next:hover:after { border-color: #a1a5be; }

.indisplay-prev { left: 0; }

.indisplay-prev:after { border-right: none; border-bottom: none; -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); left: 7px; }

.indisplay-next { right: 0; }

.indisplay-next:after { border-left: none; border-bottom: none; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); right: 7px; }

.indisplay-article { padding-top: 30px; }

.indisplay-word { font-size: 20px; line-height: 32px; }

.indisplay-word .smallfont{font-size: 16px;}

.indisplay-word > p:before, .indisplay-word > *:before { top: 12px; }

.indisplay-word > p .nums, .indisplay-word > * .nums { font-size: 30px; }

.indisplay-tips { font-size: 20px; line-height: 32px; padding-bottom: 15px; }

.indisplay-tips > p .nums, .indisplay-tips > * .nums { font-size: 22px; }

.Innovative-module { padding-top: 20px; padding-bottom: 10px; }

.Innovative-module h4 { margin-bottom: 40px; }

.invideo-module { padding-top: 25px; padding-bottom: 20px; }

.invideo-module h4 { margin-bottom: 40px; }

.special-video .videocons { float: left; width: 66.6666%; }

.special-video .videolists { float: left; width: 33.33334%; padding-left: 0px; position: relative; }

.videomark { width: 100%; height: 388px; }

.videomark img { display: block; width: auto; height: 100% !important; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.videomark .icon { width: 70px; height: 70px; }

.videolist-swiper { height: 388px; padding-top: 0px; padding-left: 35px; }

.videolist-swiper ul li .image { position: relative; }

.videolist-swiper ul li .word .lib{ -webkit-line-clamp:4; }

.videolist-swiper ul li .image img { width: auto; height: 110%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.videolist-swiper ul li:after { border-bottom-color: transparent; border-right-color: #0079c1; top: 50%; left: -30px; margin-left: 0px; margin-top: -12px; }

.videolist-swiper ul li:hover { border-color: #0079c1; }

.videolist-swiper ul li:hover:after { display: block; }

.videolist-pagination { position: absolute; top: 0; right: -30px; width: 30px; height: 100%; padding-top: 0; text-align: right; }

.videolist-pagination:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; }

.videolist-pagination span { margin: 20px 0; display: block; }

.videolist-pagination .lib { display: inline-block; vertical-align: middle; }

.onSpot-module { padding-top: 25px; padding-bottom: 20px; }

.onSpot-module h4 { margin-bottom: 40px; }

.onSpot-swiper { padding: 0 10px 20px; -webkit-perspective: 1410px; -moz-perspective: 1410px; perspective: 1410px; }

.onSpot-swiper ul { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1410px; -moz-perspective: 1410px; perspective: 1410px; }

.onSpot-swiper ul li { width: 740px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); }

.onSpot-swiper ul li.swiper-slide-active { -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); }

.onSpot-wrapper { width: 100%; position: relative; }

.onSpot-pagination { padding-top: 0px; }

.onSpot-prev, .onSpot-next { display: block; position: absolute; cursor: pointer; top: 36.66667%; width: 60px; height: 60px; }

.onSpot-prev:after, .onSpot-next:after { content: ''; position: absolute; width: 40px; height: 40px; border: 3px solid #dbe9ff; top: 50%; }

.onSpot-prev:hover:after, .onSpot-next:hover:after { border-color: #fff; }

.onSpot-prev { left: 30px; }

.onSpot-prev:after { border-right: none; border-bottom: none; -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); left: 7px; }

.onSpot-next { right: 30px; }

.onSpot-next:after { border-left: none; border-bottom: none; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); right: 7px; }

.Coverage-module { padding-top: 20px; padding-bottom: 20px; }

.Coverage-module h4 { margin-bottom: 40px; }

.Coverage-ul li .a:hover .image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }

.Coverage-ul li .word .time { font-size: 16px; line-height: 36px; }

.Coverage-ul li .word .bt { font-size: 16px; line-height: 26px; height: 104px; }

.Coverageloadmore { line-height: 48px; -o-background-size: auto auto; background-size: auto auto; height: 48px; }

.Coverageloadmore:hover { background-color: #e6161e; } }



@media (min-width: 1260px) { .in-special { padding-bottom: 180px; padding-top: 25px; }

.Sense-module { padding-top: 30px; padding-bottom: 30px; }

.Sense-module h4 { margin-bottom: 45px; }

.in-special-title { font-size: 36px; }

.in-special-title sup{font-size: 20px;}

/*===============================*/

.Connectivity-module h4 { margin-bottom: 45px; }

.m-special-ul li { margin-bottom: 20px; }

.specialword { padding: 25px 15px; }

.specialword .title { font-size: 24px; }

/*==================================*/

 

 .Innovative-module{padding-top: 25px;}



 .indisplay-module h4{margin-bottom: 45px;}

 

 .invideo-module h4{margin-bottom: 45px;}

 

 .onSpot-module h4 {margin-bottom: 45px;}

 

 .Coverage-module h4{margin-bottom: 45px;}

 

 .Innovative-module h4{margin-bottom: 45px;}

 

.Sensors-module h4 { margin-bottom: 45px; }

.indisplay { padding: 60px 50px 0; }

.indisplay-pump { padding-left: 80px; padding-right: 80px; }

.indisplay-word { font-size: 22px; line-height: 32px; }

.indisplay-word > p:before, .indisplay-word > *:before { top: 14px; }

.indisplay-word > p .nums, .indisplay-word > * .nums { font-size: 40px; }

.indisplay-tips { font-size: 22px; padding-bottom: 20px; }

.indisplay-tips > p .nums, .indisplay-tips > * .nums { font-size: 28px; }

.videomark { height: 472px; }

.videomark img { height: 120%; }

.videomark .icon { width: 80px; height: 80px; }

.videolist-swiper { height: 472px; }

.videolist-swiper ul li .word .lib { font-size: 18px; line-height: 26px; max-height: 78px; }

.videolist-swiper ul li .word .lib{ -webkit-line-clamp:3; }

.onSpot-swiper ul li { width: 860px; }

.Coverage-ul li .word .time { font-size: 18px; line-height: 40px; }

/*.Coverage-ul li .word .bt { font-size: 18px; line-height: 30px; height: 120px; }*/ }



@media (min-width: 1480px) { .in-special { padding-top: 30px; padding-bottom: 260px; }

.Sense-module h4 { margin-bottom: 50px; }

.specialconweb { padding-left: 30px; padding-right: 30px; }

.in-special-title { font-size: 48px; }

/*===============================*/

.Connectivity-module { padding-top: 30px; }

.Connectivity-module h4 { margin-bottom: 50px; }

.specialword .title { font-size: 28px; }

/*==================================*/

.Sensors-module { padding-top: 30px; }

.Sensors-module h4 { margin-bottom: 50px; }

.indisplay-module { padding-top: 30px; padding-bottom: 30px; }

.indisplay-module h4 { margin-bottom: 50px; }

.indisplay-word { font-size: 24px; line-height: 36px; }

.indisplay-word .smallfont{font-size: 18px;}

.indisplay-word > p:before, .indisplay-word > *:before { top: 16px; }

.indisplay-word > p .nums, .indisplay-word > * .nums { font-size: 47px; }

.indisplay-tips { font-size: 24px; line-height: 36px; }

.indisplay-tips > p .nums, .indisplay-tips > * .nums { font-size: 36px; }

.invideo-module { padding-top: 30px; padding-bottom: 30px; }

.invideo-module h4 { margin-bottom: 50px; }

.videomark { height: 520px; }

.videomark img { height: 100%; }

.videolist-swiper { height: 520px; }

.videolist-swiper ul li .image img { height: 100%; }

.videolist-swiper ul li .word .lib { font-size: 20px; line-height: 30px; max-height: 90px; }

.videolist-pagination span { margin: 30px 0; }

.onSpot-module { padding-top: 30px; padding-bottom: 25px;}

.onSpot-module h4 { margin-bottom: 50px; }

.onSpot-swiper ul li { width: 980px; }

.Coverage-module { padding-top: 30px; padding-bottom: 30px; }

.Coverage-module h4 { margin-bottom: 50px; } }



/*MWC19 专区 eeeeeeeeeeee */

.identity_icon {
  width: auto !important;
  height: auto !important;
  border-radius: inherit !important;
  margin-left: 3px;
  z-index: 99999;
  position: relative;
}

.pt {
  position: absolute;
  text-align: left;
  background: none repeat scroll 0 0 black;
  border: 1px solid black;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  z-index: 9999999;
  width: auto;
  height: auto;
  color: white;
  border-radius: 5px;
}

.pt .cont {
  height: auto;
  overflow-y: auto;
  background-color: black;
  padding: 10px;
  border-radius: 5px;
}

.pt .out, .pt .in {
  display: block;
  font-family: simsun;
  font-size: 0;
  height: 0;
  overflow: visible;
  position: absolute;
  width: 0;
}

.pt-up .out, .pt-up .in {
  border-style: dashed dashed solid;
}

.pt-up .out {
  border-color: transparent transparent black;
  border-width: 0 7px 8px;
  left: 28px;
  top: -8px;
}

.pt-up .in {
  border-color: transparent transparent black;
  border-width: 0 6px 7px;
  left: 29px;
  top: -7px;
}

.pt-right .out, .pt-right .in {
  border-style: dashed dashed dashed solid;
}

.pt-right .out {
  border-color: transparent transparent transparent black;
  border-width: 8px 0 7px 7px;
  right: -7px;
  top: 28px;
}

.pt-right .in {
  border-color: transparent transparent transparent black;
  border-width: 7px 0 6px 6px;
  right: -6px;
  top: 29px;
}

.pt-down .out, .pt-down .in {
  border-style: solid dashed dashed;
}

.pt-down .out {
  border-color: black transparent transparent;
  border-width: 8px 7px 0;
  bottom: -8px;
  left: 28px;
  top: auto;
}

.pt-down .in {
  border-color: black transparent transparent;
  border-width: 7px 6px 0;
  bottom: -7px;
  left: 29px;
  top: auto;
}

.pt-left .out, .pt-left .in {
  border-style: dashed solid dashed dashed;
}

.pt-left .out {
  border-color: transparent black transparent transparent;
  border-width: 7px 8px 7px 0;
  left: -8px;
  top: 28px;
}

.pt-left .in {
  border-color: transparent black transparent transparent;
  border-width: 6px 7px 6px 0;
  left: -7px;
  top: 29px;
}