html, body, div,h1, h2, h3, h4, h5, h6,hr, p, blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, object, code,legend, button, input, textarea, label,th, td, a, img {margin: 0;padding: 0;border: 0;outline: 0;}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ttop {

  padding-top: 60px;

}

/*!- w103-wrapper begin -*/

.w103-wrapper {

  max-width: 1440px;

  margin: 0 auto;

  padding: 0 32px;

}

@media screen and (max-width: 1200px) {

  .w103-wrapper {

    padding: 0 24px;

  }

}

@media screen and (max-width: 768px) {

  .w103-wrapper {

    padding: 0 16px;

  }

}

.w103-wrapper > p {

  font-size: 16px;

  line-height: 1.576;

}



/*!- w103-wrapper end -*/

/*!- w103-section begin -*/

.w103-section {

  margin-bottom: 64px;

}

@media screen and (max-width: 1200px) {

  .w103-section {

    margin-bottom: 24px;

  }

}

@media screen and (max-width: 768px) {

  .w103-section {

    margin-bottom: 16px;

  }

}

.w103-section.seamless {

  margin-bottom: 0;

}
/*!- w103-page-header begin -*/
.w103-page-header {
  position: relative;
  text-align: center;
}
.w103-page-header .w103-page-header-title {
  font-size: 30px;
  text-align: center;
  line-height: 1;
  margin-bottom: 15px;
  font-weight: normal;
  color: #f59628;
  text-transform: uppercase;
}
.w103-page-header i {
  display: inline-block;
  background-color: #f59628;
  width: 6px;
  height: 6px;
  position: relative;
  margin-bottom: 20px;
  border-radius: 50%;
}
.w103-page-header i:before {
  position: absolute;
  right: -70px;
  top: 2px;
  width: 60px;
  height: 2px;
  background-color: #ddd;
  content: '';
}
.w103-page-header i:after {
  position: absolute;
  left: -70px;
  top: 2px;
  width: 60px;
  height: 2px;
  background-color: #ddd;
  content: '';
}
.w103-page-header .w103-page-header-desc {
  font-size: 16px;
  line-height: 1.576;
  color: #333333;
  margin-bottom: 32px;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .w103-page-header .w103-page-header-title {
    font-size: 32px;
    margin-bottom: 24px;
  }
  .w103-page-header .w103-page-header-desc {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .w103-page-header .w103-page-header-title {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .w103-page-header .w103-page-header-desc {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .w103-page-header i {
    margin-bottom: 10px;
  }
}

/*!- w103-page-header end -*/
/*!- w103-tabs begin -*/
.w103-tabs .w103-tabs-thumb {
  font-size: 0;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.w103-tabs .w103-tabs-thumb {
  position: relative;
}
.w103-tabs .w103-tabs-thumb .swiper-slide {
  height: 50px;
}
.w103-tabs .w103-tabs-thumb .w103-tabs-thumb-swiper {
  max-width: 1024px;
}
.w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item {
  display: block;
  position: relative;
  height: 100%;
  padding: 16px;
  margin: 0 16px;
  transition: color .5s;
  color: #333333;
}
.w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 6px;
  width: 0;
  height: 45px;
  transition: width .5s;
  background-color: #f59628;
  -webkit-transform: skew(-45deg);
  transform: skew(-45deg);
}
.w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-icon {
  display: block;
}
.w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-icon > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 48px;
}
.w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-text {
  display: block;
  font-size: 22px;
  line-height: 1;
  position: absolute;
  z-index: 50;
  width: 92%;
}
.w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item:hover {
  color: #f59628;
}
.w103-tabs .w103-tabs-thumb .swiper-slide-thumb-active .w103-tabs-thumb-item .w103-tabs-thumb-text {
  color: #fff;
}
.w103-tabs .w103-tabs-thumb .swiper-slide-thumb-active .w103-tabs-thumb-item:after {
  width: 96%;
}
.w103-tabs .w103-tabs-thumb .swiper-button-prev {
  left: -20px;
}
.w103-tabs .w103-tabs-thumb .swiper-button-next {
  right: -20px;
}
.w103-tabs .w103-tabs-content-item {
  padding: 20px 0 0;
  font-size: 16px;
  color: #666666;
}
.w103-tabs .w103-tabs-content-item:before, .w103-tabs .w103-tabs-content-item:after {
  display: table;
  content: "";
  width: 100%;
}
.w103-tabs .w103-tabs-content-item:after {
  clear: both;
}
.w103-tabs .w103-tabs-content-item .w103-certifications-cover {
  height: 0;
  padding-bottom: 75%;
}
.w103-tabs .w103-tabs-content-item .w103-certifications-cover-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.w103-tabs .w103-tabs-content-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
.w103-tabs .w103-tabs-content-item p {
  line-height: 1.7;
  text-align: justify;
}
.w103-tabs .w103-tabs-content-item .title {
  display: block;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 20px;
  font-weight: normal;
  color: #f59628;
}
.w103-tabs .w103-tabs-content-item .btn {
  display: inline-block;
  border: 1px solid #f59628;
  color: #f59628;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  padding: 0 24px;
  margin-top: 4vh;
  transition: all .5s;
}
.w103-tabs .w103-tabs-content-item .btn:hover {
  background-color: #f59628;
  color: rgba(255, 255, 255, 0.85);
}
.w103-tabs .w103-tabs-content-item .w103-tabs-content-cover {
  float: left;
  width: 44%;
}
.w103-tabs .w103-tabs-content-item .w103-tabs-content-intro {
  float: left;
  width: 56%;
  padding: 1vh 4vw 0 1vh;
}
@media screen and (max-width: 1200px) {
  .w103-tabs .w103-tabs-thumb {
    margin-bottom: 24px;
  }
  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item {
    padding: 16px;
    margin: 0 16px;
  }
  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-icon > img {
    height: 32px;
  }
  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-text {
    margin-top: 0px;
    font-size: 20px;
  }
  .w103-tabs .w103-tabs-thumb .swiper-button-prev {
    width: 32px;
    height: 32px;
    left: -16px;
    margin-top: -16px;
  }
  .w103-tabs .w103-tabs-thumb .swiper-button-next {
    width: 32px;
    height: 32px;
    right: -16px;
    margin-top: -16px;
  }
  .w103-tabs .w103-tabs-content-item {
    padding: 24px 0 0;
    font-size: 16px;
  }
  .w103-tabs .w103-tabs-content-item .title {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .w103-tabs .w103-tabs-content-item .w103-tabs-content-cover {
    width: 50%;
  }
  .w103-tabs .w103-tabs-content-item .w103-tabs-content-intro {
    width: 50%;
    padding: 1vh 2vw 2vh;
  }
}
@media screen and (max-width: 768px) {
  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-text {
    margin-top: 0px;
  }
  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item:after {
    -webkit-transform: skew(0deg);
    transform: skew(0deg);
  }
  .w103-tabs .w103-tabs-wrap .w103-tabs-thumb {
    margin-bottom: 16px;
  }
  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item {
    padding: 16px;
    margin: 0;
  }
  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-icon > img {
    height: 28px;
  }
  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-text {
    margin-top: 0px;
    font-size: 14px;
    width: 85%;
  }
  .w103-tabs .w103-tabs-thumb .swiper-button-prev {
    left: 0;
  }
  .w103-tabs .w103-tabs-thumb .swiper-button-next {
    right: 0;
  }
  .w103-tabs .w103-tabs-content-item {
    padding: 0;
    font-size: 14px;
  }
  .w103-tabs .w103-tabs-content-item p {
    line-height: 1.576;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    white-space: normal;
    -webkit-line-clamp: 5;
  }
  .w103-tabs .w103-tabs-content-item .btn {
    margin-top: 20px;
    display: none;
  }
  .w103-tabs .w103-tabs-content-item .title {
    font-size: 20px;
  }
  .w103-tabs .w103-tabs-content-item .w103-tabs-content-cover {
    float: none;
    width: 100%;
  }
  .w103-tabs .w103-tabs-content-item .w103-tabs-content-intro {
    float: none;
    width: 100%;
    padding: 0 0 20px 0;
  }
}

/*!- w103-tabs end -*/
/*!- w103-advantage -*/
.w103-advantage .w103-advantage-list:before, .w103-advantage .w103-advantage-list:after {
  display: table;
  content: "";
  width: 100%;
}
.w103-advantage .w103-advantage-list:after {
  clear: both;
}
.w103-advantage .w103-advantage-item {
  display: block;
  float: left;
  width: 50%;
  text-align: center;
  padding: 47px 16px;
}
.w103-advantage .w103-advantage-item:nth-child(2), .w103-advantage .w103-advantage-item:nth-child(3) {
  background-color: #fffaf4;
}
.w103-advantage .w103-advantage-icon > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 40px;
}
.w103-advantage .w103-advantage-title {
  font-size: 24px;
  line-height: 1.576;
  color: #333333;
  margin-top: 20px;
}
.w103-advantage .w103-advantage-desc {
  font-size: 16px;
  line-height: 1.576;
  color: #666666;
}
@media screen and (max-width: 1200px) {
  .w103-advantage .w103-advantage-item {
    padding: 24px 12px;
  }
  .w103-advantage .w103-advantage-icon > img {
    height: 48px;
  }
  .w103-advantage .w103-advantage-title {
    font-size: 16px;
  }
  .w103-advantage .w103-advantage-desc {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .w103-advantage .w103-advantage-item {
    padding: 5px;
  }
  .w103-advantage .w103-advantage-icon > img {
    height: 32px;
  }
  .w103-advantage .w103-advantage-title {
    margin-top: 0;
  }
}

/*!- w103-advantage -*/
/*!- w103-choose begin -*/
.w103-section.m-b-10 {
  padding-bottom: 8%;
}

.w103-choose-p {
  position: relative;
}
.w103-choose-p .w103-choose-bg {
  display: block;
  position: absolute;
  bottom: -35%;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 20%;
  z-index: 0;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.w103-choose-p .w103-choose-bg .w103-choose-bg-mask {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 768px) {
  .w103-choose-p .w103-choose-bg {
    display: none;
  }
}

.w103-choose {
  position: relative;
  z-index: 1;
}
.w103-choose .w103-choose-content .w103-choose-item {
  padding: 10%;
  background-color: whitesmoke;
  display: block;
}
.w103-choose .w103-choose-item .w103-choose-cover {
  display: block;
  overflow: hidden;
  transition: background-color .5s;
}
.w103-choose .w103-choose-item .w103-choose-cover .w103-choose-cover-wrap {
  width: 100%;
  height: 0;
  background-color: transparent;
  padding-bottom: 30%;
  text-align: center;
  padding-top: 5%;
}
.w103-choose .w103-choose-item .w103-choose-cover .w103-choose-cover-wrap > img {
  transition: all .5s;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
}
.w103-choose .w103-choose-item .w103-choose-intro .w103-choose-intro-wrap {
  width: 100%;
}
.w103-choose .w103-choose-item:hover .w103-choose-cover {
  background-color: #fff;
}
.w103-choose .w103-choose-item:hover .w103-choose-cover .w103-choose-cover-wrap > img {
  transform: scale(1.1);
}
.w103-choose .w103-choose-intro-wrap .w103-choose-intro-title {
  color: #333333;
  line-height: 1.7;
  font-size: 18px;
  font-weight: normal;
  margin-top: 5%;
  margin-bottom: 5%;
  text-align: center;
}
.w103-choose .w103-choose-intro-wrap .w103-choose-intro-desc {
  color: #999999;
  line-height: 24px;
  font-size: 16px;
  height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-word;
  white-space: normal;
  -webkit-line-clamp: 3;
}
.w103-choose .w103-choose-intro-wrap .w103-choose-intro-extra {
  color: rgba(255, 255, 255, 0.65);
  line-height: 1;
  font-size: 16px;
  margin-bottom: 16px;
}
.w103-choose .swiper-slide:nth-child(even) .w103-choose-item .w103-choose-intro {
  order: 0;
}
.w103-choose .swiper-slide:nth-child(even) .w103-choose-item .w103-choose-intro:after {
  top: auto;
  bottom: -24px;
  border-width: 24px 24px 0 24px;
  border-color: #f59628 transparent transparent transparent;
}
@media screen and (max-width: 1200px) {
  .w103-choose .w103-choose-p .w103-choose-bg {
    padding-bottom: 25%;
    bottom: -30%;
  }
  .w103-choose .w103-choose-item .w103-choose-intro {
    height: auto;
    padding-bottom: 0;
  }
  .w103-choose .w103-choose-item .w103-choose-intro .w103-choose-intro-wrap {
    position: static;
    height: auto;
    padding: 24px;
  }
  .w103-choose .w103-choose-intro-wrap .w103-choose-intro-title {
    line-height: 1.7;
    font-size: 16px;
    margin-bottom: 12px;
    margin-top: 0;
  }
  .w103-choose .w103-choose-intro-wrap .w103-choose-intro-desc {
    height: auto;
    overflow: hidden;
    display: block;
    font-size: 14px;
  }
  .w103-choose .w103-choose-intro-wrap .w103-choose-intro-extra {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .w103-choose .swiper-slide:nth-child(even) .w103-choose-item .w103-choose-cover {
    order: 0;
  }
  .w103-choose .swiper-slide:nth-child(even) .w103-choose-item .w103-choose-intro {
    order: 1;
  }
  .w103-choose .swiper-slide:nth-child(even) .w103-choose-item .w103-choose-intro:after {
    top: -24px;
    bottom: auto;
    border-width: 0 24px 24px 24px;
    border-color: transparent transparent #f59628 transparent;
  }
}
@media screen and (max-width: 768px) {
  .w103-choose .w103-choose-content .w103-choose-item {
    padding: 5%;
  }
  .w103-choose .w103-choose-item .w103-choose-intro .w103-choose-intro-wrap {
    padding: 0;
  }
  .w103-choose .w103-choose-item .w103-choose-cover .w103-choose-cover-wrap {
    padding-bottom: 30%;
    padding-top: 0;
  }
  .w103-choose .w103-choose-intro-wrap .w103-choose-intro-title {
    margin-bottom: 0;
    margin-top: 0;
  }
}

/*!- w103-choose end -*/
/*!- w103-case begin -*/
.w103-case .w103-case-content {
  position: relative;
}
.w103-case .w103-case-content .w103-case-swiper .swiper-wrapper .swiper-slide w103-case-list-content {
  display: block;
}
.w103-case .w103-case-item {
  display: block;
  border: 1px solid #d9d9d9;
}
.w103-case .w103-case-cover {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  background-color: #fff;
}
.w103-case .w103-case-cover .w103-case-cover-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.w103-case .w103-case-cover .w103-case-cover-wrap > img {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: initial;
}
.w103-case .w103-case-list-content .case-item-intro {
  padding: 8px 0;
}
.w103-case .w103-case-list-content .case-item-intro .case-intro-title {
  display: block;
  font-size: 16px;
  line-height: 1.576;
  text-align: center;
  transition: color .5s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333333;
}
.w103-case .w103-case-list-content:hover .w103-case-item {
  border: 1px solid #f59628;
}
.w103-case .w103-case-list-content:hover .case-item-intro .case-intro-title {
  color: #f59628;
}
.w103-case .swiper-button-prev {
  left: -20px;
}
.w103-case .swiper-button-next {
  right: -20px;
}
@media screen and (max-width: 1200px) {
  .w103-case .swiper-button-prev {
    width: 32px;
    height: 32px;
    left: -16px;
    margin-top: -16px;
  }
  .w103-case .swiper-button-next {
    width: 32px;
    height: 32px;
    right: -16px;
    margin-top: -16px;
  }
}
@media screen and (max-width: 768px) {
  .w103-case .swiper-button-prev {
    left: 16px;
  }
  .w103-case .swiper-button-next {
    right: 16px;
  }
}

/*!- w103-case end -*/
/*!- w103-customers begin -*/
.w103-section.m-b-10 {
  padding-bottom: 8%;
}

@media screen and (max-width: 768px) {
  .w103-section.m-b-10 {
    padding-bottom: 0;
  }
}
.w103-customers-p {
  background: #fafafa;
  padding: 4% 0;
}

.w103-customers {
  position: relative;
  z-index: 100;
}
.w103-customers .w103-customers-content .swiper-wrapper .swiper-slide {
  height: auto;
}
.w103-customers .w103-customers-content .w103-customers-item {
  display: flex;
  flex-direction: column;
  padding: 5%;
  background-color: #f2f2f2;
  position: relative;
  height: 100%;
}
.w103-customers .w103-customers-content .w103-customers-item .w103-customers-intro-wrap {
  flex: auto;
  align-items: flex-start;
  justify-content: center;
}
.w103-customers .w103-customers-content .w103-customers-item .w103-customers-intro-desc {
  color: #666666;
  line-height: 24px;
  font-size: 16px;
  flex: auto;
  text-align: left;
}
.w103-customers .w103-customers-item .w103-customers-cover {
  overflow: hidden;
  transition: background-color .5s;
  margin: 20px auto;
  display: block;
}
.w103-customers .w103-customers-item .w103-customers-cover .w103-customers-cover-wrap {
  width: 100%;
  max-width: 100px;
  height: auto;
  background-color: transparent;
  text-align: center;
  position: relative;
  margin: 0 auto;
}
.w103-customers .w103-customers-item .w103-customers-cover .w103-customers-cover-wrap > img {
  transition: all .5s;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.w103-customers .w103-customers-item .w103-customers-intro .w103-customers-intro-wrap {
  width: 100%;
  text-align: center;
}
.w103-customers .w103-customers-item .w103-customers-intro .w103-customers-intro-wrap span {
  color: #666666;
}
.w103-customers .w103-customers-item:hover .w103-customers-cover .w103-customers-cover-wrap > img {
  transform: scale(1.1);
  border-radius: 0;
}
.w103-customers .w103-customers-intro-wrap .w103-customers-intro-title {
  color: #333333;
  line-height: 1.7;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 5px;
  text-align: center;
  margin-top: 20px;
}
.w103-customers .w103-customers-intro-wrap .w103-customers-intro-extra {
  color: rgba(255, 255, 255, 0.65);
  line-height: 1;
  font-size: 16px;
  margin-bottom: 16px;
}
.w103-customers .swiper-slide:nth-child(even) .w103-customers-item .w103-customers-intro {
  order: 0;
}
.w103-customers .swiper-slide:nth-child(even) .w103-customers-item .w103-customers-intro:after {
  top: auto;
  bottom: -24px;
  border-width: 24px 24px 0 24px;
  border-color: #f59628 transparent transparent transparent;
}
@media screen and (max-width: 1200px) {
  .w103-customers .w103-customers-item .w103-customers-intro {
    height: auto;
    padding-bottom: 0;
  }
  .w103-customers .w103-customers-item .w103-customers-intro .w103-customers-intro-wrap {
    position: static;
    height: auto;
    padding: 24px;
  }
  .w103-customers .w103-customers-intro-wrap .w103-customers-intro-title {
    line-height: 1.7;
    font-size: 16px;
    margin-bottom: 12px;
  }
  .w103-customers .w103-customers-intro-wrap .w103-customers-intro-desc {
    height: auto;
    overflow: hidden;
    display: block;
    font-size: 14px;
  }
  .w103-customers .w103-customers-intro-wrap .w103-customers-intro-extra {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .w103-customers .swiper-slide:nth-child(even) .w103-customers-item .w103-customers-cover {
    order: 0;
  }
  .w103-customers .swiper-slide:nth-child(even) .w103-customers-item .w103-customers-intro {
    order: 1;
  }
  .w103-customers .swiper-slide:nth-child(even) .w103-customers-item .w103-customers-intro:after {
    top: -24px;
    bottom: auto;
    border-width: 0 24px 24px 24px;
    border-color: transparent transparent #f59628 transparent;
  }
}
@media screen and (max-width: 768px) {
  .w103-customers .w103-customers-item .w103-customers-intro .w103-customers-intro-wrap {
    padding: 0;
  }
  .w103-customers .w103-customers-item .w103-customers-cover {
    margin: 5px auto;
  }
}

/*!- w103-customers end -*/
/*内页样式*/
.container{max-width:1400px;margin:0 auto;padding: 0 10px;position: relative;overflow: hidden;}
.subbanner{overflow: hidden;position: relative;width: 100%;text-align: center}

/* topbar */
.topbar{width: 100%;line-height: 18px;margin: 1.5% 0;clear:both;overflow: hidden;}
.topbar .path{    font-size: 16px;
    color: #333;}
.topbar .path img{margin-right: 5px;}
.path .fa-home{width: 30px;height: 30px;border-radius: 100%;background: #eeeeee;color: #d60000;margin-right: 8px;display: inline-block;line-height: 30px;text-align: center;font-size: 18px;display: none;}
.path a{margin: 0 5px;color: #000;}

/* left_sides */
.left_sides{float: left;width:261px;position: relative;margin-right: 4%}
.sidebar .overview{position: relative;background: #333333;text-align: center;overflow: hidden;color: #fff;
  background:#f08118;}
.sidebar .overview i{width: 35px;height: 60px;background: url(../images/inco_nav.png)center no-repeat;display: inline-block;vertical-align: top;margin-right: 15px;display: none;}
.left_sides  .overview a{font: 500 22px/60px "microsoft yahei";color: #fff ;line-height: 60px}
.sidenav{margin-bottom: 40px;}
.sidenav i{float: right;color: #555;font-size:15px;font-family: "arial"}
.sidenav li{font-size: 15px;border: 1px solid #eee;margin:7px;}
.sidenav li .leve1{margin-left: 20px;}
.sidenav li:last-child{margin-bottom:18px;}
.sidenav li:hover,.sidenav li.act{background:#f08118;border-color: #f08118; }
.sidenav li.act a,.sidenav li.act i{color: #fff;display:inline-block;}
.sidenav li:hover a,.sidenav li:hover i{color: #fff;display:inline-block;}
.sidenav li:hover>i,.sidenav li.act>i{color: #fff;}
.sidenav li a{color: #333333;font-size: 16px;line-height:45px;}
.sidenav li a i{float: none;padding-right: 10px;}
.level2 {*zoom:1;  overflow: hidden;display: none;}
.level2 {border-top: 1px solid #ddd;}
.level2 li {border: none;margin: 5px 10px;padding: 0 10px;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sidenav .level2 li a { color: #333; background: none; font-size: 14px; line-height: 24px; padding:5px 0;}
.sidenav .level2 .active a,
.sidenav .level2 li a:hover { color: #fff; }
.sidenav li.active .level2{display: block;background: #fff;}

.left_sides .hotnews,.left_sides .tag{margin-bottom: 40px}
.left_sides .tag{opacity: 0;}
.left_sides .title h2{font: 500 22px "microsoft yahei";line-height: 60px; text-align: center;background: #f08118;color: #fff;}
.hotnewsbd ul{padding: 17px 0;}
.hotnewsbd ul li{color: #666666;}
.hotnewsbd ul li .date{color: #999999;font-size: 13px}
.hotnewsbd ul .fa-circle-o{margin-right: 8px}
.left_sides .tag h2{font: 500 22px "microsoft yahei";line-height: 60px;border-bottom: 1px solid #ddd}
.tagbd{    padding: 15px;
    overflow: hidden;
    font-size: 16px;}
.tagbd a{display: block;width: 46%;color: #666666;margin:0 2%;line-height: 40px;background: #f2f2f2;margin-bottom: 10px;text-align: center;float: left;}
.tagbd a:hover{background-color: #f08118;color:#fff;}
/* right block */
.right-cont{overflow: hidden;font-size: 16px;}
.right-cont a{color: #333;}
.right-cont .cf{clear: both;    overflow: hidden;}
.right-cont .tag_sq{width: 100%;height: 60px;line-height: 60px;background: #f2f2f2;border: 1px solid #dddddd}
.right-cont .tag_sq span{border-right: 1px solid #dddddd;color: #000;display: inline-block;padding: 0 30px}
.right-cont .article_cont{overflow: hidden;}
.article_cont .title{text-align: center;font-size: 28px;color: #000;margin-top: 30px;margin-bottom: 20px}
.article_cont .title span{margin: 0 10px;color: #bbbbbb;}
.article_cont .article *{color: #000;line-height: 2 !important;    font-family:"微软雅黑", yahei !important;}
/* prolist */
.col_txt{border: 1px solid #ddd;padding: 20px;color: #555;margin-bottom:3%;line-height: 2.2}
.prolist li{width: 30.33%;margin:0 1.5%;float: left;overflow: hidden;border: 1px solid #dddddd;margin-bottom: 3%;position: relative;box-sizing: border-box;padding:8px;}
.prolist li .txt{text-align: center;border-top: 1px solid #dddddd;box-sizing: border-box;padding: 10px 0 5px}
.prolist li .tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 17px;color: #333;font-weight: bold;}
.prolist .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;margin: 0 15px;line-height: 24px;height: 48px;}
.prolist li:hover{border: 1px solid #f08118;color: #fff}
.prolist li:hover .txt{border-top: none;border-top: 1px solid #f08118}
.prolist li:hover a{color: #fff}
.prolist li .imgarea{height: 310px;width: 100%;display: block;overflow: hidden;}
.prolist li img{width: 100%;height: 100%; }
.productcategory {display:flex;flex-wrap: wrap; }
.productcategory li{width: 30.33%;margin:0 1.5%;float: left;overflow: hidden;border: 1px solid #dddddd;margin-bottom: 3%;position: relative;box-sizing: border-box;padding:8px;}
.productcategory li .txt{text-align: center;border-top: 1px solid #dddddd;box-sizing: border-box;padding: 10px 0 5px}
.productcategory li .tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 17px;color: #333;font-weight: bold;}
.productcategory .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;margin: 0 15px;line-height: 24px;height: 48px;}
.productcategory li:hover{border: 1px solid #f08118;color: #fff}
.productcategory li:hover .txt{border-top: none;border-top: 1px solid #f08118}
.productcategory li:hover a{color: #fff}
.productcategory li .imgarea{width: 100%;display: block;overflow: hidden;}
.productcategory li img{width: 100%;height: 100%; }

.client li{width: 30.33%;margin:0 1.5%;float: left;overflow: hidden;border: 1px solid #dddddd;margin-bottom: 3%;position: relative;box-sizing: border-box;padding:8px;}
.client li .txt{text-align: center;border-top: 1px solid #dddddd;box-sizing: border-box;padding: 10px 0 5px}
.client li .tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 17px;color: #333;font-weight: bold;}
.client .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;margin: 0 15px;line-height: 24px;height: 48px;}
.client li:hover{border: 1px solid #f08118;color: #fff}
.client li:hover .txt{border-top: none;border-top: 1px solid #f08118}
.client li:hover a{color: #fff}
.client li .imgarea{width: 100%;display: block;overflow: hidden;}
.client li img{width: 100%;height: 100%; }
.tagspan{width: 31px;height: 31px;background: url(../images/i10.png) no-repeat 0 0;color: transparent;display: block;padding-left:40px;padding-bottom: 20px;width: 100%;box-sizing:border-box;margin-top: 5vw;} 
.tagspan a{line-height:2;}
/* case */
.right-cont .caselist {margin: 0 -1.5%;}
.right-cont .caselist li{width: 30.33%;margin:0 1.5%;float: left;overflow: hidden;margin-bottom: 3%;position: relative;box-sizing: border-box}
.right-cont .caselist li .txt{height: 50px;line-height: 50px;text-align: center;box-sizing: border-box}
.right-cont .caselist li:hover a{color: #f08118}

.right-cont .caselist li .imgarea{height:210px;width: 100%;display: block;overflow: hidden;box-sizing: border-box;border:1px solid #eee;position: relative;}
.right-cont .caselist li img{width: 100%;height: 100%; }
.right-cont .caselist li .imgarea::after{content: "";background: rgba(0,139,50,0.6) url(../images/i08.png) no-repeat center center;position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 4;opacity: 0;transition:1s;}
.right-cont .caselist li:hover .imgarea::after{opacity: 1;}
/* news */
.news_imgarea{width: 220px;height: 160px;overflow: hidden;float: left;margin-right: 30px}
ul.newslist{padding:5px 5px 0}
.newslist .imgarea{width: 240px;height: 170px;overflow: hidden;float: left;margin-right: 30px}
.newslist .imgarea img{width: 100%;height: 100%;}
.newslist .date{margin: 0 20px 0 0;display: inline-block;color: #666666}
.newslist .tag{margin: 0 0;display: inline-block;color: #666666}
.newslist .tag a{color: #666666}
.newslist li{    padding: 1.5rem 21px;overflow: hidden;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;}
.newslist li:first-child{margin-top: 0;}
.newslist li:hover{box-shadow:2px 3px 12px rgba(70,70,70,.13);border: none;margin-top: -1px;
    background: #fff;margin-bottom: 1px;}
/* .newslist li:hover{box-shadow: 0 0 5px #cbcac8;-moz-box-shadow: 0 0 5px #cbcac8;-webkit-box-shadow: 0 0 5px #cbcac8;border-bottom: none} */
.newslist .txtarea{float: right;width: calc(100% - 280px);}
.newslist .txtarea h2{font: 500 22px "microsoft yahei";margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.7}
.newslist .txtarea .desc{margin-top: 5px;word-break: break-all;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;color: #666666;line-height: 1.76;
    padding-top: 5px;}
.newslist .txtarea .fa-tag{color: #999999;margin-right: 5px;font-size: 16px}
.newslist .txtarea .fa-clock-o{color: #999999;font-size: 17px}
.newslist .tag:hover .fa-tag{color: #f5aa00}
.newslist .txtarea .more{display: inline-block;padding:3px  2em;bottom: 30px;color: #fff;margin-top: 15px;background: #999999;line-height: 2}
.newslist li:hover .more{background: #f08118;}
 
/* newsdetail */
.sub_title {text-align: center;padding: 20px 0;line-height: 30px;}
.sub_info{color: #777;border-bottom: 1px dashed #ddd;line-height: 40px}
.sub_info span{margin-right: 30px}
.sub_title h1{font:500 24px "microsoft yahei";margin-bottom:10px;margin-top: 10px}
.sub_title h3{font:500 24px "microsoft yahei";margin-bottom:10px;margin-top: 10px}
.article{margin: 10px 0;line-height: 25px}
.article img{text-align: center;height: auto !important;}
.skip{margin-top: 5%;margin-bottom: 2%;background: #f6f6f6;padding: 5px;}
.skip>div{width: 46%;line-height: 30px;height: 30px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.skip a{color: #666666}
.skip .fl{float: left;margin-left: 10px}
.skip .fr{float: right;}
.bdshare-button-style0-16{display: inline-flex}
.relate{padding: 30px 0;}
.relate .tit h3{font: 600 20px "microsoft yahei";float: left;color: #333333;margin-bottom: 10px;    padding-left: 0.5em;
    border-left: 4px solid #F08119;
    line-height: 1;}
.relate .tit h3 span{font-size: 16px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;color: #666666;font-weight: 500}
.relate .newslink{width: 46%;margin: 0 15px;border-bottom: 1px dashed #dfdfdf;line-height: 40px;float: left;height: 40px;}
.relate .newslink a{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relate .newslink i{margin-right: 10px;color: #f08118;font-size: 18px}
.relate .newslink .date{float: right;color: #999999;font-family: Arial}
.relate ul{width: 102%;}
.relate .caselink{    width: 23%;
    margin-right: 2%;float: left;text-align: center;margin-top: 15px;}
.relate .caselink .case_img{display: block;width: 100%;height: 186px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #f4f4f4;
    background: #f4f4f4;}
.relate .caselink .case_img img{width: 100%;height: 100%;display: block;}
.hotnewsbd ul a{display:block;}
.hotnewsbd ul li:hover a{color: #f08118;}
/* --------------news---------------- */


/* message */
.container .contact .contact_info{display: flex;padding: 2rem 0 1.5rem;border-bottom: 1px solid #ddd;}
.container .contact .contact_info li{width: 30.33%\9;margin: 0 1.5%;float: left;flex:1;white-space: nowrap;}
.container .contact .contact_info li img{display: block;float: left;    margin-right: 3%;}
.container .contact .contact_info li .txt{font-size: 16px;color: #333333;margin-top:4px;margin-bottom: 20px}
.container .contact .contact_info li .txt p{font-size: 30px;font-family: Arial, Helvetica, sans-serif}

.message{    width: 100%;
    padding: 2% 0;
    margin: 0 auto;
    font-size: 16px;background: #f8f8f8;margin-bottom: -3vw;    margin-top: 5vw;}
.message .container{max-width: 1400px;margin: 0 auto}
.container .contact h2,.message .container h2{font: 500 24px "microsoft yahei" ;margin-bottom: 2%}
.message .container .field {margin: 20px 0 0;text-align: justify;}
.message .container .field:after{content: "";width: 100%;display: inline-block;font-size: 0;line-height: 0;}
.message .container .field li{float: left;}
.message .container .field .ui-input {display: inline-block;width: 30%;line-height: 36px;border:1px solid #dddddd;padding-left:10px;color: #333;font-size: 16px;}
.message .container .field input:last-child{margin-right: 0}
.message .container .ui-textarea{margin-bottom: 2vw;width: 99%;height: 150px;border:1px solid #dddddd;padding-left: 10px;font-family: "microsoft yahei";font-size: 16px;padding-top: 8px;}
.message .container .ui-btn1 { background:#f08118;border: none;color: #fff;width: 120px;padding: 10px;margin-right: 30px;margin-bottom: 3vw;cursor:pointer;}
.message .container .ui-btn2 {background:#bbbbbb;border: none;color: #fff;width: 120px;margin-bottom: 3vw;padding:10px;cursor:pointer;}
.message .mod3{text-align: center}
.mes_txt{color: #333;line-height: 3.4;margin-top: -2px;}
.mes_txt::before{content: "";
    display: block;
    width: 1.5rem;
    height: 2px;
    background: #008b32;}
.innertit{text-align: center;    margin:2rem 0;}
.innertit h3{    font-size: 1.4rem;
    line-height: 2.5;}
.innertit small{    font-size: 15px;
    color: #666;
    display: block;
    line-height: 1.7;}
.innertit h3::after{content: "";
    display: block;
    width: 1.5rem;
    height: 2px;
    background: #008b32;    margin: 0 auto;}
.innertit2{border-bottom: 1px solid #dddddd;margin-bottom: 1rem;}
.innertit2 h2{font-size: 24px;color: #333;display: inline-block;    font-weight: normal;line-height: 2em;padding-bottom:5px;margin-bottom: -1px;}
/* tag */
.breakerDiv h2{font: 500 26px/40px "microsoft yahei";color: #333333}
.searchbox{margin-top: 10px;}
.search-body li{margin-bottom: 18px;height: 96px;overflow: hidden;}
.search-body .date{width: 100px;text-align: center;float: left;font: 300 16px/24px "microsoft yahei";background: #06245f;color: #fff;padding: 16px}
.search-body .date h3{font: 300 30px/40px Arial;}
.search-body .date span{font: 300 18px/20px Arial;}
.search-body .txtarea{float: right;width: calc(100% - 125px);background: #f7f7f7;padding: 10px 20px}
.search-body .txtarea h3{font: 700 18px/30px "microsoft yahei";width: 100%;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.subbanner img{display: block;max-width: 100%;}
.advlist{overflow:hidden;text-align:center;}
.advlist li{float:left;width:25%;}
.advlist h3{font-size:18px;font-weight:bold;color:#199254;line-height:3;}
.advlist .con{font-size:15px;color:#666;line-height: 2;padding: 0 2em;}
.sharediv{display: inline-block;position: relative;}
.sharediv>span{display: block;}
.sharediv .icon1{display: none;position: absolute;
    left: 0;
    border: 1px solid #ddd;
    background: #fff;}
.sharediv:hover .icon1{display: block;}
#icon1 .bds_more {background: none;padding-left: 0;}
@media only screen and (max-width: 1400px){
  #globalnav .gn-list{width: 650px}
  #globalnav .gn-link{font-size: 15px}
  .relate .caselink .case_img{height: 14vw;}
  .prolist li .imgarea{height: 20vw;}
  .client li .imgarea{height: 20vw;}
  .productcategory li .imgarea{}
}

@media only screen and (max-width: 1000px){
  #globalnav .gn-list{width: 100%}
  .subbanner img{width: 140%;margin-left: -20%;max-width: none;}
  .subbanner .imgcon img{display: none;}
  /*.container{margin: 30px auto 30px auto;}*/
  .level2{display: none}
  .sidebar .overview{display: none}
  .sidenav{display: none}
  .left_sides .hotnews{display: none}
  .left_sides .tag{display: none}
  .right-block{width: 100%;padding-top: 0;}
  .right-cont{width: 100%;}
  .relate .newslink{width: 100%;margin: 0;}

  #dcms_pager{margin-top: 3vw;margin-bottom: 3vw;}
  .relate .prolink .imgarea{height: 110px;}
  .topbar{margin: 0;background: #f5f5f5;padding: 10px 0;margin-bottom: 3vw;}
  .topbar .topnav{display: none}
  .topbar .path{float: left;}
  .right-cont .caselist li .imgarea{height: 20vw;}
}

@media only screen and (max-width: 768px){
  .sub_info span{margin-right: 10px}
  .bdsharebuttonbox{display: none}
  .newslist .txtarea .more{display: none}
  .container .contact .contact_info li{width: 100%;}
  .newslist li{padding: 10px;}
  .subbanner img{width: 160%;margin-left: -30%;max-width: none;}
}

@media only screen and (max-width: 640px){
  .right-cont .tag_sq span{padding: 0 10px;}
  .sub_title h3{font: 500 22px "microsoft yahei";}
  /*.newslist li {padding: 13px;}*/
  .newslist .imgarea{width: 30%;height: 21vw;margin-right: 3vw;}
  .newslist .txtarea{float: none;width: auto;}
  .newslist .tag{display: none;}
  .newslist .txtarea .desc {line-height: 1.7; }
  .newslist .date {line-height: 1em;font-size: 12px;}
  .newslist .txtarea h2{font-size:16px;}
  .copyright{padding-bottom:60px;box-sizing: inherit;height: auto;padding-top:15px;line-height: 1.9em;text-align: center;}
  .skip .fr{margin-left: 10px;float: left;}
  .copyright a{float: none;}
  .newslist li {padding: 13px;}
  .caselist li,.prolist li{    width: 47%;}
  .caselist li .imgarea {height: 34vw;}
  .prolist li .imgarea {height: 30vw;}
  .client li .imgarea {height: 30vw;}
  .productcategory li .imgarea {height: 30vw;}
  .innertit2 h2{font-size: 16px;font-weight: bold;background-size: 100%;}
  
}

@media only screen and (max-width: 480px){
    .relate .prolink .imgarea{height:45x;}
    .newslist li{padding: 10px 7px;}
    .newslist .imgarea{width: 30%;height: 21vw;margin-right: 3vw;}
    .newslist .date{height: 1em;display: block;margin:-4px 0;}
    .newslist .date h3{margin-top:0;margin-bottom:0}
    .newslist .date i{display: none;}
    .news_imgarea{margin-right: 2vw;}
    .message .container .field .ui-input{display: block;margin-bottom: 10px;width: 100%;box-sizing: border-box;}
    .message .container .ui-textarea{box-sizing: border-box;}
    .right-cont .prolist .des{display: none}
}

.breadcrumb-bar{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.breadcrumb-bar{max-width:1200px;margin:0 auto 2% auto;}
.breadcrumb-bar .cont{border-bottom: 1px dashed #ddd;width: 100%;overflow: hidden;}
.breadcrumb-bar .path{float: left;border-left: 5px solid #f38e28;padding-left: 10px;line-height: 25px;margin: 20px 0;    color: #333;}
.breadcrumb-bar .path a{margin: 0 5px}
.breadcrumb-bar .fa-reply{float: right;color: #999999;font-size: 18px;line-height: 25px;margin: 20px 0;}

.subbanner .wrapper{height: 100%;}
.subbanner .imgcon{height: 100%;background: rgba(0,0,0,0.4);width: 300px;}
.subbanner .dib{text-align: left;vertical-align: middle;}
.subbanner h2{color: #fff; letter-spacing: 3px;    text-shadow: 0 0 5px rgb(0,0,0,0.5);}
.subbanner small{
    color: #fff;
    letter-spacing: 2px;
    font-family: arial;
    text-transform: uppercase;
    line-height: 3;
    margin-bottom: 18px;
    display: block;}
.bord{border: 1px solid #ddd;padding: 17px 40px;}
#icon1{display: inline-block;    vertical-align: middle;display: none;}
.map_pic{margin: -1px;}