/* 2019 - 04 - 30 test*/
.newtoolsnav::-webkit-scrollbar {/*滚动条整体样式*/
	            width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
	            height: 4px;
	            scrollbar-arrow-color:red;
	
	        }
	        .newtoolsnav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	            border-radius: 5px;
	            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	            background: rgba(0,0,0,0.2);
	            scrollbar-arrow-color:red;
	        }
	        .newtoolsnav::-webkit-scrollbar-track {/*滚动条里面轨道*/
	            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	            border-radius: 0;
	            background: rgba(0,0,0,0.1);
	        }

@media (max-width: 375px) { #videoddd{width: 94% !important; } }
.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; text-align: center; }

*, :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: 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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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: 15px; }

.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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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: -36px; }

.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: -30px; top: 0px; }

.zshowaddicon ul li.zshowbtn10a span { left: -32px;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(../images/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(../images/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; }

.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(../images/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;text-align: center; }

.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(../images/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(../images/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(../images/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(../images/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(../images/zimg68.jpg) no-repeat left 5px; padding: 8px 0 12px 52px; -o-background-size: 30px; background-size: 30px; }

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

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

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

.zcontactemail { background: url(../images/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(../images/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; }

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

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

.wwprojectBg { width: 100%; background: url(../images/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(../images/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 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(../images/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(../images/zimg104.jpg) no-repeat left center; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.zeventreportright ul li span { float: right; }

.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(../images/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: 100%; }

.wqpNewsTitle { position: absolute; display: block; top: 0px; left: 10px; font-size: 14px; color: #fff; background: url(../images/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: 119px; 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(../images/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(../images/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;margin-bottom: 20px; }

.zzpconatcttitle { font-size: 30px; line-height: 32px; padding-top: 10px; text-transform: uppercase; }

.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(../images/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 0px;}

.jobslist dl dt { float: left; padding-left: 20px; width: 40%; background: url(../images/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: 12%; 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(../images/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(../images/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 .title, .whutitle { font-size: 20px; color: #333; margin-bottom: 10px; }

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

.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(../images/winco04.png) 0 center no-repeat; padding-left: 20px; line-height: normal; margin-bottom: 10px; }

.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(../images/winco05.png); left: 0; }

.warrow a.rightBtn { background-image: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/wxinco07.png); }

.work-button-next { right: -39px; background-image: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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;  }
  .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: 8px; }
  /*-------- 内页 --------*/
  /*Yewenwen---2016-9-8*/
  .zmycustomer ul li { width: 20%; }
  .wwinnav { display: block; border-bottom: 1px solid #e2e1e1; margin: 0; padding: 0; }
  .wwinnavlist { padding: 0; display: block; }
  .wwinnavlist a { width: auto; padding: 22px 6px; font-size: 16px; 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(../images/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 li { color: #fff; padding: 91px 0; 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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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; }
  .wwculbot ul { padding: 70px 0; }
  .wwculbot ul li { font-size: 15px; height: 318px; line-height: 30px; padding-left: 20px; padding-right: 20px; }
  .wwculbot ul li h3 { font-size: 20px; }
  /*外挂式*/
  .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(../images/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(../images/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(../images/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: 18px; }
  .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(../images/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(../images/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 0px;/* padding-left: 30px; */}
  .jobslist dl dt {float: left;padding-left: 30px;width: 34%;}
  .jobslist dl dd { float: left; width: 27%; }
  
  .jobslist .zhaopinlist dl dd {width: 27%;}
    
  .jobslist dl dd span { display: inline-block; text-align: center; }
  .jobslist dl dd.jobslistTime { width: 12%; text-align: left; }
  .jobslist dl.jobslistHead { font-size: 16px; }
  .jobslist dl.jobslistHead dt { background: none; padding-left: 30px; }
  .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 .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(../images/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(../images/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{ text-align: center; }
  .process-list li { float: none; width: 20%; display: inline-block;vertical-align: middle;}
  .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%; }
  /*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: 180px; 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: 13px; margin-bottom: 10px; }
  .specialList ul li { padding: 0; padding-bottom: 30px; }
  .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 .actitle { font-size: 36px; line-height: 36px; margin-bottom: 30px; }
  .actcontent .actdot { font-size: 24px; background: url(../images/winco04.png) 0 center no-repeat; padding-left: 38px; line-height: 24px; margin-bottom: 30px; }
  .exhibitiontext { font-size: 18px; }
  .wwinnavlist a { font-size: 18px; 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 { left: 6%; }
  /*.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; }
  .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: 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; }
  .zresponsabletext { }
  /*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*/ }

@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: 1420px) { 
  /* .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; } }

@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(../images/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(../images/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(../images/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(../images/nqhicon_02.png) no-repeat center center; vertical-align: -2px; margin-left: 5px; }

.stocksbox1.cur .number1 .icon2 { background: url(../images/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(../images/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 3%; } }

/*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; text-align: left;}

.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(../images/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: 3; font-size: 16px; line-height: 28px; height: 84px; }

body.graybg { background: #F2F2F2; }

.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(../images/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%; overflow: hidden; }

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

/* 触控屏*/
.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: 30px; 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 {width: 100% ;height: 270px; background-repeat: no-repeat; background-size: cover; background-position: center center; }

.screen-slider .screen-content .thumb img { display: block; max-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: 36px; 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: 30px; }

.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; }
.wwinnav { background: #fff; }

.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(../images/toolsses-icon.png) center center no-repeat; cursor: pointer; -o-background-size: auto auto; background-size: auto auto; }





666; }


@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: 100%; 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: 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: 100%; 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; } }






















































































































%, 0, 0); top: 63px; display: none; min-width: 170px; background-color: rgba(0, 0, 0, 0.8); } /*.mainnav .subnav { position: absolute; left: 10px; top: 63px; display: none; width: 170px; background-color: rgba(0, 0, 0, 0.8); }*/
322c; }










ft: none;border-bottom: none;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}























omeico.png") no-repeat 0 center; }




















cale(1.04); }

























ranslateX(0); transform: translateX(0); width: 100%; }
teX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }













r: #ccc; }



osition: center; }









-repeat; background-position: center; }


















ateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }




nslateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; font-size: 18px; line-height: 36px; }















ng: 35px 40px 36px; font-size: 16px; line-height: 36px; border-bottom: 0; }
h: 100%; height: 1px; background-color: #efefef; }






































 -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
); -o-transform: translateY(0); transform: translateY(0); padding: 0 0; }
orm: translateX(0); -o-transform: translateX(0); transform: translateX(0); }



































ight: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: none; margin-bottom: -1px; }





argin-top: 10px; }




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

 rotate(90deg); -webkit-transform: rotate(90deg); border-left-color: #0a51a4; }






0%; margin-top: -2px; left: 0; }

lamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }





; text-overflow: ellipsis; }



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



or: default; background-color: #edeeee; }
-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; }
ne; }



l .3s; -moz-transition: all .3s; transition: all .3s; -webkit-transition: all .3s; }














transition: all .3s; margin: 0 5px; color: #014d9e; }
roll center center; -o-background-size: 60%; background-size: 60%; margin-left: 5px; }









order-radius: 4px; -o-transition: background-color .3s; -moz-transition: background-color .3s; transition: background-color .3s; -webkit-transition: background-color .3s; position: relative; }


display: none; }























 5px; }
underline; }

















ft: 0; top: 10px; }

0%; left: 0; top: 10px; }






















(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

-o-text-overflow: ellipsis; text-overflow: ellipsis; }
webkit-line-clamp: 4; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; }
ion: all .3s; -moz-transition: all .3s; transition: all .3s; padding: 0 35px; }












psis; font-size: 14px; color: #666666; }









-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background-color: #c80009; }

















; top: 50%; left: 0; margin-top: -2px; }








































rgin-right: 4px; background-position: 0 0; }












ttom: 10px; }



 #0a51a4; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-border-radius: 4px; border-radius: 4px; }






rder: 1px solid #e3e3e3; }




























n: 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; }
mebarr.png") no-repeat center 0; }
idden; }





x; -webkit-border-radius: 4px; border-radius: 4px; }


















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

lateY(0px); transform: translateY(0px); }
 -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; }

: #666; cursor: pointer; }











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

0; top: 0; }



); }


arent; }
gin-top: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }


; background-position: center center; -o-background-size: 25px auto; background-size: 25px auto; }






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

otate(90deg); -webkit-transform: rotate(90deg); border-left-color: #0a51a4; }






ckground-position: 0 3px; background-repeat: no-repeat; left: 0; top: 8px;}






























sis; text-overflow: ellipsis; white-space: nowrap; position: relative; }




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














ottom: 0; }






; -o-background-size: 90%; background-size: 90%; right: 0; top: 0%; }














0px; }





epeat: 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; }
ition: all 0.3s; transition: all 0.3s; display: none; }







o-background-size: 90%; background-size: 90%; right: 0; top: 0%; }





0%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

























: #dc4a3b; }









peat; background-position: center center; -o-background-size: auto; background-size: auto; }











scale(1.1); }















m: scale(1.1); }















x; height: 50px; top: 0; right: 0; }







































































rm: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }















































































































ing: 8px; display: none; }






0px; }




ll .3s; -moz-transition: all .3s; transition: all .3s; -webkit-border-radius: 4px; border-radius: 4px; }










adding: 4% 0; }

00a; }





nt: 10px; }















moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: none; }



p: 50%; margin-top: -9px; right: 15px; }




n: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }









: 14px; color: #FFF; line-height: 32px; text-align: center; float: left; }




line-height: 14px; height: 14px; margin-top: 6px; color: #666666; cursor: default; text-align: center; width: 50%; margin-left: -25%; position: relative; left: 15px; }


















 -o-background-size: cover; background-size: cover; }






 -o-background-size: cover; background-size: cover; margin-right: 10px; }




relative; }

t-weight: bold; padding-left: 20px; position: relative; margin-top: 10px; }

 0 0; -o-background-size: cover; background-size: cover; }
display: none;*/ /*visibility: hidden;*/ }


























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



























































X(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 100%; }



: ellipsis; overflow: hidden; }



; margin-bottom: 20px; overflow: hidden; }




-repeat; background-position: center; overflow: hidden; }






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




sis; overflow: hidden; font-weight: bold; }
is; overflow: hidden; }







16px; line-height: 34px; color: #4c4c4c; }






: #fff; background-color: #0c337f; border: 0; padding: 0; }




; line-height: 38px; color: #999; }
 -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; }
text-align: center; font-family: consolas; }


flow: hidden; }





; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }







-moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); padding: 0; }
l("../images/optarr_03.png") no-repeat center; }
; text-align: center; }




rm: translateX(0); transform: translateX(0); width: 100%; height: auto; }
m: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }






xt-overflow: ellipsis; overflow: hidden; }
; overflow: hidden; }









isplay: block; padding: 18px 24px 18px; }














und-color: #ba000b; border-color: #ba000b; color: #fff; }



























































































































































































 center 0; -o-background-size: cover; background-size: cover; padding-top: 10px; padding-bottom: 110px; }


















, 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; }
; line-height: 1.5625; font-size: 14px; }




over; background-size: cover; padding: 40px 20px 0; position: relative; }






r: #fff; margin: 0 3px; }






us: 50%; border-radius: 50%; left: 0; top: 10px; }













: 2;}

nsition: all 0.3s; opacity: 1; visibility: visible; cursor: pointer; }

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






relative; }
%); -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: 3; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-height: 66px; }
: -12px; display: none; }



den; background-color: #d4d4d4; margin: 0 5px; cursor: pointer; }








; background-color: #d4d4d4; margin: 0 5px; cursor: pointer; }










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


t: 32px; padding: 0 18px; -webkit-border-radius: 6px; border-radius: 6px; }
eft: 10px; }
-webkit-line-clamp: 4; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 96px; }
und-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; }




























orm: scale(1.1); }














5deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); left: 7px; }

g); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); right: 7px; }














transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



rm: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }










rspective: 1410px; perspective: 1410px; }











g); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); left: 7px; }

 -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); right: 7px; }


nslate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }