@charset "UTF-8";


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,
strong,
span,
pre {
  margin           : 0;
  padding          : 0;
  border           : 0;
  background-repeat: no-repeat;
}

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

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

ul,
li {
  list-style: none;
}

em,
i {
  font-style: normal;
}

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

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

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"] {
  cursor: pointer;
}

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"],
select,
textarea,
button {
  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;
}

.commonweb,
.headerweb,
.indexweb {
  padding: 0px 15px;
}

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

.commonleft {
  float: none;
}

.commonright {
  float: none;
}

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

@media (min-width: 768px) {

  .commonweb,
  .headerweb,
  .indexweb {
    padding: 0px 20px;
  }

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

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

  .commonleft {
    float: left;
  }

  .commonright {
    float: right;
  }
}

@media (min-width: 1200px) {
  html {
    cursor: default;
  }

  .commonleft {
    float: left;
  }

  .commonright {
    float: right;
  }

  .visible-lg {
    display: block;
  }

  .hidden-lg {
    display: none;
  }
}

@media (min-width: 1260px) {

  .commonweb,
  .indexweb {
    margin : 0px auto;
    padding: 0;
  }

  .headerweb {
    padding: 0 2.5%;
  }
}

.title {
  font-size: 16px;
}

.title {
  font-size: 16px;
}

.header {
  z-index                    : 30;
  width                      : 100%;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode   : both;
  -o-animation-fill-mode     : both;
  animation-fill-mode        : both;
  -webkit-animation-duration : .6s;
  -moz-animation-duration    : .6s;
  -o-animation-duration      : .6s;
  animation-duration         : .6s;
  transition                 : background-color 0.3s;
}

.header .hd-logo {
  padding-top: 6px;
}

.header .hd-logo a {
  display: block;
}

.header .hd-logo img {
  display: block;
  height : 32px;
}

.header.shadow {
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow        : 0 0 1px 1px rgba(0, 0, 0, 0.2);
  background-color  : #FFffff;
}

.header.shadow .headerstock {
  border-left-color: #eee;
}

.header.shadow2 {
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow        : 0 0 1px 1px rgba(0, 0, 0, 0.2);
  background-color  : #FFffff;
}

.header.shadow2 .headerstock {
  border-left-color: #eee;
}

.header.cur {
  background-color: #FFffff;
}

@-webkit-keyframes fadeHeaderInDown {
  0% {
    opacity          : 0;
    -webkit-transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeHeaderInDown {
  0% {
    opacity       : 0;
    -moz-transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity       : 1;
    -moz-transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeHeaderInDown {
  0% {
    opacity     : 0;
    -o-transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity     : 1;
    -o-transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeHeaderInDown {
  0% {
    opacity          : 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform   : translate3d(0, -100%, 0);
    transform        : translate3d(0, -100%, 0);
  }

  100% {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

.menu-handle {
  position: absolute;
  right   : 40px;
  top     : 10px;
  padding : 9px 5px;
  width   : 40px;
  height  : 40px;
}

.menu-handle span {
  display           : block;
  width             : 100%;
  height            : 2px;
  background-color  : #283288;
  -webkit-transition: all ease .5s;
  -o-transition     : all ease .5s;
  -moz-transition   : all ease .5s;
  transition        : all ease .5s;
}

.menu-handle span:nth-child(2) {
  margin: 8px 0;
}

.menu-handle.active span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(45deg);
  -moz-transform   : translateY(10px) rotate(45deg);
  -ms-transform    : translateY(10px) rotate(45deg);
  -o-transform     : translateY(10px) rotate(45deg);
  transform        : translateY(10px) rotate(45deg);
}

.menu-handle.active span:nth-child(2) {
  opacity: 0;
}

.menu-handle.active span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -moz-transform   : translateY(-10px) rotate(-45deg);
  -ms-transform    : translateY(-10px) rotate(-45deg);
  -o-transform     : translateY(-10px) rotate(-45deg);
  transform        : translateY(-10px) rotate(-45deg);
}

.search-handle {
  position  : absolute;
  right     : 50px;
  top       : 10px;
  width     : 40px;
  height    : 40px;
  background: url("../image/searchico.png") no-repeat center;
}

.hdr-search {
  display         : none;
  position        : fixed;
  left            : 0;
  top             : 60px;
  z-index         : 99;
  width           : 100%;
  padding         : 10px;
  background-color: #f5f5f5;
}

.hdr-search .hd-form {
  position     : relative;
  display      : block;
  padding-right: 68px;
}

.hdr-search .hd-form input {
  width      : 100%;
  display    : block;
  height     : 40px;
  line-height: 40px;
  font-size  : 16px;
}

.hdr-search .hd-form .key {
  padding-left: 10px;
}

.hdr-search .hd-form .sub {
  position: absolute;
  right   : 0;
  top     : 0;
  width   : 68px;
}

.mainnav {
  display         : none;
  position        : fixed;
  left            : 0;
  top             : 58px;
  z-index         : 9;
  width           : 100%;
  height          : 100%;
  background-color: #FFffff;
  overflow-y      : scroll;
  border-top      : 1px solid #ccc;
}

.mainnav li {
  border-bottom: 1px solid #ccc;
  position     : relative;
}

.mainnav li a {
  display         : block;
  font-size       : 16px;
  color           : #4c4c4c;
  line-height     : 46px;
 
}

.mainnav li.active .phsearchicon:after {
  transform        : rotate(135deg);
  -moz-transform   : rotate(135deg);
  -ms-transform    : rotate(135deg);
  -o-transform     : rotate(135deg);
  -webkit-transform: rotate(135deg);
  top              : 17px;
}

.mainnav .phsearchicon {
  display : block;
  position: absolute;
  right   : 0;
  top     : 0;
  cursor  : pointer;
  height  : 45px;
  width   : 80%;
}

.mainnav .phsearchicon:after {
  content          : "";
  position         : absolute;
  top              : 17px;
  right            : 10px;
  width            : 10px;
  height           : 10px;
  border-right     : 1px solid #bebebe;
  border-top       : 1px solid #bebebe;
  border-left      : 0;
  border-bottom    : 0;
  transform        : rotate(45deg);
  -moz-transform   : rotate(45deg);
  -ms-transform    : rotate(45deg);
  -o-transform     : rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.mainnav .sub-nav {
  display         : none;
  padding         : 0 15px;
  background-color: #f9f8f8;
}

.mainnav .sub-nav a {
  line-height: 36px;
  font-size  : 14px;
}

.mainnav .sub-nav .commonweb {
  padding: 0;
}

.sm-fixslide {
  display         : none;
  position        : fixed;
  left            : 0;
  bottom          : 0;
  right           : 0;
  z-index         : 101;
  padding         : 15px;
  text-align      : center;
  background-color: #f5f5f5;
}

.sm-fixslide a {
  background: url(../image/searchico.png) no-repeat 0 center;
  padding   : 0 0 0 20px;
}

.headlanguage {
  position: absolute;
  right   : 17px;
  top     : 10px;
}

.headlanguage .Currentlan {
  background : url(../image/searchico.png) no-repeat 100% center;
  padding    : 0 15px 0 0;
  width      : 100px;
  color      : #393f39;
  position   : absolute;
  right      : 77px;
  top        : 7px;
  font-size  : 12px;
  font-family: Montserrat;
}

.headlanguage .Currentlan img {
  margin-right  : 6px;
  vertical-align: -6px;
}

.headlanguage .language-choose {
  display         : none;
  position        : fixed;
  right           : 80px;
  top             : 60px;
  background-color: #f5f5f5;
  text-align      : center;
  width           : 100px;
}

.headlanguage .language-choose a {
  display    : block;
  line-height: 30px;
  font-size  : 14px;
}

.headerstock .stock-up span {
  display       : inline-block;
  vertical-align: top;
  *display      : inline;
  *zoom         : 1;
  vertical-align: middle;
}

.headerstock .stock-up .up {
  width     : 15px;
  height    : 8px;
  background: url(../image/searchico.png) no-repeat center;
}

.headerstock .stock-up .bs {
  font-family: Montserrat;
  font-size  : 20px;
  color      : #ff1919;
}

.headerstock .stock-up.down .up {
  background-image: url(../image/searchico.png);
}

.headerstock .stock-up.down .bs {
  color: #008000;
}

.headerstock .stock-text {
  font-size: 13px;
}

.headerstock .stock-text span {
  font-size  : 16px;
  font-family: Montserrat;
}

@media (min-width: 1024px) {
  .header {
    padding           : 0;
    -webkit-box-shadow: none;
    box-shadow        : none;
  }

  .header>.commonweb {
    position: relative;
  }

  .header .hd-logo {
    float      : left;
    padding-top: 22px;
    position   : relative;
    z-index    : 10;
  }

  .header .hd-logo img {
    height: 54px;
  }

  .header .hd-right {
    position : absolute;
    right    : 20px;
    top      : 0;
    z-index  : 10;
    font-size: 0;
  }

  .menu-handle {
    display: none;
  }

  .headsearch-box {
    position      : relative;
    display       : inline-block;
    vertical-align: top;
    *display      : inline;
    *zoom         : 1;
  }

  .search-handle {
    position: static;
    display : block;
    height  : 100px;
    padding : 0 10px;
  }

  .hdr-search {
    position  : absolute;
    left      : auto;
    right     : -20px;
    top       : 100px;
    z-index   : 99;
    width     : 260px;
    padding   : 0;
    background: none;
    border    : 1px solid #ccc;
  }

  .hdr-search .hd-form {
    padding-right: 50px;
  }

  .hdr-search .hd-form .sub {
    width     : 50px;
    font-size : 0;
    background: #fff url(../image/searchico.png) no-repeat center;
  }

  .sm-fixslide {
    display   : inline-block !important;
    position  : static;
    background: none;
    padding   : 0;
    text-align: left;
  }

  .sm-fixslide a:hover {
    color: #0ca001;
  }



  .headlanguage {
    height        : 100px;
    line-height   : 100px;
    display       : inline-block;
    vertical-align: top;
    *display      : inline;
    *zoom         : 1;
    position      : relative;
    top           : auto;
    right         : auto;
    padding       : 0 12px 0 5px;
  }

  .headlanguage .Currentlan {
    position: static;
  }

  .headlanguage .language-choose {
    position: absolute;
    top     : 100px;
    left    : auto;
    right   : 15px;
  }

  .headlanguage .language-choose a:hover {
    color: #0ca001;
  }

  .headerstock {
    padding    : 25px 0 0 13px;
    height     : 100px;
    border-left: 1px solid #FFffff;
  }

  .headerstock .stock-up .bs {
    font-size  : 33px;
    line-height: 33px;
  }

  .headerstock .stock-text span {
    font-size: 18px;
  }
}

@media (min-width: 1260px) {
  .headlanguage {
    padding: 0 30px 0 12px;
  }

  .headerstock {
    padding-left: 30px;
  }

  .mainnav {
    padding-right: 0px;
  }

  .header .hd-right {
    right: 0;
  }
}

.full-inside-subnav .channel-title::after {
  _font-size  : 0;
  _line-height: 0;
  _overflow   : hidden;
  width       : 0;
  height      : 0;
}

.title {
  font-size: 16px;
}


body {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width                : 3px;
  height               : 3px;
  background-color     : #e0e0e0;
  -webkit-border-radius: 5px;
  border-radius        : 5px;
}

::-webkit-scrollbar-thumb {
  width                : 3px;
  height               : 3px;
  background-color     : #aeaeae;
  -webkit-border-radius: 5px;
  border-radius        : 5px;
}

.h30 {
  height: 30px;
}

.padtp30 {
  padding-top   : 30px;
  padding-bottom: 30px;
}

.padt10 {
  padding-top: 16px;
}

.font42 {
  font-size: 24px;
}

.font36 {
  font-size: 21px;
}

.font30 {
  font-size: 18px;
}

.font28 {
  font-size: 18px;
}

.font24 {
  font-size: 18px;
}

.font20 {
  font-size: 17px;
}

.font18 {
  font-size: 15px;
}

.font16 {
  font-size: 14px;
}

.alcenter {
  text-align: center;
}

.alright {
  text-align: center;
}

.alleft {
  text-align: center;
}

@media (min-width: 1024px) {
  .nopad {
    padding-top   : 0 !important;
    padding-bottom: 0 !important;
  }

  .font42 {
    font-size: 30px;
  }

  .font36 {
    font-size: 28px;
  }

  .font30 {
    font-size  : 26px;
    line-height: 30px;
  }

  .font28 {
    font-size  : 24px;
    line-height: 30px;
  }

  .font24 {
    font-size: 24px;
  }

  .font20 {
    font-size: 20px;
  }

  .font18 {
    font-size: 18px;
  }

  .font16 {
    font-size  : 16px;
    line-height: 26px;
  }

  .alright {
    text-align: right;
  }

  .alleft {
    text-align: left;
  }
}

@media (min-width: 1260px) {
  .font42 {
    font-size  : 34px;
    line-height: 40px;
  }

  .font36 {
    font-size  : 32px;
    line-height: 40px;
  }

  .font30 {
    font-size  : 30px;
    line-height: 40px;
  }

  .font28 {
    font-size  : 28px;
    line-height: 34px;
  }
}

@media (min-width: 1400px) {
  .font42 {
    font-size  : 42px;
    line-height: 60px;
  }

  .font36 {
    font-size  : 36px;
    line-height: 60px;
  }
}

@font-face {
  font-family: 'Montserrat';
  src        : url("../font/Montserrat-Regular_4.woff") format("woff");
  font-weight: normal;
  font-style : normal;
}

.index-com-text {
  color     : #282828;
  text-align: center;
}

.index-com-text p {
  padding-top: 5px;
}

@media (min-width: 1024px) {
  .index-com-text h2 {
    letter-spacing: 3px;
  }

  .index-com-text p {
    padding-top   : 15px;
    letter-spacing: 2px;
  }
}

.swiper-wrapper {
  width                      : 100%;
  height                     : 100%;
  z-index                    : 1;
  display                    : -webkit-box;
  display                    : -ms-flexbox;
  display                    : -webkit-flex;
  display                    : -moz-box;
  display                    : flex;
  -webkit-transition-property: -webkit-transform;
  transition-property        : -webkit-transform;
  -o-transition-property     : -o-transform;
  -moz-transition-property   : transform, -moz-transform;
  transition-property        : transform;
  transition-property        : transform, -webkit-transform, -moz-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;
}

.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;
  -moz-box-orient       : vertical;
  -moz-box-direction    : normal;
  flex-direction        : column;
}

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

.index-com-btn {
  display            : block;
  width              : 30px;
  height             : 30px;
  position           : absolute;
  position           : absolute;
  z-index            : 3;
  top                : 50%;
  -webkit-transform  : translateY(-50%);
  -moz-transform     : translateY(-50%);
  -ms-transform      : translateY(-50%);
  -o-transform       : translateY(-50%);
  transform          : translateY(-50%);
  background-position: center center;
  background-repeat  : no-repeat;
  -o-background-size : 30px;
  background-size    : 30px;
  top                : 42%;
}

.index-com-btn.index-com-prev {
  background-image: url(../image/searchico.png);
  left            : 0;
}

.index-com-btn.index-com-prev:hover {
  background-image: url(../image/searchico.png);
}

.index-com-btn.index-com-next {
  background-image: url(../image/searchico.png);
  right           : 0;
}

.index-com-btn.index-com-next:hover {
  background-image: url(../image/searchico.png);
}

@media (min-width: 1024px) {
  .index-com-btn {
    width             : 40px;
    height            : 40px;
    -o-background-size: 40px;
    background-size   : 40px;
  }
}

@media (min-width: 1400px) {
  .index-com-btn {
    width             : 50px;
    height            : 50px;
    -o-background-size: 50px;
    background-size   : 50px;
  }

  .index-com-btn.index-com-prev {
    left: -80px;
  }

  .index-com-btn.index-com-next {
    right: -80px;
  }
}


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

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

.indexbannerbtn {
  width            : 100%;
  text-align       : left;
  position         : absolute;
  left             : 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform   : translateX(-50%);
  -ms-transform    : translateX(-50%);
  -o-transform     : translateX(-50%);
  transform        : translateX(-50%);
  z-index          : 20;
  bottom           : 10px !important;
  max-width        : 1200px;
}

.indexbannerbtn span {
  display              : inline-block;
  width                : 24px;
  height               : 2px;
  -webkit-border-radius: 0;
  border-radius        : 0;
  background           : #dadada;
  overflow             : hidden;
  margin               : 0 2px;
  cursor               : pointer;
  opacity              : 1 !important;
  vertical-align       : middle;
}

.indexbannerbtn span.swiper-pagination-bullet-active {
  background-color: #0ca001;
  height          : 6px;
}

.bannertextcont {
  padding   : 20px 15px 40px;
  text-align: left;
  color     : #FFFFFF;
  background: #f9f9f9;
  display   : none;
}

.bannertextcont .bannertitle {
  font-size: 20px;
}

.bannertextcont .bannertext {
  font-size: 16px;
  margin   : 12px 0;
}

@media (min-width: 1024px) {
  .indexbannerbtn {
    bottom: 97px !important;
  }

  .bannertextcont {
    display          : block;
    background       : none;
    padding          : 0 40px;
    z-index          : 10;
    width            : 100%;
    max-width        : 1200px;
    position         : absolute;
    z-index          : 3;
    left             : 50%;
    top              : 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform   : translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    -o-transform     : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    top              : 57%;
    color            : #FFffff;
  }

  .bannertextcont .bannertitle {
    font-size         : 30px;
    line-height       : 30px;
    transition        : all 600ms;
    -webkit-transition: all 600ms;
    -moz-transition   : all 600ms;
    -ms-transition    : all 600ms;
    -o-transition     : all 600ms;
    -webkit-transform : translateY(50px);
    -ms-transform     : translateY(50px);
    -moz-transform    : translateY(50px);
    -o-transform      : translateY(50px);
    transform         : translateY(50px);
    opacity           : 0;
    font-weight       : lighter;
  }

  .bannertextcont .bannertext {
    font-weight       : lighter;
    font-size         : 20px;
    line-height       : 18px;
    text-transform    : uppercase;
    transition        : all 800ms;
    -webkit-transition: all 800ms;
    -moz-transition   : all 800ms;
    -ms-transition    : all 800ms;
    -o-transition     : all 800ms;
    -webkit-transform : translateY(50px);
    -ms-transform     : translateY(50px);
    -moz-transform    : translateY(50px);
    -o-transform      : translateY(50px);
    transform         : translateY(50px);
    opacity           : 0;
  }

  .bannertextcont .bannerlink {
    display           : block;
    width             : 200px;
    height            : 52px;
    line-height       : 52px;
    background        : url(../images/wicon4.png) no-repeat right 28px center;
    padding           : 0 28px;
    text-align        : left;
    color             : #FFFFFF;
    border            : 1px solid rgba(160, 160, 160, 0.99);
    transition        : all 1000ms;
    -webkit-transition: all 1000ms;
    -moz-transition   : all 1000ms;
    -ms-transition    : all 1000ms;
    -o-transition     : all 1000ms;
    -webkit-transform : translateY(50px);
    -ms-transform     : translateY(50px);
    -moz-transform    : translateY(50px);
    -o-transform      : translateY(50px);
    transform         : translateY(50px);
    opacity           : 0;
  }

  .bannertextcont .bannerlink:hover {
    background-position: right 20px center;
  }

  .bannerleft {
    text-align: left;
  }

  .bannercenter {
    text-align: center;
  }

  .bannerright {
    text-align: right;
  }

  .indexbanner li.active .bannertitle {
    -webkit-transform: translateY(0);
    -ms-transform    : translateY(0);
    -moz-transform   : translateY(0);
    -o-transform     : translateY(0);
    transform        : translateY(0);
    opacity          : 1;
  }

  .indexbanner li.active .bannertext {
    -webkit-transform: translateY(0);
    -ms-transform    : translateY(0);
    -moz-transform   : translateY(0);
    -o-transform     : translateY(0);
    transform        : translateY(0);
    opacity          : 1;
  }

  .indexbanner li.active .bannerlink {
    -webkit-transform: translateY(0);
    -ms-transform    : translateY(0);
    -moz-transform   : translateY(0);
    -o-transform     : translateY(0);
    transform        : translateY(0);
    opacity          : 1;
  }
}

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

  .bannertextcont .bannertitle {
    font-size  : 48px;
    line-height: 54px;
  }

  .bannertextcont .bannertext {
    font-size  : 32px;
    line-height: 32px;
    margin     : 12px 0 32px;
  }

  .indexbanner .prev,
  .indexbanner .next {
    width             : 50px;
    height            : 90px;
    display           : block;
    position          : absolute;
    top               : 45%;
    -webkit-transform : translateY(-50%);
    -moz-transform    : translateY(-50%);
    -ms-transform     : translateY(-50%);
    -o-transform      : translateY(-50%);
    transform         : translateY(-50%);
    background        : url(../images/banner-btn.png) center no-repeat;
    z-index           : 20;
    transition        : 0.5s ease;
    -webkit-transition: 0.5s ease;
    -ms-transition    : 0.5s ease;
    -moz-transition   : 0.5s ease;
    -o-transition     : 0.5s ease;
    opacity           : 0;
  }

  .indexbanner .prev {
    left: 0;
  }

  .indexbanner .next {
    right            : 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform   : translateY(-50%) rotate(180deg);
    -ms-transform    : translateY(-50%) rotate(180deg);
    -o-transform     : translateY(-50%) rotate(180deg);
    transform        : translateY(-50%) rotate(180deg);
  }

  .indexbanner:hover .prev {
    left   : 2.5%;
    opacity: 1;
  }

  .indexbanner:hover .next {
    right  : 2.5%;
    opacity: 1;
  }
}

.inside-banner {
  overflow: hidden;
}

.inside-banner img {
  display          : block;
  position         : relative;
  left             : 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform   : translateX(-50%);
  -ms-transform    : translateX(-50%);
  -o-transform     : translateX(-50%);
  transform        : translateX(-50%);
  height           : 210px;
  max-width        : none;
  width            : auto;
}

@media (min-width: 640px) {
  .inside-banner img {
    height   : auto;
    max-width: 100%;
  }
}

.full-inside-subnav {
  background-color: #f3f3f3;
}

.full-inside-subnav .inside-subitem {
  position: relative;
  z-index : 25;
}

.full-inside-subnav .channel-title {
  line-height: 50px;
  color      : #4d5c63;
  position   : relative;
  text-align : center;
  cursor     : auto;
}

.full-inside-subnav .channel-title.showafter {
  cursor: pointer;
}

.full-inside-subnav .channel-title.showafter::after {
  opacity: 1;
}

.full-inside-subnav .channel-title::after {
  content       : '';
  display       : inline-block;
  vertical-align: middle;
  margin        : 0 0 -3px 10px;
  opacity       : 0;
  border-width  : 5px;
  border-style  : solid dashed dashed dashed;
  border-color  : #333 transparent transparent transparent;
}

.full-inside-subnav .subnav {
  display         : none;
  position        : absolute;
  left            : 0;
  top             : 50px;
  z-index         : 10;
  width           : 100%;
  background-color: #fff;
  padding         : 10px 0;
  font-size       : 0;
  overflow        : hidden;
}

.full-inside-subnav .subnav.padding {
  padding: 0 44px;
}

.full-inside-subnav .subnav a {
  display    : block;
  font-size  : 14px;
  line-height: 45px;
  text-align : center;
}

.full-inside-subnav .subnav a.cur {
  color: #0ca001;
}

.full-inside-subnav .subnav .sub-btn {
  display: none;
}

.full-inside-subnav .full-home,
.full-inside-subnav .inside-subnav {
  display: none;
}

@media (max-width: 460px) {
  .full-inside-subnav .commonweb {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .full-inside-subnav .subnav {
    top               : 52px;
    width             : auto;
    left              : -1px;
    right             : -1px;
    padding           : 15px 0;
    -webkit-box-shadow: none;
    box-shadow        : none;
    border            : 0;
    background        : -webkit-linear-gradient(135deg, transparent 20px, #f3f3f3 0);
    background        : -moz- oldlinear-gradient(135deg, transparent 20px, #f3f3f3 0);
    background        : -o-linear-gradient(135deg, transparent 20px, #f3f3f3 0);
    background        : linear-gradient(-45deg, transparent 20px, #f3f3f3 0);
  }

  .full-inside-subnav .subnav a {
    border-bottom: 0;
    line-height  : 25px;
    padding      : 5px 20px 5px 20px;
    text-align   : left;
    color        : #111111;
    font-size    : 13px;
  }

  .full-inside-subnav .subnav a:hover,
  .full-inside-subnav .subnav a.cur {
    color: #0ca001;
  }

  .full-inside-subnav .full-home,
  .full-inside-subnav .inside-subnav {
    display: block;
  }

  .full-inside-subnav .full-home {
    float       : left;
    width       : 50px;
    height      : 60px;
    background  : url(../images/wicon8.png) no-repeat center center;
    border-left : 1px solid #2d3032;
    border-right: 1px solid #2d3032;
  }

  .full-inside-subnav .inside-subitem {
    border-left : 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    margin-left : -1px;
    float       : left;
    min-width   : 215px;
    cursor      : pointer;
  }

  .full-inside-subnav .inside-subitem:hover,
  .full-inside-subnav .inside-subitem.cur {
    background-color: #0ca001;
    color           : #FFffff;
  }

  .full-inside-subnav .inside-subitem:hover .channel-title,
  .full-inside-subnav .inside-subitem.cur .channel-title {
    color: #FFffff;
  }

  .full-inside-subnav .inside-subitem:hover .channel-title:after,
  .full-inside-subnav .inside-subitem.cur .channel-title:after {
    background-image: url(../images/wqicon8ho.png);
  }

  .full-inside-subnav .channel-title {
    line-height: 52px;
    text-align : left;
    padding    : 0 20px;
    color      : #111111;
    font-size  : 14px;
  }

  .full-inside-subnav .channel-title:after {
    border           : 0;
    background       : url(../images/wqicon8.png) no-repeat center center;
    width            : 10px;
    height           : 7px;
    position         : absolute;
    z-index          : 3;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
    right            : 20px;
  }
}

.insid-page {
  padding-top: 30px;
}

@media (min-width: 1024px) {
  .insid-page {
    padding-top: 57px;
  }
}

.inside-title {
  color         : #868686;
  text-align    : center;
  padding-bottom: 30px;
}

.inside-title h2 {
  color: #868686;
}

.inside-title .inbor {
  width           : 60px;
  height          : 2px;
  background-color: #0ca001;
  margin          : 12px auto 0;
}

.inside-title.cffffff {
  color: #FFffff;
}

.inside-title.cffffff .inbor {
  background-color: #FFffff;
}

@media (min-width: 1024px) {
  .inside-title {
    padding-bottom: 70px;
  }

  .inside-title .inbor {
    margin-top: 27px;
  }
}

.common-clumb-box {
  position      : relative;
  padding-top   : 20px;
  padding-bottom: 20px;
  border-top    : 1px solid #e9e9e9;
  margin-top    : 20px;
}

.common-clumb {
  font-size: 0;
  overflow : hidden;
}

.common-clumb .clumb-box {
  text-align: center;
}

.common-clumb a {
  display           : inline-block;
  vertical-align    : top;
  *display          : inline;
  *zoom             : 1;
  color             : #999999;
  font-size         : 14px;
  text-align        : center;
  padding           : 5px 10px;
  width             : auto;
  position          : relative;
  -webkit-transition: all ease .5s;
  -o-transition     : all ease .5s;
  -moz-transition   : all ease .5s;
  transition        : all ease .5s;
}

.common-clumb a:hover,
.common-clumb a.cur {
  color: #ffffff;
}

.common-clumb a:hover:before,
.common-clumb a.cur:before {
  -webkit-transform: scale(1);
  -moz-transform   : scale(1);
  -ms-transform    : scale(1);
  -o-transform     : scale(1);
  transform        : scale(1);
}

.common-clumb a:before {
  content                           : "";
  position                          : absolute;
  z-index                           : -1;
  top                               : 0;
  left                              : 0;
  right                             : 0;
  bottom                            : 0;
  background                        : #e41919;
  -webkit-transform                 : scale(0);
  -moz-transform                    : scale(0);
  -ms-transform                     : scale(0);
  -o-transform                      : scale(0);
  transform                         : scale(0);
  -webkit-transition-property       : transform;
  -webkit-transition-property       : -webkit-transform;
  transition-property               : -webkit-transform;
  -o-transition-property            : -o-transform;
  -moz-transition-property          : transform, -moz-transform;
  transition-property               : transform;
  transition-property               : transform, -webkit-transform, -moz-transform, -o-transform;
  -webkit-transition-duration       : 0.3s;
  -moz-transition-duration          : 0.3s;
  -o-transition-duration            : 0.3s;
  transition-duration               : 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function   : ease-out;
  -o-transition-timing-function     : ease-out;
  transition-timing-function        : ease-out;
}

@media (min-width: 1024px) {
  .common-clumb-box {
    margin-top : 59px;
    padding-top: 40px;
  }

  .common-clumb-box .sub-btn {
    width            : 44px;
    height           : 38px;
    cursor           : pointer;
    position         : absolute;
    z-index          : 3;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
    padding          : 0;
  }

  .common-clumb-box .sub-btn:before {
    display      : block;
    content      : "";
    width        : 14px;
    height       : 14px;
    border-left  : 2px solid #666666;
    border-bottom: 2px solid #666666;
  }

  .common-clumb-box .sub-btn:hover:before {
    border-color: #0ca001;
  }

  .common-clumb-box .sub-btn.sub-prev {
    left: 0;
  }

  .common-clumb-box .sub-btn.sub-prev:before {
    transform        : rotate(40deg);
    -webkit-transform: rotate(40deg);
    -moz-transform   : rotate(40deg);
    -ms-transform    : rotate(40deg);
    -o-transform     : rotate(40deg);
    margin           : 22px 0 0 17px;
  }

  .common-clumb-box .sub-btn.sub-next {
    right: 0;
  }

  .common-clumb-box .sub-btn.sub-next:before {
    transform        : rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform   : rotate(225deg);
    -ms-transform    : rotate(225deg);
    -o-transform     : rotate(225deg);
    margin           : 22px 0 0 8px;
  }

  .common-clumb a {
    padding: 6px 25px;
  }
}



@charset "UTF-8";

.title {
  font-size: 16px;
}


.pageing {
  text-align: center;
}

.news-list .name {
  white-space       : nowrap;
  -o-text-overflow  : ellipsis;
  text-overflow     : ellipsis;
  overflow          : hidden;
  -webkit-transition: all ease .5s;
  -o-transition     : all ease .5s;
  -moz-transition   : all ease .5s;
  transition        : all ease .5s;
}

.news-list .date {
  display    : block;
  color      : #0ca001;
  font-size  : 18px;
  font-family: "Montserrat";
}

.news-list .text {
  display           : -webkit-box;
  height            : 54px;
  line-height       : 18px;
  -o-text-overflow  : ellipsis;
  text-overflow     : ellipsis;
  overflow          : hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color             : #808080;
  margin            : 5px 0;
  opacity           : 0.8;
}

.news-list .remmo-new {
  background        : rgb(249, 250, 251);
  -o-background-size: cover;
  background-size   : cover;
}

.news-list .remmo-new dt img {
  display: block;
  width  : 100%;
}

.news-list .remmo-new dd {
  padding: 15px;
}

.news-list .momend-new {
  padding: 0 0 30px;
}

.news-list .momend-new ul {
  padding: 0 0 20px;
}

.news-list .momend-new li {
  border-bottom: 1px dashed #e7e7e7;
  padding      : 12px 0;
}

.news-list .momend-new a {
  display: block;
}

.news-list .momend-new .name {
  padding : 0 110px 0 0;
  position: relative;
}

.news-list .momend-new .date {
  position         : absolute;
  z-index          : 3;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform   : translateY(-50%);
  -ms-transform    : translateY(-50%);
  -o-transform     : translateY(-50%);
  transform        : translateY(-50%);
  right            : 0;
}

.news-list .momend-new .text {
  opacity: 1;
}

.commoncepwrap {
  margin  : 0 0 30px;
  position: relative;
}

.commoncepwrap:before {
  content         : "";
  display         : block;
  width           : 33.33333%;
  height          : 100%;
  background-color: #f2f2f2;
  position        : absolute;
  top             : 0;
  right           : 0;
  z-index         : -1;
}

.webleft {
  background-color: #FFffff;
  padding         : 0 0 20px;
}

.webright {
  padding         : 20px;
  background-color: #f2f2f2;
}

.full-name .cn {
  font-size  : 16px;
  line-height: 20px;
  color      : #444444;
}

.full-name .en {
  font-size     : 16px;
  text-transform: uppercase;
  color         : #808080;
  opacity       : 0.5;
  font-family   : Montserrat;
}

.newprev-list {
  padding: 10px 0 0 0;
}

.newprev-list li {
  margin: 0 0 15px 0;
}

.newprev-list img {
  display: block;
  width  : 100%;
}

.newprev-list .pevtxt {
  padding: 10px 0;
}

.newprev-list .pevtxt .date {
  color      : #0ca001;
  font-family: Montserrat;
}

.newprev-list .pevtxt .more {
  font-size: 13px;
  color    : #797a81;
  display  : block;
  margin   : 10px 0 0 0;
}

.newprev-list .pevtxt h4 {
  color           : #444444;
  white-space     : nowrap;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  overflow        : hidden;
  margin          : 5px 0;
}

.newprev-list .pevtxt p {
  color             : #808080;
  font-size         : 13px;
  display           : -webkit-box;
  height            : 72px;
  line-height       : 18px;
  -o-text-overflow  : ellipsis;
  text-overflow     : ellipsis;
  overflow          : hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

@media (min-width: 1024px) {
  .full-name .en {
    font-size: 18px;
  }

  .commoncepwrap {
    padding: 0;
    margin : 0 0 80px;
  }

  .webleft {
    float           : left;
    width           : 66.66667%;
    padding         : 0 2.7% 0 0;
    background-color: #ffffff;
  }

  .webright {
    float  : right;
    width  : 33.33333%;
    margin : 0;
    padding: 25px 30px 100px 30px;
  }

  .news-list .date {
    font-size: 20px;
  }

  .news-list .text {
    margin: 3px 0 21px;
  }

  .news-list .remmo-new:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -moz-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);
  }

  .news-list .remmo-new dt {
    overflow: hidden;
    float   : left;
    width   : 39.8%;
    margin  : 0 20px 0 0;
  }

  .news-list .remmo-new dt img {
    -webkit-transition: transform ease 0.7s;
    -moz-transition   : transform ease 0.7s;
    -o-transition     : transform ease 0.7s;
    -webkit-transition: -webkit-transform ease 0.7s;
    transition        : -webkit-transform ease 0.7s;
    -o-transition     : -o-transform ease 0.7s;
    -moz-transition   : transform ease 0.7s, -moz-transform ease 0.7s;
    transition        : transform ease 0.7s;
    transition        : transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;
  }

  .news-list .remmo-new dd {
    padding: 32px 0 0 0;
  }

  .news-list .remmo-new:hover .name {
    color: #0ca001;
  }

  .news-list .momend-new {
    padding: 0;
  }

  .news-list .momend-new ul {
    padding: 0 0 60px 0;
  }

  .news-list .momend-new li {
    -webkit-transition: all ease .5s;
    -o-transition     : all ease .5s;
    -moz-transition   : all ease .5s;
    transition        : all ease .5s;
    padding           : 27px 0;
  }

  .news-list .momend-new li:hover {
    border-bottom-color: #0ca001;
  }

  .news-list .momend-new li:hover .name {
    color: #0ca001;
  }

  .news-list .momend-new li .text {
    height: 36px;
    margin: 12px 0 0 0;
  }

  .news-list .momend-new li:last-child {
    padding-bottom: 21px;
  }

  .newprev-list {
    padding: 15px 0 0 0;
  }

  .newprev-list li {
    margin: 0 0 27px 0;
  }

  .newprev-list li:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -moz-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);
  }

  .newprev-list li p.img {
    overflow: hidden;
  }

  .newprev-list li p.img img {
    -webkit-transition: transform ease 0.7s;
    -moz-transition   : transform ease 0.7s;
    -o-transition     : transform ease 0.7s;
    -webkit-transition: -webkit-transform ease 0.7s;
    transition        : -webkit-transform ease 0.7s;
    -o-transition     : -o-transform ease 0.7s;
    -moz-transition   : transform ease 0.7s, -moz-transform ease 0.7s;
    transition        : transform ease 0.7s;
    transition        : transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;
  }

  .newprev-list li:hover .pevtxt h4 {
    color: #0ca001;
  }

  .newprev-list .pevtxt h4 {
    margin: 5px 0 15px 0;
  }
}


.newsdetailtitle .date {
  display    : block;
  color      : #0ca001;
  font-family: Montserrat;
}

.newsdetailcont {
  color             : #a1a1a1;
  background        : url("../image/searchico.jpg") repeat-x 0 0;
  -o-background-size: 3px auto;
  background-size   : 3px auto;
  padding           : 32px 0 0;
  margin            : 10px 0 0 0;
}

#newsshare {
  background           : url(../image/searchico.png) no-repeat left center;
  -o-background-size   : cover;
  background-size      : cover;
  width                : 300px;
  color                : #666;
  padding              : 5px 10px;
  text-align           : center;
  -webkit-border-radius: 50px;
  border-radius        : 50px;
  margin               : 15px 0;
}

#newsshare span {
  vertical-align: middle;
  font-size     : 20px;
  margin        : 0 20px 0 0;
}

#newsshare a {
  float                : none;
  display              : inline-block;
  vertical-align       : top;
  *display             : inline;
  *zoom                : 1;
  width                : 32px;
  height               : 32px;
  margin               : 0;
  padding              : 0;
  -webkit-border-radius: 100%;
  border-radius        : 100%;
}

#newsshare .weixin {
  background: url(../image/searchico.png) no-repeat center center;
}

#newsshare .xinlang {
  background: url(../image/searchico.png) no-repeat center center;
}

#newsshare .QQ {
  background: url(../image/searchico.png) no-repeat center center;
}

#newsshare .weixin2 {
  background: url(../image/searchico.png) no-repeat center center;
}

@media (min-width: 1024px) {
  #newsshare {
    float  : right;
    height : 50px;
    padding: 9px 10px;
    margin : 28px 0 74px 0;
  }

  .newsdetailtitle .date {
    padding: 10px 0 0;
  }

  .newsdetailcont {
    margin: 27px 0 0 0;
  }
}


.wonderful-video-inner {
  padding-bottom: 30px;
}

.mv-player {
  width     : 100%;
  min-height: 200px;
  background: #f2f2f2;
}

.mv-icon {
  display          : block;
  width            : 75px;
  height           : 75px;
  background       : url(../image/searchico.png) no-repeat center;
  position         : absolute;
  z-index          : 3;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform   : translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  -o-transform     : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  z-index          : 99;
}

.mv-player .mvtitle {
  padding-left    : 10px;
  font-size       : 16px;
  color           : #333;
  height          : 40px;
  line-height     : 40px;
  white-space     : nowrap;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  overflow        : hidden;
}

.wonderful-mvlist {
  position: relative;
  padding : 20px 0;
  color   : #999;
}

.wonderful-mvlist .index-dot {
  bottom: -40px;
}

.wonderful-swiper {
  position: relative;
  overflow: hidden;
}

.wonderful-mvlist li {
  position: relative;
  cursor  : pointer;
  width   : 50%;
  color   : #333333;
}

.wonderful-mvlist li.cur .name {
  color: #0ca001;
}

.wonderful-mvlist li .thumb {
  position     : relative;
  margin-bottom: 10px;
}

.wonderful-mvlist li .thumb img {
  display: block;
  width  : 100%;
}

.wonderful-mvlist li .name {
  color           : #747474;
  text-align      : center;
  height          : 22px;
  line-height     : 22px;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  white-space     : nowrap;
}

.video-ctrl {
  display   : none;
  position  : absolute;
  z-index   : 10;
  width     : 28px;
  height    : 45px;
  top       : 50%;
  margin-top: -4%;
  background: #FFffff;
  left      : 0;
}

.video-ctrl:after {
  content          : "";
  position         : absolute;
  width            : 12px;
  height           : 12px;
  border-bottom    : 2px solid #333333;
  border-left      : 2px solid #333333;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  -ms-transform    : rotate(45deg);
  -o-transform     : rotate(45deg);
  transform        : rotate(45deg);
  left             : 12px;
  top              : 17px;
}

.video-ctrl.video-next {
  left : auto;
  right: 0;
}

.video-ctrl.video-next:after {
  -webkit-transform: rotate(-135deg);
  -moz-transform   : rotate(-135deg);
  -ms-transform    : rotate(-135deg);
  -o-transform     : rotate(-135deg);
  transform        : rotate(-135deg);
  left             : 6px;
}

.video-wrap {
  position: relative;
}

.videoobx {
  position: absolute !important;
  width   : 100%;
  height  : 100%;
  left    : 0;
  right   : 0;
  z-index : 1;
}

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

@media (min-width: 1024px) {

  
  .mv-player {
    min-height: 500px;
  }

  .mv-player .mvtitle {
    padding-left: 20px;
    font-size   : 18px;
    height      : 54px;
    line-height : 54px;
  }

  .wonderful-mvlist {
    padding: 45px 0;
  }

  .wonderful-mvlist li .thumb {
    margin-bottom: 17px;
  }

  .wonderful-mvlist .video-ctrl {
    display: block;
  }

  .video-ctrl:hover {
    background: #0ca001;
  }

  .video-ctrl:hover:after {
    border-color: #FFffff;
  }
}


.BMap_omCtrl,
.BMap_pop,
.BMap_shadow,
.BMapLabel,
.BMap_stdMpType4 .BMap_stdMpZoom {
  display: none !important;
}

.mapadres-wrapper {
  position             : relative;
  background-color     : #FFffff;
  -webkit-box-shadow   : 0 11px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow           : 0 11px 12px 0 rgba(0, 0, 0, 0.1);
  z-index              : 3;
  width                : 90%;
  margin               : 0 auto -20px;
  padding              : 0 15px;
  -webkit-border-radius: 5px;
  border-radius        : 5px;
}

.mapadres-swiper {
  overflow: hidden;
}

.mapadres-swiper li {
  width         : auto;
  cursor        : pointer;
  color         : #424242;
  display       : inline-block;
  vertical-align: top;
  *display      : inline;
  *zoom         : 1;
  border-bottom : 2px solid #FFffff;
  line-height   : 35px;
}

.mapadres-swiper li:hover,
.mapadres-swiper li.cur {
  color       : #0ca001;
  border-color: #0ca001;
}

#allmap {
  height: 200px;
}

.mapadres-infor {
  padding: 30px 0;
  color  : #868686;
}

.mapadres-infor h3 {
  color  : #333333;
  padding: 0 0 5px;
}

.mapadres-infor img {
  max-width: 100%;
}

.mapadres-infor .desc {
  padding: 10px 0 0;
}

.map-items {
  display: none;
}

.map-items:first-child {
  display: block;
}

@media (max-width: 1200px){
  
}

@media (min-width: 768px) {
  .map-items .thumb {
    float    : left;
    max-width: 480px;
  }

  .map-items .desc {
    overflow: hidden;
    padding : 0 0 0 20px;
  }

  .mainnav {
    border    : 0;
    position  : relative;
    top       : 0;
    width     : 100%;
    background: none;
    overflow  : visible;
  }

  .mainnav ul {
    font-size: 0;
  }

  .mainnav li {
    position      : relative;
    display       : inline-block;
    vertical-align: middle;
    border-bottom : 0;
  }

  .mainnav li .one-title {
    padding-right: 20px;
  }

  .mainnav li .phsearchicon {
    
    width            : auto;
    height           : auto;
  }

  .mainnav .phsearchicon:after {
    width            : 5px;
    height           : 5px;
    transform        : rotate(135deg);
    -moz-transform   : rotate(135deg);
    -ms-transform    : rotate(135deg);
    -o-transform     : rotate(135deg);
    -webkit-transform: rotate(135deg);
    border-color     : #4e5458;
  }

  .mainnav li.cur {
    border-top-color: #0ca001;
  }

  .mainnav li .one-title a {
    position: relative;
    overflow: visible;
  }

  .mainnav .sub-nav {
    position  : absolute;
    overflow  : hidden;
    text-align: center;
    padding   : 0;
  }

  .mainnav .sub-nav a:hover {
    color: rgba(7, 132, 198, 0.8);
  }
}

@media (min-width: 1024px) {
  .mapbtn {
    display            : block;
    width              : 25px;
    height             : 25px;
    background-position: center;
    background-repeat  : no-repeat;
    -o-background-size : 100%;
    background-size    : 100%;
    position           : absolute;
    top                : 50%;
    -webkit-transform  : translateY(-50%);
    -moz-transform     : translateY(-50%);
    -ms-transform      : translateY(-50%);
    -o-transform       : translateY(-50%);
    transform          : translateY(-50%);
    cursor             : pointer;
  }

  
  .mapbtn-prev {
    background-image: url(../images/wq-prev.png);
    left            : 10px;
  }

  .mapbtn-next {
    background-image: url(../images/wq-next.png);
    right           : 10px;
  }

  .mapbtn-prev:hover {
    background-image: url(../images/wq-prevho.png);
  }

  .mapbtn-next:hover {
    background-image: url(../images/wq-nextho.png);
  }

  .mapadres-swiper li {
    border-width: 4px;
  }

  #allmap {
    height: 360px;
  }

  .mapadres-wrapper {
    padding: 6px 63px 0;
  }

  .mapadres-swiper li {
    line-height: 52px;
  }

  .mapadres-infor {
    padding-bottom: 80px;
  }

  .map-items .desc {
    padding: 13px 0 0 40px;
  }

  .map-items .desc h3 {
    padding: 0 0 12px;
  }
}


.investor-title {
  color    : #0ca001;
  font-size: 16px;
  padding  : 0 0 10px 0;
}

.investor-title .more {
  float     : right;
  background: url(../image/searchico.png) no-repeat 100% center;
  padding   : 0 15px 0 0;
  color     : #999999;
  font-size : 14px;
}

.investor-title .more:hover {
  color           : #0ca001;
  background-image: url(../image/searchico.png);
}

.investor-top {
  border-bottom: 1px solid #e6e6e6;
  padding      : 0 0 20px;
}

.investor-top img {
  display: block;
  width  : 100%;
}

.investor-top .infor {
  padding: 20px 0 0;
}

.investor-top .infor .text {
  color             : #737373;
  display           : -webkit-box;
  height            : 110px;
  line-height       : 22px;
  -o-text-overflow  : ellipsis;
  text-overflow     : ellipsis;
  overflow          : hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  margin            : 0 0 10px;
}

.investor-top .infor .more {
  display       : inline-block;
  vertical-align: top;
  *display      : inline;
  *zoom         : 1;
  background    : url(../image/searchico.png) no-repeat 100% center;
  color         : #666666;
  padding       : 0 20px 0 0;
}

.investor-list li {
  padding      : 20px 0;
  border-bottom: 1px solid #e6e6e6;
}

.investor-list .inveitems a {
  color           : #676767;
  white-space     : nowrap;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  overflow        : hidden;
  display         : block;
  width           : 70%;
  float           : left;
  position        : relative;
  padding-left    : 17px;
}

.investor-list .inveitems a:before {
  content              : "";
  display              : block;
  width                : 6px;
  height               : 6px;
  background-color     : #808080;
  -webkit-border-radius: 100%;
  border-radius        : 100%;
  position             : absolute;
  z-index              : 3;
  top                  : 50%;
  -webkit-transform    : translateY(-50%);
  -moz-transform       : translateY(-50%);
  -ms-transform        : translateY(-50%);
  -o-transform         : translateY(-50%);
  transform            : translateY(-50%);
  left                 : 0;
}

.investor-list .inveitems a:hover {
  color: #0ca001;
}

.investor-list .inveitems a:hover:before {
  background-color: #0ca001;
}

.investor-list .inveitems .date {
  color: #999999;
  float: right;
  width: 80px;
}

.commoncepwrap-stock:before {
  background-color: #f5f7f6;
}

.commoncepwrap-stock .webright {
  background-color: #f5f7f6;
}

.Stockprice {
  height: 100%;
}

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

.stock-contact {
  padding: 20px 0 0;
}

.stock-contact .thumb {
  position: relative;
}

.stock-contact .thumb .text {
  color            : #1f527e;
  position         : absolute;
  z-index          : 3;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform   : translateY(-50%);
  -ms-transform    : translateY(-50%);
  -o-transform     : translateY(-50%);
  transform        : translateY(-50%);
  width            : 100%;
  padding          : 0 20px;
}

.stock-contact .infor {
  padding: 10px 0 0;
}

.stock-contact .infor h3 {
  color: #0ca001;
}

.stock-contact .infor .PS {
  color      : #666666;
  line-height: 22px;
  position   : relative;
  padding    : 0 0 0 77px;
}

.stock-contact .infor .PS span {
  position: absolute;
  left    : 0;
  top     : 0;
  color   : #333333;
}

.stockinter-list {
  padding: 0 0 30px 0;
}

.stockinter-list ul {
  padding: 0 0 30px 0;
}

.stockinter-list li {
  border-bottom: 1px solid #e6e6e6;
  position     : relative;
  padding      : 0 85px 0 0;
}

.stockinter-list li a {
  display         : block;
  white-space     : nowrap;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  overflow        : hidden;
  position        : relative;
  padding         : 0 0 0 15px;
  line-height     : 50px;
}

.stockinter-list li a:hover {
  color: #0ca001;
}

.stockinter-list li a:before {
  content              : "";
  display              : block;
  width                : 6px;
  height               : 6px;
  background-color     : #808080;
  -webkit-border-radius: 100%;
  border-radius        : 100%;
  position             : absolute;
  z-index              : 3;
  top                  : 50%;
  -webkit-transform    : translateY(-50%);
  -moz-transform       : translateY(-50%);
  -ms-transform        : translateY(-50%);
  -o-transform         : translateY(-50%);
  transform            : translateY(-50%);
  left                 : 0;
}

.stockinter-list li span {
  display          : block;
  position         : absolute;
  z-index          : 3;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform   : translateY(-50%);
  -ms-transform    : translateY(-50%);
  -o-transform     : translateY(-50%);
  transform        : translateY(-50%);
  right            : 0;
}

@media (min-width: 768px) {
  .investor-top {
    padding: 0 0 34px 0;
  }

  .investor-top .thumb {
    float    : left;
    max-width: 280px;
  }

  .investor-top .infor {
    overflow: hidden;
    padding : 10px 0 0 20px;
  }

  .investor-top .infor .text {
    margin: 0 0 20px 0;
  }

  .investor-top .infor .more:hover {
    color           : #0ca001;
    background-image: url(../images/wqicon10ho.png);
  }

  .investor-list li {
    float  : left;
    width  : 50%;
    padding: 34px 20px 27px 0;
  }

  .investor-list li:nth-child(even) {
    padding: 34px 0 27px 20px;
  }
}

@media (min-width: 1024px) {
  .investor-title {
    font-size: 18px;
    padding  : 0 0 20px;
  }

  .investor-list .inveitems a {
    line-height: 28px;
  }

  .investor-list .investor-title {
    padding: 0 0 12px 0;
  }

  .stock-contact {
    padding: 31px 0 0;
  }

  .stock-contact .infor {
    padding: 30px 0 0;
  }

  .stock-contact .infor h3 {
    padding: 0 0 5px 0;
  }

  .stock-contact .infor .PS {
    margin: 0 0 10px 0;
  }

  .commoncepwrap-stock:before {
    width: 30%;
  }

  .commoncepwrap-stock .webleft {
    width: 70%;
  }

  .commoncepwrap-stock .webright {
    width     : 30%;
    margin-top: -70px;
  }
}


.instech-title {
  color: #666666;
}

.instech-title h3 {
  font-size : 18px;
  color     : #0ca001;
  text-align: center;
  padding   : 0 0 10px 0;
}

.instech-title img {
  max-width: 100%;
}

.intech-list {
  padding: 20px 0;
}

.intech-list ul {
  margin: 0 -5px;
}

.intech-list li {
  padding: 0 5px 10px;
}

.intech-list li img {
  max-width: 100%;
}

.reserch-team {
  background-color: #f5faf5;
}

.reserch-team .instech-title h3 {
  text-align: left;
}

.reserch-team .thumb img {
  display: block;
  width  : 100%;
}

.reserch-team .infor {
  padding : 40px 0;
  position: relative;
}

.reserch-team .infor:before,
.reserch-team .infor:after {
  content            : "";
  display            : block;
  width              : 20px;
  height             : 20px;
  -o-background-size : cover;
  background-size    : cover;
  background-position: center;
  background-repeat  : no-repeat;
  position           : absolute;
}

.reserch-team .infor:before {
  background-image: url(../image/searchico.png);
  top             : 10px;
  left            : 0;
}

.reserch-team .infor:after {
  background-image: url(../image/searchico.png);
  right           : 0;
  bottom          : 10px;
}

.madein-list ul {
  margin: 0 -5px;
}

.madein-list li {
  padding   : 0 5px 10px;
  text-align: center;
}

.madein-list li img {
  display: block;
  width  : 100%;
}

.madein-list li .text {
  padding: 5px 0 0;
}

.inas-results img {
  max-width: 100%;
}

@media (min-width: 1024px) {
  .instech-title h3 {
    font-size: 24px;
    padding  : 0 0 34px 0;
  }

  .intech-list {
    padding: 24px 0 70px;
  }

  .intech-list ul {
    margin: 0 -7px;
  }

  .intech-list li {
    padding: 0 7px 14px;
  }

  .reserch-team .instech-title h3 {
    padding: 0 0 15px;
  }

  .reserch-team .thumb {
    float: left;
    width: 50%;
  }

  .reserch-team .infor {
    overflow: hidden;
    padding : 40px 0 40px 30px;
  }

  .reserch-team .infor:before {
    top : 10px;
    left: 30px;
  }

  .reserch-team .infor:after {
    bottom: 5px;
  }

  .madein-list {
    padding: 0 0 67px;
  }

  .madein-list ul {
    margin: 0 -7px;
  }

  .madein-list li {
    padding: 0 7px 14px;
  }

  .madein-list li .text {
    padding: 15px 0 0;
  }
}

@media (min-width: 1199px) {
  .reserch-team h3 {
    padding: 0 0 23px;
  }

  .reserch-team .infor {
    padding: 91px 0 80px 60px;
  }

  .reserch-team .infor:before,
  .reserch-team .infor:after {
    width : 36px;
    height: 36px;
  }

  .reserch-team .infor:before {
    top : 34px;
    left: 60px;
  }

  .reserch-team .infor:after {
    bottom: 25px;
  }

  .inas-results {
    padding: 80px 0 45px;
  }
}


.Brandcenter {
  color  : #666666;
  padding: 0 0 30px;
}

.Brandcenter .bs {
  color: #0ca001;
}

.Brandcenter .bs a {
  color         : #0ca001;
  display       : inline-block;
  vertical-align: top;
  *display      : inline;
  *zoom         : 1;
  margin-right  : 15px;
}

.Burando-wrapper {
  background        : url(../image/searchico.jpg) no-repeat center;
  -o-background-size: cover;
  background-size   : cover;
}

.Burando-wrapper {
  position: relative;
  padding : 0;
}

.Burando-sw-hook {
  position: relative;
  overflow: hidden;
  padding : 40px 0;
}

.Burando-sw-hook .swiper-wrapper li {
  -webkit-transition   : all .7s ease;
  -o-transition        : all .7s ease;
  -moz-transition      : all .7s ease;
  transition           : all .7s ease;
  width                : 20%;
  -webkit-transition   : transform 1.0s;
  -moz-transition      : transform 1.0s;
  -ms-transition       : transform 1.0s;
  -o-transition        : transform 1.0s;
  text-align           : center;
  -webkit-border-radius: 100%;
  border-radius        : 100%;
}

.Burando-sw-hook .swiper-wrapper li.swiper-slide-active {
  color: #f7931c;
}

.Burando-sw-hook .swiper-wrapper li .icon {
  border               : 1px solid #bfd7eb;
  -webkit-border-radius: 100%;
  border-radius        : 100%;
  position             : relative;
}

.Burando-sw-hook .swiper-wrapper li img {
  display: block;
  width  : 100%;
}

.Burando-wrapper .commonweb {
  position: relative;
}

@media (min-width: 768px) {
  .Burando-sw-hook {
    padding: 40px 0 0;
  }
}

@media (min-width: 991px) {
  .swiper-btn {
    display          : block;
    width            : 40px;
    height           : 100%;
    position         : absolute;
    top              : 50%;
    transform        : translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform     : translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    background       : url(../images/arror.png) no-repeat;
    z-index          : 99;
  }

  .Burando-prev {
    left               : 0;
    background-position: 0 center;
    opacity            : 0;
  }

  .Burando-next {
    right              : 0;
    background-position: right center;
    opacity            : 0;
  }

  .indexhonours {
    padding : 78px 0 113px;
    position: relative;
  }

  .Burando-sw-hook {
    padding: 57px 0;
  }

  .Burando-wrapper:hover .swiper-btn {
    opacity: 1;
  }

  .Burando-sw-hook .swiper-wrapper li {
    -webkit-transform: scale(0.71);
    -moz-transform   : scale(0.71);
    -ms-transform    : scale(0.71);
    -o-transform     : scale(0.71);
    transform        : scale(0.71);
    margin-right     : 25px;
    z-index          : 5;
    position         : relative;
  }

  .Burando-sw-hook .swiper-wrapper li.swiper-slide-active {
    background-color : #FFffff;
    border           : 0;
    -webkit-transform: scale(1.4);
    -moz-transform   : scale(1.4);
    -ms-transform    : scale(1.4);
    -o-transform     : scale(1.4);
    transform        : scale(1.4);
    z-index          : 10;
  }

  .Burando-sw-hook .swiper-wrapper li.swiper-slide-active .icon {
    -webkit-transform: scale(0.5);
    -moz-transform   : scale(0.5);
    -ms-transform    : scale(0.5);
    -o-transform     : scale(0.5);
    transform        : scale(0.5);
    border           : 0;
    position         : relative;
  }

  .Burando-sw-hook .swiper-wrapper li.my-slide-left {
    right: 6%;
  }

  .Burando-sw-hook .swiper-wrapper li.my-slide-right {
    left: 6%;
  }

  .swiper-btn:hover {
    background-image: url(../images/arrorho.png);
  }

  .Burando-sw-hook {
    background: url(../images/wqimage7.png) no-repeat center;
    position  : relative;
    padding   : 200px 0;
  }
}

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

@media (min-width: 1400px) {
  .Burando-prev {
    left: -47px;
  }

  .Burando-next {
    right: -47px;
  }
}


.manuface-list {
  padding: 0 0 30px;
}

.manuface-list ul {
  margin : 0 -5px;
  padding: 0 0 20px;
}

.manuface-list li {
  padding: 0 5px 10px;
}

.manuface-list li a {
  display         : block;
  background-color: #eef2ed;
}

.manuface-list li img {
  display: block;
  width  : 100%;
}

.manuface-list li .text {
  white-space     : nowrap;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  overflow        : hidden;
  text-align      : center;
  line-height     : 40px;
  font-family     : Montserrat;
}

@media (min-width: 1024px) {
  .manuface-list {
    padding: 0 0 90px 0;
  }

  .manuface-list ul {
    margin: 0 -15px;
  }

  .manuface-list li {
    padding: 0 15px 30px;
  }

  .manuface-list li:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -moz-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);
  }

  .manuface-list li .img {
    overflow: hidden;
  }

  .manuface-list li .img img {
    -webkit-transition: transform ease 0.7s;
    -moz-transition   : transform ease 0.7s;
    -o-transition     : transform ease 0.7s;
    -webkit-transition: -webkit-transform ease 0.7s;
    transition        : -webkit-transform ease 0.7s;
    -o-transition     : -o-transform ease 0.7s;
    -moz-transition   : transform ease 0.7s, -moz-transform ease 0.7s;
    transition        : transform ease 0.7s;
    transition        : transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;
  }

  .manuface-list li .text {
    font-size  : 18px;
    line-height: 56px;
  }

  .manuface-list li:hover .text {
    background-color: #0ca001;
    color           : #FFffff;
  }
}

.big-img {
  display: none;
}

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

.thumb-copy-wrapper {
  position         : absolute;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform   : translate3d(-50%, -50%, 0);
  transform        : translate3d(-50%, -50%, 0);
  width            : 100%;
  height           : 100%;
  overflow         : hidden;
}

.hasmoreimg-box {
  position         : absolute;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform   : translate3d(-50%, -50%, 0);
  transform        : translate3d(-50%, -50%, 0);
  width            : 94%;
  height           : 44%;
  max-width        : 1005px;
}

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

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

.thumb-copy-wrapper .swiper-wrapper li img {
  display          : block;
  max-width        : 100%;
  position         : relative;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform   : translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  -o-transform     : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
}

.thumb-copy-wrapper .close {
  position   : absolute;
  right      : 0px;
  top        : 0px;
  z-index    : 9;
  width      : 30px;
  height     : 30px;
  font-size  : 30px;
  font-weight: bold;
  line-height: 30px;
  text-align : center;
  color      : #333;
  background : rgba(255, 255, 255, 0.5);
  cursor     : pointer;
}

.thumb-leftbtn,
.thumb-rightbtn {
  display            : block;
  width              : 30px;
  height             : 30px;
  position           : absolute;
  top                : 50%;
  z-index            : 10;
  cursor             : pointer;
  -webkit-transform  : translateY(-50%);
  -moz-transform     : translateY(-50%);
  -ms-transform      : translateY(-50%);
  -o-transform       : translateY(-50%);
  transform          : translateY(-50%);
  background-repeat  : no-repeat;
  background-position: center;
  -o-background-size : 100%;
  background-size    : 100%;
}

.thumb-leftbtn {
  left            : 10px;
  background-image: url(../image/searchico.png);
}

.thumb-rightbtn {
  right           : 10px;
  background-image: url(../image/searchico.png);
}

.thumb-close {
  width             : 25px;
  height            : 25px;
  position          : absolute;
  right             : 0px;
  top               : -24px;
  cursor            : pointer;
  z-index           : 99;
  background        : url(../image/searchico.png) no-repeat center;
  -o-background-size: 100%;
  background-size   : 100%;
}

.thumb-copy-wrapper {
  position: fixed;
}

.thumb-box {
  position           : relative;
  -webkit-flex-shrink: 0;
  -ms-flex           : 0 0 auto;
  -ms-flex-negative  : 0;
  flex-shrink        : 0;
  width              : 100%;
  height             : 100%;
  position           : relative;
  max-width          : 1005px;
  margin             : 0 auto;
}

.thumb-text {
  position         : absolute;
  z-index          : 3;
  left             : 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform   : translateX(-50%);
  -ms-transform    : translateX(-50%);
  -o-transform     : translateX(-50%);
  transform        : translateX(-50%);
  bottom           : 0;
  width            : 100%;
  max-width        : 1005px;
  background-color : #FFffff;
  z-index          : 2;
  line-height      : 50px;
  text-align       : center;
  font-size        : 20px;
}

@media (min-width: 1024px) {
  .thumb-close {
    width : 25px;
    height: 25px;
  }

  .hasmoreimg-box {
    height    : 80%;
    max-height: 701px;
  }

  .thumb-leftbtn,
  .thumb-rightbtn {
    width : 29px;
    height: 55px;
  }
}

@media (min-width: 1400px) {
  .thumb-leftbtn {
    left: -98px;
  }

  .thumb-rightbtn {
    right: -98px;
  }

  .thumb-close {
    top: -44px;
  }

  .thumb-leftbtn,
  .thumb-rightbtn {
    width : 32px;
    height: 60px;
  }

  .thumb-text {
    line-height: 90px;
    font-size  : 24px;
  }
}


.Chairman-box img {
  max-width: 100%;
}

.Chairman-box .thumb {
  padding : 0 20px 20px 0;
  position: relative;
}

.Chairman-box .thumb:after {
  content   : "";
  display   : block;
  width     : 97%;
  height    : 97%;
  background: url(../image/searchico.png) no-repeat 100% 100%;
  position  : absolute;
  right     : 0;
  bottom    : 0;
  z-index   : -1;
}

.Chairman-box .infor {
  padding    : 20px 0;
  font-size  : 18px;
  line-height: 28px;
  text-align : justify;
}

.Chairman-box .infor .sign {
  color     : #0ca001;
  text-align: right;
}

.Chairman-box .infor .sign img {
  vertical-align: middle;
  height        : 70px;
  margin-left   : 15px;
}

@media (min-width: 768px) {
  .Chairman-box {
    padding: 0 0 43px;
  }

  .Chairman-box .thumb {
    float    : right;
    width    : 50%;
    max-width: 464px;
  }

  .Chairman-box .infor {
    overflow: hidden;
    padding : 0 3% 0 0;
  }
}

@media (min-width: 1024px) {
  .Chairman-box .infor {
    font-size     : 24px;
    line-height   : 46px;
    padding       : 0 80px 0 0;
    letter-spacing: 2px;
  }

  .Chairman-box .infor .sign img {
    height: 102px;
  }

  .Chairman-box .thumb {
    padding   : 0 40px 40px 0;
    margin-top: 15px;
  }
}


.inside-company {
  color: #666666;
}

.Profile-infor {
  position: relative;
  padding : 20px 0;
}

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

.Profile-infor .desc {
  position         : absolute;
  z-index          : 3;
  
  top              : 35%;
  -webkit-transform: translateY(-50%);
  -moz-transform   : translateY(-50%);
  -ms-transform    : translateY(-50%);
  -o-transform     : translateY(-50%);
  transform        : translateY(-50%);
  left             : 15px;
  color            : #FFffff;
}

.Profile-infor .desc img {
  height: 28px;
  margin: 0 0 5px;
}

.culture-list {
  padding: 20px 0 0;
}

.culture-list li {
  padding: 0 0 15px;
}

.culture-list li img {
  display: block;
  width  : 100%;
}

.culture-list li .name {
  font-size: 16px;
  padding  : 8px 0 3px;
  color    : #1a1a1a;
}

.culture-list li .text {
  color      : #8e8e8e;
  line-height: 20px;
}

.honours-box {
  padding-bottom: 30px;
}

.honours-dl {
  padding: 20px 0 0;
}

.honours-dl img {
  max-width: 100%;
}

.honours-dl .thumb {
  position: relative;
}

.honours-dl .infor {
  padding: 15px 0;
}

@media (max-width: 414px) {
  .Profile-infor>img {
    position         : relative;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform   : translateX(-50%);
    -ms-transform    : translateX(-50%);
    -o-transform     : translateX(-50%);
    transform        : translateX(-50%);
    height           : 160px;
    max-width        : none;
  }
}

@media (min-width: 767px) {
  .culture-list ul {
    margin: 0 -10px;
  }

  .culture-list li {
    padding: 0 10px 20px;
  }

  .honours-box {
    padding-top: 30px;
  }

  .honours-dl {
    padding: 30px 0 43px;
  }

  .honours-dl .thumb {
    float      : right;
    width      : 50%;
    max-width  : 580px;
    margin-left: 30px;
  }
}

@media (min-width: 1024px) {
  .Profile-infor {
    padding: 35px 0;
  }

  .Profile-infor .desc {
    left: 13.75%;
  }

  .Profile-infor .desc img {
    height: auto;
    margin: 0 0 30px 0;
  }

  .culturl-box .instech-title {
    padding: 0 50px;
  }

  .culture-list {
    padding: 59px 0 0;
  }

  .culture-list ul {
    margin: 0 -15px;
  }

  .culture-list li {
    padding: 0 15px 0 30px;
  }

  .culture-list li .name {
    font-size: 22px;
    padding  : 18px 0 13px;
  }

  .honours-dl .thumb {
    margin-left: 70px;
  }
}


.inside-culture img {
  max-width: 100%;
}

.inside-culture .infor {
  padding: 20px 0 0;
}

.inside-culture dl {
  padding: 0 0 20px 0;
}

.inside-culture dl dt {
  float: left;
  width: 80px;
}

.inside-culture dl dd {
  overflow: hidden;
  padding : 0 0 0 10px;
  color   : #808080;
}

.inside-culture dl dd h3 {
  color: #333333;
}

@media (min-width: 1024px) {
  .inside-culture {
    padding: 0 0 80px;
  }

  .inside-culture .thumb {
    float: right;
    width: 34.58333%;
  }

  .inside-culture .infor {
    overflow: hidden;
    padding : 0 20px 0 0;
  }

  .inside-culture dl dt {
    width: 105px;
  }

  .inside-culture dl dd {
    padding: 10px 0 0 28px;
  }

  .inside-culture dl dd h3 {
    padding: 0 0 10px;
  }
}


.inside-Career {
  position: relative;
}

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

.inside-Career h2 {
  font-family: Montserrat;
  color      : #e5e1cb;
  font-size  : 32px;
  padding    : 0 0 10px;
}

.inside-Career h3 {
  color: #f3ab28;
}

.inside-Career .desc {
  position  : absolute;
  right     : 15px;
  top       : 18%;
  color     : #FFffff;
  text-align: right;
}

.inside-Career .desc img {
  height: 28px;
  margin: 0 0 5px;
}

.carebar {
  height          : 4px;
  background-color: #0ca001;
  position        : absolute;
  left            : 0;
  bottom          : 0;
}

.inside-training .thumb {
  padding           : 10px;
  background-color  : #FFffff;
  -webkit-box-shadow: 0 0 22px 1px rgba(128, 128, 128, 0.2);
  box-shadow        : 0 0 22px 1px rgba(128, 128, 128, 0.2);
}

.inside-training .thumb img {
  max-width: 100%;
}

.inside-training .infor {
  padding: 20px 0 0;
}

.inside-training .infor h3 {
  padding: 0 0 5px;
}

.inside-training .infor p {
  color: #808080;
}

@media (max-width: 414px) {
  .inside-Career>img {
    position         : relative;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform   : translateX(-50%);
    -ms-transform    : translateX(-50%);
    -o-transform     : translateX(-50%);
    transform        : translateX(-50%);
    height           : 160px;
    max-width        : none;
  }
}

@media (min-width: 768px) {
  .inside-Career h2 {
    font-size  : 48px;
    line-height: 58px;
  }

  .inside-training {
    position: relative;
    z-index : 2;
    padding : 0 0 70px;
  }

  .inside-training .thumb {
    float       : right;
    width       : 41.66667%;
    margin-top  : -57px;
    padding     : 21px;
    margin-right: 8.33333%;
    margin-left : 20px;
  }

  .inside-training .infor {
    padding: 20px 20px 0 0;
  }

  .inside-training .infor h3 {
    padding: 0 0 14px;
  }
}

@media (min-width: 1024px) {
  .inside-Career .desc {
    right: 10%;
  }

  .inside-Career .desc img {
    height: auto;
    margin: 0 0 30px 0;
  }

  .inside-Career h2 {
    font-size  : 60px;
    line-height: 70px;
  }

  .carebar {
    height: 8px;
  }

  .inside-training .thumb {
    margin-top: -157px;
  }

  .inside-training .infor {
    padding: 50px 20px 0 0;
  }

  .inside-training .infor h3 {
    padding: 0 0 24px;
  }
}

@media (min-width: 1440px) {
  .inside-Career h2 {
    font-size  : 90px;
    line-height: 100px;
  }
}


.remark {
  padding: 0 0 20px 30px;
}

.remark p {
  color: #666666;
}

.develop-index li {
  position: relative;
  padding : 0 0 0 30px;
  height  : 40px;
}

.develop-index li span {
  position  : absolute;
  display   : block;
  width     : 20px;
  left      : 0;
  top       : -11px;
  text-align: center;
  font-size : 16px;
}

.develop-index li:before,
.develop-index li:after {
  content : "";
  display : block;
  width   : 100%;
  position: relative;
}

.develop-index li:before {
  border-top: 1px dashed #0ca001;
}

.develop-index li:after {
  width : 100%;
  height: 100%;
}

.develop-index li:nth-child(even):after {
  background-color: #f7f7f7;
}

.develop-index li:last-child:before {
  border-top: 4px solid #999999;
}

.develop-box {
  position: relative;
  padding : 0 0 40px;
}

.develop-data {
  position    : absolute;
  left        : 0;
  top         : 0;
  font-size   : 0;
  width       : 100%;
  height      : 400px;
  padding-left: 45px;
}

.develop-data ul {
  height: 100%;
}

.develop-data li {
  display       : inline-block;
  vertical-align: top;
  *display      : inline;
  *zoom         : 1;
  padding       : 0 10px;
  position      : relative;
  text-align    : center;
  width         : 20%;
  font-size     : 14px;
  font-family   : Montserrat;
  height        : 100%;
}

.develop-data li .year {
  font-size : 18px;
  margin-top: 15px;
}

.develop-data li .barbox span {
  display: block;
  width  : 100%;
}

.develop-data li .barbox .bar {
  background-color: #c1e0bf;
  max-width       : 76px;
  margin          : 0 auto;
}

.develop-data li .value {
  margin-bottom: 8px;
}

.develop-data li:hover,
.develop-data li.cur {
  color: #0ca001;
}

.develop-data li:hover .data-box .bar,
.develop-data li.cur .data-box .bar {
  background-color: #0ca001;
}

.develop-data .data-box {
  display : inline-block;
  position: absolute;
  bottom  : -39px;
  left    : 10px;
  right   : 10px;
}

.develop-item {
  display: none;
}

.develop-item:nth-child(1) {
  display: block;
}

.develop-item .year {
  display              : inline-block;
  vertical-align       : top;
  *display             : inline;
  *zoom                : 1;
  background-color     : #0ca001;
  color                : #FFffff;
  -webkit-border-radius: 5px;
  border-radius        : 5px;
  background-image     : url(../image/searchico.png);
  background-repeat    : no-repeat;
  background-position  : 15px center;
  padding              : 0 36px;
  line-height          : 38px;
  font-family          : Montserrat;
}

.develop-item .infor {
  color  : #808080;
  padding: 15px 0;
}

.h17 {
  height: 17px;
}

@media (min-width: 1024px) {
  .development-min {
    padding-left : 8.91667%;
    padding-right: 10%;
  }

  .develop-index li span {
    font-size: 18px;
  }

  .develop-box {
    padding: 0 0 73px;
  }

  .develop-content {
    padding: 15px 0 50px;
  }

  .develop-data {
    padding: 0 0 0 30px;
  }

  .develop-data .data-box {
    bottom: -52px;
  }

  .develop-data .data-box span {
    font-size: 18px;
  }

  .develop-data li {
    cursor: pointer;
  }

  .develop-data li .year {
    font-size  : 24px;
    line-height: 26px;
    margin     : 26px 0 0;
  }

  .develop-data li .value {
    margin: 0 0 13px 0;
  }

  .develop-item .year {
    background-position: 20px center;
    padding            : 0 62px 0 45px;
    font-size          : 20px;
    min-width          : 202px;
  }

  .develop-item .infor {
    font-size  : 18px;
    line-height: 30px;
    padding    : 33px 0;
  }
}

.searchcont401 {
  padding         : 36px 0;
  background-color: #ffffff;
}

.searchtitle401 {
  padding         : 28px 15px;
  background-color: #f2f2f2;
}

.searchtitle401 span {
  color: #0ca001;
}

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

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

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

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

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

.resultlist401 h4 em {
  color     : #da251d;
  font-style: normal;
}

.resultlist401 h4 a {
  display: block;
}

.resulttext401 {
  overflow: hidden;
  height  : 72px;
  color   : #999;
}

.resultlabel401 {
  color      : #999;
  display    : inline-block;
  padding-top: 30px;
}

.searchinputcont401 dt {
  float: left;
  width: 78%;
}

.searchinputcont401 dd {
  float: left;
  width: 22%;
}

.searchinputcont401 dt input {
  width           : 100%;
  height          : 40px;
  line-height     : 40px;
  text-indent     : 12px;
  font-size       : 15px;
  color           : #333333;
  background-color: #ffffff;
  font-family     : "Microsoft YaHei";
}

.searchinputcont401 dd input {
  width           : 100%;
  height          : 40px;
  line-height     : 40px;
  font-weight     : bold;
  color           : #ffffff;
  cursor          : pointer;
  background-color: #0ca001;
  text-align      : center;
  font-family     : "Microsoft YaHei";
}

.keywords {
  color: #da251d;
}

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

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

@media (min-width: 992px) {
  .searchinputcont401 {
    width : 45%;
    margin: 0 auto;
  }

  .searchinputcont401 dt input {
    font-size: 18px;
  }

  .searchinputcont401 dd input {
    font-size  : 18px;
    font-weight: bold;
  }
}

@media (min-width: 1024px) {
  .searchcont401 {
    padding-top: 130px;
  }
}

@charset "UTF-8";

.title {
  font-size: 16px;
}


.indexbanner .media-cover {
  position: relative;
  overflow: hidden;
}

.indexbanner video {
  position     : absolute;
  width        : 100%;
  height       : 100%;
  top          : 0;
  left         : 0;
  z-index      : 2;
  -o-object-fit: cover;
  object-fit   : cover;
}

.com-pcvisible {
  display: none;
}

.com-mobhidden {
  display: block;
}

@media (min-width: 1024px) {
  .com-pcvisible {
    display: block;
  }

  .com-mobhidden {
    display: none;
  }
}

.watch-btncon {
  position         : absolute;
  top              : 50%;
  left             : 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  -moz-transform   : translate(-50%, -50%);
  -o-transform     : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
}

.watch-btncon span {
  width              : 30px;
  height             : 30px;
  display            : block;
  background-image   : url(../image/searchico.png);
  background-position: center center;
  -o-background-size : cover;
  background-size    : cover;
  margin             : 0 auto;
}

.watch-btncon em {
  color    : #FFffff;
  font-size: 12px;
}

.index-aboutus {
  padding-top   : 35px;
  padding-bottom: 30px;
}

.inabout-left {
  font-size: 14px;
  color    : #888888;
}

.about-bigtit {
  color        : #0ca001;
  font-size    : 24px;
  line-height  : 30px;
  margin-bottom: 10px;
}

.about-smalltit {
  color        : #444444;
  font-size    : 18px;
  margin-bottom: 10px;
}

.brnone br {
  display: none;
}

.about-numlist {
  padding-top : 25px;
  font-size   : 0;
  line-height : 0;
  padding-left: 6%;
}

.about-numlist li {
  display       : inline-block;
  vertical-align: top;
  width         : 50%;
  font-size     : 14px;
  line-height   : 24px;
  padding       : 0 0 10px;
}

.about-numlist li .about-num {
  color: #666;
}

.about-numlist li .about-num span {
  font-size  : 38px;
  color      : #4c4c4c;
  line-height: 40px;
  font-family: 'Montserrat';
}

.inabout-right {
  margin-top: 10px;
  padding   : 25px 0 0;
  position  : relative;
  width     : 100%;
  overflow  : hidden;
  cursor    : pointer;
}

.inabout-right:before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 3.5%;
  width          : 100%;
  height         : 100%;
  background     : url(../image/searchico.png) 0 0 no-repeat;
  background-size: 95%;
  z-index        : -1;
}

.inabout-right .zoom {
  position: relative;
}

.ovh {
  overflow: hidden;
}

.video-dec {
  position         : absolute;
  left             : 12.44344%;
  right            : 0;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform   : translateY(-50%);
  -ms-transform    : translateY(-50%);
  -o-transform     : translateY(-50%);
  transform        : translateY(-50%);
  z-index          : 2;
  color            : #0ca001;
  font-size        : 15px;
}

.video-dec .video-btn {
  float     : left;
  width     : 40px;
  height    : 40px;
  display   : inline-block;
  margin    : 4px 10px 0 0;
  background: url(../image/searchico.png) center center no-repeat;
}

.index-newswrap {
  background-color: #F2F2F2;
  padding-top     : 35px;
  padding-bottom  : 25px;
}

.m-title30 {
  font-size    : 20px;
  text-align   : center;
  color        : #0ca001;
  line-height  : 26px;
  margin-bottom: 20px;
}

.nav-tab {
  text-align : center;
  font-size  : 0;
  line-height: 0;
}

.nav-tab a {
  display           : inline-block;
  font-size         : 16px;
  max-width         : 235px;
  line-height       : 40px;
  width             : 50%;
  border            : solid 1px #d9d9d9;
  -webkit-transition: all .3s;
  -o-transition     : all .3s;
  -moz-transition   : all .3s;
  transition        : all .3s;
}

.nav-tab a.cur,
.nav-tab a:hover {
  background  : #0CA001;
  color       : #fff;
  border-color: #0CA001;
}

.news-box {
  padding-top: 20px;
  display    : none;
}

.index-newsleft {
  padding: 0;
}

.index-newsleft a {
  display         : block;
  background-color: #fff;
}

.index-newsleft a .zoom {
  display : block;
  overflow: hidden;
  position: relative;
}

.index-newsleft a .zoom img {
  display: block;
  width  : 100%;
}

.news-con {
  padding    : 24px 10px;
  color      : #929292;
  line-height: 22px;
}

.news-con .rednews-tit {
  font-size       : 16px;
  color           : #4d4d4d;
  margin-bottom   : 5px;
  white-space     : nowrap;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  overflow        : hidden;
  height          : 24px;
  line-height     : 24px;
}

.news-con .rednews-dec {
  display           : -webkit-box;
  height            : 48px;
  line-height       : 24px;
  -o-text-overflow  : ellipsis;
  text-overflow     : ellipsis;
  overflow          : hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.index-newsright {
  padding: 20px 0 0;
}

.index-newsright ul li {
  padding-bottom: 15px;
  margin-bottom : 15px;
  border-bottom : 1px solid #E0E0E0;
}

.index-newsright ul li a {
  display: block;
}

.index-newsright ul li:hover .news-date {
  background-color: #0CA001;
  color           : #fff;
}

.index-newsright ul li:hover h3 {
  color: #0CA001;
}

.news-date {
  float             : left;
  width             : 65px;
  padding           : 8px 0 6px;
  background-color  : #ffffff;
  text-align        : center;
  font-size         : 14px;
  color             : #999999;
  font-family       : 'Montserrat';
  margin-right      : 10px;
  -webkit-transition: all .3s;
  -o-transition     : all .3s;
  -moz-transition   : all .3s;
  transition        : all .3s;
}

.news-date span {
  font-size    : 26px;
  line-height  : 30px;
  margin-bottom: 14px;
}

.news-date em {
  font-style: normal;
}

.news-bottom {
  overflow   : hidden;
  padding-top: 5px;
}

.news-bottom h3 {
  font-size       : 16px;
  color           : #4d4d4d;
  margin-bottom   : 5px;
  white-space     : nowrap;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  overflow        : hidden;
  height          : 20px;
  line-height     : 20px;
}

.news-bottom p {
  color             : #929292;
  display           : -webkit-box;
  height            : 40px;
  line-height       : 20px;
  -o-text-overflow  : ellipsis;
  text-overflow     : ellipsis;
  overflow          : hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


.m-dec {
  text-align: center;
  color     : #808080;
}

.industry-wrap {
  padding-top   : 35px;
  padding-bottom: 30px;
}

.industry-wrap .m-title30 {
  margin-bottom: 10px;
}

.home-industry {
  padding-top: 25px;
}

.home-industry li {
  background-color: #e3e200;
  color           : #888888;
}

.home-industry li .industry-img {
  display : block;
  position: relative;
  overflow: hidden;
}

.home-industry li .industry-img:before {
  content       : "";
  display       : block;
  padding-bottom: 52.08333%;
}

.home-industry li .industry-img img {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  display : block;
}

.home-industry li:nth-child(even) {
  background-color: #7DB429;
  color           : #c2ec81;
}

.home-industry li:nth-child(even) .m-color6 {
  color: #dafba6;
}

.home-industry li:nth-child(even) .rds-more {
  border-color: #c5ea8d;
  color       : #c5ea8d;
}

.industry-con {
  padding: 25px 10px;
}

.industry-con .incon-img {
  margin-bottom: 10px;
}

.industry-con .incon-img img {
  height: 40px;
}

.industry-con .m-color6 {
  color    : #666666;
  font-size: 18px;
  display  : block;
}

.industry-con .rd-dec {
  margin-top        : 10px;
  max-width         : 430px;
  display           : -webkit-box;
  height            : 72px;
  line-height       : 24px;
  -o-text-overflow  : ellipsis;
  text-overflow     : ellipsis;
  overflow          : hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.rds-more {
  margin-top           : 10px;
  width                : 27px;
  height               : 27px;
  display              : inline-block;
  border               : 1px solid #666666;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  text-align           : center;
  line-height          : 16px;
  font-size            : 20px;
}

.shortcut-enter {
  padding-bottom: 30px;
  color         : #888888;
}

.wtalent .shortcut-con {
  position: relative;
  padding : 0px 30px 20px 35px;
}

.wtalent .shortcut-con:before,
.wtalent .shortcut-con:after {
  content            : "";
  display            : block;
  width              : 30px;
  height             : 22px;
  position           : absolute;
  background-position: center center;
  background-repeat  : no-repeat;
  -o-background-size : cover;
  background-size    : cover;
}

.wtalent .shortcut-con:before {
  top             : 0;
  left            : 0;
  background-image: url(../image/searchico.png);
}

.wtalent .shortcut-con:after {
  bottom          : 0;
  right           : 0;
  background-image: url(../image/searchico.png);
}

.shortcut-title {
  color        : #444444;
  font-size    : 16px;
  margin-bottom: 15px;
}

.enter-title {
  font-size    : 18px;
  color        : #0ca001;
  margin-bottom: 10px;
}

.m-line {
  padding-bottom: 20px;
  margin-bottom : 15px;
  position      : relative;
  border-bottom : 1px solid #DFDFDF;
}

.wculture {
  padding-bottom: 50px;
}

.wculture .shortcut-con {
  padding-right: 45%;
}

.wcultureimg {
  position: absolute;
  right   : 0;
  bottom  : 20px;
  width   : 40%;
  z-index : -1;
}

.wcultureimg img {
  max-width: 100%;
}

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

.wcontant dl dd {
  padding: 0;
}

.wcontant dl dt {
  padding: 20px 0 0;
}

.wcontant img {
  max-width: 100%;
}

.tel-icon a {
  color      : #0ca001;
  font-size  : 24px;
  font-family: 'Montserrat';
}

.m-dot {
  position  : absolute;
  bottom    : 0;
  text-align: center;
  z-index   : 10;
  left      : 0;
  right     : 0;
}

.m-dot span {
  display              : inline-block;
  margin               : 0 5px;
  width                : 20px;
  height               : 20px;
  -webkit-border-radius: 0;
  border-radius        : 0;
  opacity              : 1;
  position             : relative;
  background           : none;
  cursor               : pointer;
}

.m-dot span:before {
  content   : "";
  position  : absolute;
  width     : 100%;
  height    : 2px;
  background: #fff;
  display   : block;
  left      : 0;
  top       : 50%;
}

.m-dot span.swiper-pagination-bullet-active:before {
  background-color: #0CA001;
}

.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);
  -moz-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);
  -moz-transform   : rotate(45deg);
  -ms-transform    : rotate(45deg);
  -o-transform     : rotate(45deg);
  transform        : rotate(45deg);
}

@media (min-width: 640px) {
  .about-numlist {
    padding: 10% 0 0;
  }

  .about-numlist li {
    padding-right: 20px;
    width        : auto;
  }

  .brnone br {
    display: block;
  }
}

@media (min-width: 768px) {
  .inabout-left {
    width    : 50%;
    font-size: 15px;
    padding  : 150px 0 0 50px;
  }

  .inabout-right {
    margin-top: 0;
    padding   : 30px 0 0;
    width     : 50%;
  }

  .m-line {
    border-bottom: 0;
  }

  .wtalent {
    padding-left : 0;
    padding-right: 30px;
    border-right : 1px solid #DCDCDC;
  }

  .wcontant {
    border-top: 1px solid #DFDFDF;
  }

  .wculture {
    padding: 0 0 100px 30px;
  }

  .wcontant {
    padding-top: 35px;
    font-size  : 15px;
  }

  .wcontant dl dd {
    padding: 20px 0 0;
  }

  .wcontant img {
    max-width: 100%;
  }

  .tel-icon a {
    font-size: 24px;
  }

  .tianjiatvwrap {
    width            : 660px;
    left             : 50%;
    margin-left      : -330px;
    margin-top       : 0;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
  }

  .tianjiatvwrap .videobox {
    height: 400px;
  }
}

@media (min-width: 992px) {
  .index-newsright {
    padding-left: 36px;
  }

  .index-newsleft {
    width: 49.16667%;
  }

  .index-newsleft a .zoom {
    overflow: hidden;
  }

  .index-newsleft a .zoom img {
    -webkit-transition: transform ease 0.7s;
    -moz-transition   : transform ease 0.7s;
    -o-transition     : transform ease 0.7s;
    -webkit-transition: -webkit-transform ease 0.7s;
    transition        : -webkit-transform ease 0.7s;
    -o-transition     : -o-transform ease 0.7s;
    -moz-transition   : transform ease 0.7s, -moz-transform ease 0.7s;
    transition        : transform ease 0.7s;
    transition        : transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;
  }

  .index-newsleft a .zoom:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -moz-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);
  }

  .index-newsleft a .zoom:before {
    content       : "";
    display       : block;
    top           : 0;
    left          : 0;
    width         : 100%;
    padding-bottom: 250px;
  }

  .index-newsleft a .zoom img {
    position: absolute;
    top     : 0;
    left    : 0;
  }

  .index-newsleft a:hover .news-con .rednews-tit {
    color: #0ca001;
  }

  .news-con {
    padding    : 24px;
    line-height: 22px;
  }

  .news-con .rednews-tit {
    font-size    : 18px;
    margin-bottom: 10px;
  }

  .index-newsright {
    width  : 50.83333%;
    padding: 0 0 0 36px;
  }

  .index-newsright ul li {
    padding-bottom: 21px;
    margin-bottom : 21px;
  }

  .index-newsright ul li:hover .news-date {
    background-color: #0CA001;
    color           : #fff;
  }

  .index-newsright ul li:hover h3 {
    color: #0CA001;
  }

  .news-date {
    width       : 85px;
    padding     : 15px 0 12px;
    font-size   : 16px;
    margin-right: 20px;
  }

  .news-date span {
    font-size    : 39px;
    line-height  : 40px;
    margin-bottom: 14px;
  }

  .news-bottom {
    padding-top: 5px;
  }

  .news-bottom h3 {
    margin-bottom   : 10px;
    white-space     : nowrap;
    -o-text-overflow: ellipsis;
    text-overflow   : ellipsis;
    overflow        : hidden;
    height          : 24px;
    line-height     : 24px;
  }

  
  .industry-wrap {
    padding-top   : 80px;
    padding-bottom: 65px;
  }

  .industry-wrap .m-title30 {
    margin-bottom: 10px;
  }

  .home-industry {
    padding-top: 45px;
  }

  .home-industry li:nth-child(even) .industry-img {
    float: right;
  }

  .industry-con {
    position      : relative;
    padding-top   : 0;
    padding-bottom: 0;
    padding-left  : 20px;
    padding-right : 20px;
  }

  .m-position {
    position         : absolute;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
    padding          : 20px 0;
  }

  .shortcut-enter {
    padding-bottom: 90px;
  }

  .wtalent {
    padding: 0 40px 0 0;
  }

  .wtalent .shortcut-con {
    padding: 15px 74px 50px 78px;
  }

  .wtalent .shortcut-con:before,
  .wtalent .shortcut-con:after {
    width : 50px;
    height: 37px;
  }

  .shortcut-title {
    font-size    : 20px;
    margin-bottom: 25px;
  }

  .enter-title {
    font-size    : 24px;
    margin-bottom: 25px;
  }

  .m-line {
    padding-bottom: 20px;
    margin-bottom : 35px;
  }

  .wculture {
    padding-left: 60px;
  }

  .wcultureimg {
    bottom: 0;
    top   : 54px;
  }

  .wcontant {
    padding-top: 35px;
    font-size  : 15px;
  }

  .wcontant dl dd {
    padding-top: 50px;
  }

  .m-dot {
    bottom: 20px;
  }

  .m-dot span {
    width: 30px;
  }

  .m-dot span:before {
    height: 5px;
  }
}

@media (min-width: 1024px) {

  
  .index-aboutus {
    padding-top   : 84px;
    padding-bottom: 80px;
  }

  .about-bigtit {
    font-size    : 30px;
    line-height  : 30px;
    margin-bottom: 30px;
  }

  .about-smalltit {
    font-size    : 20px;
    margin-bottom: 30px;
  }

  .about-numlist {
    padding-top: 75px;
  }

  .about-numlist li {
    padding-right: 5%;
  }

  .about-numlist li .about-num span {
    font-size  : 50px;
    line-height: 60px;
  }

  .inabout-right .zoom {
    overflow: hidden;
  }

  .inabout-right .zoom img {
    width             : 100%;
    -webkit-transition: transform ease 0.7s;
    -moz-transition   : transform ease 0.7s;
    -o-transition     : transform ease 0.7s;
    -webkit-transition: -webkit-transform ease 0.7s;
    transition        : -webkit-transform ease 0.7s;
    -o-transition     : -o-transform ease 0.7s;
    -moz-transition   : transform ease 0.7s, -moz-transform ease 0.7s;
    transition        : transform ease 0.7s;
    transition        : transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;
  }

  .inabout-right .zoom:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -moz-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);
  }

  .index-newswrap {
    background-color: #F2F2F2;
    padding-top     : 70px;
    padding-bottom  : 89px;
  }

  .m-title30 {
    font-size    : 30px;
    text-align   : center;
    color        : #0ca001;
    line-height  : 30px;
    margin-bottom: 45px;
  }

  .nav-tab {
    text-align : center;
    font-size  : 0;
    line-height: 0;
  }

  .nav-tab a {
    display           : inline-block;
    font-size         : 18px;
    max-width         : 235px;
    line-height       : 47px;
    width             : 50%;
    border            : solid 1px #d9d9d9;
    -webkit-transition: all .3s;
    -o-transition     : all .3s;
    -moz-transition   : all .3s;
    transition        : all .3s;
  }

  .nav-tab a.cur,
  .nav-tab a:hover {
    background  : #0CA001;
    color       : #fff;
    border-color: #0CA001;
  }

  .news-box {
    padding-top: 50px;
  }

  .industry-wrap {
    padding-top   : 80px;
    padding-bottom: 65px;
  }

  .home-industry {
    padding-top: 45px;
  }

  .tianjiatvwrap {
    width      : 700px;
    margin-left: -350px;
  }

  .tianjiatvwrap .videobox {
    height: 400px;
  }
}

@media (min-width: 1200px) {
  .about-numlist li {
    padding-right: 8%;
  }

  .index-newsleft a .zoom:before {
    padding-bottom: 310px;
  }

  .index-newsright ul li {
    padding-bottom: 32px;
    margin-bottom : 32px;
  }

  .news-bottom p {
    line-height: 24px;
    height     : 48px;
  }

  
  .home-industry li:nth-child(even) .industry-con {
    padding: 0 40px 0 0;
  }

  .industry-con {
    padding: 0 0 0 40px;
  }

  .industry-con .incon-img {
    margin-bottom: 20px;
  }

  .industry-con .incon-img img {
    height: 51px;
  }

  .industry-con .m-color6 {
    font-size: 20px;
  }

  .industry-con .rd-dec {
    margin-top: 30px;
    font-size : 15px;
  }

  .rds-more {
    margin-top        : 30px;
    -webkit-transition: all .3s;
    -o-transition     : all .3s;
    -moz-transition   : all .3s;
    transition        : all .3s;
  }

  .rds-more:hover {
    background  : #0CA001;
    color       : #fff;
    border-color: #0CA001;
  }
}

@media (min-width: 1366px) {
  .tianjiatvwrap {
    width      : 1000px;
    margin-left: -500px;
  }

  .tianjiatvwrap .videobox {
    height: 600px;
  }
}

@media (min-width: 1920px) {
  .industry-con {
    padding: 0 0 0 90px;
  }

  .home-industry li:nth-child(even) .industry-con {
    padding: 0 90px 0 0;
  }
}



.BMap_Marker img {
  width    : auto !important;
  max-width: none !important;
}

.BMap_shadow img,
.BMap_pop img {
  max-width: none !important;
}


.sm-fixslide {
  display: none !important;
}

.wqcontactnew {
  padding: 10px 0 0;
}

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

@media(min-width:1024px) {
  .map-items {
    position     : relative;
    padding-right: 210px;
  }

  .wqcontactnew {
    position: absolute;
    right   : 0;
    top     : 0;
    padding : 13px 0 0;
    width   : 210px;
  }

  .wqcontactnew h3 {
    padding: 0 0 12px;
    color  : #ff0000;
  }
}

@media(min-width:1366px) {
  .wqcontactnew {
    width: 250px;
  }
}


.rationmetlist li {
  margin: 0 0 15px;
  color : #868686;
}

.rationmetlist li .content {
  border : 1px solid #E5E5E5;
  padding: 10px;
}

.rationmetlist li h3 {
  color    : #333333;
  font-size: 16px;
  padding  : 0 0 10px;
  position : relative;
}

.rationmetlist li h3:after {
  content         : "";
  display         : block;
  width           : 30px;
  height          : 3px;
  background-color: #0ca001;
  margin          : 6px 0 0;
}

.rationmetlist li a {
  color: #868686;
}

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

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

  .rationmetlist li {
    padding: 0 10px;
  }

  .rationmetlist li .content {
    padding: 30px;
  }

  .rationmetlist li h3 {
    font-size: 18px;
    padding  : 0 0 15px;
  }

  .rationmetlist li h3:after {
    margin: 15px 0 0;
  }
}




.openweb-close {
  position       : absolute;
  width          : 40px;
  height         : 40px;
  top            : -45px;
  right          : 0;
  background-size: 18px auto;
}

.openweb-close:before {
  content          : '';
  position         : absolute;
  top              : 20px;
  left             : 9px;
  width            : 20px;
  height           : 2px;
  background-color : #FFF;
  -webkit-transform: rotate(-45deg);
  -ms-transform    : rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  -o-transform     : rotate(-45deg);
  transform        : rotate(-45deg);
}

.openweb-close:after {
  content          : '';
  position         : absolute;
  top              : 20px;
  left             : 9px;
  width            : 20px;
  height           : 2px;
  background-color : #FFF;
  -webkit-transform: rotate(45deg);
  -ms-transform    : rotate(45deg);
  -moz-transform   : rotate(45deg);
  -o-transform     : rotate(45deg);
  transform        : rotate(45deg);
}


.thumb-container {
  width   : 100%;
  position: relative;
}

.thumb-wrapper {
  width   : 100%;
  position: relative;
}

.thumb-swiper {
  width   : 100%;
  overflow: hidden;
  position: relative;
  z-index : 22;
}

.thumb-swiper ul li {
  width   : 100%;
  height  : auto;
  overflow: hidden;
}

.thumb-swiper ul li::before {
  content       : '';
  display       : block;
  width         : 100%;
  padding-bottom: 63.15789%;
}

.thumb-swiper ul li img {
  position         : absolute;
  top              : 50%;
  left             : 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform   : translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  -o-transform     : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  height           : 100%;
}

.thumb-switch-prev,
.thumb-switch-next {
  display: none;
}

.thumb-pagination {
  display    : none;
  position   : absolute;
  bottom     : 18px;
  left       : 0;
  width      : 100%;
  line-height: normal;
  font-size  : 0;
  text-align : center;
  z-index    : 24;
}

.thumb-pagination span {
  display              : inline-block;
  vertical-align       : top;
  width                : 8px;
  height               : 8px;
  background-color     : #fff;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  margin               : 0 4px;
  cursor               : pointer;
}

.thumb-pagination span.swiper-pagination-bullet-active {
  background-color: #dab866;
}

.thumb-loading {
  color            : #fff;
  font-size        : 14px;
  position         : absolute;
  top              : 50%;
  left             : 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform     : translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  z-index          : 1;
}

@media (min-width: 768px) {
  .openweb-close {
    top  : -40px;
    right: -60px;
  }
}


@media (min-width:1024px) {
  .thumb-wrapper {}

  .thumb-switch-prev,
  .thumb-switch-next {
    display    : block;
    position   : absolute;
    width      : 80px;
    height     : 80px;
    cursor     : pointer;
    position   : absolute;
    z-index    : 199;
    text-align : center;
    line-height: 80px;
    top        : 50%;
    margin-top : -40px;
  }

  .thumb-switch-prev:after,
  .thumb-switch-next:after {
    content           : '';
    width             : 42px;
    height            : 42px;
    border            : 2px solid #fff;
    border-right      : none;
    border-bottom     : none;
    -webkit-transition: all 0.3s;
    -o-transition     : all 0.3s;
    -moz-transition   : all 0.3s;
    transition        : all 0.3s;
    display           : inline-block;
    vertical-align    : middle;
  }

  .thumb-switch-prev:hover::after,
  .thumb-switch-next:hover::after {
    border-color: #0ca001;
  }

  .thumb-switch-prev.swiper-button-disabled,
  .thumb-switch-next.swiper-button-disabled {
    cursor: default;
  }

  .thumb-switch-prev {
    left: -80px;
  }

  .thumb-switch-prev:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    -ms-transform    : rotate(-45deg);
    -o-transform     : rotate(-45deg);
    transform        : rotate(-45deg);
  }

  .thumb-switch-next {
    right: -80px;
  }

  .thumb-switch-next:after {
    -webkit-transform: rotate(135deg);
    -moz-transform   : rotate(135deg);
    -ms-transform    : rotate(135deg);
    -o-transform     : rotate(135deg);
    transform        : rotate(135deg);
  }

  .thumb-pagination {
    bottom: 4%;
  }

  .thumb-pagination span {
    width : 10px;
    height: 10px;
  }

}

@media (min-width:1260pxx) {
  .thumb-wrapper {
    padding: 30px;
  }
}





.quoted-modal {
  position                  : fixed;
  top                       : 0;
  right                     : 0;
  bottom                    : 0;
  left                      : 0;
  z-index                   : 1050;
  -webkit-overflow-scrolling: touch;
  outline                   : 0;
  overflow-x                : hidden;
  overflow-y                : auto;
  width                     : 100%;
  height                    : 100%;
  display                   : none;
}

.quoted-modal.fade .quoted-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition        : -webkit-transform 0.3s ease-out;
  -o-transition     : -o-transform 0.3s ease-out;
  -moz-transition   : transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition        : transform 0.3s ease-out;
  transition        : transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
  -webkit-transform : translate(0, -25%);
  -moz-transform    : translate(0, -25%);
  -ms-transform     : translate(0, -25%);
  -o-transform      : translate(0, -25%);
  transform         : translate(0, -25%);
}

.quoted-modal.in .quoted-dialog {
  -webkit-transform: translate(0, 0);
  -moz-transform   : translate(0, 0);
  -ms-transform    : translate(0, 0);
  -o-transform     : translate(0, 0);
  transform        : translate(0, 0);
}

.quoted-dialog {
  position: relative;
  margin  : 80px 15px 40px;
}

.quoted-modal-bg {
  position          : fixed;
  top               : 0;
  right             : 0;
  bottom            : 0;
  left              : 0;
  z-index           : 1040;
  background-color  : #000000;
  display           : none;
  -webkit-transition: all 0.3s;
  -o-transition     : all 0.3s;
  -moz-transition   : all 0.3s;
  transition        : all 0.3s;
}

.quoted-modal-bg.fade {
  opacity: 0;
  filter : alpha(opacity=0);
}

.quoted-modal-bg.in {
  opacity: 0.5;
  filter : alpha(opacity=50);
}

.modal-scrollbar {
  width           : 100px;
  height          : 100px;
  background-color: #0ca001;
  overflow        : scroll;
  position        : absolute;
  top             : -1000px;
  left            : -1000px;
}

.modal-open {
  overflow: hidden;
}

@media (min-width: 768px) {
  .quoted-dialog {
    max-width   : 605px;
    margin-left : auto;
    margin-right: auto;
  }
}

@media (min-width: 1024px) {
  .quoted-dialog {
    margin-top: 110px;
  }

  .thumb-popup .quoted-dialog {
    max-width: 820px;
  }
}

@media (min-width: 1260px) {
  .thumb-popup .quoted-dialog {
    max-width: 1000px;
  }
}




.more-btn {
  display            : block;
  background-color   : #0ca001;
  background-position: center center;
  background-repeat  : no-repeat;
  -o-background-size : 24px;
  background-size    : 24px;
  line-height        : 36px;
  -webkit-transition : all .3s;
  -o-transition      : all .3s;
  -moz-transition    : all .3s;
  transition         : all .3s;
  text-align         : center;
  color              : #fff;
}



.more-btn {
  display: none !important;
}

.pagination {
  display   : block;
  text-align: center;
}

.laypage_main {
  display       : inline-block;
  vertical-align: top;
}

.pagination .laypage_main .laypage_curr {
  background-color: #0ca001;
}

.pagination .laypage_main a,
.pagination .laypage_main input,
.pagination .laypage_main span {
  width           : 36px;
  height          : 36px;
  display         : inline-block;
  background-color: #fff !important;
  line-height     : 36px;
  text-align      : center;
  font-size       : 15px;
  border          : 1px solid #d8d8d8;
}

.pagination .laypageskin_molv .laypage_curr {
  background-color: #0ca001 !important;
  border-color    : #0ca001;
}

.laypageskin_molv .laypage_prev,
.laypageskin_molv .laypage_next {
  position  : relative;
  text-align: center;
}

.laypageskin_molv .laypage_prev:after,
.laypageskin_molv .laypage_next:after {
  content       : '';
  width         : 8px;
  height        : 8px;
  border        : 2px solid #919191;
  border-top    : none;
  border-right  : none;
  display       : inline-block;
  *display      : inline;
  *zoom         : 1;
  vertical-align: middle;
}

.laypageskin_molv .laypage_prev:after {
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  -ms-transform    : rotate(45deg);
  -o-transform     : rotate(45deg);
  transform        : rotate(45deg);
  margin-left      : 3px;
}

.laypageskin_molv .laypage_next:after {
  -webkit-transform: rotate(-135deg);
  -moz-transform   : rotate(-135deg);
  -ms-transform    : rotate(-135deg);
  -o-transform     : rotate(-135deg);
  transform        : rotate(-135deg);
  margin-left      : 0px;
}