html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
cursor: pointer;
}
body,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p,
tr,
td,
strong,
span,
pre {
margin: 0;
padding: 0;
border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
font-weight: normal;
}
body,
button,
input,
select,
textarea {
font-size: 15px;
font: "Microsoft YaHei", Noto Sans SC, PingFangSC-Regular, tahoma, arial, "Hiragino Sans GB", sans-serif;
color: #333;
}
ul,
li {
list-style: none;
}
img {
border: 0;
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table th,
table td {
border: 1px solid #ccc;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
color: #333;
outline: none;
cursor: pointer;
}
a:hover {
background-repeat: no-repeat;
text-decoration: none;
}
a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
cursor: pointer;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input,
textarea,
select {
outline: none;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
select,
textarea {
outline-style: none;
-webkit-appearance: none;
resize: none;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
}
.bd_weixin_popup,
.content-box {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
*zoom: 1;
}
.clear {
clear: both;
line-height: 0;
height: 0;
font-size: 0;
}
.fl {
float: left;
}
.fr {
float: right;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.commonweb {
padding: 0px 15px;
}
.commonwebbox {
margin-left: 0px;
margin-right: 0px;
}
.commonleft {
float: none;
}
.commonright {
float: none;
}
.visible-sm,
.visible-md,
.visible-lg {
display: none;
}
.hidden-sm,
.hidden-md,
.hidden-lg {
display: block;
}
.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: 10px;
padding-right: 10px;
}
.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: 768px) {
.commonweb {
padding: 0px 20px;
}
.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: 10px;
padding-right: 10px;
}
.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%;
}
.visible-sm {
display: block;
}
.hidden-sm {
display: none;
}
}
@media (min-width: 992px) {
.commonweb {
padding: 0px 40px;
}
.commonwebbox {
margin-left: -10px;
margin-right: -10px;
}
.commonleft {
float: left;
}
.commonright {
float: right;
}
.visible-md {
display: block;
}
.hidden-md {
display: none;
}
.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: 10px;
padding-right: 10px;
}
.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: 1200px) {
html {
cursor: default;
}
.commonleft {
float: left;
}
.commonright {
float: right;
}
.visible-lg {
display: block;
}
.hidden-lg {
display: none;
}
.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: 10px;
padding-right: 10px;
}
.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: 1260px) {
.commonweb {
margin: 0px auto;
max-width: 1200px;
padding: 0;
}
}
/* layout start*/
.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;
-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: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform;
transition-property: transform, -webkit-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);
-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;
-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;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-o-transition-property: -o-transform;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: height, -o-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-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;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-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;
-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-pagination.swiper-pagination-hidden {
opacity: 0;
}
.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-bullet-active {
opacity: 1;
background: #007aff;
}
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,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p,
tr,
td,
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;
}
ul,
li {
list-style: none;
}
img {
border: 0px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
}
/* -- html5*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
color: #666;
outline: none;
cursor: pointer;
}
a:hover {
background-repeat: no-repeat;
text-decoration: none;
}
a,
input[type="button"],
button,
label,
input[type="submit"] {
cursor: pointer;
}
/* -- sub sup*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
[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 {
font-family: "Microsoft YaHei" tahoma, arial, "Hiragino Sans GB", sans-serif;
outline: none;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
select,
textarea {
outline-style: none;
-webkit-appearance: none;
resize: none;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
*zoom: 1;
}
.clear {
clear: both;
line-height: 0;
height: 0;
font-size: 0;
}
.fl {
float: left;
}
.fr {
float: right;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.swiper-wrapper {
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.z-transition {
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
.z-css3 {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.commonweb {
padding: 0px 15px;
}
.commonwebbox {
margin-left: 0px;
margin-right: 0px;
}
.commonleft {
float: none;
}
.commonright {
float: none;
}
.visible-sm,
.visible-md,
.visible-lg {
display: none;
}
.hidden-sm,
.hidden-md,
.hidden-lg {
display: block;
}
.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: 10px;
padding-right: 10px;
}
.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: 768px) {
.commonweb {
padding: 0px 30px;
}
.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: 10px;
padding-right: 10px;
}
.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%;
}
.visible-sm {
display: block;
}
.hidden-sm {
display: none;
}
}
@media (min-width: 992px) {
.commonweb {
padding: 0px 40px;
}
.commonwebbox {
margin-left: -10px;
margin-right: -10px;
}
.commonleft {
float: left;
}
.commonright {
float: right;
}
.visible-md {
display: block;
}
.hidden-md {
display: none;
}
.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: 10px;
padding-right: 10px;
}
.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: 1200px) {
html {
cursor: default;
}
.commonleft {
float: left;
}
.commonright {
float: right;
}
.visible-lg {
display: block;
}
.hidden-lg {
display: none;
}
.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: 10px;
padding-right: 10px;
}
.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: 1260px) {
.commonweb {
margin: 0px auto;
max-width: 1200px;
padding: 0;
}
}
.pcvisible-md {
display: none;
}
.modhidden-md {
display: block;
}
@media (min-width: 1024px) {
.pcvisible-md {
display: block;
}
.modhidden-md {
display: none;
}
}
/* layout start*/
header {
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
}
.header-web {
max-width: 1370px;
margin: 0 auto;
}
header {
padding-left: 15px;
padding-right: 15px;
}
.header-left {
background: #fff;
position: relative;
float: left;
}
.header-left .txt {
font-size: 12px;
margin-top: 5px;
text-align: right;
}
.logo {
padding: 15px 0;
display: block;
}
.logo img {
display: block;
height: 20px;
}
4nav {
position: fixed;
top: 50px;
z-index: 99;
background: #fff;
left: 0;
width: 100%;
height: 100%;
padding: 20px 0 50px;
display: none;
}
/*nav ul li {
border-bottom: 1px solid #e5e5e5;
}*/
nav ul li h4 {
/* position: relative; */
display: flex;
align-items: center;
}
nav ul li h4 a {
display: block;
color: #65717d;
font-size: 16px;
}
nav ul li.active h4 a {
color: #e0000a;
}
.subnav a {
display: block;
padding: 10px 30px;
}
.product-nav dl dt {
position: relative;
font-size: 15px;
}
.product-nav dl dt:after {
content: "";
position: absolute;
top: 18px;
right: 20px;
width: 10px;
height: 10px;
border-right: 1px solid #7c8287;
border-top: 1px solid #7c8287;
border-left: 0;
border-bottom: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.product-nav dl dd {
display: none;
padding-left: 20px;
}
.product-nav dl.cur dt:after {
top: 16px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.product-nav dl.remove dt:after {
opacity: 0;
}
.header-right {
float: right;
padding-top: 10px;
}
.language-box {
display: inline-block;
position: relative;
}
.language-box .langbtn {
color: #666666;
width: 30px;
height: 30px;
background-image: url(../images/language.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 18px auto;
line-height: 32px;
height: 32px;
display: inline-block;
}
.language-box .langbtn i {
display: none;
font-style: normal;
}
.language-box .language-tab {
display: none;
position: absolute;
top: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
width: 100px;
text-align: center;
}
.language-box .language-tab a {
display: block;
line-height: 40px;
color: #e0000a;
background: #fff;
}
.language-box .language-tab a:nth-child(1) {
border-bottom: rgba(0, 0, 0, 0.06) 1px solid;
}
.language-box .language-tab a:hover {
background: #05abb2;
}
.search-icon {
width: 30px;
height: 30px;
background-image: url(../images/search.png);
background-position: center 5px;
background-repeat: no-repeat;
background-size: 18px auto;
display: inline-block;
}
.search-wraper {
display: inline-block;
}
.search-box {
display: block;
position: absolute;
width: 100%;
top: 50px;
left: 0;
background: #fff;
padding: 30px 20px;
display: none;
z-index: 9;
}
.search-box .search-text {
border: 1px solid #cccccc;
display: block;
height: 32px;
-webkit-border-radius: 20px;
border-radius: 20px;
background: #f7f7f7;
padding-left: 15px;
width: 100%;
}
.search-box .search-text::-webkit-input-placeholder {
color: #999;
}
.search-box .search-text:-moz-placeholder {
color: #999;
}
.search-box .search-text::-moz-placeholder {
color: #999;
}
.search-box .search-text:-ms-input-placeholder {
color: #999;
}
.search-box .search-btn {
position: absolute;
right: 20px;
top: 30px;
width: 32px;
height: 32px;
background: url(../images/search.png) center center no-repeat;
background-size: 14px auto;
font-size: 0;
}
.mobile-right {
position: absolute;
right: 0;
top: 10px;
}
.mobnav-btn {
width: 19px;
height: 26px;
overflow: hidden;
cursor: pointer;
z-index: 10;
position: relative;
margin-left: 14px;
display: inline-block;
vertical-align: top;
}
.mobnav-btn span {
top: 50%;
margin-top: 0;
}
.mobnav-btn span:first-child {
content: "";
top: 8px;
left: 0;
}
.mobnav-btn span:last-child {
content: "";
top: auto;
bottom: 6px;
left: 0;
}
.mobnav-btn span,
.mobnav-btn span:first-child,
.mobnav-btn span:last-child {
left: 0;
position: absolute;
background: #e0000a;
-webkit-transition: all 0.5s ease;
width: 22px;
height: 2px;
-webkit-border-radius: 3px;
border-radius: 3px;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mobnav-btn.g_close span {
opacity: 0;
}
.mobnav-btn.g_close span:first-child {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
top: 14px;
opacity: 1;
}
.mobnav-btn.g_close span:last-child {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
top: 14px;
opacity: 1;
}
.arrorright-btn {
/*
height: 10px;
width: 35px;
position: relative;
top: 25px;
*/
display: flex;
margin-bottom: 6px;
}
.arrorright-btn:after {
content: "";
/* position: absolute;
top: 13px;
right: 20px;*/
width: 10px;
height: 10px;
border-right: 1px solid #7c8287;
border-top: 1px solid #7c8287;
border-left: 0;
border-bottom: 0;
transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
nav ul li.active .arrorright-btn:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 18px;
}
@media (min-width: 768px) {
header {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1024px) {
/* 头部css开始 */
header {
background: #f7f7f7;
position: relative;
}
.header-web {
padding-right: 270px;
position: relative;
}
.header-web:before {
content: "";
position: absolute;
left: -50%;
top: 0;
width: 100%;
height: 100%;
background: #fff;
display: block;
z-index: -1;
}
header {
position: fixed;
padding-left: 30px;
padding-right: 30px;
}
.header-left {
float: none;
border-right: 2px solid #f0f0f0;
position: static;
position: static;
display: flex;
justify-content: space-between;
}
.logo {
padding: 16px 0;
float: left;
height: 90px;
display: flex;
align-items: center;
}
.logo img {
height: 32px;
}
nav {
position: static;
float: right;
padding: 0 0;
height: auto;
width: auto;
display: block;
}
nav ul li {
position: relative;
display: inline-block;
margin-right: 20px;
}
nav ul li h4 a {
height: 90px;
line-height: 90px;
margin-right: 7px;
}
nav ul li:hover h4 a,
nav ul li.cur h4 a {
color: #e0000a;
}
.overlay {
display: none;
position: fixed;
top: 90px;
left: 0;
width: 100%;
height: calc(100% - 90px);
background: rgba(0, 0, 0, 0.7);
z-index: 5;
}
.subnav {
position: absolute;
z-index: 10;
top: 93px;
width: 100%;
left: 0;
background: #fff;
padding: 30px 16px;
display: none;
width: 300px;
overflow: hidden;
}
.header-web nav .subnav::after {
content: "";
position: absolute;
z-index: 10;
top: 90px;
left: 0;
top: -7px;
background: #ff0000;
width: 80px;
height: 4px;
}
.subnav .max-width {
width: 200px;
margin: 0 auto;
}
.subnav .max-width .close-btn {
cursor: pointer;
color: red;
float: right;
padding: 10px;
position: relative;
top: -30px;
right: -50px;
}
.subnav .max-width .close-btn:before {
background: #e2000f;
border-bottom: 46px solid transparent;
border-color: transparent transparent #e2000f;
border-style: solid;
border-width: 0 60px 60px;
content: "";
display: block;
height: 0;
left: -28px;
position: absolute;
top: -8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
width: 0;
z-index: -1;
}
.subnav .max-width .close-btn .close {
width: 21px;
height: 32px;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* .subnav .max-width .close-btn .close:before {
background: #e2000f;
border-bottom: 46px solid transparent;
border-color: transparent transparent #e2000f;
border-style: solid;
border-width: 0 46px 46px;
content: "";
display: block;
height: 0;
left: 4px;
position: absolute;
top: -8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
width: 0;
z-index: -1;
}
*/
.close::before,
.close::after {
content: "";
position: absolute; /* 绝对定位以重叠元素 */
background-color: #fff; /* 设置线条颜色 */
}
.close::before {
width: 1px;
height: 19px;
top: 3px;
left: 9px;
transform: rotate(45deg);
}
.close::after {
width: 1px;
height: 19px;
top: 3px;
left: 9px;
transform: rotate(-45deg);
}
.subnav a {
display: block;
color: #000;
font-size: 15px;
text-align: left;
padding: 10px 0;
}
.subnav a:hover {
color: #e0000a;
text-decoration: underline;
}
.subnav a i {
margin-left: 10px;
display: inline-block;
width: 9px;
height: 9px;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
border-left: 0;
border-bottom: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
}
.product-nav {
padding: 35px 10% 35px 15%;
}
.product-nav dl {
float: left;
width: 50%;
padding: 0 30px;
margin-bottom: 20px;
}
.product-nav dl dt {
color: #c1e9eb;
font-size: 16px;
padding-bottom: 15px;
border-bottom: 1px solid #c1e9eb;
}
.product-nav dl dt a {
padding: 0;
display: block;
width: auto;
}
.product-nav dl dd {
padding-top: 8px;
display: block;
padding-left: 0;
}
.product-nav dl dd a {
width: 32%;
padding: 5px 0 5px 10px;
font-size: 14px;
position: relative;
white-space: nowrap;
}
.product-nav dl dd a:before {
content: "";
position: absolute;
width: 4px;
height: 4px;
display: block;
left: 0;
top: 15px;
background: #c1e9eb;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.product-nav dl dd a:hover {
color: #fff;
}
.product-nav dl:nth-child(2n + 1) {
clear: left;
}
.header-right {
position: absolute;
right: 0;
top: 0;
height: 100%;
background: #f7f7f7;
padding-left: 20px;
padding-top: 28px;
display: block;
}
.language-box {
height: 63px;
}
.language-box .langbtn {
padding-left: 25px;
background-position: 0 center;
background-size: 16px auto;
line-height: 32px;
width: auto;
}
.language-box .langbtn i {
display: inline;
}
.language-box .language-tab {
display: none;
position: absolute;
top: 62px;
z-index: 2;
width: 145px;
}
.language-box .language-tab a:hover {
background: #e0000a;
color: #fff;
}
.language-box .language-tab a:nth-child(2) {
font-size: 13px;
}
.search-icon {
display: none;
}
.search-box {
margin-left: 17px;
display: inline-block;
position: relative;
width: 156px;
position: relative;
top: auto;
background: none;
padding: 0;
}
.search-box .search-text {
border: 1px solid #cccccc;
display: block;
height: 32px;
-webkit-border-radius: 20px;
border-radius: 20px;
background: #fff;
padding-left: 15px;
width: 100%;
}
.search-box .search-text::-webkit-input-placeholder {
color: #999;
}
.search-box .search-text:-moz-placeholder {
color: #999;
}
.search-box .search-text::-moz-placeholder {
color: #999;
}
.search-box .search-text:-ms-input-placeholder {
color: #999;
}
.search-box .search-btn {
position: absolute;
right: 0;
top: 0;
width: 32px;
height: 32px;
background: url(../images/search.png) center center no-repeat;
background-size: 14px auto;
font-size: 0;
}
.mobnav-btn,
.arrorright-btn {
/* display: none;*/
}
}
@media (min-width: 1024px) and (max-width: 1180px) {
nav ul li h4 a {
padding: 0 10px;
font-size: 14px;
}
}
@media (min-width: 1380px) {
.header-web {
padding-right: 300px;
}
nav {
/*padding-right: 32px;*/
}
nav ul li {
/*margin: 0 10px;*/
}
nav ul li h4 a {
font-size: 16.6px;
font-weight: 700;
}
.header-right {
padding-left: 32px;
}
.search-box {
margin-left: 25px;
}
}
@media (min-width: 1600px) {
header {
position: fixed;
padding-left: 0;
padding-right: 0;
box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.03);
}
}
/* footer */
.hx-footer {
width: 100%;
color: #666666;
}
.hx-footer a {
color: #666666;
}
.hx-footer .foot-top {
padding-top: 20px;
padding-bottom: 20px;
background-color: #3d3d3d;
}
.hx-footer .foot-top .descico-list {
text-align: center;
font-size: 0;
}
.hx-footer .foot-top .descico-list li {
float: none;
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1;
}
.hx-footer .foot-top .descico-list a {
display: inline-block;
vertical-align: top;
}
.hx-footer .foot-top .descico-list img {
vertical-align: top;
max-width: 100%;
}
.hx-footer .foot-top .descico-list .desc {
font-size: 15px;
line-height: 25px;
padding: 8px 0;
}
.hx-footer .foot-main {
background-color: #333333;
}
.hx-footer .quickly-links .title a {
display: block;
position: relative;
font-size: 14px;
line-height: 45px;
font-weight: bold;
color: #999999;
}
.hx-footer .quickly-links .title a:after {
content: "";
position: absolute;
right: 0;
top: 0;
z-index: 10;
width: 45px;
height: 45px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/ftadd.png);
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.hx-footer .quickly-links .title.cur a:after {
background-image: url(../images/ftless.png);
}
.hx-footer .quickly-links .subnav {
display: none;
}
.hx-footer .quickly-links .subnav a {
display: block;
font-size: 14px;
line-height: 45px;
}
.hx-footer .about-site {
line-height: 24px;
font-size: 14px;
padding: 10px 0;
border-top: 1px solid #434343;
color: #767676;
}
.hx-footer .about-site a {
color: #767676;
}
.hx-footer .about-site .left-links {
text-align: center;
}
.hx-footer .about-site .left-links a,
.hx-footer .about-site .left-links span {
display: inline-block;
font-size: 14px;
}
.hx-footer .about-site .copyright {
text-align: center;
}
.hx-footer .about-site .szweb {
display: none;
}
.hx-backtop {
display: block;
position: fixed;
z-index: 99;
right: 5px;
bottom: 20%;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/toptop01.jpg);
}
@media (min-width: 1024px) {
.hx-backtop {
width: 50px;
height: 50px;
right: 40px;
}
.hx-footer .foot-top {
padding-top: 25px;
padding-bottom: 8px;
}
.hx-footer .foot-top .descico-list .desc {
padding: 10px 0;
}
.hx-footer .commonweb {
overflow: hidden;
}
.hx-footer .quickly-links {
padding-top: 78px;
padding-bottom: 70px;
margin-left: -10px;
margin-right: -10px;
}
.hx-footer .quickly-links li {
float: left;
width: 16.66667%;
padding: 0 10px;
}
.hx-footer .quickly-links .title a {
line-height: 30px;
margin-bottom: 8px;
}
.hx-footer .quickly-links .title a:after {
display: none;
}
.hx-footer .quickly-links .subnav {
display: block;
}
.hx-footer .quickly-links .subnav a {
line-height: 30px;
}
.hx-footer .quickly-links .subnav a:hover {
color: #999;
}
.hx-footer .about-site {
line-height: 24px;
padding: 20px 0;
}
.hx-footer .about-site .left-links {
float: left;
text-align: center;
}
.hx-footer .about-site .left-links a:hover {
color: #999;
}
.hx-footer .about-site .copyright {
float: right;
text-align: center;
}
.hx-footer .about-site .copyright .copytext {
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1;
}
.hx-footer .about-site .copyright .szweb {
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1;
padding-left: 10px;
}
}
@media (min-width: 1280px) {
.hx-footer .quickly-links {
margin-left: -20px;
margin-right: -20px;
}
.hx-footer .quickly-links li {
padding: 0 20px;
}
.hx-backtop {
width: 60px;
height: 60px;
right: 50%;
margin-right: -710px;
}
}
@media (min-width: 1420px) {
.hx-footer .quickly-links {
margin-left: -30px;
margin-right: -30px;
}
.hx-footer .quickly-links li {
padding: 0 30px;
}
}
.loadMore {
display: block;
width: 100%;
max-width: 100%;
margin: 15px auto;
font-size: 16px;
line-height: 42px;
text-align: center;
color: #666;
background: #d9d9d9;
}
.loadMore.acbg {
color: #fff;
background: #d6000e;
}
.loadMore:active,
.loadMore:hover {
color: #fff;
background: #d6000e;
}
.remorebtn03 a {
display: block;
height: 45px;
background-color: #d6000e;
margin: 20px 0 10px;
text-align: center;
line-height: 45px;
color: #ffffff;
}
.remorebtn03:hover {
color: #fff;
}
.casecont402 {
padding: 36px 0;
background-color: #fff;
background-image: url(../images/homecp905.png);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.caselist402 dl {
background-color: #f2f2f2;
}
.caselist402 dt {
overflow: hidden;
position: relative;
}
.caselist402 dt:after {
position: absolute;
left: 50%;
bottom: 0;
content: "";
width: 0;
height: 0;
margin-left: -10px;
border: 10px solid transparent;
border-bottom-color: #f2f2f2;
}
.caselist402 dt a {
display: block;
}
.caselist402 dt img {
display: block;
width: 100%;
margin: 0 auto;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.caselist402 dd div {
padding: 12px 8px;
}
.caselist402 dd h4 {
font-size: 18px;
padding-bottom: 6px;
color: #333333;
}
.caselist402 dd h4 a {
display: block;
height: 26px;
line-height: 26px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.caselist402 dd p {
margin: 6px 0 16px 0;
height: 72px;
line-height: 24px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.ceselink402 {
display: inline-block;
width: 82px;
height: 32px;
border: 1px solid #cccccc;
text-align: center;
line-height: 32px;
color: #666666;
}
.caselist402 dl:hover dt img {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
}
.caselist402 dl:hover dd h4 a {
color: #d6000e;
}
.caselist402 dl:hover .ceselink402 {
color: #ffffff;
border: 1px solid #d6000e;
background-color: #d6000e;
}
@media (min-width: 768px) {
.caselist402 dt {
width: 50%;
float: right;
}
.caselist402 dt:after {
left: 0;
bottom: 50%;
border-left-color: #f2f2f2;
border-bottom-color: transparent;
margin: 0 0 -10px;
}
.caselist402 dl:nth-child(2n) dt {
float: left;
}
.caselist402 dd {
width: 50%;
float: left;
}
.caselist402 dl:nth-child(2n) dt:after {
left: auto;
right: 0;
border-left-color: transparent;
border-right-color: #f2f2f2;
}
.caselist402 dd div {
padding: 20px 20px 0;
}
.caselist402 dd p {
margin: 10px 0 16px 0;
}
.caselist402 dl:hover dt a {
opacity: 1;
}
}
@media (min-width: 1024px) {
.loadMore {
margin: 23px auto 30px;
}
.caselist402 dt:after {
border-width: 15px;
margin: 0 0 -15px;
}
.caselist402 dd div {
padding: 50px 40px 0;
}
.caselist402 dd p {
margin: 16px 0 45px 0;
}
}
.newscont7 {
padding: 20px 0;
}
.hotnews07 {
position: relative;
background-color: #f2f2f2;
overflow: hidden;
}
.hotnews07 ul li {
width: 100%;
color: #666;
}
.hotnewslist07 dt {
overflow: hidden;
}
.hotnewslist07 dt a {
display: block;
}
.hotnewslist07 dt img {
display: block;
width: 100%;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.hotnewslist07 dd {
padding: 15px 10px;
}
.hotnewslist07 dd h4 {
font-size: 16px;
line-height: 30px;
font-weight: bold;
}
.hotnewslist07 dd a {
max-height: 30px;
line-height: 30px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
display: block;
color: #333;
}
.hotnewstext07 {
margin: 10px 0;
height: 72px;
line-height: 24px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.hotnews07 ul li:hover dt 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);
}
.hotnewsbtn07 {
position: absolute;
z-index: 10;
text-align: center;
line-height: 0;
}
.hotnewsbtn07 span {
opacity: 1;
background: #fff;
}
.hotnewsbtn07 .swiper-pagination-bullet-active {
background: #d6000e;
}
@media (min-width: 768px) {
.hotnewslist07 dd h4 {
font-size: 24px;
font-weight: bold;
height: 72px;
line-height: 36px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
@media (min-width: 1024px) {
.newscont7 {
padding: 36px 0;
}
.hotnewslist07 dt {
width: 68%;
overflow: hidden;
float: left;
}
.hotnewslist07 dd {
width: 32%;
padding: 55px 25px 0 25px;
float: left;
}
.hotnewslist07 dd a {
max-height: 90px;
-webkit-line-clamp: 3;
}
.hotnewslist07 dd h4 {
text-overflow: ellipsis;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
}
.hotnewstext07 {
height: 120px;
-webkit-line-clamp: 5;
}
.hotnews07 .hotnewsbtn07 {
left: auto;
right: 0;
width: 32%;
padding-left: 25px;
right: 0;
bottom: 42px;
position: absolute;
text-align: left;
}
.hotnews07 .hotnewsbtn07 span {
width: 11px;
height: 11px;
margin: 0 5px;
}
}
.newscont8 {
padding: 8px 0;
background-color: #f2f2f2;
}
.newslistext08 {
position: relative;
background-color: #ffffff;
padding: 100px 26px 60px;
height: 100%;
color: #666666;
font-size: 14px;
}
.newslistext08 h4 {
margin-bottom: 38px;
font-size: 20px;
line-height: 28px;
height: 56px;
line-height: 28px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.newslistext08 h4 a {
color: #333333;
}
.newslist08 {
overflow: hidden;
position: relative;
}
.newslist08 ul {
margin: 0 -12px;
}
.newslist08 ul li {
padding: 12px;
}
.newslistcont08 {
overflow: hidden;
position: relative;
}
.newslisimg08 {
height: 100%;
background-color: #d6000e;
position: absolute;
left: 0;
top: 0;
}
.nsimg08 {
width: 100%;
}
.nsimg08 img {
display: block;
width: 100%;
}
.newslisimg08 h4 {
margin: 65px 26px 0;
font-size: 20px;
line-height: 28px;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
}
.newslisimg08 a {
color: #ffffff;
}
.nstext08 {
height: 96px;
line-height: 24px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.newsdate08 {
position: absolute;
top: 0;
left: 28px;
width: 80px;
height: 80px;
background-color: #d6000e;
color: #ffffff;
text-align: center;
}
.newsdate08 p {
font-size: 40px;
font-family: Arial;
line-height: 50px;
}
.back {
display: none;
}
.remorebtn03 a {
display: block;
height: 45px;
background-color: #22ac38;
margin: 20px 0 10px;
text-align: center;
line-height: 45px;
color: #ffffff;
font-size: 16px;
}
.remorebtn03 a:hover {
color: #ffffff;
}
@media (min-width: 768px) {
.newslistext08 {
padding: 100px 26px 0;
}
.newslistcont08 {
height: 435px;
}
.nsimg08 {
display: block;
width: 100%;
height: 213px;
overflow: hidden;
position: relative;
}
.nsimg08 img {
display: block;
width: 100%;
}
.front,
.back {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-size: cover;
background-position: center;
overflow: hidden;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
-webkit-transition: 0s\9;
-o-transition: 0s\9;
transition: 0s\9;
will-change: transform;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-box-shadow: 0px 0px 15px 3px white;
box-shadow: 0px 0px 15px 3px white;
}
.back {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
z-index: 1;
}
.front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
z-index: 2;
}
.newslist08 ul li:hover .back {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
z-index: 2;
}
.newslist08 ul li:hover .front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
z-index: 1;
}
}
@media (min-width: 1024px) {
.newscont8 {
padding: 36px 0 70px;
}
}
.network03 {
padding: 16px 0;
background-color: #f2f2f2;
}
.allnetwork03 {
overflow: hidden;
}
.allnetwork03 .search-title h4 {
float: left;
padding-bottom: 0;
line-height: 32px;
}
.allnetwork03 .search-title .returnsearch {
display: block;
float: right;
font-size: 14px;
line-height: 30px;
border: 1px solid #d6000e;
padding: 0 10px;
color: #d6000e;
}
.allnetwork03 h4 {
font-size: 20px;
font-weight: bold;
color: #333333;
padding: 0 0 10px;
}
.salesearchwrap03 {
background-color: #0068b7;
}
.salesearch03 {
padding-bottom: 15px;
position: relative;
}
.salesearch03 dl {
padding: 20px;
background-color: #0068b7;
color: #ffffff;
float: left;
width: 100%;
margin-bottom: 1px;
}
.saletitle03 h3 {
font-size: 16px;
}
.saleselect03 {
padding-top: 12px;
}
.saleselect03 select {
width: 100%;
height: 40px;
text-indent: 12px;
font-size: 14px;
color: #666666;
float: left;
position: relative;
background-color: #ffffff;
background-image: url(../images/xs01.png);
background-repeat: no-repeat;
background-position: 95% center;
margin-bottom: 2%;
}
.salebtn03 {
width: 100%;
height: 40px;
background-color: #22ac38;
font-size: 16px;
font-weight: bold;
color: #ffffff;
cursor: pointer;
text-align: center;
}
.saleinput03 {
width: 100%;
height: 40px;
font-size: 14px;
color: #666666;
float: left;
text-indent: 12px;
margin-bottom: 2%;
}
.networkcont03 {
background-color: #ffffff;
padding: 32px 5% 32px;
}
.allnetwork03 .commonweb {
overflow: hidden;
}
.allnetwork03 ul li {
font-size: 16px;
padding: 10px 0;
}
.networkcont03 h5 {
font-size: 18px;
color: #333333;
}
.networkcont03 h5:after {
display: block;
content: "";
width: 40px;
height: 4px;
background-color: #d6000e;
margin: 16px 0;
}
.networktext03 {
line-height: 28px;
}
.saleselectrelative03 {
position: relative;
}
.salecitytext03 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.saleemptybtn03 {
padding-top: 23px;
border-top: 1px solid #4d96cd;
margin: 0 20px;
}
.saleemptybtn03 a {
display: block;
color: #ffffff;
width: 100%;
height: 40px;
line-height: 40px;
background-color: #80c269;
font-weight: bold;
font-size: 16px;
text-align: center;
}
.remorebtn03 a {
display: block;
height: 45px;
background-color: #22ac38;
margin: 20px 0 10px;
text-align: center;
line-height: 45px;
color: #ffffff;
font-size: 16px;
}
.remorebtn03 a:hover {
color: #ffffff;
}
@media (min-width: 768px) {
.network03 {
padding: 36px 0;
}
.saleselectrelative03 {
width: 40%;
margin: 0 2% 0 0;
float: left;
}
.salesearch03 dl {
width: 50%;
margin: 0;
float: left;
}
.salesearch03 dl:nth-of-type(1) {
padding-left: 0;
}
.salesearch03 dl.saleselectdl03 {
width: 42%;
}
.salebtn03 {
width: 15%;
}
.salesearch03 dl.saleselectdl03 .salebtn03 {
width: 19%;
}
.saleinput01 {
width: 80%;
margin: 0 2% 0 0;
}
.saleinput03 {
width: 75%;
margin: 0 2% 0 0;
}
.allnetwork03 ul li {
padding: 10px;
}
.allnetwork03 h4 {
font-size: 24px;
}
.networkcont03 h5 {
font-size: 24px;
}
.saleemptybtn03 {
height: 95px;
padding: 35px 0 0 23px;
border: 0;
border-left: 1px solid #4d96cd;
position: absolute;
right: 10px;
top: 20px;
margin: 0;
}
.saleemptybtn03 a {
width: 55px;
}
}
@media (min-width: 992px) {
.networkcont03 {
padding: 32px 32px 0;
height: 265px;
}
.allnetwork03 ul {
margin: 0 -10px;
}
.allnetwork03 .search-title {
margin-bottom: 4px;
}
.allnetwork03 .search-title h4 {
line-height: 38px;
}
.allnetwork03 .search-title .returnsearch {
font-size: 16px;
line-height: 38px;
padding: 0 20px;
}
}
body {
padding-top: 50px;
background: #fff;
}
.m-ycenter {
position: absolute;
z-index: 3;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner {
position: relative;
overflow: hidden;
}
.banner ul li {
height: auto;
overflow: hidden;
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
}
.banner ul li img {
max-width: 100%;
}
.banner-con {
position: relative;
width: 100%;
left: 0;
color: #ffffff;
z-index: 2;
margin: 0 auto;
padding: 30px 5% 10px;
max-width: 1410px;
}
.bannerdl {
text-align: center;
}
.bannerdl dd {
padding: 20px 0 8%;
}
.bannerdl dd .banner-title {
font-size: 26px;
font-weight: bold;
line-height: 30px;
margin-bottom: 22px;
}
.bannerdl dd .banner-text {
font-size: 16px;
margin-bottom: 30px;
}
.bannerdl dt img {
display: inline-block;
max-width: 100%;
}
.banner-more a {
display: inline-block;
width: 130px;
height: 40px;
border: 1px solid rgba(255, 255, 255, 0.8);
line-height: 40px;
color: #fff;
text-align: center;
font-size: 14px;
}
.banner-two {
text-align: center;
position: relative;
margin-top: 16%;
}
.bannertwo-title {
margin-bottom: 22px;
}
.fs28 {
font-size: 18px;
line-height: 30px;
margin-bottom: 54px;
font-weight: lighter;
}
.indexbannerindeo {
text-align: center;
position: absolute;
left: auto;
width: 100%;
z-index: 1;
bottom: 20px;
}
.indexbannerindeo span {
width: 12px;
height: 12px;
display: inline-block;
margin: 0 5px;
background: #fff;
cursor: pointer;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.indexbannerindeo span.cur,
.indexbannerindeo span.swiper-pagination-bullet-active {
background: #e0000a;
}
.about-ylk {
padding-top: 35px;
padding-bottom: 30px;
}
.index-web {
max-width: 1240px;
margin: 0 auto;
}
.indexabout-cn {
text-align: center;
font-size: 24px;
color: #e0000a;
line-height: 26px;
margin-bottom: 10px;
}
.indexabout-en {
color: #999;
text-align: center;
font-family: helvetica;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
}
.indexabout-en span {
background: #fff;
position: relative;
}
.indexabout-en span:after,
.indexabout-en span:before {
content: "";
position: absolute;
width: 20px;
height: 1px;
display: block;
left: -30px;
background: #e0e0e0;
top: 10px;
}
.indexabout-en span:after {
right: -30px;
left: auto;
}
.index-web {
padding-left: 15px;
padding-right: 15px;
}
.indexabout-con {
padding: 24px 0 0;
}
.indexabout-con .about-left {
margin-bottom: 20px;
}
.indexabout-con .about-left dt {
position: relative;
overflow: hidden;
}
.indexabout-con .about-left dt img {
display: block;
position: relative;
width: 100%;
}
.indexabout-con .about-left dt .play-btn {
display: block;
width: 54px;
height: 54px;
position: absolute;
background: url(../images/play.png) center center no-repeat;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: pointer;
background-size: 40px auto;
}
.indexabout-con .about-left dd {
padding: 13px 0 0;
}
.indexabout-con .about-left dd h4 {
color: #e0000a;
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
}
.indexabout-con .about-left dd .video-text {
color: #666666;
position: relative;
height: 48px;
line-height: 24px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.indexabout-con .about-left dd .video-text a {
color: #e0000a;
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
background: #fff;
padding-left: 5px;
}
.anewslist li a {
display: block;
position: relative;
padding-left: 140px;
margin-bottom: 20px;
}
.anewslist li a .zoom {
position: absolute;
left: 0;
top: 0;
width: 140px;
overflow: hidden;
}
.anewslist li a .zoom img {
display: block;
position: relative;
height: 85px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.anewslist li a .index-abcon {
padding-bottom: 14px;
margin-left: 10px;
/*border-bottom: 1px solid #E5E5E5;*/
}
.anewslist li a .index-abcon h4 {
font-size: 16px;
color: #333;
font-weight: normal;
height: 18px;
line-height: 18px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 10px;
}
.anewslist li a .index-abcon p {
color: #666666;
font-size: 14px;
height: 44px;
line-height: 22px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.more-news {
text-align: right;
}
.more-news a {
display: inline-block;
width: 150px;
height: 50px;
line-height: 50px;
background: #aaa;
color: #fff;
font-size: 15px;
text-align: center;
-webkit-border-radius: 5px;
border-radius: 39px;
}
.product-center {
background: #f9f9f9;
padding-top: 35px;
}
.product-center .indexabout-en span {
background: #f9f9f9;
}
.indexproduct-list {
margin: 24px 15px 0;
position: relative;
overflow: hidden;
}
.indexproduct-list ul li {
float: left;
padding: 0;
position: relative;
overflow: hidden;
}
.indexproduct-list ul li .inimg {
display: block;
width: 101%;
filter: blur(2px);
-webkit-transform: translate(0) scale(1.03, 1.03);
-ms-transform: translate(0) scale(1.03, 1.03);
-o-transform: translate(0) scale(1.03, 1.03);
transform: translate(0) scale(1.03, 1.03);
-webkit-transition: all ease-in 0.7s;
-o-transition: all ease-in 0.7s;
transition: all ease-in 0.7s;
}
.indexproduct-list .product-btn {
display: none;
}
.indexproduct-list .product-btn.swiper-button-disabled {
opacity: 0;
}
.inporoduct-con {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
-webkit-transition: all ease-in 0.7s;
-o-transition: all ease-in 0.7s;
transition: all ease-in 0.7s;
}
.inporoduct-con img {
display: inline-block;
height: 56px;
width: auto;
}
.inporoduct-con h5 {
font-size: 18px;
line-height: 30px;
margin: 0px 0 8%;
}
.m-positionrel {
position: relative;
}
.inporoduct-con .inporoduct-text {
text-align: left;
font-size: 16px;
max-width: 383px;
overflow: hidden;
margin: 0 auto;
padding: 0 10px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
-webkit-transition: all ease-in 0.7s;
-o-transition: all ease-in 0.7s;
transition: all ease-in 0.7s;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
.indexproduct-list ul li:hover .inporoduct-con .inporoduct-link {
visibility: visible;
opacity: 1;
display: flex;
flex-wrap: wrap;
}
.indexproduct-list ul li:hover .inporoduct-con .inporoduct-text {
visibility: hidden;
opacity: 0;
}
.inporoduct-con .inporoduct-link {
text-align: left;
max-width: 383px;
overflow: hidden;
margin: 0 auto;
padding: 0 10px;
visibility: hidden;
-webkit-transition: all ease-in 0.7s;
-o-transition: all ease-in 0.7s;
transition: all ease-in 0.7s;
opacity: 0;
display: flex;
flex-wrap: wrap;
}
.inporoduct-con .inporoduct-link a {
display: block;
float: left;
width: 33.3%;
color: #fff;
font-size: 14px;
position: relative;
padding: 5px 0 5px 14px;
}
.inporoduct-con .inporoduct-link a:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
background: #fff;
left: 0;
top: 14px;
display: block;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.inporoduct-con .m-ycenter {
width: 100%;
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
margin-top: 29%;
}
.product-btn {
width: 30px;
height: 57px;
display: block;
position: absolute;
background: #d9d9d9;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-border-radius: 5px;
border-radius: 5px;
z-index: 3;
cursor: pointer;
}
.product-btn:hover {
background: #169da2;
}
.product-btn:after {
content: "";
position: absolute;
width: 14px;
height: 14px;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 50%;
left: 50%;
margin-top: -6px;
margin-left: -4px;
}
.product-btn.product-right {
right: 0;
left: auto;
}
.product-btn.product-right:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: -11px;
}
.solution {
padding-top: 35px;
padding-bottom: 20px;
}
.solution-wraper {
position: relative;
}
.solution-wraper .product-btn {
top: 40%;
}
.solution-swiper {
margin-top: 0;
position: relative;
overflow: hidden;
}
.solution-swiper ul {
padding-top: 30px;
}
.solution-swiper ul li {
float: left;
width: 20%;
text-align: center;
font-size: 0;
line-height: 0;
padding-bottom: 20px;
}
.solution-swiper ul li a {
display: block;
}
.solution-swiper ul li a:hover img {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
-o-transform: translateY(-8px);
transform: translateY(-8px);
}
.solution-swiper ul li img {
display: inline-block;
height: 60px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.solution-swiper ul li h4 {
margin-top: 5px;
font-size: 14px;
line-height: 24px;
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.recommended-box {
/*padding: 0 40px;*/
position: relative;
}
.recommended-products {
padding-top: 35px;
padding-bottom: 35px;
background: #f5f5f5 url(../../images/networkbg.jpg);
}
.recommended-products .indexabout-en span {
background: #f5f5f5;
}
.recom-product {
margin-top: 30px;
overflow: hidden;
}
.recom-product ul li {
padding: 0;
}
.recom-product ul li a {
display: block;
background: #fff;
border: 0px solid #ebebeb;
position: relative;
/* height: 100%; */
}
.recom-product ul li a .zoom img {
display: block;
width: 100%;
}
.recom-product ul li a .inproduct-con {
border-top: 1px solid #ebebeb;
padding: 60px 50px;
font-size: 15px;
}
.recom-product ul li a .inproduct-con h5 {
font-size: 36px;
font-weight: 600;
color: #e0000a;
margin-bottom: 25px;
line-height: 1.2;
text-overflow: ellipsis;
}
.recom-product ul li a .inproduct-con .txt {
margin-bottom: 35px;
}
.recom-product ul li a .inproduct-con .btn {
display: inline-block;
background: #555;
padding: 15px 30px;
border-radius: 30px;
color: #fff;
margin-top: 30px;
-webkit-transition: all ease-in 0.3s;
-o-transition: all ease-in 0.3s;
transition: all ease-in 0.3s;
}
.recom-product ul li a .inproduct-con p {
position: relative;
padding-left: 14px;
margin-bottom: 1px;
}
.recom-product ul li a .inproduct-con p:before {
content: "";
position: absolute;
width: 4px;
height: 4px;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #b3b3b3;
display: block;
top: 10px;
left: 0;
}
.footer-top {
background: #fff;
}
.footer-web {
max-width: 1240px;
margin: 0 auto;
padding: 0 15px;
}
.footer-list {
padding: 30px 0 38px;
}
.footer-list .li1 h4 {
font-size: 16px;
padding: 8px 0;
position: relative;
border-bottom: 1px solid #737475;
}
.footer-list .li1 h4 a {
color: #e0000a;
display: block;
margin-bottom: 6px;
font-size: 16.5px;
font-weight: 600;
}
.footer-list .li2 {
padding-top: 20px;
text-align: right;
color: rgba(0, 0, 0, 0.7);
}
.footer-list .li2 .codetext {
font-size: 16px;
margin-bottom: 10px;
}
.footer-list .li2 .tel-num {
}
.footer-list .li2 .tel-num a {
font-size: 16px;
font-weight: 700;
color: rgba(0, 0, 0, 0.7);
vertical-align: middle;
}
.footer-list .li2 .codeimg {
padding-bottom: 10px;
}
.footer-list .li2 .codeimg img {
display: inline-block;
max-width: 100%;
height: 120px;
}
.plus.icon {
position: absolute;
right: 0;
top: 0;
color: #fff;
position: absolute;
margin-left: 3px;
width: 100%;
height: 100%;
}
.plus.icon:before {
content: "";
position: absolute;
width: 15px;
height: 1px;
right: 0;
top: 22px;
background-color: #fff;
}
.plus.icon:after {
content: "";
position: absolute;
width: 15px;
height: 1px;
right: 0;
top: 22px;
background-color: #fff;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.footersub-nav {
display: none;
padding: 20px 0 10px;
}
.footersub-nav a {
display: block;
color: rgba(0, 0, 0, 0.7);
line-height: 28px;
}
.footersub-nav a:hover {
color: #e0000a;
}
.footer-bottom {
background: #555;
padding: 30px 0;
text-align: center;
}
.m-banner {
position: relative;
overflow: hidden;
width: 100%;
}
.m-banner img {
display: block;
width: 100%;
}
.m-ptb {
padding-top: 35px;
padding-bottom: 35px;
}
.common-position {
position: relative;
}
.common-left {
margin-bottom: 30px;
}
.com-title {
padding: 12px 14px;
color: #ffffff;
font-size: 16px;
font-weight: bold;
line-height: 26px;
background: url(../images/wicon14.png) 0 center no-repeat, #e0000a;
position: relative;
background-size: auto 20px;
}
.com-title:after {
content: "";
position: absolute;
width: 12px;
height: 12px;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-left: 0;
border-bottom: 0;
display: block;
top: 15px;
right: 20px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.common-nav {
border: 1px solid #e6e6e6;
border-top: 0;
background: #f7f8fa;
padding-bottom: 44px;
}
.common-nav ul li {
border-bottom: 1px solid #e6e6e6;
}
.common-nav ul li h4 a {
color: #333333;
font-size: 14px;
display: block;
padding: 10px 42px;
position: relative;
}
.common-nav ul li h4 a:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-left: 6px solid #b3b3b3;
border-bottom: 6px solid transparent;
display: block;
top: 50%;
margin-top: -6px;
left: 20px;
}
.common-nav ul li.cur h4 a {
color: #e0000a;
font-weight: bold;
background: #ebecec;
}
.common-nav ul li.cur h4 a:after {
border-left-color: #e0000a;
}
.recom-list {
padding-bottom: 16px;
}
.recom-list a {
display: block;
position: relative;
background: #d5eced;
-webkit-border-top-left-radius: 10px;
border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
overflow: hidden;
}
.recom-list a img {
display: block;
width: 100%;
-webkit-border-top-left-radius: 10px;
border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.recom-list a span {
position: absolute;
right: 22px;
color: #4c4c4c;
font-size: 18px;
top: 50%;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-topcolumn {
border-bottom: 1px solid #e6e6e6;
padding-top: 10px;
margin-bottom: -1px;
margin-bottom: 40px;
}
.m-topcolumn .m-title {
font-size: 20px;
color: #4c4c4c;
display: inline-block;
border-bottom: 2px solid #e0000a;
height: 32px;
padding-bottom: 4px;
font-weight: bold;
}
.m-topcolumn .crumb {
float: right;
color: #808080;
font-size: 13px;
padding-bottom: 4px;
}
.m-topcolumn .crumb a {
color: #808080;
}
.m-topcolumn .crumb a:hover,
.m-topcolumn .crumb a.cur {
color: #4c4c4c;
}
.m-topcolumn .crumb a.home-icon {
width: 16px;
height: 17px;
margin-right: 10px;
display: inline-block;
vertical-align: -3px;
background: url(../images/wicon17.png) center center no-repeat;
}
.select-box dl {
position: relative;
padding: 10px 0 10px 48px;
border-bottom: 1px solid #e6e6e6;
}
.select-box dl dt {
position: absolute;
left: 0;
top: 10px;
height: 100%;
font-size: 16px;
}
.select-box dl dd {
padding-right: 30px;
position: relative;
}
.select-box dl dd a {
display: inline-block;
font-size: 13px;
padding: 0 8px 6px;
}
.select-box dl dd a:hover,
.select-box dl dd a.cur {
color: #e0000a;
}
.select-box dl dd .arrormore-btn {
content: "";
position: absolute;
width: 50px;
height: 100%;
display: block;
right: 0;
top: 4px;
}
.select-box dl dd .arrormore-btn:after {
content: "";
display: block;
position: absolute;
right: 5px;
width: 12px;
height: 12px;
border-right: 2px solid #b3b3b3;
border-top: 2px solid #b3b3b3;
border-left: 0;
border-bottom: 0;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.select-box dl dd .arrormore-btn.cur:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 5px;
}
.prod-height {
height: 34px;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
overflow: hidden;
}
.prod-height.add {
height: auto;
}
.case-list {
overflow: hidden;
padding-top: 26px;
}
.case-list ul {
margin: 0 -12px;
padding-bottom: 15px;
}
.case-list ul li {
padding: 0 12px 20px;
text-align: center;
font-size: 14px;
}
.case-list ul li a {
display: block;
width: 100%;
color: #333;
}
.case-list ul li a img {
display: block;
width: 100%;
}
.case-list ul li a h4 {
border: 1px solid #e6e6e6;
height: 54px;
line-height: 54px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding: 0 10px;
}
.loading .load-more {
width: 100%;
height: 40px;
background: #169da2;
color: #fff;
text-align: center;
font-size: 14px;
display: block;
line-height: 40px;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.loading .load-more:hover {
background: #06a8af;
}
.company-profile {
color: #666666;
font-size: 14px;
line-height: 26px;
}
.company-profile img {
max-width: 100%;
}
.profile-title {
font-size: 18px;
color: #e0000a;
font-weight: bold;
margin-bottom: 10px;
}
.history-list {
margin-top: 32px;
position: relative;
overflow: hidden;
}
.history-list:after {
content: "";
position: absolute;
left: 25px;
top: 52px;
height: 100%;
width: 2px;
background: #169da2;
z-index: 1;
}
.history-list:before {
content: "";
position: absolute;
bottom: 0;
left: 18px;
display: block;
width: 15px;
height: 20px;
background: url(../images/wicon18.png) center 0 no-repeat;
z-index: 2;
}
.history-list dl {
position: relative;
padding-left: 63px;
margin-bottom: 20px;
}
.history-list dl dt {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.history-list dl dt .num {
font-size: 16px;
width: 50px;
height: 32px;
display: inline-block;
background: #169da2;
color: #fff;
text-align: center;
line-height: 32px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.history-list dl dd {
background: #f2f2f2;
padding: 20px 5%;
font-size: 14px;
color: #4c4c4c;
position: relative;
line-height: 30px;
}
.history-list dl dd:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-right: 16px solid #f2f2f2;
border-bottom: 12px solid transparent;
left: -12px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-line {
border-bottom: 1px solid #ebebeb;
}
.veichi-brand {
padding-bottom: 50px;
border-bottom: 1px solid #ebebeb;
}
.veichi-brand .branddl dd {
font-size: 14px;
line-height: 28px;
color: #666666;
}
.veichi-brand .branddl dd .brand-title {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
color: #4c4c4c;
}
.veichi-brand .branddl dt {
padding-top: 20px;
text-align: center;
}
.veichi-brand .branddl dt img {
max-width: 100%;
}
.m-brandtitle {
font-size: 20px;
color: #e0000a;
font-weight: bold;
text-align: center;
line-height: 30px;
}
.brand-concept {
padding: 35px 0;
}
.concept-list {
padding-top: 25px;
margin: 0 -6px;
}
.concept-list li {
padding: 0 6px;
font-size: 14px;
line-height: 26px;
overflow: hidden;
}
.concept-list li img {
display: block;
width: 100%;
}
.concept-list li .cepttitle {
font-size: 16px;
font-weight: bold;
text-align: center;
border: 1px solid #e6e6e6;
padding: 11px 10px;
position: relative;
z-index: 3;
background: #fff;
}
.concept-list li:hover .cec-middle {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.concept-list li:hover .cepttitle {
background: #e0000a;
color: #fff;
border-color: #e0000a;
}
.concept-box {
position: relative;
z-index: 2;
}
.concept-box .cec-middle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
color: #fff;
opacity: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform ease 0.7s;
transition: -webkit-transform ease 0.7s;
-o-transition: -o-transform ease 0.7s;
transition: transform ease 0.7s;
transition: transform ease 0.7s, -webkit-transform ease 0.7s, -o-transform ease 0.7s;
}
.concept-box .cec-middle .text-center {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 0 16px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
max-height: 120px;
}
.brand-policy {
padding: 35px 0 20px;
}
.policy-list {
padding-top: 40px;
}
.policy-list li {
text-align: center;
font-size: 14px;
line-height: 26px;
padding-bottom: 20px;
}
.policy-list li .policy-icon {
width: 100px;
height: 100px;
-webkit-border-radius: 100%;
border-radius: 100%;
margin: 0 auto 10px;
}
.policy-list li .policy-icon img {
display: block;
width: 100%;
}
.policy-list li:nth-child(2n + 1) {
clear: left;
}
.policy-list li:nth-child(1) .policy-icon {
background: #1866a8;
}
.policy-list li:nth-child(2) .policy-icon {
background: #289873;
}
.policy-list li:nth-child(3) .policy-icon {
background: #24a3a7;
}
.brand-security {
padding-top: 48px;
font-size: 15px;
line-height: 28px;
}
.secbrand-con {
padding-top: 40px;
}
.secbrand-con img {
display: block;
max-width: 100%;
}
.com-culture {
overflow: hidden;
}
.culture-one {
padding-bottom: 20px;
}
.cunum-list {
margin: 0 -10px;
}
.cunum-list li {
float: left;
width: 50%;
padding: 0 10px 20px;
text-align: center;
font-size: 15px;
line-height: 24px;
color: #808080;
}
.cunum-list li .num-box {
padding: 30px 10px 20px;
border: 1px solid #e6e6e6;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cunum-list li .num-box .num-fs {
font-family: "DINCond-Bold";
font-size: 26px;
line-height: 26px;
display: block;
margin-bottom: 14px;
}
.curlhour-list {
padding-top: 24px;
}
.curlhour-list li {
font-size: 15px;
line-height: 30px;
text-align: center;
margin-bottom: 20px;
}
.curlhour-list li .iconimg {
text-align: center;
margin-bottom: 0px;
}
.curlhour-list li .iconimg img {
height: 54px;
display: inline-block;
}
.curlhour-list li .curl-title {
font-size: 18px;
text-align: center;
color: #333333;
margin-bottom: 10px;
}
.curlhour-list li .curlhour-con {
padding: 0 10px;
}
.curlhour-list li .brnitem {
display: inline-block;
text-align: left;
}
.culture-two {
padding-top: 30px;
}
.full-enter {
padding-top: 20px;
}
.full-enter .m-float {
color: #fff;
font-size: 14px;
line-height: 28px;
}
.full-enter .m-float .fulltitle {
font-size: 18px;
font-weight: bold;
color: #fff;
}
.full-enter .m-float .full-img {
position: relative;
}
.full-enter .m-float .full-img img {
display: block;
width: 100%;
}
.full-enter .m-float .full-con {
padding: 22px 24px 21px;
}
.full-left {
padding-bottom: 4%;
}
.full-enter .m-float:nth-child(1) .full-img {
position: relative;
}
.full-enter .m-float:nth-child(1) .full-con {
background: #1e67a6;
}
.position-title {
padding: 14px 25px;
background: #1866a8;
}
.samlltext {
font-size: 14px;
}
.fullli1 {
padding-bottom: 4%;
}
.fullli1 .fulltitle {
background: #304899;
}
.fullli2 {
background: #289873;
}
.fullli2 .full-con .fulltitle {
margin-bottom: 4px;
}
.hour-list {
position: relative;
overflow: hidden;
}
.hour-list ul {
margin: 0 -13px;
padding-bottom: 18px;
}
.hour-list li {
padding: 0 13px 14px;
text-align: center;
}
.hour-list li a {
background: #f2f2f2;
display: block;
padding: 0 0 22px;
}
.hour-list li a img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.hour-list li a .hour-title {
color: #666666;
font-size: 15px;
height: 24px;
line-height: 24px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-top: 20px;
}
.thumb-popup {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 100;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
}
.thumb-popup .thumb-wraper {
position: absolute;
top: 50%;
right: 0;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin: auto;
width: 100%;
}
.thumb-popup .thumb-wraper .thumb-copy-wrapper {
position: relative;
overflow: hidden;
width: 90%;
max-width: 600px;
margin: 0 auto;
}
.thumb-popup .close {
position: absolute;
right: 4%;
top: 4%;
z-index: 9;
width: 40px;
height: 40px;
font-size: 24px;
font-weight: bold;
line-height: 30px;
text-align: center;
color: #fff;
cursor: pointer;
background: #e0000a;
-webkit-border-radius: 100%;
border-radius: 100%;
line-height: 40px;
}
.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li {
padding: 0 20px;
overflow: hidden;
}
.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li img {
display: block;
max-width: 100%;
max-height: 90%;
position: relative;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
}
.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li p {
text-align: center;
font-size: 16px;
padding: 20px 0;
color: #fff;
}
.thumb-popup .thumb-wraper .banner-btn {
display: block;
width: 60px;
height: 60px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
cursor: pointer;
}
.thumb-popup .thumb-wraper .banner-btn::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin-top: -5px;
width: 20px;
height: 20px;
border-right: 3px solid #fff;
border-top: 3px solid #fff;
border-left: 0;
border-bottom: 0;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-left {
left: -10px;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-right {
right: -10px;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-left::after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
margin-left: -4px;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-right::after {
margin-left: -7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.wcompanyNews {
color: #666666;
}
.wcompanyNews h3 {
font-size: 16px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
font-weight: bold;
}
.wcompanyNews h3 a {
color: #4c4c4c;
}
.wcompanyNews h3 a:hover {
color: #169ca2;
}
.wcompanyNews .time {
display: block;
color: #999999;
font-size: 15px;
font-family: Arial;
background: url(../images/wicon32.png) 0 center no-repeat;
padding-left: 26px;
background-size: 16px auto;
}
.wcompanyNews dl {
border-bottom: 1px solid #ebebeb;
padding: 0 0 20px;
font-size: 13px;
margin-bottom: 30px;
}
.wcompanyNews dl dt {
padding-right: 0;
margin-bottom: 15px;
}
.wcompanyNews dl dt a {
display: block;
}
.wcompanyNews dl dt img {
display: block;
width: 100%;
}
.wcompanyNews dl dd .deails {
margin: 10px 0 10px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
color: #666666;
}
.new-detail-top {
text-align: center;
padding-bottom: 20px;
border-bottom: 1px solid #ebebeb;
}
.newdetail-title {
font-size: 20px;
font-weight: bold;
color: #4c4c4c;
line-height: 30px;
margin-bottom: 10px;
}
.new-autoer span {
display: inline-block;
padding: 0 12px;
}
.share-item {
padding-top: 10px;
}
.share-box {
display: inline-block;
vertical-align: top;
}
.share-box a {
width: 20px !important;
height: 20px !important;
display: inline-block;
margin: 0 2px;
background-image: url(../images/share.png) !important;
background-size: auto 20px !important;
}
.share-box a.weixin {
background-position: -5px 0;
}
.share-box a.xinweibo {
background-position: -30px 0;
}
.share-box a.qqzone {
background-position: -55px 0;
}
.share-box a.teweibo {
background-position: -80px 0;
}
.newsdeatils-con {
padding: 25px 0 30px;
color: #666;
font-size: 15px;
line-height: 30px;
}
.newsdeatils-con img {
max-width: 100% !important;
height: auto !important;
}
.Contentsfoot dl {
border: 1px solid #cccccc;
border-left: none;
border-right: none;
font-size: 14px;
padding: 13px 0px;
}
.Contentsfoot dl span {
display: inline-block;
color: #666666;
line-height: 27px;
margin-right: 4px;
}
.Contentsfoot dl a:hover {
color: #e0000a;
}
.Contentsfoot dl dd {
float: none;
margin-bottom: 15px;
}
.Contentsfoot dl dt {
float: none;
}
.Contentsfoot dl dd,
.Contentsfoot dl dt {
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
}
.propagandist ul li {
padding: 0 12px 30px;
}
.propagandist ul li a {
display: block;
color: #333333;
font-size: 16px;
}
.propagandist ul li a .zoom {
position: relative;
overflow: hidden;
}
.propagandist ul li a .zoom img {
-webkit-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s;
}
.propagandist ul li a .zoom:hover img {
-webkit-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
-o-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
.propagandist ul li a img {
display: block;
width: 100%;
}
.propagandist ul li a .proplaybtn {
width: 36px;
height: 36px;
display: block;
position: absolute;
background: url(../images/wicon33.png) 0 0 no-repeat;
z-index: 2;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.propagandist ul li a .comtitle {
border: 1px solid #e6e6e6;
border-top: 0;
padding: 0 15px;
height: 55px;
line-height: 55px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.propagandist ul li a:hover .comtitle {
color: #e0000a;
}
.recruitmentfloat {
display: none;
z-index: 110;
width: 100%;
position: fixed;
height: 100%;
background: rgba(0, 0, 0, 0.6);
left: 0px;
top: 0px;
}
.tianjiatvwrap {
width: 95%;
margin: 0 auto;
position: absolute;
top: 50%;
left: 2.5%;
margin-top: -125px;
}
.tianjiatvwrap .videobox {
height: 250px;
position: relative;
z-index: 1;
}
.recclosebtn {
display: block;
width: 25px;
height: 25px;
position: absolute;
right: 15px;
top: -5px;
cursor: pointer;
z-index: 100;
margin: -20px -20px 0 0;
z-index: 9;
}
.recclosebtn:before {
content: "";
position: absolute;
top: 10px;
width: 20px;
height: 2px;
background-color: #fff;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.recclosebtn:after {
content: "";
position: absolute;
top: 10px;
width: 20px;
height: 2px;
background-color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.employeesimg {
position: relative;
overflow: hidden;
z-index: 1;
}
.employeesimg img {
display: block;
width: 100%;
}
.employeesimg .employee-icon {
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
.employeesimg .employee-icon img {
width: auto !important;
display: inline-block;
height: 36px;
}
.employeesimg .employee-icon .employeenum {
color: #169da2;
font-size: 16px;
font-weight: bold;
display: block;
}
.employees-list {
margin: 20px -10px 0;
padding: 0 6% 20px;
position: relative;
z-index: 2;
}
.employees-list li {
padding: 0 10px 20px;
text-align: center;
font-size: 16px;
}
.employees-list li .emicon {
width: 60px;
height: 60px;
margin: 0 auto;
background: #169da2;
-webkit-border-radius: 100%;
border-radius: 100%;
margin-bottom: 16px;
}
.employees-list li .emicon img {
display: block;
width: 100%;
}
.employees-list li .embox {
padding: 26px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
background: #fff;
}
.m-fs30 {
font-size: 20px;
text-align: center;
color: #e0000a;
font-weight: bold;
line-height: 30px;
margin-bottom: 15px;
}
.employees-two {
padding-top: 30px;
font-size: 14px;
line-height: 24px;
}
.employees-two img {
max-width: 100%;
}
.product-recommend {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 30px;
}
.product-recommend dt img {
display: block;
width: 100%;
}
.product-recommend dd {
font-size: 15px;
color: #666;
padding: 30px 0 0 0;
line-height: 30px;
}
.product-recommend dd .recomtitle {
font-size: 20px;
font-weight: bold;
color: #e0000a;
line-height: 30px;
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
}
.product-recommend dd .recomtitle:after {
content: "";
position: absolute;
display: block;
width: 48px;
height: 2px;
background: #dbdbdb;
bottom: 0;
}
.product-list {
padding-bottom: 32px;
}
.product-list dl {
padding: 30px 0 28px;
border-bottom: 1px solid #e6e6e6;
}
.product-list dl dt a {
display: block;
}
.product-list dl dt img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.product-list dl dd {
padding: 3% 0 0 15px;
font-size: 14px;
}
.product-list dl dd h4 {
font-size: 18px;
margin-bottom: 20px;
}
.product-list dl dd h4 a {
display: block;
color: #333333;
height: 24px;
line-height: 24px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.product-list dl dd .product-text {
height: 56px;
line-height: 28px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.product-list dl dd .promore {
padding-top: 25px;
}
.product-list dl dd .promore a {
display: block;
width: 140px;
height: 44px;
background: #f2f2f2;
text-align: center;
color: #666666;
line-height: 44px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: background ease-in 0.3s;
-o-transition: background ease-in 0.3s;
transition: background ease-in 0.3s;
}
.product-list dl dd .promore a:hover {
background: #e0000a;
color: #fff;
}
.three-nav {
display: none;
padding: 8px 0;
display: none;
}
.three-nav a {
display: block;
padding: 8px 0 8px 50px;
position: relative;
}
.three-nav a:after {
content: "";
position: absolute;
width: 4px;
height: 4px;
background: #999999;
-webkit-border-radius: 100%;
border-radius: 100%;
display: block;
top: 50%;
margin-top: -2px;
left: 37px;
}
.three-nav a.cur,
.three-nav a:hover {
color: #169ca2;
}
.three-nav a.cur:after,
.three-nav a:hover:after {
background: #169ca2;
}
.product-deatils {
overflow: hidden;
}
.pro-left {
border: 1px solid #ececec;
}
.pro-left .pro-bigimg {
position: relative;
height: 336px;
overflow: hidden;
}
.pro-left .pro-bigimg img {
display: block;
max-width: 100%;
margin: 0 auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.mobile-swiper {
position: relative;
overflow: hidden;
}
.mobile-swiper ul li img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.mobile-swiper .indexbannerindeo span {
background: #f2f2f2;
}
.mobile-swiper .indexbannerindeo span.swiper-pagination-bullet-active {
background: #e0000a;
}
.product-small {
border-top: 1px solid #ebebeb;
padding: 10px 30px;
position: relative;
}
.small-box {
position: relative;
overflow: hidden;
}
.small-box ul li {
float: left;
width: 33.33%;
position: relative;
cursor: pointer;
}
.small-box ul li img {
display: block;
width: 100%;
}
.small-box ul li:after {
content: "";
position: absolute;
top: 25%;
height: 50%;
width: 1px;
right: 0;
background: #ebebeb;
}
.samll-btn {
position: absolute;
width: 30px;
height: 50px;
display: block;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.samll-btn:after {
content: "";
position: absolute;
width: 14px;
height: 14px;
border-left: 3px solid #7c8287;
border-bottom: 3px solid #7c8287;
border-right: 0;
border-top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 12px;
top: 18px;
}
.samll-btn:hover:after {
border-color: #169da2;
}
.small-right {
left: auto;
right: 0;
}
.small-right:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
left: 2px;
}
.pro-right {
padding-top: 30px;
color: #4c4c4c;
font-size: 15px;
line-height: 30px;
}
.pro-right .protitle {
color: #333333;
font-weight: bold;
font-size: 20px;
padding-bottom: 18px;
border-bottom: 1px solid #ebebeb;
margin-bottom: 24px;
}
.pro-right .application-scope {
margin-top: 20px;
padding: 15px 24px;
background: #f2f2f2;
}
.pro-right .application-scope .colorbule {
font-weight: bold;
font-size: 16px;
color: #e0000a;
margin-bottom: 10px;
}
.proload-btn {
padding-top: 30px;
font-size: 0;
clear: both;
}
.proload-btn a {
display: inline-block;
font-size: 14px;
text-align: center;
padding: 8px 0;
color: #fff;
background: #169da2;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 4%;
width: 46%;
max-width: 188px;
}
.proload-btn a img {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.promobhidden-md {
display: block;
}
.provisible-md {
display: none;
}
.product-box {
padding-top: 26px;
}
.product-tab {
background: #f2f2f2;
font-size: 0;
clear: both;
overflow: hidden;
}
.product-tab a {
font-size: 12px;
width: 20%;
padding: 8px 0;
color: #666;
text-align: center;
display: inline-block;
max-width: 155px;
-webkit-transition: background ease-in 0.3s;
-o-transition: background ease-in 0.3s;
transition: background ease-in 0.3s;
position: relative;
}
.product-tab a.cur,
.product-tab a:hover {
background: #169da2;
color: #fff;
}
.product-tab a:after {
content: "";
position: absolute;
top: 18px;
height: 17px;
width: 2px;
right: -2px;
background: #e7e7e7;
}
.product-deatilsbox {
overflow: hidden;
padding: 35px 0;
}
.product-deatilsbox img {
max-width: 100%;
}
.product-deatilsbox .mdeatils-box {
display: none;
}
.related-products {
background: #f2f2f2;
padding: 35px 20px 24px;
}
.related-title {
font-size: 18px;
font-weight: bold;
color: #e0000a;
}
.related-list {
margin-top: 20px;
overflow: hidden;
}
.related-list ul li {
float: left;
width: 33.3%;
margin-right: 28px;
}
.related-list ul li a {
display: block;
}
.related-list ul li img {
display: block;
width: 100%;
}
.related-btn {
text-align: center;
padding-top: 26px;
}
.related-btn span {
display: inline-block;
width: 30px;
height: 30px;
border: 1px solid #c3c3c3;
-webkit-border-radius: 100%;
border-radius: 100%;
position: relative;
cursor: pointer;
margin: 0 9px;
}
.related-btn span:after {
content: "";
position: absolute;
top: 8px;
left: 10px;
width: 12px;
height: 12px;
border-right: 1px solid #c3c3c3;
border-top: 1px solid #c3c3c3;
border-left: 0;
border-bottom: 0;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.related-btn span.related-right:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 5px;
}
.related-btn span:hover {
border-color: #e0000a;
}
.related-btn span:hover:after {
border-color: #e0000a;
}
.videolist-deatils {
position: relative;
text-align: center;
}
.videolistcon {
display: inline-block;
position: relative;
}
.videolistcon:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
z-index: 2;
}
.videolist-deatils img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.videolist-deatils .playbtn {
width: 54px;
height: 54px;
display: block;
background: url(../images/play.png) 0 0 no-repeat;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: pointer;
background-size: 100%;
z-index: 3;
}
.videobox2 {
position: absolute !important;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
display: none;
background: #000;
cursor: pointer;
}
.videolistcon.cur {
opacity: 0;
}
.videobox2 video {
width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.solution-list {
font-size: 15px;
padding: 30px 0 20px;
border-bottom: 1px solid #f1f1f1;
}
.solution-list dl {
background: #f5f5f5;
}
.solution-list dl dt {
overflow: hidden;
}
.solution-list dl dt img {
display: block;
position: relative;
width: 100%;
}
.solution-list dl dd {
padding: 6% 20px;
}
.solution-list dl dd .sol-title {
font-size: 20px;
font-weight: bold;
color: #4c4c4c;
margin-bottom: 16px;
}
.solution-link {
font-size: 0;
clear: both;
padding-top: 30px;
}
.solution-link a {
display: inline-block;
font-size: 15px;
width: 100%;
padding: 0 0 12px 23px;
position: relative;
vertical-align: top;
}
.solution-link a:after {
content: "";
position: absolute;
width: 6px;
height: 6px;
background: #169da2;
-webkit-border-radius: 100%;
border-radius: 100%;
display: block;
top: 9px;
left: 0;
}
.solution-link a:hover {
color: #e0000a;
}
.solution-deatils {
padding-bottom: 40px;
font-size: 14px;
line-height: 26px;
}
.solution-deatils img {
max-width: 100%;
}
.solution-title {
text-align: center;
font-size: 20px;
color: #4c4c4c;
line-height: 30px;
padding-bottom: 23px;
border-bottom: 1px solid #e6e6e6;
font-weight: bold;
}
.solution-con {
padding-top: 25px;
}
.edit-title {
font-size: 18px;
font-weight: bold;
color: #e0000a;
margin-bottom: 15px;
}
.question-answer {
padding: 20px 7.5%;
border: 1px solid #f0f0f0;
background: #f9f9f9;
}
.answertype {
font-style: normal;
display: inline-block;
padding: 6px 0 8px;
font-size: 16px;
}
.question-select {
position: relative;
margin-bottom: 20px;
}
.question-select .quest-choice {
width: 100%;
display: block;
height: 36px;
line-height: 36px;
border: 1px solid #f0f0f0;
background: #fff;
padding-left: 14px;
color: #999;
}
.question-select .quest-choice::-webkit-input-placeholder {
color: #999;
}
.question-select .quest-choice:-moz-placeholder {
color: #999;
}
.question-select .quest-choice::-moz-placeholder {
color: #999;
}
.question-select .quest-choice:-ms-input-placeholder {
color: #999;
}
.question-select .select-arror {
position: relative;
}
.question-select .select-arror:after {
content: "";
position: absolute;
right: 14px;
top: 13px;
height: 0px;
width: 0px;
border-top: 8px solid #999999;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
.qselect-box {
position: absolute;
top: 36px;
left: 0;
width: 100%;
display: none;
z-index: 8;
}
.qselect-box a {
display: block;
padding: 6px 10px;
background: #fff;
}
.qselect-box a:hover {
background: #169ca2;
color: #fff;
}
.question-btn {
width: 100%;
height: 36px;
line-height: 36px;
background: #169ca2;
color: #fff;
font-size: 16px;
font-weight: bold;
display: block;
}
.qselect-box {
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.problemcoment {
margin-top: 30px;
font-size: 15px;
}
.problemcoment ul {
margin: 0px;
padding-bottom: 30px;
}
.problemcoment ul li.borderbottom {
padding-top: 15px;
}
.problemcoment ul li h3.problemtitle {
border-bottom: 1px solid #ebebeb;
margin: 0 auto;
position: relative;
padding: 0 25px 20px 45px;
cursor: pointer;
font-size: 15px;
}
.problemcoment ul li h3.problemtitle:after {
position: absolute;
content: "";
display: block;
width: 12px;
height: 12px;
top: 50%;
right: 15px;
margin-top: -8px;
border-left: 3px solid #bfbfbf;
border-top: 3px solid #bfbfbf;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
.problemcoment span.problemQ {
background: url(../images/wicon44.png) no-repeat, #169ca2;
background-size: cover;
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 0px;
top: 0px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.problemcoment span.problemA {
background: url(../images/wicon45.png) no-repeat, #b3b3b3;
background-size: cover;
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 11px;
top: 18px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.problemList {
position: relative;
padding: 20px 10px 20px 60px;
color: #666;
}
.CommonproblemContent {
background: #f7f7f7;
line-height: 30px;
display: none;
}
.problemcoment ul li.cur h3 {
color: #e0000a;
}
.problemcoment ul li.cur h3.problemtitle:after {
border-color: #e0000a;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.Service-flow {
font-size: 15px;
line-height: 30px;
color: #4c4c4c;
}
.Service-flow img {
max-width: 100%;
}
.folwtitle {
font-weight: bold;
color: #e0000a;
font-size: 18px;
padding-bottom: 10px;
}
.flowimg {
overflow-x: auto;
margin-bottom: 18px;
}
.flowimg img {
min-width: 640px;
}
.enjoy-map {
padding-top: 0;
padding-bottom: 20px;
}
.enjoy-map img {
max-width: 100%;
}
.map-tabbox {
border-bottom: 2px solid #ebebeb;
text-align: center;
}
.map-tabbox a {
display: inline-block;
color: #333333;
font-size: 16px;
padding-bottom: 25px;
margin-right: 18px;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
}
.map-tabbox a.cur {
border-bottom-color: #e0000a;
color: #e0000a;
font-weight: bold;
}
.map-list {
padding-top: 40px;
}
.map-item .map-left {
font-size: 14px;
color: #666666;
line-height: 24px;
padding-right: 5%;
}
.map-item .map-left a {
color: #666;
}
.map-item .map-left p {
padding-bottom: 10px;
}
.map-item .map-right {
height: 250px;
width: 100%;
}
.technical-list {
padding-top: 18px;
}
.technical-list ul {
padding-bottom: 28px;
}
.technical-list ul li {
border-bottom: 1px solid #ebebeb;
position: relative;
}
.technical-list ul li a {
display: block;
height: 50px;
line-height: 50px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 15px;
position: relative;
padding: 0 100px 0 30px;
color: #333333;
}
.technical-list ul li a:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border: 2px solid #169ca2;
-webkit-border-radius: 100%;
border-radius: 100%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.technical-list ul li a:hover {
color: #169ca2;
}
.technical-list ul li .date {
position: absolute;
right: 0;
top: 15px;
display: block;
color: #666666;
}
.added-service dl {
position: relative;
margin-bottom: 20px;
}
.added-service dl dt img {
display: block;
width: 100%;
}
.added-service dl dd {
border: 1px solid #e6e6e6;
background: #fff;
padding: 20px 10px;
font-size: 14px;
line-height: 28px;
}
.added-service dl dd .addedtitle {
color: #4c4c4c;
font-weight: bold;
font-size: 18px;
margin-bottom: 10px;
}
.added-service dl dd .addedtitle .snum {
color: #e0000a;
}
.download-top {
background: #f9f9f9;
padding: 36px 3%;
border: 1px solid #f0f0f0;
position: relative;
}
.download-top .qrcode_box {
position: absolute;
left: 100%;
top: 0;
background-color: #169ca2;
color: #fff;
font-size: 16px;
text-align: center;
padding: 10px 5px;
z-index: 10;
}
.download-top .qrcode_box .name {
text-align: center;
font-size: 14px;
margin-top: 10px;
color: #333;
}
.download-top .qrcode_box .down img {
max-width: 100%;
}
.download-top .qrcode_box .down {
position: absolute;
right: 0;
top: 100%;
background-color: #fff;
width: 120px;
padding: 10px;
border-radius: 5px;
box-shadow: 0 0 10px -2px #dedede;
transition: all 0.5s;
opacity: 0;
pointer-events: none;
}
.download-top .qrcode_box:hover .down {
opacity: 1;
pointer-events: auto;
}
.md-float {
position: relative;
}
.md-float .question-select {
max-width: none;
}
.md-float .query-btn {
height: 36px;
width: 100%;
background: #169ca2;
font-size: 16px;
font-weight: bold;
color: #fff;
}
.load-search {
padding-right: 101px;
position: relative;
margin-top: 20px;
}
.load-search .loadtext {
width: 100%;
display: block;
height: 36px;
line-height: 36px;
border: 1px solid #f0f0f0;
background: #fff;
padding-left: 14px;
}
.load-search .loadtext::-webkit-input-placeholder {
color: #999;
}
.load-search .loadtext:-moz-placeholder {
color: #999;
}
.load-search .loadtext::-moz-placeholder {
color: #999;
}
.load-search .loadtext:-ms-input-placeholder {
color: #999;
}
.load-search .sea-loadbtn {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100px;
color: #fff;
font-size: 16px;
padding-left: 40px;
text-align: left;
background: url(../images/wicon47.png) 15px center no-repeat, #169ca2;
}
.file-name {
float: left;
width: 50%;
display: block;
text-align: left;
}
.file-size {
float: left;
width: 20%;
display: block;
}
.file-time {
float: left;
width: 20%;
display: block;
}
.file-load {
float: right;
display: block;
}
.download-list {
margin-top: 24px;
overflow-x: auto;
}
.download-list ul {
min-width: 374px;
padding-bottom: 30px;
}
.download-list ul li {
padding: 0 10px;
font-size: 14px;
text-align: center;
color: #666;
}
.download-list ul li.li1 {
height: 44px;
line-height: 44px;
background: #169ca2;
color: #fff;
font-size: 14px;
font-weight: bold;
}
.download-list ul li.li2 {
height: 50px;
line-height: 50px;
border-bottom: 1px solid #ebebeb;
}
.download-list ul li.li2 .file-name {
height: 50px;
line-height: 50px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #333;
}
.download-list ul li.li2 .file-name:hover {
color: #169ca2;
}
.download-list ul li.li2 .down-loadbtn {
width: 20px;
height: 20px;
display: inline-block;
margin-top: 24px;
background: url(../images/wicon48.png) center center no-repeat;
background-size: cover;
}
.contact-list {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #e6e6e6;
overflow: hidden;
}
.contact-list .contact-title {
font-weight: bold;
color: #333333;
font-size: 18px;
}
.contact-list ul {
padding-top: 25px;
margin: 0 -17px -30px;
}
.contact-list ul li {
padding: 0 17px 24px;
}
.contact-list ul li .contacttbg {
background: #f5f5f5;
width: 100%;
}
.contact-list ul li .zoom {
position: relative;
overflow: hidden;
}
.contact-list ul li .zoom img {
display: block;
width: 100%;
}
.contact-list ul li .contact-con {
padding: 18px 20px;
color: #666666;
line-height: 30px;
}
.contact-list ul li .contact-con .contact-tit {
font-size: 16px;
font-weight: bold;
color: #333333;
margin-bottom: 5px;
}
.talent-idea {
overflow: hidden;
}
.talent-idea img {
max-width: 100%;
}
.talent-list {
margin: 0 -1.5%;
padding-bottom: 10px;
border-bottom: 1px solid #ebebeb;
}
.talent-list li {
width: 100%;
text-align: center;
color: #fff;
padding: 0 1.5% 20px;
font-size: 14px;
line-height: 28px;
}
.talent-list li .talent-title {
font-size: 16px;
font-weight: bold;
line-height: 30px;
margin-bottom: 5px;
}
.talent-list li .talentbg {
padding: 20px 13px;
}
.talent-list li .talentimg img {
height: 40px;
}
.talent-list li:nth-child(odd) .talentbg {
background-color: #24a2a7;
background-image: url(../images/wicon49.png);
background-position: -50px center;
}
.talent-list li:nth-child(even) .talentbg {
background-color: #48ba8b;
background-image: url(../images/wicon52.png);
background-position: 0 center;
}
.career-develop {
margin-top: 25px;
font-size: 15px;
line-height: 30px;
}
.career-title {
font-size: 22px;
text-align: center;
color: #e0000a;
font-weight: bold;
margin-bottom: 20px;
line-height: 30px;
}
.careerdl {
position: relative;
margin-top: 18px;
}
.careerdl dd {
border: 1px solid #ebebeb;
width: 100%;
padding: 20px;
color: #4c4c4c;
}
.careerdl dt img {
display: block;
width: 100%;
}
.careerbox {
position: relative;
margin-top: 35px;
}
.centerimg {
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: none;
}
.centerimg img {
display: block;
max-width: 100%;
}
.careerul {
margin-bottom: -20px;
}
.careerul li .career-con {
position: relative;
margin: 20px 0;
padding-left: 50px;
min-height: 40px;
}
.careerul li .carnum {
position: absolute;
width: 40px;
height: 40px;
-webkit-border-radius: 100%;
border-radius: 100%;
font-size: 18px;
font-weight: bold;
color: #fff;
left: 0;
top: 0;
background: #1866a8;
text-align: center;
line-height: 40px;
display: block;
}
.careerul li:nth-child(2n + 1) {
clear: left;
}
.careerul li:nth-child(1) .carnum {
background: #1e67a6;
}
.careerul li:nth-child(2) .carnum {
background: #2f4899;
}
.careerul li:nth-child(3) .carnum {
background: #289873;
}
.careerul li:nth-child(4) .carnum {
background: #24a2a7;
}
.hsh_zp04 {
border-top: 1px solid #e8e8e8;
padding-bottom: 30px;
}
.hsh_zp04 li {
border-bottom: 1px solid #e8e8e8;
}
.hsh_zp04 li h3 {
font-size: 16px;
height: 50px;
line-height: 50px;
color: #4c4c4c;
padding: 0 28px 0 10px;
cursor: pointer;
position: relative;
}
.hsh_zp04 li h3:before {
content: "";
position: absolute;
width: 5px;
height: 5px;
-webkit-border-radius: 100%;
border-radius: 100%;
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: #999;
left: 0;
}
.hsh_zp04 li h3:after {
content: "";
position: absolute;
top: 45%;
right: 15px;
width: 14px;
height: 14px;
border-right: 4px solid #bfbfbf;
border-top: 4px solid #bfbfbf;
border-left: 0;
border-bottom: 0;
-webkit-transform: translateY(-50%) rotate(135deg);
-ms-transform: translateY(-50%) rotate(135deg);
-o-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg);
}
.zhaoptext04 {
padding: 20px 20px 25px;
background-color: #f2f2f2;
font-size: 14px;
color: #666666;
line-height: 28px;
display: none;
}
.zhaoptext04 .zhaotit {
font-weight: bold;
font-size: 14px;
color: #4c4c4c;
padding-bottom: 5px;
}
.hsh_mailtoa04 {
width: 120px;
height: 35px;
line-height: 35px;
text-align: center;
color: #ffffff;
font-size: 16px;
background-color: #169ca2;
display: block;
margin: 25px 0 0 0;
}
.recrequest04 {
padding-bottom: 15px;
}
.hsh_mailtoa04:hover {
color: #ffffff;
}
.hsh_zp04 li h3.cur {
color: #e0000a;
}
.hsh_zp04 li h3.cur:before {
background: #169ca2;
}
.hsh_zp04 li h3.cur:after {
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
-o-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
border-color: #169ca2;
top: 55%;
}
.address-list {
padding-top: 30px;
}
.address-list ul li {
position: relative;
padding: 0 7% 30px 70px;
font-size: 15px;
}
.address-list ul li img {
position: absolute;
top: 0;
left: 0;
width: 58px;
height: 58px;
display: block;
}
.address-list ul li .addtit {
font-size: 16px;
font-weight: bold;
color: #4c4c4c;
margin-bottom: 5px;
}
.address-list ul li a {
color: #666;
}
.map {
height: 255px;
width: 100%;
}
.m-fs18 {
font-size: 18px;
font-weight: bold;
color: #e0000a;
margin-bottom: 16px;
}
.development-con {
font-size: 15px;
line-height: 30px;
}
.development-con img {
max-width: 100%;
}
.m-lineheight {
line-height: 22px;
}
.campus {
line-height: 26px;
font-size: 14px;
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid #e6e6e6;
}
.campus img {
max-width: 100%;
}
.campusul {
padding: 20px 0 30px;
}
.campusul li {
float: left;
width: 33.3%;
text-align: center;
font-size: 14px;
padding: 0;
line-height: 24px;
position: relative;
padding: 0 5px;
}
.campusul li .campunum {
position: relative;
}
.campusul li .campunum .year {
display: block;
width: 80px;
height: 80px;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #169ca2;
color: #fff;
font-family: "DINCond-Bold";
text-align: center;
line-height: 80px;
font-size: 28px;
margin: 0 auto 15px;
}
.campusul li .campunum:after {
content: "+";
position: absolute;
font-size: 30px;
font-weight: lighter;
right: -10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #cccccc;
}
.campusul li br {
display: none;
}
.campusul li:last-child .campunum:after {
opacity: 0;
}
.campudl dt {
padding-top: 20px;
}
.campudl dt img {
display: block;
width: 100%;
}
.process {
padding-bottom: 35px;
}
.process img {
max-width: 100%;
}
.processimg {
overflow-x: auto;
}
.processimg img {
min-width: 640px;
}
.welfare dl dt img {
display: block;
width: 100%;
}
.welfare dl dd {
font-size: 14px;
line-height: 26px;
padding: 20px 10px;
}
.welfare dl dd .welfare-tit {
font-size: 18px;
line-height: 24px;
color: #4c4c4c;
margin-bottom: 10px;
}
.welfare-table {
margin-top: 20px;
line-height: 24px;
overflow-x: auto;
}
.welfare-table table {
width: 100%;
min-width: 640px;
}
.welfare-table table tr td {
border: 1px solid #ebebeb;
font-size: 15px;
color: #666;
text-align: center;
padding: 14px 20px;
width: 42%;
}
.welfare-table table tr td.td1 {
background: #f2f2f2;
text-align: center;
color: #333;
padding: 5px 8px;
width: 138px;
}
.welfare-table table tr td.td2 {
background: #f7f7f7;
text-align: center;
color: #333;
padding: 5px 8px;
}
.welfare-table table tr td .textleft {
text-align: left;
display: inline-block;
}
.demeanor-box {
padding-bottom: 10px;
border-bottom: 1px solid #e6e6e6;
overflow: hidden;
margin-bottom: 35px;
}
.demeanor-tit {
font-size: 18px;
font-weight: bold;
color: #333;
margin-bottom: 25px;
}
.demeanor-tit a {
display: block;
float: right;
font-weight: normal;
color: #999999;
text-transform: uppercase;
font-size: 14px;
}
.demeanorlist {
margin: 0 -5px;
}
.demeanorlist li {
padding: 0 5px 20px;
}
.demeanorlist li a {
display: block;
overflow: hidden;
}
.demeanorlist li a img {
display: block;
width: 100%;
}
.demeanorlist li .demeanor-con {
position: relative;
padding-right: 54px;
background: #f2f2f2;
}
.demeanorlist li .demeanor-con span {
display: block;
border-right: 1px solid #ffffff;
font-size: 15px;
padding: 0 10px;
height: 54px;
line-height: 54px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.demeanorlist li .demeanor-con .eyebtn {
position: absolute;
width: 54px;
height: 100%;
top: 0;
right: 0;
background: url(../images/wicon53.png) center center no-repeat;
}
.demeanorlist li .zoom {
overflow: hidden;
}
.demeanorlist li .zoom:hover img {
-webkit-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
-o-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
.demeanorlist li .zoom img {
-webkit-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s;
}
.demeanor-box:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.demeanor-wraper {
overflow: hidden;
}
.rightfixed {
position: fixed;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 99;
}
.rightfixed .kf-icon {
width: 26px;
background-image: url(../images/wicon54.png);
background-color: #f2f2f2;
background-position: center 10px;
background-repeat: no-repeat;
padding: 36px 0 15px;
text-align: center;
color: #4c4c4c;
line-height: 20px;
font-size: 14px;
-webkit-transition: background ease-in 0.3s;
-o-transition: background ease-in 0.3s;
transition: background ease-in 0.3s;
background-size: auto 22px;
}
.rightfixed .kf-icon:hover {
background-image: url(../images/wicon55.png);
background-color: #169ca2;
color: #fff;
}
.nszyzdsbacktop {
position: fixed;
right: 10px;
bottom: 10%;
width: 40px;
height: 40px;
-webkit-border-radius: 100%;
border-radius: 100%;
display: none;
background-color: #e0000a;
z-index: 99;
display: none;
}
.nszyzdsbacktop:after {
display: block;
content: "";
width: 8px;
height: 8px;
border-left: 2px solid #ffffff;
position: absolute;
left: 50%;
top: 50%;
margin: -3px 0 0 -4px;
border-bottom: 2px solid #ffffff;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.mt0 {
margin-top: 0;
}
.news-tab {
padding-bottom: 30px;
}
.news-tab a {
display: inline-block;
padding: 5px 16px;
background: #f2f2f2;
margin: 0 5px 5px 0;
font-size: 15px;
}
.news-tab a:hover,
.news-tab a.cur {
background: #169ca2;
color: #fff;
}
.newsabout-pag {
font-size: 18px;
font-weight: bold;
color: #333;
margin-bottom: 25px;
}
.newsabout-pag span {
color: #e0000a;
}
.map-box {
display: none;
}
.product-btn.swiper-button-disabled {
display: none;
}
.mdeatils-box table tr td {
border: 1px solid #ccc !important;
margin: -1px;
}
@media (min-width: 640px) {
.banner ul li .bannerdl dt img {
max-width: 50%;
}
.banner-two {
margin-top: 20%;
}
.indexproduct-list {
padding: 0;
}
.indexproduct-list ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
column-gap: 10px;
}
.indexproduct-list .product-btn {
display: block;
}
}
@media (min-width: 768px) {
.index-web {
padding-left: 20px;
padding-right: 20px;
}
.about-ylk {
padding-top: 45px;
padding-bottom: 40px;
}
.indexabout-con {
padding: 30px 0 0;
}
.indexabout-con .about-left {
float: left;
width: 50%;
padding-right: 20px;
margin-bottom: 0;
}
.indexabout-con .about-left dt img {
height: 250px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
}
.indexabout-con .about-left dt .play-btn {
background-size: 54px auto;
}
.indexabout-con .about-left dd {
padding: 26px 0 0 0;
}
.indexabout-con .about-left dd h4 {
font-size: 21px;
}
.about-right {
float: right;
width: 50%;
}
.anewslist li a {
padding-left: 31%;
margin-bottom: 22px;
}
.anewslist li a .zoom {
width: 31%;
}
.anewslist li a .index-abcon {
margin-left: 20px;
}
.m-ptb {
padding-top: 40px;
padding-bottom: 64px;
}
.com-title {
padding: 12px 33px;
font-size: 18px;
background-size: auto 28px;
}
.common-nav ul li h4 a {
padding: 10px 50px;
}
.common-nav ul li h4 a:after {
left: 30px;
}
.select-box dl {
position: relative;
padding: 20px 0 10px 48px;
border-bottom: 1px solid #e6e6e6;
}
.select-box dl dt {
position: absolute;
left: 0;
top: 20px;
height: 100%;
font-size: 16px;
}
.select-box dl dd {
padding-right: 50px;
position: relative;
}
.select-box dl dd a {
display: inline-block;
font-size: 14px;
padding: 0 12px 10px;
}
.select-box dl dd a:hover,
.select-box dl dd a.cur {
color: #e0000a;
}
.select-box dl dd .arrormore-btn {
content: "";
position: absolute;
width: 50px;
height: 100%;
display: block;
right: 0;
top: 4px;
}
.select-box dl dd .arrormore-btn:after {
content: "";
display: block;
position: absolute;
right: 5px;
width: 12px;
height: 12px;
border-right: 2px solid #b3b3b3;
border-top: 2px solid #b3b3b3;
border-left: 0;
border-bottom: 0;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.case-list {
padding-top: 46px;
}
.case-list ul li {
padding: 0 12px 20px;
}
.case-list ul li a .zoom {
overflow: hidden;
}
.case-list ul li a .zoom img {
-webkit-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s;
}
.case-list ul li a:hover img {
-webkit-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
-o-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
.case-list ul li a:hover h4 {
color: #169ca2;
}
.company-profile {
font-size: 15px;
line-height: 30px;
}
.profile-title {
font-size: 24px;
margin-bottom: 20px;
}
.history-list {
margin-top: 52px;
}
.history-list:after {
content: "";
position: absolute;
left: 48px;
}
.history-list:before {
left: 42px;
}
.history-list dl {
padding-left: 135px;
margin-bottom: 20px;
}
.history-list dl dt .num {
font-size: 18px;
width: 95px;
}
.history-list dl dd {
padding: 35px 38px;
font-size: 15px;
}
.history-list dl dd:after {
border-top: 12px solid transparent;
border-right: 16px solid #f2f2f2;
border-bottom: 12px solid transparent;
left: -12px;
}
.veichi-brand {
padding-bottom: 50px;
}
.veichi-brand .branddl dd {
float: left;
width: 50%;
padding-right: 7%;
font-size: 16px;
line-height: 30px;
}
.veichi-brand .branddl dd .brand-title {
font-size: 18px;
margin-bottom: 10px;
}
.veichi-brand .branddl dt {
padding-top: 0;
float: left;
width: 50%;
padding-left: 0;
}
.m-brandtitle {
font-size: 24px;
line-height: 30px;
}
.fs30 {
font-size: 30px;
}
.brand-concept {
padding: 46px 0 65px;
}
.concept-list {
padding-top: 45px;
}
.concept-list li {
font-size: 16px;
line-height: 30px;
padding-bottom: 0;
}
.concept-list li .cepttitle {
font-size: 18px;
}
.policy-list li:nth-child(2n + 1) {
clear: none;
}
.brand-policy {
padding: 40px 0 80px;
}
.policy-list {
padding-top: 70px;
}
.policy-list li {
font-size: 16px;
line-height: 30px;
}
.policy-list li .policy-icon {
width: 130px;
height: 130px;
margin: 0 auto 20px;
}
.culture-one {
padding-bottom: 60px;
}
.cunum-list li {
width: 20%;
padding: 0 10px;
}
.cunum-list li .num-box {
padding: 40px 10px 20px;
}
.curlhour-list {
padding-top: 64px;
}
.curlhour-list li .iconimg {
margin-bottom: 18px;
}
.curlhour-list li .curl-title {
margin-bottom: 20px;
}
.curlhour-list li .curlhour-con {
border-right: 1px solid #f2f2f2;
}
.curlhour-list li:last-child .curlhour-con {
border-right: 0;
}
.culture-two {
padding-top: 50px;
}
.full-left {
padding-bottom: 0;
}
.full-enter {
padding-top: 40px;
}
.full-enter .m-float {
float: left;
font-size: 13px;
line-height: 28px;
}
.full-enter .m-float .fulltitle {
font-size: 20px;
}
.full-enter .m-float .full-con {
padding: 22px 24px 21px;
}
.full-enter .m-float:nth-child(1) {
width: 37%;
padding-right: 2%;
}
.full-enter .m-float:nth-child(2) {
width: 63%;
}
.position-title {
position: absolute;
top: 0;
left: 0;
padding: 14px 25px;
width: 100%;
}
.samlltext {
display: inline-block;
font-size: 13px;
font-weight: normal;
padding-left: 20px;
}
.full-right {
background: #299873;
}
.fullli1 {
padding-bottom: 4%;
background: #fff;
}
.fullli2 {
background: #289873;
display: table;
width: 100%;
overflow: hidden;
}
.fullli2 .full-img {
display: table-cell;
position: relative;
width: 50%;
vertical-align: top;
height: 100%;
}
.fullli2 .full-img img {
width: 100%;
right: -1px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.fullli2 .full-con {
display: table-cell;
width: 50%;
padding: 20px 24px 14px !important;
vertical-align: top;
}
.fullli2 .full-con .fulltitle {
margin-bottom: 4px;
}
.hour-list ul {
padding-bottom: 18px;
}
.hour-list ul li a {
overflow: hidden;
}
.hour-list ul li a .zoom {
overflow: hidden;
}
.hour-list ul li a img {
-webkit-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s;
}
.hour-list ul li a:hover img {
-webkit-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
-o-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
.wcompanyList {
padding-bottom: 24px;
}
.wcompanyNews h3 {
font-size: 18px;
margin-bottom: 18px;
}
.wcompanyNews h3:hover {
color: #169ca2;
}
.wcompanyNews dl {
padding: 0 0 30px;
margin-bottom: 30px;
}
.wcompanyNews dl dd {
float: left;
width: 61%;
padding-top: 10px;
}
.wcompanyNews dl dd .deails {
margin: 18px 0 0;
line-height: 28px;
font-size: 15px;
}
.wcompanyNews dl dd {
padding-right: 20px;
padding-left: 0;
}
.wcompanyNews dl dt {
float: left;
width: 39%;
padding: 0 30px 0 0;
margin-bottom: 0;
}
.Contentsfoot dl dd {
float: left;
margin-bottom: 0;
}
.Contentsfoot dl dt {
float: right;
}
.new-detail-top {
padding-bottom: 20px;
}
.newdetail-title {
font-size: 26px;
line-height: 30px;
margin-bottom: 20px;
}
.share-item {
display: inline-block;
vertical-align: top;
padding-top: 0;
}
.newsdeatils-con {
padding: 35px 0 60px;
font-size: 15px;
line-height: 30px;
}
/* 视频æ’放*/
.tianjiatvwrap {
width: 660px;
left: 50%;
margin-left: -330px;
margin-top: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.tianjiatvwrap .videobox {
height: 400px;
}
.employeesimg .employee-icon img {
height: 54px;
margin-bottom: 14px;
}
.employeesimg .employee-icon .employeenum {
font-size: 18px;
}
.employees-list {
margin: -43px -10px 0;
padding: 0 6% 60px;
}
.employees-list li {
padding: 0 10px;
}
.employees-list li .embox {
padding: 26px 0 40px;
}
.m-fs30 {
font-size: 30px;
margin-bottom: 15px;
}
.employees-two {
padding-top: 45px;
font-size: 16px;
line-height: 28px;
}
.employees-two img {
max-width: 100%;
}
.product-recommend {
padding-bottom: 30px;
}
.product-recommend dt {
float: right;
width: 54%;
}
.product-recommend dd {
float: left;
width: 46%;
font-size: 15px;
padding: 4.4% 60px 0 0;
line-height: 30px;
}
.product-recommend dd .recomtitle {
font-size: 24px;
line-height: 30px;
padding-bottom: 24px;
margin-bottom: 22px;
}
.product-list {
padding-bottom: 64px;
}
.product-list dl {
padding: 54px 0 28px;
}
.product-list dl dt {
float: left;
width: 50%;
padding-right: 4%;
}
.product-list dl dd {
float: left;
width: 50%;
padding: 3% 0 0 15px;
font-size: 16px;
}
.product-list dl dd h4 {
font-size: 20px;
margin-bottom: 26px;
}
.product-list dl dd .promore {
padding-top: 35px;
}
.product-list dl dd .promore a {
width: 145px;
height: 47px;
line-height: 47px;
}
.product-list dl:hover dt a {
overflow: hidden;
}
.product-list dl:hover dt a img {
-webkit-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s;
}
.product-list dl:hover dt a:hover img {
-webkit-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
-o-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
.product-list dl:hover dd h4 a {
color: #169da2;
}
.product-list dl:hover .promore a {
background: #06a8af;
color: #fff;
}
.product-box {
padding-top: 26px;
}
.product-tab a {
font-size: 16px;
padding: 13px 0;
}
.product-tab a.cur,
.product-tab a:hover {
-webkit-border-radius: 5px;
border-radius: 5px;
}
.product-deatilsbox {
padding: 45px 0 40px;
}
.related-products {
padding: 35px 50px 24px;
}
.related-title {
font-size: 24px;
}
.related-list {
margin-top: 30px;
}
.related-list ul li {
float: left;
width: 33.3%;
margin-right: 28px;
}
.related-btn {
padding-top: 36px;
}
.solution-list {
padding: 30px 0 14px;
}
.solution-list dl dt {
float: left;
width: 34%;
}
.solution-list dl dt img {
height: 196px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
}
.solution-list dl dd {
float: left;
width: 66%;
padding: 4% 30px 0;
}
.solution-list dl dd .sol-title {
font-size: 20px;
margin-bottom: 16px;
}
.solution-list dl dd .sol-deatext {
line-height: 30px;
}
.solution-link {
padding-top: 30px;
}
.solution-link a {
width: 50%;
padding: 0 40px 20px 23px;
}
.solution-deatils {
padding-bottom: 40px;
font-size: 15px;
line-height: 30px;
}
.solution-title {
font-size: 26px;
line-height: 30px;
padding-bottom: 33px;
}
.solution-con {
padding-top: 35px;
}
.question-answer {
padding: 20px;
}
.answertype {
padding-top: 6px;
float: left;
}
.question-select {
float: left;
width: 31%;
margin-right: 14px;
max-width: 254px;
margin-bottom: 0;
}
.question-btn {
float: left;
width: 135px;
}
.problemcoment {
padding: 0;
}
.problemcoment ul {
padding-bottom: 40px;
}
.problemcoment ul li h3.problemtitle {
padding: 6px 50px 20px 65px;
font-size: 14px;
}
.problemcoment span.problemQ {
left: 0px;
background-size: 32px auto;
}
.problemcoment span.problemA {
left: 32px;
background-size: 32px auto;
}
.problemList {
padding: 25px 30px 25px 90px;
}
.enjoy-map {
padding-top: 38px;
padding-bottom: 65px;
}
.map-tabbox {
text-align: left;
}
.map-tabbox a {
font-size: 18px;
padding-bottom: 25px;
margin-right: 70px;
}
.map-list {
padding-top: 40px;
}
.map-item .map-left {
float: left;
width: 50%;
font-size: 16px;
line-height: 24px;
padding-right: 5%;
}
.map-item .map-left p {
padding-bottom: 20px;
}
.map-item .map-right {
height: 374px;
width: 50%;
}
/*技术分享*/
.technical-list {
padding-top: 18px;
}
.technical-list ul {
padding-bottom: 48px;
}
.technical-list ul li a {
height: 77px;
line-height: 77px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 15px;
padding: 0 100px 0 30px;
}
.technical-list ul li .date {
top: 30px;
}
.added-service dl {
margin-bottom: 40px;
}
.added-service dl dt {
width: 69%;
}
.added-service dl dt img {
max-width: 100%;
}
.added-service dl dd {
position: absolute;
right: 0;
width: 50%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 450px;
padding: 30px 38px;
}
.added-service dl dd .addedtitle {
font-size: 20px;
margin-bottom: 18px;
}
.added-service dl:nth-child(even) dt {
float: right;
}
.added-service dl:nth-child(even) dd {
right: auto;
left: 0;
}
.download-top {
padding: 36px 30px;
}
.md-float {
float: left;
padding-right: 108px;
width: 61.5%;
}
.md-float .question-select {
width: 47%;
margin-right: 3%;
}
.md-float .query-btn {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 108px;
}
.load-search {
float: left;
width: 38.5%;
padding-left: 2%;
margin-top: 0;
}
.download-list {
margin-top: 24px;
}
.download-list ul {
padding-bottom: 58px;
}
.download-list ul li {
padding: 0 36px 0 20px;
font-size: 15px;
}
.download-list ul li.li1 {
height: 50px;
line-height: 50px;
font-size: 16px;
}
.download-list ul li.li2 {
height: 74px;
line-height: 74px;
}
.download-list ul li.li2 .file-name {
height: 74px;
line-height: 74px;
}
.download-list ul li.li2 .file-name:hover {
color: #169ca2;
}
.download-list ul li.li2 .down-loadbtn {
width: 26px;
height: 26px;
}
.contact-list {
margin-top: 40px;
padding-top: 50px;
}
.contact-list .contact-title {
font-size: 20px;
}
.contact-list ul {
padding-top: 35px;
margin: 0 -17px -30px;
}
.contact-list ul li {
padding: 0 17px 24px;
}
.contact-list ul li .contacttbg {
display: table;
}
.contact-list ul li .zoom {
display: table-cell;
width: 46.5%;
vertical-align: top;
}
.contact-list ul li .zoom img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.contact-list ul li .contact-con {
display: table-cell;
width: 53.5%;
vertical-align: top;
padding: 18px 20px;
line-height: 30px;
}
.contact-list ul li .contact-con .contact-tit {
font-size: 16px;
margin-bottom: 5px;
}
.talent-list {
display: table;
margin: 0 -1.5%;
padding-bottom: 55px;
}
.talent-list li {
display: table-cell;
width: 50%;
padding: 0 1.5%;
font-size: 15px;
line-height: 28px;
}
.talent-list li .talent-title {
font-size: 18px;
line-height: 30px;
margin-bottom: 25px;
}
.talent-list li .talentbg {
padding: 42px 10% 14px;
}
.career-develop {
margin-top: 35px;
font-size: 15px;
line-height: 30px;
}
.career-title {
font-size: 30px;
text-align: center;
color: #e0000a;
font-weight: bold;
margin-bottom: 40px;
line-height: 30px;
}
.careerdl {
position: relative;
margin-top: 28px;
}
.careerdl dd {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border: 1px solid #ebebeb;
width: 100%;
max-width: 485px;
padding: 60px 35px;
color: #4c4c4c;
}
.careerdl dt {
float: right;
width: 50%;
}
.careerdl dt img {
display: block;
max-width: 100%;
}
.hsh_zp04 {
padding-bottom: 40px;
}
.address-list {
padding-top: 60px;
}
.address-list ul li {
padding: 0 7% 40px 80px;
}
.address-list ul li .address-con {
padding-top: 5px;
}
.map {
height: 495px;
}
.campus {
line-height: 30px;
font-size: 15px;
padding-bottom: 45px;
margin-bottom: 45px;
}
.campusul {
padding: 38px 0 40px;
}
.campusul li {
font-size: 16px;
}
.campusul li .campunum .year {
width: 114px;
height: 114px;
line-height: 114px;
font-size: 38px;
margin: 0 auto 15px;
}
.campusul li .campunum:after {
font-size: 52px;
right: -13px;
}
.campusul li br {
display: block;
}
.campudl dd {
float: left;
width: 50%;
padding-right: 50px;
}
.campudl dt {
float: right;
width: 50%;
}
.process {
padding-bottom: 85px;
}
.welfare dl dt {
float: right;
width: 50%;
}
.welfare dl dd {
float: left;
width: 50%;
padding: 30px 5% 20px 0;
}
.welfare dl:nth-child(even) dt {
float: left;
}
.welfare dl:nth-child(even) dd {
padding: 30px 0 20px 5%;
}
.welfare-table {
margin-top: 40px;
}
.welfare-table table tr td {
padding: 14px 40px;
}
.demeanor-box {
padding-bottom: 10px;
}
.demeanorlist li {
padding: 0 5px 30px;
}
.mt0 {
margin-top: -20px;
}
.hourList li:nth-child(3n + 1) {
clear: left;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-left {
left: 4%;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-right {
right: 4%;
}
}
@media (min-width: 992px) {
.promobhidden-md {
display: none;
}
.provisible-md {
display: block;
}
.pro-left {
float: left;
width: 43%;
}
.pro-right {
float: right;
max-width: 470px;
width: 53%;
font-size: 15px;
line-height: 30px;
padding-top: 0;
}
.pro-right .protitle {
font-size: 24px;
padding-bottom: 18px;
margin-bottom: 24px;
}
.pro-right .application-scope {
margin-top: 40px;
padding: 15px 24px;
}
.pro-right .application-scope .colorbule {
font-size: 16px;
margin-bottom: 10px;
}
.proload-btn {
padding-top: 50px;
}
.proload-btn a {
font-size: 16px;
}
.careerbox {
margin-top: 55px;
}
.careerbox .centerimg {
display: block;
}
.careerul {
margin-bottom: -50px;
}
.careerul li {
float: left;
width: 50%;
padding-right: 210px;
}
.careerul li .career-con {
margin: 44px 0;
padding: 0;
}
.careerul li .carnum {
position: absolute;
width: 52px;
height: 52px;
font-size: 18px;
right: -88px;
top: -10px;
line-height: 52px;
left: auto;
}
.careerul li:nth-child(even) {
padding-left: 210px;
padding-right: 0;
}
.careerul li:nth-child(even) .carnum {
left: -88px;
right: auto;
}
.hsh_zp04 li h3 {
padding: 0 30px 0 14px;
}
}
@media (min-width: 1024px) {
body {
padding-top: 0;
}
/*banner*/
.banner ul li {
height: 460px;
}
.banner-con {
padding: 65px 5% 0;
}
.bannerdl {
text-align: left;
}
.bannerdl dd {
float: left;
padding-top: 8%;
width: 50%;
}
.bannerdl dd .banner-title {
font-size: 30px;
}
.bannerdl dt {
float: right;
width: 50%;
text-align: right;
}
.banner ul li .bannerdl dt img {
max-width: 100%;
}
.banner-more a {
width: 150px;
font-size: 16px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-more a:hover {
background: #169ca2;
border-color: #169ca2;
}
.banner-two {
padding-top: 96px;
margin-top: 0;
}
.bannertwo-title {
margin-bottom: 22px;
}
.bannertwo-title img {
height: 50px;
max-width: none;
}
.fs28 {
font-size: 28px;
line-height: 30px;
margin-bottom: 54px;
}
.fainleft-one {
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all ease 900ms;
-o-transition: all ease 900ms;
transition: all ease 900ms;
opacity: 0;
}
.fainleft-two {
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all ease 1300ms;
-o-transition: all ease 1300ms;
transition: all ease 1300ms;
opacity: 0;
}
.fainleft-three {
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all ease 1800ms;
-o-transition: all ease 1800ms;
transition: all ease 1800ms;
opacity: 0;
}
.banner ul li.active .fainleft-one,
.banner ul li.active .fainleft-two,
.banner ul li.active .fainleft-three {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.about-ylk {
padding-top: 80px;
padding-bottom: 60px;
background: #fff;
}
.index-web {
padding-left: 30px;
padding-right: 30px;
}
.indexabout-cn {
font-size: 36px;
line-height: 36px;
margin-bottom: 20px;
font-weight: 600;
}
.indexabout-en {
font-size: 15px;
letter-spacing: 1px;
}
.indexabout-con {
padding: 54px 0 0;
}
.indexabout-con .about-left {
float: left;
width: 50%;
padding-right: 40px;
}
.indexabout-con .about-left dt img {
height: 360px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s;
}
.indexabout-con .about-left dt img:hover {
-webkit-transform: translateX(-50%) scale(1.03, 1.03);
-ms-transform: translateX(-50%) scale(1.03, 1.03);
-o-transform: translateX(-50%) scale(1.03, 1.03);
transform: translateX(-50%) scale(1.03, 1.03);
}
.indexabout-con .about-left dd h4 {
margin-bottom: 15px;
}
.indexabout-con .about-left dd .video-text {
line-height: 25px;
height: 76px;
}
.about-right {
float: right;
width: 50%;
}
.anewslist li a {
padding-left: 31%;
padding-bottom: 22px;
border-bottom: 1px solid #eeeeee;
}
.anewslist li a .zoom {
width: 31%;
}
.anewslist li a .zoom img {
width: 100%;
height: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s;
}
.anewslist li a .index-abcon {
margin-left: 20px;
}
.anewslist li a .index-abcon h4 {
font-size: 18px;
margin-bottom: 16px;
}
.anewslist li a .index-abcon p {
color: #666666;
font-size: 15px;
line-height: 24px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.anewslist li a .index-abcon .publictime {
text-align: right;
opacity: 0.6;
margin-top: 12px;
}
.anewslist li a:hover h4 {
color: #e0000a;
}
.anewslist li a:hover img {
-webkit-transform: translateX(-50%) scale(1.03, 1.03);
-ms-transform: translateX(-50%) scale(1.03, 1.03);
-o-transform: translateX(-50%) scale(1.03, 1.03);
transform: translateX(-50%) scale(1.03, 1.03);
}
.more-news a {
-webkit-transition: all ease-in 0.3s;
-o-transition: all ease-in 0.3s;
transition: all ease-in 0.3s;
}
.more-news a:hover {
background: #e0000a;
}
.product-center {
padding-top: 60px;
}
.indexproduct-list {
margin: 54px 0 0;
}
.indexproduct-list {
margin-top: 54px;
}
.indexproduct-list ul li:hover .inimg {
-webkit-transform: translate(0) scale(1, 1);
-ms-transform: translate(0) scale(1, 1);
-o-transform: translate(0) scale(1, 1);
transform: translate(0) scale(1, 1);
filter: blur(6px);
}
.indexproduct-list ul li:hover .inporoduct-con {
background: rgba(153, 153, 153, 0.6);
}
.inporoduct-con img {
height: 60px;
margin-bottom: 12px;
}
.inporoduct-con h5 {
font-size: 24px;
margin: 5px 0 8%;
font-weight: 600;
}
.inporoduct-con .inporoduct-link a {
font-size: 16px;
/* display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;*/
}
.product-btn {
width: 46px;
height: 87px;
}
.product-btn:after {
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -6px;
}
.product-btn.product-right:after {
margin-left: -15px;
}
.solution {
padding-top: 80px;
padding-bottom: 40px;
}
.solution-wraper {
position: relative;
}
.solution-wraper .product-btn {
top: 40%;
}
.solution-swiper {
margin-top: 80px;
position: relative;
overflow: hidden;
}
.solution-swiper ul li {
float: left;
width: 20%;
text-align: center;
font-size: 0;
line-height: 0;
padding-bottom: 78px;
}
.solution-swiper ul li img {
display: inline-block;
height: 70px;
}
.solution-swiper ul li h4 {
margin-top: 15px;
font-size: 18px;
line-height: 24px;
}
.solution-swiper ul li a:hover h4 {
color: #e0000a;
}
.recommended-box {
/*padding: 0 86px;*/
}
.recommended-products {
padding-top: 60px;
padding-bottom: 85px;
background: url("../../images/networkbg.jpg");
}
.recommended-products .indexabout-en span {
background: #f5f5f5;
}
.recom-product {
margin-top: 80px;
margin-bottom: 80px;
}
.recom-product ul li {
padding: 0;
}
.recom-product ul li a {
display: block;
background: #fff;
border: 0px solid #ebebeb;
}
.recom-product ul li a:hover {
color: #e0000a;
}
.recom-product ul li a .zoom {
overflow: hidden;
}
.recom-product ul li a .zoom:hover img {
-webkit-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
-o-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
.recom-product ul li a .zoom img {
-webkit-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s;
}
.recom-product ul li a .zoom img {
display: block;
width: 100%;
}
.inproduct-con {
padding: 70px 50px 60px 50px;
font-size: 15px;
background: #fff;
}
.inproduct-con h5 {
font-size: 36px;
font-weight: 600;
color: #e0000a;
margin-bottom: 30px;
white-space: nowrap;
text-overflow: ellipsis;
}
.inproduct-con .txt {
margin-bottom: 25px;
}
.inproduct-con .btn {
display: inline-block;
background: #aaa;
padding: 12px 30px;
border-radius: 30px;
color: #fff;
margin-top: 30px;
-webkit-transition: all ease-in 0.3s;
-o-transition: all ease-in 0.3s;
transition: all ease-in 0.3s;
}
.inproduct-con .btn:hover {
background: #e0000a;
cursor: pointer;
}
.inproduct-con p {
position: relative;
padding-left: 14px;
margin-bottom: 1px;
}
.inproduct-con p:before {
content: "";
position: absolute;
width: 4px;
height: 4px;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #b3b3b3;
display: block;
top: 10px;
left: 0;
}
.footer-list {
padding: 90px 0;
}
.footer-list li {
float: left;
}
.footer-list .li1 {
padding-right: 5%;
}
.footer-list .li1 h4 {
font-size: 16px;
padding: 0 0 12px;
border-bottom: 0;
}
.footer-list .li2 {
float: right;
border-left: 1px solid #ddd;
padding: 0 0 0 50px;
}
.footer-list .li2 .codetext {
font-size: 16px;
margin-bottom: 20px;
}
.footer-list .li2 .codeimg {
padding-bottom: 20px;
}
.plus.icon {
display: none;
}
.footer-bottom {
text-align: left;
}
.footersub-nav {
display: block;
padding: 0;
}
.footer-left {
float: right;
}
.footer-left a {
color: rgba(255, 255, 255, 0.8);
}
.footer-left a:hover {
color: #e0000a;
}
.footer-right {
float: left;
color: rgba(255, 255, 255, 0.8);
}
.footer-right a {
color: rgba(255, 255, 255, 0.8);
}
.common-left {
max-width: 250px;
float: left;
width: 21%;
margin-bottom: 0;
}
.common-right {
float: right;
width: 79%;
padding-left: 48px;
}
.com-title {
padding: 35px 33px;
font-size: 26px;
line-height: 30px;
}
.com-title:after {
width: 0;
height: 0;
border-top: 20px solid #fff;
border-left: 20px solid transparent;
display: block;
top: 0;
right: 0;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.common-nav {
padding-bottom: 74px;
}
.common-nav ul li h4 a {
font-size: 16px;
height: 67px;
line-height: 67px;
padding: 0 0 0 50px;
}
.common-nav ul li h4 a:after {
left: 30px;
}
.common-nav ul li:hover h4 a,
.common-nav ul li.cur h4 a {
color: #e0000a;
font-weight: bold;
}
.common-nav ul li:hover h4 a:after,
.common-nav ul li.cur h4 a:after {
border-left-color: #e0000a;
}
.recom-column {
padding-top: 30px;
}
.recom-list a img {
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.recom-list a img:hover {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
-o-transform: translateX(2px);
transform: translateX(2px);
}
.select-box {
margin-top: -28px;
}
.select-box dl {
padding: 28px 0 10px 48px;
}
.select-box dl dt {
top: 28px;
font-size: 18px;
}
.select-box dl dd {
padding-right: 50px;
}
.select-box dl dd a {
font-size: 16px;
padding: 0 17px 10px;
}
.select-box dl dd .arrormore-btn {
top: -3px;
}
.select-box dl dd .arrormore-btn:after {
width: 15px;
height: 15px;
}
.case-list {
padding-top: 46px;
}
.case-list ul li {
padding: 0 12px 32px;
font-size: 16px;
}
.tianjiatvwrap {
width: 700px;
margin-left: -350px;
}
.tianjiatvwrap .videobox {
height: 400px;
}
.zhaoptext04 {
padding: 30px 34px 35px;
font-size: 15px;
}
.hsh_zp04 li h3 {
height: 70px;
line-height: 70px;
}
.nszyzdsbacktop {
width: 50px;
height: 50px;
}
}
@media (min-width: 1200px) {
.banner ul li {
height: 460px;
}
.bannerdl dd {
padding-top: 96px;
}
.bannerdl dd .banner-title {
font-size: 56px;
line-height: 60px;
margin-bottom: 32px;
}
.bannerdl dd .banner-text {
font-size: 26px;
margin-bottom: 42px;
}
.bannerdl dd .banner-more a {
width: 150px;
height: 50px;
line-height: 50px;
font-size: 18px;
}
.bannertwo-title img {
height: 99px;
}
.indexabout-con {
padding: 54px 0;
}
.recom-product ul li {
width: 500px;
}
.cunum-list li .num-box .num-fs {
font-size: 30px;
line-height: 36px;
}
.full-enter .m-float,
.samlltext {
font-size: 15px;
}
.wcompanyNews dl dt a {
overflow: hidden;
}
.wcompanyNews dl dt a img {
-webkit-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s;
}
.wcompanyNews dl dt a:hover img {
-webkit-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
-o-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
.solution-link a {
width: 33.3%;
}
.question-select {
width: 35%;
}
.question-answer {
padding: 20px 7.5%;
}
.added-service dl dd {
padding: 45px 38px;
font-size: 16px;
line-height: 28px;
}
.added-service dl dd .addedtitle {
font-size: 20px;
margin-bottom: 18px;
}
.load-search {
padding-right: 125px;
}
.load-search .sea-loadbtn {
width: 124px;
padding-left: 58px;
background: url(../images/wicon47.png) 34px center no-repeat, #169ca2;
}
.welfare dl dd {
font-size: 15px;
line-height: 30px;
padding: 45px 7% 20px 0;
}
.welfare dl dd .welfare-tit {
font-size: 24px;
line-height: 24px;
margin-bottom: 8%;
}
.welfare dl:nth-child(even) dd {
padding: 45px 0 20px 7%;
}
.nszyzdsbacktop {
right: 0;
display: block;
}
.rightfixed {
right: 0;
}
/* .rightfixed .kf-icon { width: 55px; background-position: center 20px; padding: 70px 16px 15px; line-height: 24px; font-size: 18px; -moz-background-size: auto 34px; -o-background-size: auto 34px; background-size: auto 34px; }*/
}
@media (min-width: 1440px) {
.banner ul li {
height: 560px;
}
.banner-con {
padding: 65px 0 0 50px;
}
.index-web {
padding-left: 0;
padding-right: 0;
}
.footer-web {
padding: 0;
}
.tianjiatvwrap {
width: 1000px;
margin-left: -500px;
}
.tianjiatvwrap .videobox {
height: 600px;
}
}
.searchcont401 {
padding: 36px 0;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.searchtitle401 {
padding: 28px 15px;
background-color: #f2f2f2;
}
.searchtitle401 span {
color: #da251d;
}
.resultlist401 {
font-size: 13px;
padding: 3% 0;
}
.resultlist401 img {
display: block;
width: 100%;
margin-bottom: 2%;
}
.resultlist401 li {
padding: 15px 0;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
margin-bottom: -1px;
position: relative;
}
.resultlist401 h4 {
font-size: 16px;
line-height: 24px;
margin-bottom: 3%;
}
.resultlist401 h4 em {
color: #da251d;
}
.resultlist401 h4 a {
display: block;
}
.resulttext401 {
overflow: hidden;
height: 72px;
color: #999;
line-height: 24px;
}
.resultlabel401 {
color: #999;
display: inline-block;
padding-top: 30px;
}
.searchinputcont401 dt input {
width: 100%;
height: 40px;
line-height: 40px;
text-indent: 12px;
font-size: 15px;
color: #333333;
background-color: #ffffff;
}
.searchinputcont401 dd input {
width: 100%;
height: 40px;
line-height: 40px;
font-size: 0px;
font-weight: bold;
color: #ffffff;
cursor: pointer;
background-color: #e0000a;
background-image: url(../images/search402.png);
background-repeat: no-repeat;
background-position: center;
}
.keywords {
color: #da251d;
}
.ms-detail td .short-sl {
width: 103px;
}
.sitemapcont2 {
padding: 6% 0;
overflow: hidden;
}
.sitemapcont2 dl {
position: relative;
margin-bottom: 36px;
}
.sitemapcont2 dl dt {
font-size: 16px;
font-weight: bold;
color: #e0000a;
padding: 0 8px;
background: #fff;
position: absolute;
left: 18px;
top: -14px;
}
.sitemapcont2 dl dd {
padding: 4% 3% 1% 3%;
border: 1px solid #e6e6e6;
}
.sitemapcont2 dl dd a {
display: inline-block;
padding-left: 10px;
margin: 0 23px 8px 0;
}
@media (min-width: 768px) {
.searchtitle401 {
font-size: 24px;
}
.resultlist401 h4 {
font-size: 20px;
margin-bottom: 2%;
}
.searchimg401 {
float: left;
margin: 0 3% 0 0;
display: block;
width: 200px;
height: 150px;
overflow: hidden;
position: relative;
}
.resultlist401 img {
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%);
max-width: 100%;
width: auto;
}
.sitemapcont2 {
padding: 2% 0 0;
overflow: hidden;
}
.sitemapcont2 dl dt {
font-size: 20px;
}
.sitemapcont2 dl dd {
padding: 2% 3% 1% 3%;
border: 1px solid #e6e6e6;
}
.sitemapcont2 dl dd a {
margin: 0 50px 8px 0;
}
.sitemapcont2 dl dd a:hover {
color: #e0000a;
}
}
@media (min-width: 992px) {
.searchinputcont401 {
width: 45%;
margin: 0 auto;
}
.searchinputcont401 dt {
float: left;
width: 78%;
}
.searchinputcont401 dd {
float: left;
width: 22%;
}
.searchinputcont401 dt input {
font-size: 18px;
}
.searchinputcont401 dd input {
text-align: left;
padding-left: 20%;
font-size: 18px;
font-weight: bold;
background-position: 80% center;
}
}
.wqp-design {
padding-top: 35px;
padding-bottom: 40px;
background: #fff;
}
.design-top {
width: 100%;
position: relative;
padding: 0;
overflow: hidden;
}
.design-top:before {
content: "";
position: absolute;
width: 100%;
max-width: 1010px;
height: 100%;
display: block;
top: 0;
right: 0;
}
.design-top .designimg img {
display: block;
width: 100%;
}
.design-top .design-con {
background: #fff;
padding: 30px 0 0;
font-size: 14px;
color: #333;
position: relative;
z-index: 2;
}
.design-top .design-con .design-title {
font-size: 22px;
font-weight: bold;
color: #d6000e;
margin-bottom: 15px;
}
.inter-judges {
background: #f2f2f2;
}
.comfs32 {
font-size: 24px;
line-height: 32px;
color: #d6000e;
text-align: center;
font-weight: bold;
}
.inter-judges {
padding: 35px 0 25px;
}
.judges-list {
margin: 0 -5px;
padding-top: 25px;
}
.judges-list li {
padding: 0 5px 10px;
}
.judges-list li .judges-box {
position: relative;
overflow: hidden;
background: #fff;
}
.judges-list li .judges-image {
position: relative;
overflow: hidden;
}
.judges-list li .judges-image img {
display: block;
width: 100%;
}
.judges-list li .judges-image .name-title {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
height: 40px;
line-height: 40px;
font-weight: bold;
font-size: 14px;
padding: 0 10px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
}
.judges-list li .judges-con {
width: 100%;
height: 100%;
padding: 30px 20px;
font-size: 14px;
line-height: 28px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #666;
}
.judges-list li .judges-con .lower-middle {
position: relative;
}
.judges-list li:nth-child(1) .judges-box {
overflow: hidden;
clear: both;
background: #fff;
}
.judges-list li:nth-child(1) .judges-image .name-title {
display: none;
}
.judges-list li:nth-child(1) .judges-con {
color: #666666;
position: static;
background: none;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
visibility: visible;
overflow: hidden;
}
.judges-list li:nth-child(1) .judges-con .colorred {
padding-bottom: 0;
}
.colorred {
color: #d6000e;
font-size: 16px;
font-weight: bold;
}
.mt20 {
margin-top: 10px;
}
.judges-list li:nth-child(2) {
width: 100%;
}
.competition {
padding-top: 35px;
padding-bottom: 25px;
background: #fff;
}
.competimg {
text-align: center;
padding-bottom: 23px;
}
.competimg img {
height: 60px;
}
.theme-title {
text-align: center;
color: #000;
font-size: 24px;
line-height: 32px;
font-weight: bold;
}
.theme-con {
padding-top: 20px;
font-size: 15px;
color: #333;
text-align: center;
}
.fs18 {
font-weight: bold;
font-size: 18px;
}
.theme-list {
padding-top: 25px;
}
.theme-list li {
color: #fff;
font-size: 15px;
padding: 0 5px 10px;
}
.theme-list li .theme-bg {
background: #d4001a;
padding: 22px 15px;
margin: 0 auto;
}
.theme-list li .theme-bg .thtitle {
margin-bottom: 10px;
}
.comgroup-list {
padding-top: 25px;
margin: 0 -10px;
}
.comgroup-list li {
padding-bottom: 10px;
}
.comgroup-list li .comgroup-box {
background: #fff;
font-size: 16px;
}
.comgroup-list li .comgroup-box img {
display: block;
width: 100%;
}
.comgroup-list li .comgroup-box .comgroup-con {
padding: 25px 20px;
}
.comgroup-list li .comgroup-box .comgroup-con h4 {
font-size: 20px;
margin-bottom: 15px;
}
.comption-awards {
padding: 35px 0;
background: #fff;
}
.awards-num {
padding-top: 25px;
text-align: left;
}
.awards-num ul li {
position: relative;
min-height: 55px;
margin-bottom: 23px;
}
.awards-num ul li .anum {
width: 55px;
height: 55px;
color: #fff;
line-height: 55px;
background: #d4001a;
display: inline-block;
position: absolute;
left: 0;
top: 0;
font-size: 30px;
text-align: center;
font-family: "knockout";
}
.awards-num ul li .awards-box {
padding: 0 0 0 65px;
}
.awards-num ul li .awards-box .aw-title {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.awardimg {
text-align: center;
}
.showcase {
padding: 35px 0;
background: #fff;
}
.showcase-wraper {
position: relative;
overflow: hidden;
}
.showcase-list {
max-width: 875px;
margin: 25px auto 0;
position: relative;
overflow: hidden;
}
.showcase-list ul li {
font-size: 18px;
color: #333333;
text-align: center;
}
.showcase-list ul li img {
display: block;
width: 100%;
}
.showcase-list ul li p {
padding-top: 30px;
font-weight: bold;
}
.swiper-btn {
width: 38px;
height: 38px;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
z-index: 2;
}
.swiper-btn:hover:after {
border-color: #d4001a;
}
.swiper-btn.swiper-button-disabled {
opacity: 0;
}
.swiper-btn:after {
content: "";
position: absolute;
top: 10px;
left: 6px;
width: 25px;
height: 25px;
border-right: 2px solid #767676;
border-top: 2px solid #767676;
border-left: 0;
border-bottom: 0;
}
.swiper-btn.swiper-left {
left: 0;
}
.swiper-btn.swiper-left:after {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
.swiper-btn.swiper-right {
right: 0;
}
.swiper-btn.swiper-right:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.wqpnews-report {
padding-top: 35px;
padding-bottom: 35px;
}
.news-report-box {
margin-top: 25px;
position: relative;
overflow: hidden;
}
.news-report-box ul li {
background: #fff;
}
.news-report-box ul li .report-img {
display: block;
}
.news-report-box ul li .report-img img {
width: 100%;
display: block;
}
.news-report-box ul li .report-content {
padding: 30px 10px;
}
.news-report-box ul li .report-content .report-title {
font-size: 20px;
font-weight: bold;
height: 60px;
line-height: 30px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-bottom: 15px;
}
.news-report-box ul li .report-content .report-title a {
display: block;
}
.news-report-box ul li .report-content .report-deatils {
max-height: 130px;
line-height: 26px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
color: #666;
font-size: 14px;
}
.news-report-box ul li .report-content .snews-more {
padding-top: 25px;
}
.news-report-box ul li .report-content .snews-more a {
display: inline-block;
padding: 8px 27px;
border: 1px solid #d2d2d2;
color: #666666;
}
.news-report-box ul li .report-content .snews-more a:hover {
background: #d4001a;
color: #fff;
border-color: #d4001a;
}
.isee-btn {
position: absolute;
width: 100%;
bottom: 0;
text-align: center;
z-index: 2;
font-size: 0;
overflow: hidden;
}
.isee-btn span {
display: inline-block;
width: 50px;
height: 50px;
position: relative;
cursor: pointer;
vertical-align: top;
background: #e6e6e6;
}
.isee-btn span:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
border-right: 1px solid #d4001a;
border-top: 1px solid #d4001a;
border-left: 0;
border-bottom: 0;
-webkit-transform: translate(-50%, -50%) rotate(-135deg);
-ms-transform: translate(-50%, -50%) rotate(-135deg);
-o-transform: translate(-50%, -50%) rotate(-135deg);
transform: translate(-50%, -50%) rotate(-135deg);
margin-left: 5px;
}
.isee-btn span.isee-right:after {
left: 4px;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
margin-left: 8px;
}
.isee-btn span:hover {
background: #d4001a;
}
.isee-btn span:hover:after {
border-color: #fff;
}
.bannerindeo {
position: absolute;
left: 0;
top: 0;
margin-top: 65%;
z-index: 3;
text-align: center;
}
.bannerindeo span {
width: 10px;
height: 10px;
display: inline-block;
margin: 0 6px;
background: #fff;
cursor: pointer;
-webkit-border-radius: 50%;
border-radius: 50%;
opacity: 1;
}
.bannerindeo span.cur,
.bannerindeo span.swiper-pagination-bullet-active {
background-color: #d4001a;
}
.leading-process {
padding-top: 35px;
padding-bottom: 15px;
background: #fff;
}
.leading-top {
color: #666;
text-align: center;
font-size: 16px;
}
.leading-top .leadimg {
margin-bottom: 15px;
}
.leading-top .leadimg img {
height: 20px;
}
.leading-top .leading-title {
color: #d6000e;
font-size: 24px;
font-weight: bold;
line-height: 30px;
margin-bottom: 15px;
}
.leading-list ul {
padding-top: 35px;
margin: 0 -10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.leading-list ul li {
padding: 0 10px 20px;
float: left;
}
.leading-list ul li .leadprocess-box {
border: 1px solid #f2f2f2;
background: #f2f2f2;
height: 100%;
}
.leading-list ul li .leadprocess-box img {
display: block;
width: 100%;
}
.leading-list ul li .leadprocess-box .leadcon {
padding: 25px 35px;
text-align: center;
color: #666666;
font-size: 15px;
}
.leading-list ul li .leadprocess-box .leadcon .process-title {
font-size: 18px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
}
.leading-list ul li .leadprocess-box .leadcon .small-text {
color: #333;
font-size: 16px;
margin-bottom: 20px;
}
.pb10 {
padding-bottom: 10px;
}
.fscenter {
text-align: center;
}
.cultural-title {
text-align: center;
font-size: 26px;
font-weight: bold;
line-height: 36px;
padding-bottom: 20px;
position: relative;
margin-bottom: 20px;
}
.cultural-title:after {
content: "";
position: absolute;
width: 70px;
height: 1px;
background: #aaaaaa;
display: block;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.cultural-heritage {
padding-top: 35px;
padding-bottom: 35px;
font-size: 14px;
line-height: 26px;
}
.cultural-img {
margin: 20px -6px 18px;
}
.cultural-img .flimg {
padding: 0 6px;
}
.cultural-img .flimg img {
width: 100%;
}
.comfs30 {
font-size: 26px;
font-weight: bold;
color: #d6000e;
}
.gray {
color: #666;
}
.red {
color: #d6000e;
}
.brand-introdution {
padding-top: 35px;
background: #fff;
position: relative;
}
.brand-introdution dl dd {
padding-bottom: 30px;
text-align: center;
font-size: 16px;
line-height: 30px;
}
.brand-introdution dl dd .text-title {
padding-bottom: 20px;
}
.brand-introdution dl dt {
position: relative;
}
.brand-introdution dl dt img {
display: block;
margin: 0 auto;
}
.titleimg {
padding-bottom: 10px;
}
.titleimg img {
height: 50px;
}
.borderline {
width: 76px;
height: 1px;
background: #cccccc;
margin: 20px auto;
}
.london-box {
position: relative;
background: url(../images/wdesign26.jpg) center 0 no-repeat;
background-size: cover;
}
.london-box .london-con {
padding-top: 35px;
padding-bottom: 100px;
color: #666666;
font-size: 16px;
line-height: 30px;
float: right;
}
.london-box .london-con .london-title {
margin-bottom: 10px;
}
.london-box .london-con .london-title img {
height: 150px;
width: auto;
}
.brand-advantages {
padding-top: 35px;
padding-bottom: 35px;
background: #fff;
overflow: hidden;
}
.advantagesul {
margin: 0 -10px;
}
.advantagesul li {
float: none;
padding: 80px 10px 0;
border-top: 0;
border-bottom: 0;
}
.advantagesul li a {
display: block;
background: #f2f2f2;
position: relative;
padding: 80px 20px 30px;
color: #666;
font-size: 15px;
text-align: center;
min-height: 300px;
}
.advantagesul li a .imgWarper {
top: -65px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.advantagesul li a .imgWarper img {
width: 130px;
height: 130px;
border: 5px solid #fff;
-webkit-border-radius: 100%;
border-radius: 100%;
max-width: none;
}
.advantagesul li a .name {
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
color: #333;
}
.worldgold {
line-height: 30px;
}
.whitebg {
background: #fff;
}
.yanteamj {
background: #fff;
padding: 35px 0;
}
.yanteamj dl {
margin: 0 -10px;
}
.yanteamj dl dt {
text-align: center;
}
.yanteamj dl dd {
padding-top: 20px;
}
.yanteamj dl dd h3 {
color: #d9d9d9;
font-size: 32px;
text-transform: uppercase;
line-height: 32px;
font-weight: bold;
}
.yanteamj dl dd h4 {
font-weight: bold;
font-size: 24px;
line-height: 26px;
padding-top: 10px;
}
.yanteamj dl .teaminfos {
padding-top: 10px;
}
@media (min-width: 640px) {
.judges-list li:nth-child(n + 3) {
width: 33.3%;
float: left;
}
}
@media (min-width: 768px) {
.cultural-img {
margin: 0 -6px 28px;
}
.cultural-img .flimg:nth-child(2) {
margin-top: 65px;
}
.brand-introdution dl {
display: table;
}
.brand-introdution dl dd {
display: table-cell;
vertical-align: top;
width: 55%;
padding-bottom: 30px;
font-size: 16px;
line-height: 30px;
}
.brand-introdution dl dd .titleimg {
padding-bottom: 20px;
}
.brand-introdution dl dd .text-title {
padding-bottom: 40px;
}
.brand-introdution dl dt {
display: table-cell;
width: 45%;
vertical-align: bottom;
}
.london-box {
min-height: 600px;
}
.london-box .london-con {
padding: 50px 0;
}
.london-box .london-con .london-title {
margin-bottom: 30px;
}
.advantagesul {
display: table;
}
.advantagesul li {
float: none;
display: table-cell;
padding: 100px 10px 0;
}
.yanteamj dt {
float: right;
}
}
@media (min-width: 992px) {
.awards-num {
padding-top: 55px;
}
.awards-num ul {
float: left;
width: 50%;
}
.awards-num ul li {
min-height: 65px;
margin-bottom: 33px;
}
.awards-num ul li .anum {
width: 65px;
height: 65px;
line-height: 65px;
font-size: 50px;
}
.awards-num ul li .awards-box {
padding: 10px 0 0 90px;
}
.awards-num ul li .awards-box .aw-title {
font-size: 24px;
margin-bottom: 10px;
}
.wqpnews-report {
padding-top: 65px;
padding-bottom: 105px;
}
.news-report-box {
margin-top: 60px;
}
.news-report-box ul li .report-img {
float: left;
width: 50%;
height: 443px;
overflow: hidden;
position: relative;
}
.news-report-box ul li .report-img img {
height: 443px;
position: absolute;
max-width: none;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
}
.news-report-box ul li .report-content {
float: left;
width: 50%;
padding: 50px 6% 20px;
}
.news-report-box ul li .report-content .report-title {
font-size: 24px;
height: 72px;
line-height: 36px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-bottom: 25px;
}
.news-report-box ul li .report-content .report-deatils {
max-height: 150px;
line-height: 30px;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
font-size: 16px;
}
.news-report-box ul li .report-content .snews-more {
padding-top: 35px;
}
.news-report-box ul li .report-content .snews-more a {
padding: 8px 27px;
}
.news-report-box ul li .report-content .snews-more a:hover {
background: #d4001a;
color: #fff;
border-color: #d4001a;
}
.leading-list ul li:last-child {
width: 100%;
height: auto !important;
min-height: 320px;
}
.leading-list ul li:last-child .leadprocess-box {
clear: left;
overflow: hidden;
}
.leading-list ul li:last-child .leadpro-img {
float: left;
width: 50%;
height: 100%;
background: #fff;
}
.leading-list ul li:last-child .leadcon {
float: left;
width: 50%;
height: 100%;
position: relative;
}
.leading-list ul li:last-child .leadcon .lemiddle {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
left: 0;
padding: 25px 35px;
}
}
@media (max-width: 1366px) and (max-height: 768px) {
.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li img {
max-height: 80%;
}
}
.zzadd-crumd ul {
font-size: 0;
text-align: right;
}
.zzadd-crumd li {
display: inline-block;
vertical-align: top;
font-size: 14px;
padding: 0 10px;
position: relative;
}
.zzadd-crumd li::after {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
-o-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
right: -2px;
width: 6px;
height: 6px;
border-bottom: solid 1px #7b7b7b;
border-right: solid 1px #7b7b7b;
}
.zzadd-crumd li.cur a {
color: #000;
}
.zzadd-crumd li.home a {
padding-left: 16px;
background: url(../images/wicon17.png) no-repeat left center;
background-size: 13px auto;
}
.zzadd-crumd li:last-child::after {
display: none;
}
.zzadd-crumd a {
display: block;
color: #7b7b7b;
}
.tzzgx-content {
margin-top: 20px;
}
.tzzgx-content > .item {
margin-bottom: 30px;
}
.tzzgx-content > .item:last-child {
margin-bottom: 0;
}
.tzzgx-head {
background: #e8e8e8;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 16px;
}
.tzzgx-head h2 {
color: #2b2b2b;
font-size: 16px;
line-height: 40px;
}
.tzzgx-head .right {
margin-left: auto;
}
.tzzgx-head .right a {
line-height: 40px;
color: #019ba3;
font-size: 14px;
padding-right: 16px;
display: block;
}
.zzd-down {
padding-top: 15px;
}
.zzd-down li {
border-bottom: solid 1px #f5f5f5;
}
.zzd-down .q_block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 40px;
}
.zzd-down .time {
color: #ababab;
font-size: 12px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 110px;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
padding-left: 26px;
background: url(../images/zzzh-clock.jpg) no-repeat left center;
background-size: 19px 19px;
}
.zzd-down .txt {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
font-size: 14px;
padding-right: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.zzd-down .icon_box {
width: 25px;
}
.zzd-down .icon {
display: block;
-webkit-box-flex: 0;
-webkit-flex: 0 0 40px;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
background: url(../images/zzzh-down.jpg) no-repeat center center;
background-size: 18px 18px;
height: 40px;
}
.cb-list {
margin-top: 20px;
font-size: 0;
padding-left: 5px;
padding-right: 5px;
}
.cb-list li {
display: inline-block;
vertical-align: top;
font-size: 14px;
padding: 0 5px;
width: 50%;
margin-bottom: 10px;
}
.cb-list .link {
display: block;
}
.cb-list .pic {
position: relative;
overflow: hidden;
border: solid 1px #e2e2e2;
}
.cb-list .pic::after {
content: "";
display: block;
padding-bottom: 129.19255%;
}
.cb-list .pic img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
height: 100%;
min-width: 100%;
width: auto;
}
.cb-list h2 {
text-align: center;
padding: 0 10px;
font-size: 14px;
line-height: 40px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.zzh-cont-msg {
padding: 15px;
}
.zzh-cont-msg dd {
margin-bottom: 10px;
}
.zzh-cont-msg dd .left {
float: left;
}
.zzh-cont-msg dd .right {
overflow: hidden;
padding-left: 15px;
padding-top: 8px;
}
.zzh-cont-msg .link {
font-size: 0;
margin-top: 20px;
}
.zzh-cont-msg .link a {
display: inline-block;
vertical-align: top;
font-size: 14px;
color: #fff;
background: #007dc6;
text-align: center;
line-height: 40px;
padding: 0 30px;
min-width: 120px;
}
.zzh-pdf-list li {
border-bottom: solid 1px #d5d5d5;
}
.zzh-pdf-list .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 30px;
padding: 10px 0;
}
.zzh-pdf-list .time {
color: #2b2b2b;
font-weight: bold;
-webkit-box-flex: 0;
-webkit-flex: 0 0 90px;
-ms-flex: 0 0 90px;
flex: 0 0 90px;
}
.zzh-pdf-list h2 {
font-size: 14px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
padding-right: 25px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.zzh-pdf-list h2 a {
color: inherit;
font-size: inherit;
display: inline;
}
.zzh-pdf-list .icon {
background: url(../images/zzzh-pdf.jpg) no-repeat center center;
background-size: 100% auto;
-webkit-box-flex: 0;
-webkit-flex: 0 0 30px;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
height: 30px;
}
.zzh-pdf-list .icon a {
display: block;
width: 100%;
height: 100%;
}
.zzh-pagemore {
margin-top: 30px;
}
.zzh-pagemore a {
display: block;
text-align: center;
color: #fff;
line-height: 40px;
background: #169da2;
}
.zzh-company-info {
margin-top: 25px;
}
.zzh-company-info .table-box {
margin-top: 10px;
line-height: 20px;
}
.zzh-company-info .table-box td {
padding: 10px;
line-height: 20px;
}
.zzh-company-info .table-box td:nth-child(1) {
width: 25%;
}
.zzh-pdf-screen {
margin-bottom: 15px;
}
.zzh-pdf-screen form {
text-align: right;
}
.zzh-pdf-screen form select {
width: 230px;
padding-left: 30px;
line-height: 38px;
height: 40px;
border: solid 1px #e7e7e7;
-webkit-appearance: revert;
-moz-appearance: revert;
appearance: revert;
}
.zzh-year-list li {
border: solid 1px #e8e8e8;
padding: 10px;
margin-bottom: 15px;
}
.zzh-year-list .pic {
position: relative;
overflow: hidden;
}
.zzh-year-list .pic::after {
content: "";
display: block;
padding-bottom: 49.09091%;
}
.zzh-year-list .pic img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
min-width: 100%;
width: auto;
height: 100%;
}
.zzh-year-list .word {
padding-top: 10px;
}
.zzh-year-list .word h2 {
color: #e0000a;
font-size: 16px;
}
.zzh-year-list .btns {
margin-top: 10px;
font-size: 0;
}
.zzh-year-list .btns a {
display: inline-block;
vertical-align: top;
min-width: 100px;
line-height: 40px;
font-size: 14px;
background: #eaeaea;
color: #666;
text-align: center;
padding: 0 15px;
margin-right: 30px;
}
.zzh-year-list .btns a:last-child {
margin-right: 0;
}
.zzh-stock-info .stock-num {
margin-top: 20px;
font-size: 0;
}
.zzh-stock-info .stock-num.up {
color: #ff0000;
}
.zzh-stock-info .stock-num.down {
color: #16be12;
}
.zzh-stock-info .stock-num .bignum {
display: inline-block;
vertical-align: top;
font-size: 26px;
font-weight: bold;
}
.zzh-stock-info .stock-num .smallnum {
font-size: 14px;
display: inline-block;
vertical-align: top;
margin-left: 20px;
}
.zzh-stock-info .stock-num .smallnum span {
margin-right: 10px;
}
.zzh-stock-info .time {
color: #aaa;
margin-top: 10px;
}
.zzh-stock-info .info-box {
margin-top: 10px;
}
.zzh-stock-info .info-box .item {
padding: 10px 0;
border-top: solid 1px #eaeaea;
border-bottom: solid 1px #eaeaea;
}
.zzh-stock-info .info-box dl {
font-size: 0;
margin-bottom: 10px;
}
.zzh-stock-info .info-box dl:last-child {
margin-bottom: 0;
}
.zzh-stock-info .info-box dd {
display: inline-block;
vertical-align: top;
width: 25%;
text-align: center;
font-size: 14px;
}
.zzh-stock-info .info-box dd.up .data {
color: #ff0000;
}
.zzh-stock-info .info-box dd.down .data {
color: #16be12;
}
.zzh-stock-info .info-box dd p {
color: #aaa;
}
.zzh-stock-info .info-box dd .data {
color: #333;
font-weight: bold;
}
.stockholder {
margin-top: 30px;
}
.stockholder > h4 {
line-height: 46px;
padding: 0 15px;
background: #ebecec;
font-size: 18px;
}
.stockholder-table {
margin-top: 20px;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 10px;
}
.stockholder-table::-webkit-scrollbar {
width: auto;
height: 2px;
background-color: rgba(0, 0, 0, 0);
}
.stockholder-table::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0);
}
.stockholder-table::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #e0000a;
}
.stockholder-table table {
white-space: nowrap;
}
.stockholder-table table th:last-child {
width: 20%;
}
.stockholder-table table th,
.stockholder-table table td {
border: solid 2px #fff;
background: #efefef;
text-align: center;
padding: 10px;
color: #333;
font-weight: bold;
}
.stockholder-table table th div,
.stockholder-table table td div {
max-width: 200px;
white-space: normal;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
min-width: 100px;
max-width: 200px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.stockholder-table table td:nth-child(1) {
text-align: left;
}
.stockholder-table table td:nth-child(1) div {
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
}
.stockholder-table table td[rowspan] {
text-align: center;
}
.stockholder-table table td[rowspan] div {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.stockholder-table table td[rowspan] + td {
text-align: left;
}
.stockholder-table table td[rowspan] + td div {
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
}
.leave-meg-list dd .question {
margin-bottom: 15px;
}
.leave-meg-list dd .answer .word {
border: 0;
}
.leave-meg-list dd > div {
padding-left: 46px;
}
.leave-meg-list dd .info {
margin-left: -46px;
}
.leave-meg-list dd .info .icon {
float: left;
width: 36px;
height: 36px;
display: inline-block;
vertical-align: top;
}
.leave-meg-list dd .info img {
width: 100%;
height: 100%;
display: block;
}
.leave-meg-list dd .info .txt {
overflow: hidden;
line-height: 36px;
padding-left: 10px;
font-size: 16px;
}
.leave-meg-list dd .info .time {
font-size: 12px;
color: #cdcdcd;
margin-left: 20px;
}
.leave-meg-list dd .word {
padding: 10px 0 20px 0;
border-bottom: solid 1px #e5e7e9;
}
.leave-meg-list dd .dz {
padding-left: 20px;
line-height: 20px;
background: url(../images/zzzh-icondz.jpg) no-repeat left center;
background-size: 15px 15px;
color: #999;
margin-top: 10px;
}
.leave-meg-list dd .dz i {
font-style: normal;
padding-left: 5px;
}
.leave-meg-list .item {
border-bottom: solid 10px #e5e7e9;
padding-top: 20px;
}
.leave-meg-list .item:nth-child(1) {
padding-top: 0;
}
.leave-meg-list .item:last-child {
border-width: 1px;
}
.activity-cont {
margin-top: 20px;
padding-top: 10px;
border-top: solid 1px #d8d8d8;
}
.activity-form .layui-form-label {
display: block;
width: 100%;
text-align: left;
padding-left: 0;
float: none;
}
.activity-form .form-item {
padding-top: 10px;
}
.activity-form .radiobox .input-box {
border: 0;
}
.activity-form .msf-form textarea {
width: 100%;
height: 100px;
padding: 10px;
}
.activity-form .input-box {
border: solid 1px #d8d8d8;
}
.activity-form .time-form .time-box {
font-size: 0;
}
.activity-form .time-form .layui-input-inline {
display: inline-block;
vertical-align: top;
width: 45%;
font-size: 14px;
}
.activity-form .time-form .layui-input-inline:nth-child(2) {
width: 10%;
text-align: center;
line-height: 38px;
}
.activity-form .time-form .layui-input-inline input {
border: solid 1px #d8d8d8;
background: url(../images/zzzh-rl.jpg) no-repeat 92% center;
background-size: 14px 14px;
}
.activity-form .form-submit {
margin-top: 20px;
}
.activity-form .form-submit .layui-btn {
background-color: #007dc6;
-webkit-border-radius: 0;
border-radius: 0;
min-width: 120px;
text-align: center;
}
.activity-contact {
margin-top: 30px;
}
.activity-contact > h4 {
padding: 0 15px;
line-height: 40px;
font-size: 16px;
background: #ebecec;
}
.activity-contact .word {
margin-top: 15px;
}
.activity-contact dd {
margin-bottom: 15px;
}
.activity-contact dd span {
float: left;
}
.activity-contact dd .txt {
overflow: hidden;
padding-left: 10px;
line-height: 20px;
padding-top: 10px;
}
.leave-msg-form .form-item.address {
display: box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
border: solid 1px #d8d8d8;
}
.leave-msg-form .form-item.address .icon {
display: block;
-webkit-box-flex: 0;
-webkit-flex: 0 0 38px;
-ms-flex: 0 0 38px;
flex: 0 0 38px;
width: 38px;
height: 38px;
background: url(../images/zzzh-add.jpg) no-repeat center center;
background-size: 35px 35px;
}
.leave-msg-form .form-item.address #area-picker {
width: 100%;
display: box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
margin-bottom: 0;
}
.leave-msg-form .form-item.address #area-picker > .layui-input-inline {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333%;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
font-size: 14px;
margin: 0;
}
.leave-msg-form .form-item.username {
margin-top: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
border: solid 1px #d8d8d8;
}
.leave-msg-form .form-item.username .icon {
display: block;
-webkit-box-flex: 0;
-webkit-flex: 0 0 38px;
-ms-flex: 0 0 38px;
flex: 0 0 38px;
width: 38px;
height: 38px;
background: url(../images/zzzh-user.jpg) no-repeat center center;
background-size: 35px 35px;
}
.leave-msg-form .form-item.username .layui-form-item {
margin-bottom: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.leave-msg-form .form-item.msg-item {
margin-top: 15px;
}
.leave-msg-form .form-item.msg-item textarea {
background: #f9f9f9;
border: solid 1px #d8d8d8;
height: 140px;
}
.leave-msg-form .form-item.code-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: solid 1px #d8d8d8;
}
.leave-msg-form .form-item.code-item .layui-form-item {
margin-bottom: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.leave-msg-form .form-item.code-item .layui-form-item .layui-input {
height: 36px;
}
.leave-msg-form .form-item.code-item .resetCode {
width: 88px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 88px;
-ms-flex: 0 0 88px;
flex: 0 0 88px;
border-left: solid 1px #d8d8d8;
}
.leave-msg-form .form-submit {
text-align: center;
margin-top: 30px;
}
.leave-msg-form .form-submit button {
height: 38px;
line-height: 38px;
background: none;
margin: 0 8px;
}
.leave-msg-form .form-submit button[type="submit"] {
background: #008cd7;
-webkit-border-radius: 0;
border-radius: 0;
}
@media (min-width: 768px) {
.cb-list li {
width: 33.3333%;
}
.zzh-year-list li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.zzh-year-list .pic {
-webkit-box-flex: 0;
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
}
.zzh-year-list .word {
padding-left: 10%;
}
.stockholder-table table {
width: 100%;
}
.stockholder-table table th:last-child {
width: auto;
}
.stockholder-table table th div,
.stockholder-table table td div {
width: 100%;
min-width: auto;
max-width: none;
}
}
@media (min-width: 1024px) {
.tzzgx-content {
font-size: 0;
margin-left: -12px;
margin-right: -12px;
}
.tzzgx-content .item {
display: inline-block;
vertical-align: top;
width: 50%;
font-size: 14px;
padding: 0 12px;
margin-bottom: 40px;
}
.tzzgx-head h2 {
line-height: 50px;
font-size: 18px;
}
.tzzgx-head .right a {
line-height: 50px;
}
.zzd-down .q_block {
line-height: 54px;
}
.zzd-down .q_block:hover .txt {
color: #019ba3;
}
.zzd-down .time {
-webkit-box-flex: 0;
-webkit-flex: 0 0 156px;
-ms-flex: 0 0 156px;
flex: 0 0 156px;
font-size: 14px;
padding-left: 30px;
}
.zzd-down .txt {
padding-right: 20px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cb-list {
padding-left: 10px;
padding-right: 10px;
}
.cb-list li {
padding-left: 8px;
padding-right: 8px;
}
.zzh-cont-msg .link {
margin-top: 30px;
}
.zzh-cont-msg .link a {
min-width: 200px;
}
.zzh-pdf-list .item {
padding: 20px 0;
}
.zzh-pdf-list .item:hover .time,
.zzh-pdf-list .item:hover h2 {
color: #e0000a;
}
.zzh-pdf-list .item:hover .icon {
background-image: url(../images/zzzh-pdf-o.png);
}
.zzh-pdf-list .time {
font-size: 18px;
padding-left: 25px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 180px;
-ms-flex: 0 0 180px;
flex: 0 0 180px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.zzh-pdf-list h2 {
font-size: 16px;
padding-right: 50px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.zzh-pdf-list .icon {
-webkit-box-flex: 0;
-webkit-flex: 0 0 42px;
-ms-flex: 0 0 42px;
flex: 0 0 42px;
height: 42px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.zzh-company-info {
margin-top: 40px;
}
.zzh-company-info > h3 {
font-size: 18px;
}
.zzh-company-info .table-box {
margin-top: 25px;
}
.zzh-company-info .table-box td {
padding-top: 20px;
padding-bottom: 20px;
}
.zzh-company-info .table-box td:nth-child(1) {
padding-left: 45px;
width: 200px;
}
.zzh-company-info .table-box td:nth-child(2) {
padding-left: 25px;
}
.zzh-year-list li {
padding: 16px 16px 28px;
margin-bottom: 30px;
}
.zzh-year-list .word h2 {
font-size: 20px;
}
.zzh-year-list .btns {
margin-top: 30px;
}
.zzh-year-list .btns a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.zzh-year-list .btns a:hover {
color: #fff;
background: #e0000a;
}
.zzh-stock-info {
padding-left: 60px;
}
.zzh-stock-info .cont > h2 {
font-size: 22px;
}
.zzh-stock-info .stock-num {
margin-top: 26px;
}
.zzh-stock-info .stock-num .bignum {
font-size: 40px;
}
.zzh-stock-info .stock-num .smallnum {
padding-left: 40px;
}
.zzh-stock-info .stock-num .smallnum span {
font-size: 22px;
font-weight: bold;
margin-right: 20px;
}
.zzh-stock-info .info-box {
margin-top: 50px;
width: 470px;
}
.zzh-stock-info .info-box .item {
padding: 15px 0;
}
.zzh-stock-info .info-box dd .data {
font-size: 16px;
}
.stockholder {
margin-top: 70px;
}
.stockholder > h4 {
line-height: 76px;
padding-left: 77px;
font-size: 22px;
}
.stockholder-table {
margin-top: 40px;
}
.leave-meg-list dd > div {
padding-left: 50px;
}
.leave-meg-list dd .info {
margin-left: -50px;
}
.leave-meg-list dd .info .icon {
width: 40px;
height: 40px;
}
.leave-meg-list dd .info .txt {
line-height: 40px;
font-size: 22px;
}
.leave-meg-list dd .info .time {
font-size: 14px;
margin-left: 30px;
}
.leave-meg-list dd .word {
padding-top: 20px;
padding-bottom: 30px;
}
.leave-meg-list dd .question {
margin-bottom: 30px;
}
.leave-meg-list dd .dz {
margin-top: 20px;
}
.leave-meg-list .item {
padding-left: 40px;
border-width: 20px;
padding-top: 30px;
}
.activity-form .form-item {
margin-top: 10px;
padding-top: 0;
border: solid 1px #e0e0e0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.activity-form .form-item .tag_icon {
position: absolute;
right: 5px;
top: 50%;
transform: translate3d(0, -50%, 0);
color: #ff0000;
}
.activity-form .form-item.radiobox {
border-color: transparent;
}
.activity-form .form-item.half-form {
font-size: 0;
border-color: transparent;
}
.activity-form .form-item.half-form .iitem {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
vertical-align: top;
width: 45%;
font-size: 14px;
border: solid 1px #e0e0e0;
margin-right: 9%;
}
.activity-form .form-item.half-form .iitem:nth-child(2) {
margin-left: auto;
margin-right: 0;
}
.activity-form .form-item.msf-form {
display: block;
border: 0;
}
.activity-form .form-item.msf-form .layui-form-label {
float: none;
width: 100%;
}
.activity-form .form-item.msf-form .input-box {
border: solid 1px #e0e0e0;
}
.activity-form .form-item.time-form {
display: block;
border: 0;
}
.activity-form .form-item.time-form .layui-form-label {
float: none;
width: 100%;
}
.activity-form .form-item.time-form .input-box {
border: solid 1px #e0e0e0;
}
.activity-form .layui-form-label {
float: left;
width: auto;
padding-left: 10px;
}
.activity-form .input-box {
border: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.activity-form .form-submit .layui-btn {
min-width: 200px;
}
.activity-contact {
margin-top: 60px;
}
.activity-contact > h4 {
font-size: 18px;
line-height: 56px;
padding-left: 60px;
}
.activity-contact .word {
margin-top: 40px;
padding-left: 60px;
}
.activity-info {
line-height: 40px;
}
.leave-msg-form .half-item {
display: inline-block;
vertical-align: top;
width: 45%;
margin-top: 0;
}
.leave-msg-form .half-item.address {
float: left;
}
.leave-msg-form .half-item.username {
float: right;
margin-top: 0;
}
.leave-msg-form .form-item.address #area-picker > .layui-input-inline {
width: auto;
float: none;
}
.leave-msg-form .form-item.msg-item {
margin-top: 40px;
padding-top: 80px;
}
.leave-msg-form .form-item.msg-item textarea {
height: 170px;
}
.leave-msg-form .form-item.code-item {
width: 250px;
margin-left: auto;
}
.leave-msg-form .form-item.code-item .layui-form-item {
margin-left: auto;
}
.leave-msg-form .form-submit {
text-align: right;
}
.leave-msg-form .form-submit button {
width: 120px;
margin: 0;
}
}
@media (min-width: 1260px) {
.tzzgx-content > .item {
margin-bottom: 60px;
}
.cb-list {
padding-left: 20px;
padding-right: 20px;
}
.cb-list h2 {
font-size: 16px;
}
.zzh-cont-msg {
padding: 30px 50px;
}
}
.video-player-popup {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 201;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
font-size: 0;
text-align: center;
}
.video-player-popup:before {
content: "";
width: 0;
height: 100%;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.video-player-popup .video-player {
position: relative;
width: 94%;
min-height: 300px;
max-width: 960px;
margin-top: 0;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.video-player-popup .close {
position: absolute;
right: 0;
top: -40px;
width: 40px;
height: 40px;
background: url(../images/closebtn.png) no-repeat center;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.video-player-popup .close:hover {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (min-width: 1024px) {
.video-player-popup .video-player {
height: 500px;
}
}
@media (min-width: 1600px) {
.video-player-popup .video-player {
height: 600px;
}
}
.full-searchA-wrapper .search-hd {
border-bottom: 1px solid #d6d6d6;
}
.full-searchA-wrapper .search-form {
padding: 20px 0;
}
.full-searchA-wrapper .search-form form {
position: relative;
display: block;
width: 100%;
max-width: 520px;
margin: 0 auto;
padding-right: 80px;
border: 1px solid #333;
-webkit-border-radius: 20px;
border-radius: 20px;
overflow: hidden;
}
.full-searchA-wrapper .search-form input {
display: block;
width: 100%;
font-size: 14px;
line-height: 38px;
height: 38px;
}
.full-searchA-wrapper .search-form input[type="text"] {
padding-left: 36px;
background-repeat: no-repeat;
background-position: 12px center;
background-size: auto 16px;
background-image: url(../images/searchAico.png);
}
.full-searchA-wrapper .search-form input[type="submit"] {
position: absolute;
right: 0;
top: 0;
z-index: 3;
width: 80px;
padding: 0 20px;
color: #fff;
background-color: #333;
}
.full-searchA-wrapper .search-cate ul {
margin-bottom: -1px;
white-space: nowrap;
overflow-x: auto;
}
.full-searchA-wrapper .search-cate li {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.full-searchA-wrapper .search-cate a {
display: block;
font-size: 14px;
line-height: 30px;
padding: 0 5px;
border-bottom: 1px solid #d6d6d6;
}
.full-searchA-wrapper .search-cate .cur a {
border-bottom-color: #333;
}
.full-searchA-wrapper .search-result .length {
padding: 10px 0;
}
.full-searchA-wrapper .search-result .nodata {
padding: 20px 0;
}
.full-searchA-wrapper .result-list li {
padding: 10px 0;
border-bottom: 1px solid #ccc;
}
.full-searchA-wrapper .result-list li a {
display: block;
}
.full-searchA-wrapper .result-list .thumb {
float: left;
width: 135px;
margin-right: 10px;
}
.full-searchA-wrapper .result-list .thumb img {
max-width: 100%;
}
.full-searchA-wrapper .result-list .content {
overflow: hidden;
}
.full-searchA-wrapper .result-list .content h2 {
font-size: 16px;
line-height: 24px;
max-height: 48px;
line-height: 24px;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #333;
}
.full-searchA-wrapper .result-list .desc {
font-size: 14px;
line-height: 24px;
max-height: 48px;
line-height: 24px;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #666;
}
.full-searchA-wrapper .result-list .more {
font-size: 14px;
line-height: 24px;
}
.full-searchA-wrapper .loadmore {
overflow: hidden;
padding: 10px 0;
}
.full-searchA-wrapper .loadmore a {
display: block;
padding: 0;
margin: 0;
font-size: 16px;
line-height: 40px;
text-align: center;
color: #ffffff;
background-color: #cd002b;
}
.full-searchA-wrapper mark {
color: #fff;
background-color: #cd002b;
}
@media (min-width: 640px) {
.full-searchA-wrapper .search-form {
padding: 30px 0;
}
.full-searchA-wrapper .result-list li {
padding: 15px 0;
}
.full-searchA-wrapper .result-list .thumb {
width: 180px;
}
.full-searchA-wrapper .result-list .loadmore {
padding: 20px 0;
}
}
@media (min-width: 1024px) {
.full-searchA-wrapper .search-form {
padding: 40px 0;
}
.full-searchA-wrapper .commonweb {
max-width: 960px;
}
.full-searchA-wrapper .loadmore {
padding: 40px 0;
}
.full-searchA-wrapper .loadmore a {
line-height: 50px;
}
.full-searchA-wrapper .result-list a .content h2 {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.full-searchA-wrapper .result-list a:hover .content h2 {
color: #ff5500;
}
.full-searchA-wrapper .result-list li {
padding: 20px 0;
}
.full-searchA-wrapper .result-list .content h2 {
margin-bottom: 10px;
font-weight: bold;
}
.full-searchA-wrapper .result-list .thumb {
width: 280px;
margin-right: 30px;
}
}
.thumb-popup {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 2018;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
}
.thumb-popup .thumb-wraper {
position: absolute;
top: 50%;
right: 0;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin: auto;
width: 100%;
}
.thumb-popup .thumb-wraper .thumb-copy-wrapper {
position: relative;
overflow: hidden;
width: 90%;
max-width: 880px;
margin: 0 auto;
}
.thumb-popup .close {
position: absolute;
right: 4%;
top: 4%;
z-index: 9;
width: 40px;
height: 40px;
font-size: 24px;
font-weight: bold;
text-align: center;
color: #fff;
cursor: pointer;
background: #5261b9;
-webkit-border-radius: 100%;
border-radius: 100%;
line-height: 40px;
opacity: 1;
}
.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li {
padding: 0 20px;
overflow: hidden;
}
.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li img {
display: block;
max-width: 100%;
max-height: 90%;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
width: 640px;
}
.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li p {
text-align: center;
font-size: 16px;
padding: 20px 0;
color: #fff;
bottom: 5%;
width: 100%;
left: 0;
position: absolute;
}
.thumb-popup .thumb-wraper .banner-btn {
display: none;
width: 60px;
height: 120px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
cursor: pointer;
}
.thumb-popup .thumb-wraper .banner-btn::after {
content: "";
position: absolute;
top: 40%;
left: 50%;
margin-top: -5px;
width: 40px;
height: 40px;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-left: 0;
border-bottom: 0;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-left {
left: -10px;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-right {
right: -10px;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-left::after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
margin-left: -4px;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-right::after {
margin-left: -7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.thumb-popup .thumb-wraper .banner-btn.swiper-left:hover::after {
border-color: #5261b9;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-right:hover::after {
border-color: #5261b9;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-button-disabled {
cursor: default;
}
@media (min-width: 768px) {
.thumb-popup .thumb-wraper .banner-btn.swiper-left {
left: 4%;
}
.thumb-popup .thumb-wraper .banner-btn.swiper-right {
right: 4%;
}
}
@media (min-width: 1024px) {
.thumb-popup .thumb-wraper .banner-btn {
display: block;
}
}
#ie-alert-overlay {
width: 100%;
height: 100%;
background: url(../images/bg.png) repeat 0 0;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
* html #ie-alert-overlay {
position: absolute;
z-index: 9999;
}
#ie-alert-panel {
width: 520px;
height: 331px;
position: fixed;
background: url(../images/iealertsprite.png) no-repeat;
background-position: -1px -109px;
top: 50%;
left: 50%;
margin: -201px 0 0 -296px;
padding: 72px 0 0 72px;
_position: absolute;
_top: expression(300+ ((e=document.documentElement.scrollTop) ?e: document.body.scrollTop)+"px");
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
color: #333;
line-height: 1.5em;
z-index: 10000;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#ie-alert-panel div,
#ie-alert-panel p,
#ie-alert-panel span,
#ie-alert-panel a,
#ie-alert-panel img,
#ie-alert-panel ul,
#ie-alert-panel li {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#ie-alert-panel p {
font-size: 14px;
width: 486px;
text-align: justify;
}
#ie-alert-panel img {
border: 0;
}
#ie-alert-panel span {
font-size: 18px;
margin: 0 0 20px 0;
display: block;
padding: 0;
}
#ie-alert-panel ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
#ie-alert-panel li {
float: left;
margin: 0 22px 0 0;
}
#ie-alert-panel li.last {
margin-right: 0;
}
#ie-alert-panel a {
display: inline-block;
vertical-align: top;
}
#goon {
text-decoration: underline;
}
.browser {
position: absolute;
bottom: 35px;
}
.chrome,
.firefox,
.ie9,
.opera,
.safari {
background: url(../images/iealertsprite.png) no-repeat;
}
.chrome {
background-position: 0 0;
width: 73px;
height: 96px;
margin: 0 4px 0 0;
}
.firefox {
background-position: -292px 0;
width: 73px;
height: 98px;
}
.ie9 {
background-position: -179px 0;
width: 95px;
height: 98px;
}
.opera {
background-position: -90px 0;
width: 73px;
height: 98px;
}
.safari {
background-position: -387px 0;
width: 73px;
height: 98px;
margin: 0 4px 0 0;
}
.full-searchA-wrapper .search-hd {
border-bottom: 1px solid #d6d6d6;
}
.full-searchA-wrapper .search-form {
padding: 20px 0;
}
.full-searchA-wrapper .search-form form {
position: relative;
display: block;
width: 100%;
max-width: 520px;
margin: 0 auto;
padding-right: 80px;
border: 1px solid #333;
-webkit-border-radius: 20px;
border-radius: 20px;
overflow: hidden;
}
.full-searchA-wrapper .search-form input {
display: block;
width: 100%;
font-size: 14px;
line-height: 38px;
height: 38px;
}
.full-searchA-wrapper .search-form input[type="text"] {
padding-left: 36px;
background-repeat: no-repeat;
background-position: 12px center;
background-size: auto 16px;
background-image: url(../images/searchAico.png);
}
.full-searchA-wrapper .search-form input[type="submit"] {
position: absolute;
right: 0;
top: 0;
z-index: 3;
width: 80px;
padding: 0 20px;
color: #fff;
background-color: #333;
}
.full-searchA-wrapper .search-cate ul {
margin-bottom: -1px;
white-space: nowrap;
overflow-x: auto;
}
.full-searchA-wrapper .search-cate li {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.full-searchA-wrapper .search-cate a {
display: block;
font-size: 14px;
line-height: 30px;
padding: 0 5px;
border-bottom: 1px solid #d6d6d6;
}
.full-searchA-wrapper .search-cate .cur a {
border-bottom-color: #333;
}
.full-searchA-wrapper .search-result .length {
padding: 10px 0;
}
.full-searchA-wrapper .search-result .nodata {
padding: 20px 0;
}
.full-searchA-wrapper .result-list li {
padding: 10px 0;
border-bottom: 1px solid #ccc;
}
.full-searchA-wrapper .result-list li a {
display: block;
}
.full-searchA-wrapper .result-list .thumb {
float: left;
width: 135px;
margin-right: 10px;
}
.full-searchA-wrapper .result-list .thumb img {
max-width: 100%;
}
.full-searchA-wrapper .result-list .content {
overflow: hidden;
}
.full-searchA-wrapper .result-list .content h2 {
font-size: 16px;
line-height: 24px;
max-height: 48px;
line-height: 24px;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #333;
}
.full-searchA-wrapper .result-list .desc {
font-size: 14px;
line-height: 24px;
max-height: 48px;
line-height: 24px;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #666;
}
.full-searchA-wrapper .result-list .more {
font-size: 14px;
line-height: 24px;
}
.full-searchA-wrapper .loadmore {
overflow: hidden;
padding: 10px 0;
}
.full-searchA-wrapper .loadmore a {
display: block;
padding: 0;
margin: 0;
font-size: 16px;
line-height: 40px;
text-align: center;
color: #ffffff;
background-color: #cd002b;
}
.full-searchA-wrapper mark {
color: #fff;
background-color: #cd002b;
}
@media (min-width: 640px) {
.full-searchA-wrapper .search-form {
padding: 30px 0;
}
.full-searchA-wrapper .result-list li {
padding: 15px 0;
}
.full-searchA-wrapper .result-list .thumb {
width: 180px;
}
.full-searchA-wrapper .result-list .loadmore {
padding: 20px 0;
}
}
@media (min-width: 1024px) {
.full-searchA-wrapper .search-form {
padding: 40px 0;
}
.full-searchA-wrapper .commonweb {
max-width: 960px;
}
.full-searchA-wrapper .loadmore {
padding: 40px 0;
}
.full-searchA-wrapper .loadmore a {
line-height: 50px;
}
.full-searchA-wrapper .result-list a .content h2 {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.full-searchA-wrapper .result-list a:hover .content h2 {
color: #ff5500;
}
.full-searchA-wrapper .result-list li {
padding: 20px 0;
}
.full-searchA-wrapper .result-list .content h2 {
margin-bottom: 10px;
font-weight: bold;
}
.full-searchA-wrapper .result-list .thumb {
width: 280px;
margin-right: 30px;
}
}
.hgySitemap .sitemapcont2 {
padding: 6% 10px;
overflow: hidden;
background: #fff;
}
.hgySitemap .sitemapcont2 dl {
position: relative;
margin-bottom: 36px;
}
.hgySitemap .sitemapcont2 dl:last-child {
margin-bottom: 0;
}
.hgySitemap .sitemapcont2 dt {
font-size: 16px;
font-weight: bold;
padding: 0 8px;
background: #fff;
position: absolute;
left: 18px;
top: -14px;
}
.hgySitemap .sitemapcont2 dd {
padding: 4% 3% 1% 3%;
border: 1px solid #e6e6e6;
}
.hgySitemap .sitemapcont2 dd a {
display: inline-block;
padding-left: 10px;
margin: 0 23px 8px 0;
}
@media (min-width: 1024px) {
.hgySitemap .sitemapcont2 {
padding: 3.5% 30px;
}
.hgySitemap .sitemapcont2 dl {
margin-bottom: 55px;
}
.hgySitemap .sitemapcont2 dt {
font-size: 20px;
}
.hgySitemap .sitemapcont2 dd {
padding: 2% 3% 1% 3%;
border: 1px solid #e6e6e6;
}
.hgySitemap .sitemapcont2 dd a {
margin: 0 45px 8px 0;
}
}
.mobile_swiper_banner {
display: none;
position: relative;
}
.pc_swiper_banner {
position: relative;
margin-top: 90px;
}
@media screen and (max-width: 1024px) {
.mobile_swiper_banner {
display: flex;
}
.pc_swiper_banner {
display: none;
}
}
@media screen and (max-width: 768px) {
.download-top .qrcode_box {
display: none;
}
}