/*公共样式--开始*/
.commontext {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 30px 0;
    line-height: 25px;
}

.piSubCon_1{display:none;overflow:hidden;}
.piSubCon_2{padding-bottom:10px;overflow:hidden;}
.piSubCon_3{font-size:12px;text-align:center;color:#b91c1a;margin-bottom:13px;overflow:hidden;}
.piSubCon_4{text-align:center;margin-top:8px;overflow:hidden;}
.piSubCon_5{text-align:center;clear:both;overflow:hidden;}
.piSubCon_6{float:left;padding-top:3px;overflow:hidden;}
.piSubCon_7{color:#585858;font-weight:bold;overflow:hidden;}
.piSubCon_8{clear:both;overflow:hidden;}
.piSubCon_9{font-weight:100;overflow:hidden;}
.piSubCon_10{text-align:left;overflow:visible;}
.piSubCon{text-align:left;line-height:22px;}


.bSubCon2{overflow:hidden;color: #7c7c7c;text-align:left;line-height:25px;font-size: 14px;}
.bSubCon2 a{color: #7c7c7c;font-size: 14px;}
.bSubCon2 a:hover{text-decoration:underline;}
.rSubCon2{padding:0 0 8px 0;overflow:hidden;color: #7c7c7c;text-align:left;line-height:25px;font-size: 14px;}
.rSubCon2 a{color: #7c7c7c;font-size: 14px;}
.rSubCon2 a:hover{text-decoration:underline;}

.frlSubCon{padding:12px 0;overflow:hidden;text-align:left;line-height:25px;color:#7c7c7c;}
.frlSubCon .link{margin:0 3px;color:#7c7c7c;}
.frlSubCon .link:hover{color:#FF6600;text-decoration:underline;}

.yzeditor img {
    margin: 0px auto 0px !important;
    max-width: 100% !important;
    height: auto;
}
.yzeditor p {
    margin: 0px 0 !important;
}
.lianxiwomen {
    width: 100%;
    height: 640px;
    background: url(../image/about.png) no-repeat;
}
.lianxiwomen .wide {
        width: 1200px;
        margin: 0 auto;
        height: 100%;
    }
.siSubCon {
    width:750px;
    overflow: hidden;
    color: #FFFFFF;
    font-size: 14px;
    text-align: left;
    text-indent: 20px;
    line-height: 28px;
    padding-top:210px;
}

    .siSubCon a {
        color: #FFFFFF;
    }
.lianxiwomen .wide .more_gode {
    display: block;
    width: 108px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    border:1px solid #FFFFFF;
}



.class_list_Outerborder {
    text-align: left;
    padding: 50px 0;
}
.class_list {
    margin-top: 20px;
    height: 50px;
    text-align: left;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
}
.tabA {
    display: inline-block;
    padding-left: 15px;
    height: 38px;
    line-height: 36px;
    padding-right: 15px;
    border: 1px solid #fff;
    cursor: pointer;
    font-size: 16px;
    margin: 0 12px;
    border-radius: 20px;
    float: left;
}
.tablehover, a.tabA:hover {
    display: inline-block;
    padding-left: 15px;
    height: 38px;
    line-height: 36px;
    padding-right: 15px;
    border: 1px solid #fff;
    border-color: #d71e1e;
    color: #d71e1e;
    cursor: pointer;
    font-size: 16px;
    margin: 0 12px;
    border-radius: 20px;
}



/*截断*/
.maxLen, .maxlen {
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block !important;
    display: inline-block;
}

html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

* {
  -webkit-tap-highlight-color: transparent;
  outline: 0;
}

html,
body {
  min-height: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

body {
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

img {
  border: none;
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #232323;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
}

input,
textarea,
a,
div {
  outline: none;
  border: none;
}

textarea {
  resize: none;
  overflow: auto;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: ".";
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  overflow: hidden;
}

.fl {
  float: left
}

.fr {
  float: right
}

.tl {
  text-align: left;
}

.tc {
  text-align: center
}

.tr {
  text-align: right;
}

.ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}


.selectTdClass {
  background-color: #edf5fa !important
}

table.noBorderTable td,
table.noBorderTable th,
table.noBorderTable caption {
  border: 1px dashed #ddd !important
}

.detail table,
.solutions_txt table {
  margin-bottom: 10px;
  border-collapse: collapse;
  display: table;
}

.detail td,
.detail th,
.solutions_txt td,
.solutions_txt th {
  padding: 5px 10px;
  border: 1px solid #DDD;
}

.detail caption,
.detail caption,
.solutions_txt caption,
.solutions_txt caption {
  border: 1px dashed #DDD;
  border-bottom: 0;
  padding: 3px;
  text-align: center;
}

.detail th,
.detail th,
.solutions_txt th,
.solutions_txt th {
  border-top: 1px solid #BBB;
  background-color: #F7F7F7;
}

.detail table tr.firstRow th,
.solutions_txt table tr.firstRow th {
  border-top-width: 2px;
}

.detail .ue-table-interlace-color-single,
.solutions_txt .ue-table-interlace-color-single {
  background-color: #fcfcfc;
}

.detail .ue-table-interlace-color-double,
.solutions_txt .ue-table-interlace-color-double {
  background-color: #f7faff;
}

.detail td p,
.solutions_txt td p {
  margin: 0;
  padding: 0;
}


.tran img,
.transition {
  transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
}

.img_poa img {
  position: absolute;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

strong {
  font-weight: initial;
}

/*取消蓝色*/
.qxls {
  -moz-user-select: none;
  /*mozilar*/
  -webkit-user-select: none;
  /*webkit*/
  -ms-user-select: none;
  /*IE*/
  user-select: none;
}

/*返回*/
.totop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: url(../image/fan-top.png) #d71e1e no-repeat;
  width: 50px;
  height: 50px;
  background-size: 100%;
  cursor: pointer;
  display: none;
  z-index: 10;
}

/*end*/


/*浏览器升级提示窗口*/
.yy {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 99999;
  display: none;
}

.yy.cur00 {
  display: block;
}

.yy h1 {
  font-size: 26px;
  color: #000
}

.yy-box {
  position: fixed;
  width: 400px;
  height: 200px;
  background-color: #fff;
  text-align: center;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -100px;
  padding-top: 50px;
  z-index: 99999;
  display: none;
}

.yy-box.cur00 {
  display: block;
}

.yy-box p {
  margin-top: 20px;
}

.yy-box p a {
  color: #ff9c00;
}

@media \0screen\,screen\9 {

  /* 只支持IE6、7、8 */
  .yy {
    background-color: #000000;
    filter: Alpha(opacity=50);
    *zoom: 1;
    /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }

  .yy-box {
    filter: Alpha(opacity=100);
  }
}

/**
 *文字截断
 */
.znowrap {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.znowrap_flex {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  height: inherit;
}

.znowrap_line1 {
  -webkit-line-clamp: 1;
}

.znowrap_line2 {
  -webkit-line-clamp: 2;
}

.znowrap_line3 {
  -webkit-line-clamp: 3;
}

.znowrap_line6 {
  -webkit-line-clamp: 6;
}

/*居中*/
.tac {
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;

  /* Safari, Chrome, and Opera */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  /* W3C */
  display: box;
  box-pack: center;
  box-align: center;
}

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

  html {
    overflow-x: auto;
    width: 1200px;
  }
}






/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        animation-duration: 2s;
    }

    .animated.flipOutX,
    .animated.flipOutY,
    .animated.bounceIn,
    .animated.bounceOut {
        animation-duration: .75s;
    }

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: translate(-50%, -50%) scale3d(1, 1, 1);
    }

    30% {
        transform: translate(-50%, -50%) scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: translate(-50%, -50%) scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: translate(-50%, -50%) scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: translate(-50%, -50%) scale3d(.95, 1.05, 1);
    }

    75% {
        transform: translate(-50%, -50%) scale3d(1.05, .95, 1);
    }

    to {
        transform: translate(-50%, -50%) scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    animation-name: shake;
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
    from {
        transform: none;
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        transform: none;
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes jello {
    from, 11.1%, to {
        transform: none;
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    animation-name: jello;
    transform-origin: center;
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

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

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

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

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

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

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

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

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in;
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1;
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }

    50% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.jackInTheBox {
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}






/* 公用 */
.wide {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

em,
i {
    font-style: normal
}

img {
    max-width: 100%;
}



/* 顶部 */
.header {
    height: 91px;
    line-height: 91px;
}

/*20190403 修改*/
.header-stop {
    width: 100%;
    position: relative;
    z-index: 100;
    transition: all .5s;
    background: #fff;
}

body.active {
    padding-top: 91px;
}

.header-stop.active {
    position: fixed;
    top: 0;
}

.header .wide {
    position: relative;
}
.wide.clearfix img {
    margin-top: 24px;
}

.header_nav {
    display: inline-block;
    margin-left: 48px;
}

    .header_nav li {
        float: left;
        padding: 0 18px;
    }

        .header_nav li:first-child {
            margin-left: 0;
        }

        .header_nav li a:hover {
            color: #d71e1e;
        }

.header .search-box {
    position: absolute;
    width: 210px;
    height: 32px;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    right: 0;
    top: 50%;
    margin-top: -16px;
    overflow: hidden;
}

    .header .search-box .box_ssgo {
        width: 100%;
        height: 100%;
    }

        .header .search-box .box_ssgo .wbk_go {
            float: left;
            width: 175px;
            padding: 0 14px;
            height: 100%;
        }

            .header .search-box .box_ssgo .search-inp {
                float: left;
                width: 33px;
                height: 100%;
                cursor: pointer;
                background: url(../image/ss.png) no-repeat left center;
                padding: 0;
            }

/* 首页-内容 */
.banner .swiper-pagination {
    bottom: 18px;
}

.banner .swiper-pagination-bullet {
    opacity: 1;
    background-color: rgba(215, 35, 35, .5);
    width: 12px;
    height: 12px;
    margin: 0 8px !important;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.banner .swiper-pagination-bullet-active {
    background-color: #d94844;
    width: 34px;
    border-radius: 20px;
}

.cpzx {
    padding-top: 50px;
    padding-bottom: 50px;
}

.content_title {
    text-align: center;
}

    .content_title h2 {
        font-size: 36px;
    }

    .content_title .hxian {
        display: block;
        width: 34px;
        height: 3px;
        margin: 8px auto;
        background-color: #d71e1e;
    }

    .content_title p {
        font-size: 16px;
        color: #7f7f7f;
    }

.cpzx_nav {
    margin-top: 34px;
    text-align: center;
}

    .cpzx_nav span {
        display: inline-block;
        padding-left: 15px;
        height: 38px;
        line-height: 36px;
        padding-right: 15px;
        border: 1px solid #fff;
        cursor: pointer;
        font-size: 16px;
        margin: 0 12px;
        border-radius: 20px;
    }

        .cpzx_nav span.cur {
            border-color: #d71e1e;
            color: #d71e1e;
        }

.cpzx_box .cpzx_list {
    display: none;
    width: 100%;
    overflow: hidden;
}

    .cpzx_box .cpzx_list:first-child {
        display: block;
    }

.cpzx_list {
    margin-top: 45px;
}

    .cpzx_list li {
        float: left;
        position: relative;
        width: 24.63%;
        margin-right: 0.493%;
        height: 553px;
        background-color: #ededed;
        overflow: hidden;
        margin-bottom: 9px;
        animation-duration: 1s;
        animation-fill-mode: both;
    }

        .cpzx_list li a {
            display: block;
            height: 100%;
            padding-top: 41px;
            position: relative;
        }

        .cpzx_list li:nth-child(4n) {
            margin-right: 0;
        }

        .cpzx_list li .img {
            position: relative;
            height: 384px;
        }

        .cpzx_list li .txt {
            position: relative;
            top: 0;
            text-align: center;
            margin-top: 28px;
            transition: all .3s;
            -o-transition: all .3s;
            -ms-transition: all .3s;
            -moz-transition: all .3s;
            -webkit-transition: all .3s;
        }

            .cpzx_list li .txt h3 {
                font-size: 24px;
                font-weight: bold;
                transition: all .3s;
                -o-transition: all .3s;
                -ms-transition: all .3s;
                -moz-transition: all .3s;
                -webkit-transition: all .3s;
            }

            .cpzx_list li .txt p {
                font-size: 18px;
                margin-top: 15px;
                transition: all .3s;
                -o-transition: all .3s;
                -ms-transition: all .3s;
                -moz-transition: all .3s;
                -webkit-transition: all .3s;
            }

            .cpzx_list li .txt .gd {
                display: block;
                width: 118px;
                height: 38px;
                line-height: 38px;
                background-color: #d71e1e;
                color: #fff;
                font-size: 18px;
                border-radius: 20px;
                margin: 0 auto;
                margin-top: 55px;
            }

        .cpzx_list li a:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: transparent;
            left: 0;
            bottom: 0;
            transition: all .3s;
            -o-transition: all .3s;
            -ms-transition: all .3s;
            -moz-transition: all .3s;
            -webkit-transition: all .3s;
        }

        .cpzx_list li:hover a:after {
            background-color: rgba(0, 0, 0, .45);
        }

        .cpzx_list li:hover .txt {
            position: relative;
            top: -260px;
            z-index: 11;
        }

            .cpzx_list li:hover .txt h3 {
                font-size: 28px;
                color: #fff;
            }

            .cpzx_list li:hover .txt p {
                font-size: 28px;
                font-weight: bold;
                color: #fff;
            }

    .cpzx_list.cur li {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        animation-name: flipInX;
    }

        .cpzx_list.cur li:first-child {
            animation-delay: 0.3s;
        }

        .cpzx_list.cur li:nth-child(2) {
            animation-delay: 0.5s;
        }

        .cpzx_list.cur li:nth-child(3) {
            animation-delay: 0.7s;
        }

        .cpzx_list.cur li:nth-child(4) {
            animation-delay: 0.9s;
        }

        .cpzx_list.cur li:nth-child(5) {
            animation-delay: 1.1s;
        }

        .cpzx_list.cur li:nth-child(6) {
            animation-delay: 1.3s;
        }

        .cpzx_list.cur li:nth-child(7) {
            animation-delay: 1.5s;
        }

        .cpzx_list.cur li:nth-child(8) {
            animation-delay: 1.7s;
        }


/* 首页-系统方案 */
.xtfa {
    padding-bottom: 73px;
}

    .xtfa .xtfa_top {
        height: 273px;
        background: url(http://style.yzimgs.com/skins/images/bj1.jpg) no-repeat center;
        text-align: center;
        color: #fff;
        padding-top: 80px;
        margin-bottom: 45px;
    }

        .xtfa .xtfa_top h3 {
            font-size: 24px;
            margin-bottom: 22px;
            font-weight: bold;
            opacity: 0;
        }

        .xtfa .xtfa_top .xtfa_bot {
        }

    .xtfa.no .xtfa_top h3 {
        opacity: 1;
    }

    .xtfa.no .xtfa_top .xtfa_bot {
        opacity: 1;
    }

    .xtfa .xtfa_top p {
        line-height: 30px;
    }

        .xtfa .xtfa_top p img {
            margin-right: 5px;
            vertical-align: 0px;
        }

    .xtfa .wide {
        overflow: hidden;
    }

.xtfa_box {
    margin-top: 45px;
}

    .xtfa_box .left {
        width: 299px;
    }

        .xtfa_box .left p {
            height: 60px;
            margin-bottom: 2px;
            background-color: #e9e9e9;
            line-height: 60px;
            padding-left: 15px;
        }

            .xtfa_box .left p:last-child {
                margin-bottom: 0;
            }

            .xtfa_box .left p i {
                display: inline-block;
                width: 30px;
                height: 30px;
                vertical-align: middle;
                margin-right: 8px;
            }

            .xtfa_box .left p.cur,
            .xtfa_box .left p:hover {
                background-color: #d71e1e;
                color: #fff;
            }

.icon1 {
    background: url(http://style.yzimgs.com/skins/images/icon1.png) no-repeat;
}

.xtfa_box .left p i.i1 {
    background-position: left top;
}

.xtfa_box .left p i.i2 {
    background-position: left -30px;
}

.xtfa_box .left p i.i3 {
    background-position: left -60px;
}

.xtfa_box .left p i.i4 {
    background-position: left -90px;
}

.xtfa_box .left p i.i5 {
    background-position: left bottom;
}

.xtfa_box .left p:hover i.i1,
.xtfa_box .left p.cur i.i1 {
    background-position: right top;
}

.xtfa_box .left p:hover i.i2,
.xtfa_box .left p.cur i.i2 {
    background-position: right -30px;
}

.xtfa_box .left p:hover i.i3,
.xtfa_box .left p.cur i.i3 {
    background-position: right -60px;
}

.xtfa_box .left p:hover i.i4,
.xtfa_box .left p.cur i.i4 {
    background-position: right -90px;
}

.xtfa_box .left p:hover i.i5,
.xtfa_box .left p.cur i.i5 {
    background-position: right bottom;
}

.xtfa_box .right {
    width: 878px;
    background-color: #f2f2f2;
    height: 310px;
    overflow: hidden;
}

    .xtfa_box .right .xtfa_box_div {
        height: 100%;
        display: none;
    }

        .xtfa_box .right .xtfa_box_div:first-child {
            display: block;
        }

        .xtfa_box .right .xtfa_box_div .img {
            position: relative;
            width: 398px;
            height: 100%;
            overflow: hidden;
        }

        .xtfa_box .right .xtfa_box_div .txt {
            width: 480px;
            padding-left: 30px;
            padding-top: 60px;
            padding-right: 30px;
        }

            .xtfa_box .right .xtfa_box_div .txt h4 {
                font-size: 24px;
                margin-bottom: 20px;
            }

            .xtfa_box .right .xtfa_box_div .txt p {
                line-height: 30px;
                color: #7f7f7f;
                height: 90px;
            }

            .xtfa_box .right .xtfa_box_div .txt a {
                display: block;
                width: 98px;
                height: 31px;
                line-height: 31px;
                background-color: #303030;
                text-align: center;
                color: #fff;
                margin-top: 36px;
                transition: all .3s;
                -o-transition: all .3s;
                -ms-transition: all .3s;
                -moz-transition: all .3s;
                -webkit-transition: all .3s;
            }

                .xtfa_box .right .xtfa_box_div .txt a:hover {
                    background-color: #d71e1e;
                    border-radius: 20px;
                }

.xtfa_box.no .left {
    opacity: 1;
}

.xtfa_box.no .right {
    opacity: 1;
}



/* 首页-我们的优势 */
.wmdys {
    background-color: #f5f5f5;
    padding-top: 70px;
    padding-bottom: 17px;
}

    .wmdys .wide {
        position: relative;
    }

    .wmdys .swiper-container {
        padding-top: 105px;
    }

        .wmdys .swiper-container .swiper-slide {
            position: relative;
            width: 380px;
            height: 170px;
            background-color: #fff;
            margin-bottom: 55px;
            padding-top: 85px;
            text-align: center;
        }

            .wmdys .swiper-container .swiper-slide .yuan {
                position: absolute;
                width: 122px;
                height: 122px;
                line-height: 122px;
                left: 50%;
                margin-left: -61px;
                top: -61px;
                background-color: #eaeaea;
                border-radius: 50%;
                transition: all .3s;
                -o-transition: all .3s;
                -ms-transition: all .3s;
                -moz-transition: all .3s;
                -webkit-transition: all .3s;
            }

                .wmdys .swiper-container .swiper-slide .yuan i {
                    display: inline-block;
                    width: 72px;
                    height: 72px;
                    vertical-align: middle;
                    margin-top: 26px;
                }

            .wmdys .swiper-container .swiper-slide p {
                line-height: 30px;
                font-size: 16px;
            }

.icon2 {
    background: url(../image/shi.png) no-repeat;
}

.wmdys .swiper-container .swiper-slide .yuan i.i1 {
    background-position: left top;
}

.wmdys .swiper-container .swiper-slide .yuan i.i2 {
    background-position: left -72px;
}

.wmdys .swiper-container .swiper-slide .yuan i.i3 {
    background-position: left -144px;
}

.wmdys .swiper-container .swiper-slide .yuan i.i4 {
    background-position: left -216px;
}

.wmdys .swiper-container .swiper-slide .yuan i.i5 {
    background-position: left -288px;
}

.wmdys .swiper-container .swiper-slide .yuan i.i6 {
    background-position: left -360px;
}

.wmdys .swiper-container .swiper-slide .yuan i.i7 {
    background-position: left -432px;
}

.wmdys .swiper-container .swiper-slide .yuan i.i8 {
    background-position: left -504px;
}

.wmdys .swiper-container .swiper-slide .yuan i.i9 {
    background-position: left -576px;
}

.wmdys .swiper-container .swiper-slide .yuan i.i10 {
    background-position: left -654px;
}

.wmdys .swiper-button-next {
    width: 55px;
    height: 55px;
    background: url(http://style.yzimgs.com/skins/images/right.png) no-repeat;
    top: auto;
    bottom: 13px;
    right: -95px;
    margin-top: 0;
}

.wmdys .swiper-button-prev {
    width: 55px;
    height: 55px;
    background: url(http://style.yzimgs.com/skins/images/left.png) no-repeat;
    top: auto;
    bottom: 13px;
    left: -95px;
    margin-top: 0;
}

.wmdys .swiper-container .swiper-slide .txt {
    position: relative;
    z-index: 2;
}

.wmdys .swiper-container .swiper-slide .bj {
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #d71e1e;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    border-radius: 50%;
}

.wmdys .swiper-container .swiper-slide:hover .bj {
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.wmdys .swiper-container .swiper-slide:hover p {
    color: #fff;
}

.wmdys .swiper-container .swiper-slide:hover .yuan {
    background-color: #fff;
}

/* 首页-关于我们 */
.gywm {
    padding-top: 66px;
    padding-bottom: 65px;
}

.gywm_nav {
    margin-top: 36px;
    text-align: center;
}

    .gywm_nav span {
        display: inline-block;
        width: 108px;
        height: 31px;
        line-height: 31px;
        background-color: #e9e9e9;
        border-radius: 20px;
        font-size: 16px;
        cursor: pointer;
        margin: 0 13px;
    }

        .gywm_nav span.cur {
            background-color: #d71e1e;
            color: #fff;
        }

.gywm_box {
    margin-top: 45px;
}

    .gywm_box .gywm_div {
        display: none;
        height: auto;
    }

        .gywm_box .gywm_div:first-child {
            display: block;
        }

        .gywm_box .gywm_div .img {
            position: relative;
            width: 578px;
            height: 385px;
            overflow: hidden;
        }

        .gywm_box .gywm_div .txt {
            width: 570px;
            padding-right: 15px;
            padding-top: 20px;
            height: 100%;
            overflow: hidden;
        }

            .gywm_box .gywm_div .txt h3 {
                font-size: 24px;
                margin-bottom: 15px;
            }

            .gywm_box .gywm_div .txt p {
                line-height: 30px;
                color: #7f7f7f;
                text-indent: 2em;
            }

            .gywm_box .gywm_div .txt a {
                display: block;
                width: 108px;
                height: 33px;
                line-height: 33px;
                color: #fff;
                text-align: center;
                margin-top: 30px;
                background-color: #303030;
            }

                .gywm_box .gywm_div .txt a:hover {
                    border-radius: 20px;
                    background-color: #d71e1e;
                }

/* 首页-新闻、问题、留言 */

.xitongfan {
    width:100%;
    height:706px;
    background: url(../image/xitongfan.png) no-repeat;
}
    .xitongfan .wide {
        width: 1200px;
        margin: 0 auto;
        height: 100%;
    }
        .xitongfan .wide .xitongfan_01 {
            width: 172px;
            height: 329px;
            color: #fff;
            text-align: center;
            border: 0px solid #FFFFFF;
            position: absolute;
            left: 66px;
            top: 333px;
        }
        .xitongfan .wide .xitongfan_02 {
            width: 183px;
            height: 329px;
            color: #fff;
            text-align: center;
            border: 0px solid #FFFFFF;
            position: absolute;
            left: 282px;
            top: 201px;
        }
        .xitongfan .wide .xitongfan_03 {
            width: 183px;
            height: 329px;
            color: #fff;
            text-align: center;
            border: 0px solid #FFFFFF;
            position: absolute;
            left: 522px;
            top: 249px;
        }
        .xitongfan .wide .xitongfan_04 {
            width: 183px;
            height: 329px;
            color: #fff;
            text-align: center;
            border: 0px solid #FFFFFF;
            position: absolute;
            left: 761px;
            top: 209px;
        }
        .xitongfan .wide .xitongfan_05 {
            width: 183px;
            height: 329px;
            color: #fff;
            text-align: center;
            border: 0px solid #FFFFFF;
            position: absolute;
            right: 49px;
            top: 331px;
        }


.wxWtLy {
    background-color: #f5f5f5;
    padding-top: 70px;
    padding-bottom: 60px;
}

    .wxWtLy .wx {
        width: 390px;
    }

    .wxWtLy .wxWtLy_title {
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #E6E6E6;
        overflow: hidden;
    }

        .wxWtLy .wxWtLy_title span {
            float: left;
            font-size: 18px;
            font-weight:bold;
            background-color: #f5f5f5;
            position: relative;
            z-index: 2;
        }


        .wxWtLy .wxWtLy_title a {
            float: right;
            background-color: #f5f5f5;
            position: relative;
            z-index: 2;
        }

            .wxWtLy .wxWtLy_title a:hover {
                color: #d71e1e;
            }

    .wxWtLy .wx .wx_top {
        margin-top: 24px;
        overflow: hidden;
    }

        .wxWtLy .wx .wx_top .img {
            display: block;
            float: left;
            position: relative;
            width: 170px;
            height: 105px;
            overflow: hidden;
        }

        .wxWtLy .wx .wx_top .txt {
            width: 200px;
            float: right;
            height: 105px;
            overflow: hidden;
            padding-top: 5px;
        }

            .wxWtLy .wx .wx_top .txt h3 {
                font-size: 14px;
                font-weight: bold;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .wxWtLy .wx .wx_top .txt p {
                line-height: 24px;
                color: #606060;
                height: 72px;
                overflow: hidden;
                margin-top: 8px;
            }

    .wxWtLy .wx ul {
        margin-top: 15px;
    }

        .wxWtLy .wx ul li {
            line-height: 36px;
            padding-left: 12px;
            background: url(http://style.yzimgs.com/skins/images/i2.png) no-repeat left center;
            overflow: hidden;
        }

            .wxWtLy .wx ul li span {
                float: left;
                width: 250px;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #606060;
            }

            .wxWtLy .wx ul li em {
                float: right;
                color: #606060;
            }

            .wxWtLy .wx ul li a:hover span,
            .wxWtLy .wx ul li a:hover em {
                color: #d71e1e;
            }

    .wxWtLy .wt {
        width: 48%;
    }

        .wxWtLy .wt ul {
            margin-top: 20px;
        }

            .wxWtLy .wt ul li {
                padding: 20px 0;
                border-bottom: 1px solid #EAEAEA;
                line-height:25px;
            }

                .wxWtLy .wt ul li .title {
                   font-size:16px;
                   text-align:left;
                }

                .wxWtLy .wt ul li .time {
                    font-size: 12px;
                    text-align: left;
                }

.hots_div_list {
    margin-top: 20px;
}

.wxWtLy .ly {
    width: 363px;
    height: 362px;
    background-color: #fff;
    padding: 12px 20px 0;
}

.ly_form {
    margin-top: 23px;
}

.wxWtLy .ly .ly_div {
    height: 37px;
    border: 1px solid #e1e1e1;
    line-height: 35px;
    overflow: hidden;
    margin-bottom: 6px;
}

    .wxWtLy .ly .ly_div span {
        float: left;
        width: 46px;
        height: 100%;
        border-right: 1px solid #e1e1e1;
        text-align: center;
        line-height: 35px;
    }

    .wxWtLy .ly .ly_div input {
        float: left;
        width: 275px;
        padding-left: 10px;
        padding-right: 10px;
        height: 100%;
    }

.wxWtLy .ly .ly_box {
    width: 100%;
    border: 1px solid #e1e1e1;
    height: 78px;
    text-align: center;
}

    .wxWtLy .ly .ly_box span {
        float: left;
        width: 46px;
        height: 100%;
        border-right: 1px solid #e1e1e1;
    }

    .wxWtLy .ly .ly_box textarea {
        float: left;
        width: 275px;
        padding: 10px;
        height: 100%;
    }

.ly_bot {
    margin-top: 6px;
}

    .ly_bot input {
        float: left;
        width: 160px;
        height: 31px;
        text-align: center;
        background-color: #d71e1e;
        color: #fff;
        cursor: pointer;
    }

    .ly_bot a {
        float: right;
        width: 160px;
        height: 31px;
        line-height: 31px;
        text-align: center;
        background-color: #4a4a4a;
        color: #fff;
    }

.wxWtLy .ly .ly_div span i,
.wxWtLy .ly .ly_box span i {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.icon3 {
    background: url(http://style.yzimgs.com/skins/images/icon3.png) no-repeat;
}

.wxWtLy .ly .ly_div span i.i1 {
    background-position: left top;
}

.wxWtLy .ly .ly_div span i.i2 {
    background-position: left -26px;
}

.wxWtLy .ly .ly_div span i.i3 {
    background-position: left -52px;
}

.wxWtLy .ly .ly_div span i.i4 {
    background-position: left -78px;
}

.wxWtLy .ly .ly_box span i.i5 {
    background-position: left bottom;
    margin-top: 5px;
}


/* 首页-合作伙伴 */
.hzhb {
    padding-top: 60px;
    padding-bottom: 82px;
}

    .hzhb ul {
        margin-top: 45px;
        border-left: 1px solid #cfcfcf;
        border-top: 1px solid #cfcfcf;
    }

        .hzhb ul li {
            float: left;
            width: 20%;
            height: 140px;
            text-align: center;
            line-height: 140px;
            border-right: 1px solid #cfcfcf;
            border-bottom: 1px solid #cfcfcf;
            transition: all .3s;
            -o-transition: all .3s;
            -ms-transition: all .3s;
            -moz-transition: all .3s;
            -webkit-transition: all .3s;
        }

            .hzhb ul li:hover {
                -webkit-box-shadow: inset 0 0 20px rgba(153, 153, 153, 1);
                -moz-box-shadow: inset 0 0 20px rgba(153, 153, 153, 1);
                box-shadow: inset 0 0 20px rgba(153, 153, 153, 1);
                border: 0;
            }

/* 尾部 */
.footer .footer-cont {
    background-color: #F4F4F4;
}

    .footer .footer-cont .wide {
        padding: 50px 0;
    }

    .footer .footer-cont dl {
        float: left;
        width: 205px;
    }

        .footer .footer-cont dl:first-child {
            margin-left: 0;
        }

        .footer .footer-cont dl dt {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .footer .footer-cont dl dd {
            line-height: 33px;
        }

            .footer .footer-cont dl dd a {
                color: #7c7c7c;
                width: 200px;
            }

                .footer .footer-cont dl dd a:hover {
                    text-decoration: underline;
                }

    .footer .footer-cont .footer-phone .phone-top {
        padding-bottom: 10px;
        border-bottom: 1px solid #DBDBDB;
    }

    .footer .footer-cont .footer-phone .phone-bot{
       padding:15px 0;
    }
        .footer .footer-cont .footer-phone .phone-bot .bottom_left {
            width: 95px;
            height: 96px;
            float: left;
            text-align:center;
            line-height: 24px;
        }
        .footer .footer-cont .footer-phone .phone-bot .erweima {
            width: 95px;
            height: 96px;
            background: url(../image/saoma.png) no-repeat left center;
        }
        .footer .footer-cont .footer-phone .phone-bot .bottom_right {
            float: right;
            text-align: left;
            width: 420px;
        }


        .footer .footer-cont .footer-phone .phone-top h4 {
            color: #d4041f;
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 5px;
            background: url(../image/tel_ico.png) no-repeat left center;
            text-indent: 45px;
        }

        .footer .footer-cont .footer-phone .phone-top p {
            line-height: 30px;
            color: #7c7c7c;
            text-transform: uppercase;
        }

    .footer .footer-cont .footer-phone .phone-bot h4 {
        font-size: 16px;
        color: #7c7c7c;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .footer .footer-cont .footer-phone .phone-bot .bdshare-button-style2-24:after {
        content: "";
        display: initial;
    }

    .footer .footer-cont .footer-phone .phone-bot .bdshare-button-style2-24 a {
        margin: 0;
        display: inline-block;
        width: 41px;
        height: 41px;
        vertical-align: middle;
        padding-left: 0;
        float: initial;
        margin-left: 10px;
    }

        .footer .footer-cont .footer-phone .phone-bot .bdshare-button-style2-24 a:first-child {
            margin-left: 0;
        }

        .footer .footer-cont .footer-phone .phone-bot .bdshare-button-style2-24 a.icon2 {
            background: url(http://style.yzimgs.com/skins/SB10545Skin/images/icon2.png) no-repeat;
        }

        .footer .footer-cont .footer-phone .phone-bot .bdshare-button-style2-24 a.bds_tsina {
            background-position: left top;
        }

        .footer .footer-cont .footer-phone .phone-bot .bdshare-button-style2-24 a.bds_weixin {
            background-position: left -41px;
        }

        .footer .footer-cont .footer-phone .phone-bot .bdshare-button-style2-24 a.bds_sqq {
            background-position: left -82px;
        }

.footer .footer-bot {
    border-top: 1px solid #DBDBDB;
    background-color: #F4F4F4;
    line-height: 25px;
    color: #c0c0c0;
}



    .footer .footer-bot a {
        color: #7c7c7c;
    }

/* 关于我们 */
.about {
}

.banner_img {
}

.path {
    height: 42px;
    border-bottom: 1px solid #e4e4e4;
    line-height: 41px;
    font-size: 16px;
    overflow: hidden;
    clear: both;
}

    .path span {
        font-size: 14px;
        padding-left: 20px;
        background: url(../image/home.png) no-repeat left center;
    }

.about_nav {
    margin-top: 58px;
    text-align: center;
}

    .about_nav a {
        display: inline-block;
        width: auto;
        height: 40px;
        line-height: 38px;
        border: 1px solid #d6d6d6;
        font-size: 16px;
        padding: 0 5px;
        margin: 0 6px;
        transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
    }

        .about_nav a.cur,
        .about_nav a:hover {
            border-color: #d71e1e;
            background-color: #d71e1e;
            color: #fff;
        }

.about_txt {
    margin-top: 63px;
    padding-bottom: 70px;
}

    .about_txt .title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .about_txt p {
        line-height: 30px;
        text-indent: 2em;
        margin-bottom: 30px;
    }

    .about_txt img {
        margin-left: 50px;
    }

/* 产品中心 */
.pro_nav {
    margin-top: 44px;
    text-align: center;
}

    .pro_nav a {
        display: inline-block;
        width: 190px;
        height: 40px;
        line-height: 38px;
        border: 1px solid #d6d6d6;
        font-size: 16px;
        margin: 0 6px;
        transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
    }

        .pro_nav a.cur,
        .pro_nav a:hover {
            border-color: #d71e1e;
            background-color: #d71e1e;
            color: #fff;
        }

.pro_cont {
    margin-top: 55px;
    padding-bottom: 110px;
}

    /*.pro_cont .pro_left {width: 274px;}
.pro_cont .pro_left .title {height: 80px; line-height: 80px; background-color: #f1f2f2; font-size: 22px; text-align: center;}
.pro_cont .pro_left .search {height: 51px; overflow: hidden; border: 3px solid #939598; background-color: #fff;}
.pro_cont .pro_left .search form {overflow: hidden; height: 100%;}
.pro_cont .pro_left .search input {float: left; width: 227px; height: 100%; padding: 0 10px;}
.pro_cont .pro_left .search input.search-but {width: 41px; height: 100%; background: url(../images/ss1.png) no-repeat center #939598; cursor: pointer; padding: 0;}
.pro_cont .pro_left ul {padding: 10px 0; border: 2px solid #cdcdcd; border-top: none;}
.pro_cont .pro_left ul li {margin: 2px 0; font-size: 16px;}
.pro_cont .pro_left ul li p {display: block; height: 38px; line-height: 38px; padding-left: 20px; position: relative;cursor:pointer;}
.pro_cont .pro_left ul li.open p {background-color: #d71e1e; color: #fff; }
.pro_cont .pro_left ul li.open p:after {position: absolute; top: 50%; right: 20px; display: block; margin-top: -4px; width: 8px; height: 8px; border-top: 1px solid #fff; border-left: 1px solid #fff; content: ""; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 50%; transform-origin: 50%;}
.pro_cont .pro_left ul li .pro-lsit-txt {padding: 5px 0; display: none;}
.pro_cont .pro_left ul li .pro-lsit-txt a {display: block; height: 30px; line-height: 30px; padding-left: 40px;}
.pro_cont .pro_left ul li .pro-lsit-txt a:hover,.pro_cont .pro_left ul li .pro-lsit-txt a.cur {color: #d71e1e;}
*/


    /*.pro_cont .pro_right {width: 880px;}*/
    .pro_cont .pro_h2 {
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        line-height: 40px;
        font-size: 16px;
        padding-left: 25px;
        margin-bottom: 20px;
    }

    .pro_cont .pro_right ul li {
        height: 283px;
        border-bottom: 1px solid #ededed;
        overflow: hidden;
        margin-bottom: 31px;
        transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        position: relative;
        top: 0;
    }

        .pro_cont .pro_right ul li:hover {
            top: -5px;
            box-shadow: 0 0 16px rgba(0, 0, 0, .5);
        }

        .pro_cont .pro_right ul li:last-child {
            margin-bottom: 0;
        }

        .pro_cont .pro_right ul li .img {
            float: left;
            position: relative;
            width: 295px;
            height: 100%;
            overflow: hidden;
            /*background-color: #ededed;*/
        }

        .pro_cont .pro_right ul li .txt {
            float: left;
            width: 583px;
            padding: 30px 40px 0;
        }

            .pro_cont .pro_right ul li .txt h3 {
                font-size: 24px;
            }

            .pro_cont .pro_right ul li .txt .xh {
                line-height: 30px;
            }

            .pro_cont .pro_right ul li .txt .ms {
                position: relative;
                padding-left: 70px;
                line-height: 30px;
            }

                .pro_cont .pro_right ul li .txt .ms label {
                    position: absolute;
                    left: 0;
                    top: 0;
                }

            .pro_cont .pro_right ul li .txt .xx_zx {
                margin-top: 30px;
                overflow: hidden;
            }

                .pro_cont .pro_right ul li .txt .xx_zx a {
                    float: left;
                    width: 109px;
                    height: 32px;
                    border: 1px solid #c4c4c4;
                    line-height: 30px;
                    text-align: center;
                    margin-right: 13px;
                    transition: all .3s;
                    -o-transition: all .3s;
                    -ms-transition: all .3s;
                    -moz-transition: all .3s;
                    -webkit-transition: all .3s;
                }

            .pro_cont .pro_right ul li .txt h3 a:hover {
                color: #d71e1e;
            }

            .pro_cont .pro_right ul li .txt .xx_zx a:hover {
                border-color: #d71e1e;
                color: #d71e1e;
                border-radius: 20px;
            }

/* 产品详情 */
.pro_cont_top {
}

    .pro_cont_top .proImg {
        width: 528px;
        position: relative;
    }

.min p {
    position: absolute;
    width: 150px;
    height: 150px;
    background: #000;
    opacity: 0.3;
    top: 0;
    left: 0;
    display: none;
    z-index: 10;
}

.pro_cont_top .max {
    position: absolute;
    width: 528px;
    height: 505px;
    border: 1px solid #e9e9e9;
    top: 0;
    left: 550px;
    background-color: #fff;
    display: none;
    overflow: hidden;
    z-index: 10;
}

.max img {
    width: 1600px;
    position: absolute;
    max-width: initial;
}

.pro_cont_top .proImg .view {
    height: 507px;
    border: 1px solid #e8e8e8;
}

    .pro_cont_top .proImg .view .swiper-container {
        height: 100%;
    }

        .pro_cont_top .proImg .view .swiper-container .swiper-slide {
            overflow: hidden;
        }

.pro_cont_top .proImg .preview {
    width: 100%;
    margin-top: 24px;
}

.preview {
    position: relative;
}

    .preview .swiper-slide {
        width: 103px;
        height: 99px;
        border: 1px solid #e9e9e9;
        position: relative;
        margin-right: 14px;
        cursor: pointer;
    }

.view .swiper-slide img {
    width: 100%;
    height: 100%;
}

.preview .swiper-slide:last-child {
    margin-right: 0;
}

.preview .swiper-container {
    width: 454px;
    height: 99px;
    margin: 0 auto;
}

.preview .arrow-left {
    position: absolute;
    width: 18px;
    height: 36px;
    background: url(http://style.yzimgs.com/skins/images/zy.png) no-repeat left top;
    left: 0;
    top: 50%;
    margin-top: -18px;
    cursor: pointer;
}

.preview .arrow-right {
    position: absolute;
    width: 18px;
    height: 36px;
    background: url(http://style.yzimgs.com/skins/images/zy.png) no-repeat left bottom;
    right: 0;
    top: 50%;
    margin-top: -18px;
    cursor: pointer;
}

.preview .swiper-slide.active-nav {
    border-color: #d71e1e;
}

.proTop_txt {
    width: 618px;
}

    .proTop_txt h3 {
        height: 85px;
        border-bottom: 1px solid #e4e4e4;
        line-height: 84px;
        font-size: 30px;
        margin-bottom: 26px;
    }

    .proTop_txt .xh {
        line-height: 30px;
        font-size: 16px;
    }

    .proTop_txt .ms {
        position: relative;
        padding-left: 80px;
        line-height: 30px;
        font-size: 16px;
    }

        .proTop_txt .ms label {
            position: absolute;
            left: 0;
            top: 0;
        }

    .proTop_txt .xx_zx {
        margin-top: 30px;
        overflow: hidden;
    }

        .proTop_txt .xx_zx a {
            float: left;
            width: 109px;
            height: 32px;
            border: 1px solid #c4c4c4;
            line-height: 30px;
            text-align: center;
            margin-right: 13px;
        }

    .proTop_txt ul {
        margin-top: 50px;
        overflow: hidden;
    }

        .proTop_txt ul li {
            float: left;
            margin-right: 10px;
        }

.pro_cont .cpxq {
    margin-top: 60px;
    border: 1px solid #e7e7e7;
    padding-bottom: 55px;
}

    .pro_cont .cpxq .title {
        height: 48px;
        line-height: 47px;
        border-bottom: 1px solid #e7e7e7;
        background-color: #f7f7f7;
        font-size: 16px;
        padding-left: 20px;
    }

.pro_cont .cpcs {
    padding-left: 18px;
    padding-top: 30px;
    padding-right: 18px;
}

    .pro_cont .cpcs .cpcs_left {
        width: 640px;
    }

        .pro_cont .cpcs .cpcs_left .cpcs_title {
            font-size: 16px;
            font-weight: bold;
            color: #d71e1e;
            padding-left: 18px;
        }

        .pro_cont .cpcs .cpcs_left ul {
            margin-top: 15px;
        }

            .pro_cont .cpcs .cpcs_left ul li {
                background-color: #f6f6f6;
                line-height: 40px;
                padding-left: 195px;
                position: relative;
                font-size: 16px;
                color: #565656;
            }

                .pro_cont .cpcs .cpcs_left ul li:nth-child(2n) {
                    background-color: #fff;
                }

                .pro_cont .cpcs .cpcs_left ul li label {
                    font-size: 16px;
                    font-weight: bold;
                    position: absolute;
                    left: 18px;
                    top: 0;
                }

                .pro_cont .cpcs .cpcs_left ul li.cgq {
                    line-height: 48px;
                }

                    .pro_cont .cpcs .cpcs_left ul li.cgq dd {
                        position: relative;
                    }

                        .pro_cont .cpcs .cpcs_left ul li.cgq dd a {
                            margin-right: 25px;
                        }

                            .pro_cont .cpcs .cpcs_left ul li.cgq dd a:last-child {
                                margin-right: 0;
                                float: right;
                            }

                            .pro_cont .cpcs .cpcs_left ul li.cgq dd a:hover {
                                color: #eb0000;
                            }

                            .pro_cont .cpcs .cpcs_left ul li.cgq dd a img {
                                vertical-align: -5px;
                            }

    .pro_cont .cpcs .cpcs_right {
        position: relative;
        width: 500px;
        height: 800px;
    }

.pro_cont .gnqd {
    margin-top: 66px;
    padding: 0 18px;
}

    .pro_cont .gnqd .gnqd_title {
        font-size: 16px;
        font-weight: bold;
        color: #d71e1e;
        padding-left: 18px;
    }

    .pro_cont .gnqd .gnqd_txt {
        font-size: 30px;
        line-height: 48px;
        text-align: center;
        margin-top: 24px;
    }

    .pro_cont .gnqd ul {
        margin-top: 35px;
    }

        .pro_cont .gnqd ul li {
            float: left;
            width: 558px;
            height: 289px;
            position: relative;
            overflow: hidden;
            margin-bottom: 20px;
        }

            .pro_cont .gnqd ul li img {
                position: absolute;
                width: auto;
                height: auto;
                max-height: 100%;
                max-width: 100%;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .pro_cont .gnqd ul li:nth-child(2n) {
                float: right;
            }

            .pro_cont .gnqd ul li p {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 30px;
                width: 30px;
                font-size: 26px;
                color: #333;
            }

.pro_bot {
    margin-top: 80px;
}

    .pro_bot .pro_bot_title {
        font-size: 30px;
    }

    .pro_bot ul {
        margin-top: 20px;
    }

        .pro_bot ul li {
            float: left;
            position: relative;
            width: 295px;
            margin-right: 6.6px;
            height: 345px;
            background-color: #ededed;
            padding-top: 30px;
            overflow: hidden;
        }

            .pro_bot ul li:nth-child(4n) {
                margin-right: 0;
            }

            .pro_bot ul li .img {
                position: relative;
                height: 240px;
            }

            .pro_bot ul li .txt {
                position: relative;
                top: 0;
                text-align: center;
                margin-top: 15px;
                transition: all .3s;
                -o-transition: all .3s;
                -ms-transition: all .3s;
                -moz-transition: all .3s;
                -webkit-transition: all .3s;
            }

                .pro_bot ul li .txt h3 {
                    font-size: 16px;
                    transition: all .3s;
                    -o-transition: all .3s;
                    -ms-transition: all .3s;
                    -moz-transition: all .3s;
                    -webkit-transition: all .3s;
                }

                .pro_bot ul li .txt p {
                    font-size: 16px;
                    margin-top: 5px;
                    transition: all .3s;
                    -o-transition: all .3s;
                    -ms-transition: all .3s;
                    -moz-transition: all .3s;
                    -webkit-transition: all .3s;
                }

                .pro_bot ul li .txt .gd {
                    display: block;
                    width: 76px;
                    height: 26px;
                    line-height: 26px;
                    background-color: #d71e1e;
                    color: #fff;
                    font-size: 16px;
                    border-radius: 20px;
                    margin: 0 auto;
                    margin-top: 30px;
                }

            .pro_bot ul li:after {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: transparent;
                left: 0;
                bottom: 0;
                transition: all .3s;
                -o-transition: all .3s;
                -ms-transition: all .3s;
                -moz-transition: all .3s;
                -webkit-transition: all .3s;
            }

            .pro_bot ul li:hover:after {
                background-color: rgba(0, 0, 0, .45);
            }

            .pro_bot ul li:hover .txt {
                position: relative;
                top: -180px;
                z-index: 11;
            }

                .pro_bot ul li:hover .txt h3 {
                    font-size: 18px;
                    color: #fff;
                    font-weight: bold;
                }

                .pro_bot ul li:hover .txt p {
                    font-size: 18px;
                    font-weight: bold;
                    color: #fff;
                }

/*产品弹出模板*/
.ak {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 99;
    top: 0;
    display: none;
}

.m4a16 {
    width: 90%;
    position: absolute !important;
    height: auto !important;
    background-color: #fff;
    z-index: 100;
    padding: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

    .m4a16 .awm {
        position: absolute;
        width: 36px;
        height: 36px;
        top: -15px;
        right: -15px;
        border-radius: 50%;
        background: url(http://style.yzimgs.com/skins/images/ic3.png) no-repeat #fff center;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        cursor: pointer;
    }

    .m4a16 ol {
        overflow: hidden;
    }

        .m4a16 ol li {
            float: left;
            width: 25%;
            border-right: 1px solid #dcdcdc;
            padding: 10px;
            text-align: center;
        }

            .m4a16 ol li .m4a16_img {
                display: inline-block;
                width: 220px;
                height: 200px;
                position: relative;
                overflow: hidden;
            }

            .m4a16 ol li .m4a16_txt {
                text-align: left;
                margin-top: 10px;
                line-height: 24px;
                color: #666;
                min-height: 72px;
            }

            .m4a16 ol li .text {
                margin-top: 10px;
                text-align: left;
            }

                .m4a16 ol li .text p {
                    line-height: 36px;
                    overflow: hidden;
                    text-align: left;
                }

            .m4a16 ol li .m4a16_img img {
                position: absolute;
                width: auto;
                height: auto;
                max-height: 100%;
                max-width: 100%;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

.cpcs_left ul li.cgq dd {
    position: relative;
}

    .cpcs_left ul li.cgq dd a {
        margin-right: 25px;
    }

        .cpcs_left ul li.cgq dd a:last-child {
            margin-right: 0;
            float: right;
        }

        .cpcs_left ul li.cgq dd a img {
            vertical-align: -5px;
        }

.cpcs {
    position: relative;
}

/* 系统方案 */
.solutions_nav {
    margin-top: 50px;
}

    .solutions_nav a {
        float: left;
        width: 231px;
        height: 116px;
        text-align: center;
        padding-top: 16px;
        background-color: #efefef;
        margin-right: 11px;
    }

        .solutions_nav a:last-child {
            margin-right: 0;
        }

        .solutions_nav a i {
            display: inline-block;
            width: 51px;
            height: 51px;
            border-radius: 50%;
        }

.icon4 {
    background: url(http://style.yzimgs.com/skins/images/icon4.png) no-repeat;
}

.solutions_nav a i.i1 {
    background-position: right top;
}

.solutions_nav a i.i2 {
    background-position: left -51px;
}

.solutions_nav a i.i3 {
    background-position: left -102px;
}

.solutions_nav a i.i4 {
    background-position: left -153px;
}

.solutions_nav a i.i5 {
    background-position: left -204px;
}

.solutions_nav a p {
    font-size: 12px;
    margin-top: 12px;
}

.solutions_nav a.cur,
.solutions_nav a:hover {
    background-color: #d71e1e;
}

    .solutions_nav a.cur i.i1,
    .solutions_nav a:hover i.i1 {
        background-position: left top;
    }

    .solutions_nav a.cur i.i2,
    .solutions_nav a:hover i.i2 {
        background-position: right -51px;
    }

    .solutions_nav a.cur i.i3,
    .solutions_nav a:hover i.i3 {
        background-position: right -102px;
    }

    .solutions_nav a.cur i.i4,
    .solutions_nav a:hover i.i4 {
        background-position: right -153px;
    }

    .solutions_nav a.cur i.i5,
    .solutions_nav a:hover i.i5 {
        background-position: right -204px;
    }

    .solutions_nav a.cur p,
    .solutions_nav a:hover p {
        color: #fff;
    }

.solutions_txt {
    margin-top: 70px;
}

    .solutions_txt h1 {
        text-align: center;
        font-size: 30px;
    }

    .solutions_txt .txt {
        margin-top: 40px;
        padding-bottom: 120px;
    }

        .solutions_txt .txt p {
            line-height: 30px;
            color: #414141;
        }

/* 服务支持 */
.service_txt {
    padding-bottom: 85px;
}

.gkcn {
    margin-top: 50px;
}

.service_title {
    font-size: 30px;
}

.gkcn .gkcn_box {
    margin-top: 40px;
    height: 402px;
}

    .gkcn .gkcn_box .left {
        width: 600px;
        padding-right: 30px;
    }

        .gkcn .gkcn_box .left p {
            line-height: 30px;
            margin-bottom: 30px;
        }

    .gkcn .gkcn_box .right {
        position: relative;
        width: 600px;
        height: 100%;
        overflow: hidden;
    }

.ysfs,
.thhwsm {
    margin-top: 60px;
}

    .ysfs .txt,
    .thhwsm .txt {
        margin-top: 20px;
    }

        .ysfs .txt p,
        .thhwsm .txt p {
            line-height: 30px;
        }

.fwcn {
    margin-top: 65px;
}

    .fwcn ul {
        margin-top: 32px;
    }

        .fwcn ul li {
            float: left;
            width: 285px;
            height: 231px;
            background: url(http://style.yzimgs.com/skins/images/mian.jpg) no-repeat;
            position: relative;
            padding: 15px 19px 0;
            margin-right: 20px;
            margin-bottom: 22px;
        }

            .fwcn ul li:nth-child(4n) {
                margin-right: 0;
            }

            .fwcn ul li i {
                display: block;
                width: 60px;
                height: 60px;
                margin: 0 auto;
                animation-duration: 1s;
                animation-fill-mode: both;
            }

            .fwcn ul li p {
                line-height: 24px;
                margin-top: 15px;
            }

.icon5 {
    background: url(http://style.yzimgs.com/skins/images/icon5.png) no-repeat;
}

.fwcn ul li i.i1 {
    background-position: left top;
}

.fwcn ul li i.i2 {
    background-position: left -60px;
}

.fwcn ul li i.i3 {
    background-position: left -120px;
}

.fwcn ul li i.i4 {
    background-position: left -180px;
}

.fwcn ul li i.i5 {
    background-position: left -240px;
}

.fwcn ul li i.i6 {
    background-position: left -300px;
}

.fwcn ul li i.i7 {
    background-position: left -360px;
}

.fwcn ul li i.i8 {
    background-position: left bottom;
}

.fwcn ul li:hover i {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

.thhwsm {
    margin-top: 55px;
}

.chengnuo {
    margin-top: 54px;
}

    .chengnuo .txt {
        margin-top: 15px;
    }

        .chengnuo .txt p {
            line-height: 36px;
        }

/*合作伙伴*/
.partners-box {
    padding-top: 50px;
    padding-bottom: 20px;
}

    .partners-box .partner-name {
        text-align: center;
    }

        .partners-box .partner-name h2 {
            font-size: 24px;
            color: #4c4c4c;
            line-height: 36px;
        }

    .partners-box .partner-nav-ul {
        margin-top: 50px;
    }

        .partners-box .partner-nav-ul li {
            float: left;
            margin-right: 19px;
            margin-bottom: 40px;
        }

            .partners-box .partner-nav-ul li .img-auto {
                width: 184px;
                height: 184px;
                background-color: #fafafa;
                overflow: hidden;
            }

                .partners-box .partner-nav-ul li .img-auto img {
                    animation-duration: 1s;
                    animation-fill-mode: both;
                }

            .partners-box .partner-nav-ul li p {
                height: 56px;
                border-bottom: 1px solid #f8f8f8;
                text-align: center;
                color: #3e3e3e;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                line-height: 55px;
            }

            .partners-box .partner-nav-ul li:nth-child(6n) {
                margin-right: 0;
            }

.img-auto {
    position: relative;
}

    .img-auto img {
        position: absolute;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.partners-box .partner-nav-ul li:hover .img-auto img {
    animation-name: rubberBand;
}

.partners-box .partner-nav-ul li:hover p {
    color: #d71e1e;
}

/* 成功案例 */
.case_list {
   
}

    .case_list li {
        float: left;
        width: 377px;
        margin-right: 34px;
        margin-bottom: 54px;
        transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        top: 0;
        position: relative;
    }

        .case_list li:nth-child(3n) {
            margin-right: 0;
        }

        .case_list li .img {
            position: relative;
            width: 100%;
            height: 258px;
            overflow: hidden;
        }

            .case_list li .img img {
                transition: all .3s;
                -o-transition: all .3s;
                -ms-transition: all .3s;
                -moz-transition: all .3s;
                -webkit-transition: all .3s;
            }

        .case_list li .txt {
            height: 50px;
            line-height: 50px;
            text-align: center;
            background-color: #e9e9e9;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 16px;
            padding: 0 15px;
            transition: all .3s;
            -o-transition: all .3s;
            -ms-transition: all .3s;
            -moz-transition: all .3s;
            -webkit-transition: all .3s;
        }

        .case_list li:hover {
            top: -5px;
            box-shadow: 0 0 16px rgba(0, 0, 0, .5);
        }

            .case_list li:hover .txt {
                background-color: #d71e1e;
                color: #fff;
            }

            .case_list li:hover .img img {
                webkit-filter: brightness(.5);
                filter: brightness(.5);
                -moz-transform: translate(-50%, -50%) scale(1.04);
                -webkit-transform: translate(-50%, -50%) scale(1.04);
            }

.case_title {
    font-size: 40px;
    text-align: center;
}





/* 成功案例 */
.case_list_01 {
}

    .case_list_01 li {
        float: left;
        width: 377px;
        margin-right: 34px;
        margin-bottom: 54px;
        transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        top: 0;
        position: relative;
    }

        .case_list_01 li:nth-child(3n) {
            margin-right: 0;
        }

        .case_list_01 li .img {
            position: relative;
            width: 100%;
            height: 377px;
            overflow: hidden;
        }

            .case_list_01 li .img img {
                transition: all .3s;
                -o-transition: all .3s;
                -ms-transition: all .3s;
                -moz-transition: all .3s;
                -webkit-transition: all .3s;
            }

        .case_list_01 li .txt {
            height: 50px;
            line-height: 50px;
            text-align: center;
            background-color: #e9e9e9;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 16px;
            padding: 0 15px;
            transition: all .3s;
            -o-transition: all .3s;
            -ms-transition: all .3s;
            -moz-transition: all .3s;
            -webkit-transition: all .3s;
        }

        .case_list_01 li:hover {
            top: -5px;
            box-shadow: 0 0 16px rgba(0, 0, 0, .5);
        }

            .case_list_01 li:hover .txt {
                background-color: #d71e1e;
                color: #fff;
            }

            .case_list_01 li:hover .img img {
                webkit-filter: brightness(.5);
                filter: brightness(.5);
                -moz-transform: translate(-50%, -50%) scale(1.04);
                -webkit-transform: translate(-50%, -50%) scale(1.04);
            }

.case_title {
    font-size: 40px;
    text-align: center;
}



/* 新闻资讯 */
.news_cont {
    padding-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

.news_list {
    margin-top: 62px;
}

    .news_list li {
        height: 198px;
        border: 1px solid #cdcdcd;
        overflow: hidden;
        margin-bottom: 42px;
        transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
    }

        .news_list li:last-child {
            margin-bottom: 0;
        }

        .news_list li .img {
            float: left;
            position: relative;
            overflow: hidden;
            width: 357px;
            height: 100%;
            border-right: 1px solid #cdcdcd;
        }

        .news_list li .txt {
            float: left;
            width: 710px;
            border-right: 1px solid #cdcdcd;
            height: 100%;
            padding: 32px 22px 0;
        }

            .news_list li .txt h3 {
                font-size: 18px;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-bottom: 18px;
            }

            .news_list li .txt p {
                line-height: 30px;
                padding-left: 15px;
                background: url(http://style.yzimgs.com/skins/images/jian1.png) no-repeat left center;
                color: #878787;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

        .news_list li .date {
            float: left;
            width: 131px;
            height: 100%;
            text-align: center;
            line-height: 98px;
            color: #878787;
        }

            .news_list li .date .day {
                height: 50%;
                border-bottom: 1px solid #cdcdcd;
            }

            .news_list li .date .xiangx a {
                color: #878787;
            }

        .news_list li:hover {
            border-color: #d71e1e;
            box-shadow: 0 0 10px rgba(0, 0, 0, .3);
        }

            .news_list li:hover .img {
                border-color: #d71e1e;
            }

            .news_list li:hover .txt {
                border-color: #d71e1e;
            }

            .news_list li:hover .date .day {
                border-color: #d71e1e;
                color: #d71e1e;
            }

        .news_list li .date .xiangx a:hover,
        .news_list li .txt h3 a:hover {
            color: #d71e1e;
        }

.page {
    width: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 14px;
    margin-bottom: 20px;
}
.pages {
    text-align: center;
    font-size: 14px;
    margin-top: 79px;
}

    .pages a {
        display: inline-block;
        line-height: 36px;
        margin: 0 5px;
        background-color: #eee;
        padding: 0 15px;
        border-radius: 4px;
        transition: all 1s ease 0s;
    }

        .pages a.cur {
            background-color: #d71e1e;
            border: 0;
            color: #fff;
        }

/* 新闻详情 */
.news_txt {
    padding-top: 55px;
    padding-bottom: 80px;
}

    .news_txt .news_top {
        /*height: 148px;*/
        border: 1px solid #d2d2d2;
        text-align: center;
    }

        .news_txt .news_top .title {
            min-height: 78px;
            line-height: 78px;
            border-bottom: 1px dashed #d2d2d2;
            font-size: 24px;
        }

        .news_txt .news_top .bot {
            height: 68px;
            line-height: 68px;
            color: #7d7d7d;
        }

            .news_txt .news_top .bot span {
                margin: 0 10px;
                color: #7d7d7d;
            }

            .news_txt .news_top .bot .fx {
                display: inline-block;
                vertical-align: middle;
                margin-left: 50px;
            }

                .news_txt .news_top .bot .fx i {
                    line-height: 63px;
                    margin-right: 5px;
                }

                .news_txt .news_top .bot .fx.bdsharebuttonbox .bds_weixin {
                    float: initial;
                    display: inline-block;
                    vertical-align: middle;
                    width: 24px;
                    height: 24px;
                    background: url(http://style.yzimgs.com/skins/images/wx.png) no-repeat;
                    padding: 0;
                }

                .news_txt .news_top .bot .fx.bdsharebuttonbox .bds_tsina {
                    float: initial;
                    display: inline-block;
                    vertical-align: middle;
                    width: 24px;
                    height: 24px;
                    background: url(http://style.yzimgs.com/skins/images/wb.png) no-repeat;
                    padding: 0;
                }

                .news_txt .news_top .bot .fx.bdsharebuttonbox .bds_sqq {
                    float: initial;
                    display: inline-block;
                    vertical-align: middle;
                    width: 24px;
                    height: 24px;
                    background: url(http://style.yzimgs.com/skins/images/qq.png) no-repeat;
                    padding: 0;
                }

            .news_txt .news_top .bot .fhlb {
                display: inline-block;
                width: 88px;
                height: 24px;
                line-height: 24px;
                background-color: #686868;
                vertical-align: middle;
                color: #fff;
                margin-left: 60px;
            }

                .news_txt .news_top .bot .fhlb img {
                    vertical-align: -1px;
                    margin-left: 6px;
                }

    .news_txt .txt {
        margin-top: 60px;
        text-align: center;
    }

        .news_txt .txt p {
            text-align: left;
        }

.sap {
    margin-top: 75px;
    line-height: 24px;
}

    .sap a {
        color: #434343;
    }

        .sap a:hover {
            color: #d71e1e;
        }

/* 联系我们 */
.aiSubCon_2, .sciSubCon_2 {
    text-align: center;
    padding: 15px 0;
}


.contact_cont {
    overflow: hidden;
}

    .contact_cont h1 {
        text-align: center;
        font-size: 22px;
        font-weight: bold;
    }

    .contact_cont .title {
        margin-top: 40px;
    }

        .contact_cont .title h2 {
            font-size: 30px;
            line-height: 40px;
        }

        .contact_cont .title p {
            color: #a1a1a1;
            font-size: 18px;
            text-transform: uppercase;
        }

    .contact_cont ul {
        margin-top: 30px;
    }

        .contact_cont ul li {
            line-height: 30px;
            font-size: 16px;
            color: #5d5d5d;
            margin-bottom: 30px;
        }

            .contact_cont ul li b {
                color: #282828;
            }

    .contact_cont .luxian {
        font-size: 16px;
        color: #5d5d5d;
        line-height: 30px;
    }

        .contact_cont .luxian b {
            color: #282828;
        }

        .contact_cont .luxian p {
            margin-bottom: 30px;
        }

#allmap {
    margin-top: 10px;
    width: 100%;
    height: 590px;
}

    #allmap img {
        max-width: initial;
    }


.bd_weixin_popup {
    box-sizing: content-box;
}

    .bd_weixin_popup .bd_weixin_popup_foot {
        line-height: 16px !important;
    }



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

    .cpzx_list li {
        width: 49.4%;
        margin-right: .8%;
    }

        .cpzx_list li:nth-child(4n) {
            margin-right: .8%;
        }

        .cpzx_list li:nth-child(2n) {
            margin-right: 0;
        }
}

.download_list {
    margin-top: 60px;
}

    .download_list dl {
        padding: 36px 18px;
        background-color: #ffffff;
        border-bottom: 1px solid #d9d9d9;
        position: relative;
        transition: all .4s;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -ms-transition: all .4s;
        -o-transition: all .4s;
    }

        .download_list dl dt {
            width: 70%;
            float: left;
            font-size: 18px;
            margin: 0;
        }

        .download_list dl dd {
            float: left;
            color: #999999;
        }

    .download_list dd.down {
        padding: 0;
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

.down a {
    display: block;
    width: 52px;
    height: 52px;
    background-image: url(http://style.yzimgs.com/skins/images/download.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto;
}

/*2018 11 24 新增*/
/*下拉*/
/*二级导航*/
.header {
    position: relative;
}

.navtworank {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #d2d2d2;
    display: block;
    z-index: 99;
}

    .navtworank.active {
        top: 99px;
    }

.Hheader .navtworank {
    display: block;
}

.pronavone {
    float: left;
    width: 350px;
}

    .pronavone a {
        display: block;
        padding: 0 30px;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        font-size: 16px;
        color: #1a1a1a;
    }

        .pronavone a.cur {
            background-color: #d71e1e;
            color: #fff;
        }

.pronavtwo {
    float: left;
    width: 340px;
}

    .pronavtwo p {
        height: 40px;
        line-height: 40px;
        padding: 0 29px;
    }

    .pronavtwo a {
        font-size: 16px;
        color: #1a1a1a;
    }

        .pronavtwo a.cur {
            color: #d71e1e;
            text-decoration: underline;
        }

.headnavtwo {
    padding: 40px 0 33px;
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    border-bottom: 1px solid #d2d2d2;
}

.ss-navtitle {
    padding-bottom: 11px;
    position: relative;
}

    .ss-navtitle:after {
        width: 45px;
        height: 3px;
        background: #d71e1e;
        position: absolute;
        bottom: 0;
        left: 0;
        content: '';
    }

    .ss-navtitle h3 {
        height: 43px;
        line-height: 43px;
        font-size: 26px;
        color: #333333;
    }

    .ss-navtitle p {
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        color: #999;
    }

.ss-navul li {
    margin-right: 30px;
}

    .ss-navul li:last-child {
        margin-right: 0;
    }

.ss-navulimg {
    width: 162px;
    height: 133px;
    overflow: hidden;
}

    .ss-navulimg img {
        width: 100%;
        height: 100%;
        margin-top: 0px !important;
    }

.ss-navul li p {
    margin-top: 10px;
    width: 100%;
    height: 30px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    line-height: 30px;
}

.ss-navul li:hover p {
    color: #d71e1e;
}

.ss-navdl {
    width: 265px;
    margin-right: 35px;
}

    .ss-navdl.active {
        margin-right: 10px;
        width: 250px;
    }

        .ss-navdl.active:last-child {
            width: auto;
            float: right;
        }

    .ss-navdl:last-child {
        margin-right: 0;
    }

    .ss-navdl dt {
        width: 100%;
        height: 36px;
        font-size: 16px;
        line-height: 16px;
        color: #d71e1e;
    }

        .ss-navdl dt a {
            color: #d71e1e;
        }

    .ss-navdl dd {
        width: 100%;
        font-size: 14px;
        color: #666666;
        padding-bottom: 5px;
    }

        .ss-navdl dd:last-child {
            padding-bottom: 0;
        }

        .ss-navdl dd a {
            color: #666;
        }

            .ss-navdl dd a:hover {
                color: #d71e1e;
            }

/*2019 04 03修改*/
.ss-innavdl-ddimg {
    width: 38px;
    height: 48px;
    overflow: hidden;
    text-align: center;
    line-height: 48px;
    font-size: 0;
    margin-right: 10px;
}

    .ss-innavdl-ddimg img {
        max-width: 100%;
        max-height: 100%;
        margin-top: 0px !important;
    }

.ss-innavdl-ddtxt {
    max-width: 200px;
    overflow: hidden;
    padding-top: 2px;
}

    .ss-innavdl-ddtxt h3 {
        width: 100%;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        color: #444;
    }

    .ss-innavdl-ddtxt p {
        width: 100%;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        color: #444;
    }

.ss-navdl dd a:hover .ss-innavdl-ddtxt h3,
.ss-navdl dd a:hover .ss-innavdl-ddtxt p {
    color: #d71e1e;
}

/*2019 04 03修改*/

.ss-navulimg.active {
    width: 209px;
    height: 147px;
}

/*products.html 2018 11 24*/
.pro_left ul li {
    position: relative;
}

.ss-prolist {
    padding: 3px;
    width: 250px;
    border: 1px solid #d71e1e;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 10;
    background: #fff;
}

    .ss-prolist a {
        display: block;
        width: 100%;
        height: 32px;
        line-height: 32px;
        padding-left: 25px;
        border: none;
        color: #333;
    }

    .ss-prolist img {
        vertical-align: middle;
        margin-right: 5px;
        margin-bottom: 2px;
    }

    .ss-prolist.hidevs {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
        border: none;
    }

    .ss-prolist a:hover {
        color: #d71e1e;
    }

.ss-aboutul li {
    float: left;
    width: 32.2%;
    margin-bottom: 20px;
    margin-right: 1.7%;
}

    .ss-aboutul li:nth-child(3n) {
        margin-right: 0;
    }

    .ss-aboutul li .ss-aboutliimg {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 0;
        padding-top: 84.2%;
        background-color: #f2f2f2;
    }

        .ss-aboutul li .ss-aboutliimg img {
            position: absolute;
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(1);
            transition: all .5s;
        }

    .ss-aboutul li:hover .ss-aboutliimg img {
        transform: translate(-50%, -50%) scale(1.04);
    }



/*2018 12 3新增*/
.ss-prolists {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 100px;
}

    .ss-prolists li {
        width: 100%;
    }

        .ss-prolists li p {
            width: 140px;
            height: 50px;
            line-height: 50px;
            font-size: 18px;
            color: #333;
            font-weight: bold;
            text-align: right;
        }

.ss-prolistam {
    width: 1020px;
    line-height: 50px;
    border-bottom: 1px dashed #ccc;
    min-height: 100px;
}

    .ss-prolistam a {
        margin-right: 30px;
        font-size: 14px;
        color: #666;
        display: inline-block;
        vertical-align: middle;
      /*  width: 140px;*/
    }

        .ss-prolistam a:nth-child(6n) {
            margin-right: 0;
        }

        .ss-prolistam a:hover {
            color: #d71e1e;
        }

/*2019 4 2*/
.ssdevelop-view {
    width: 100%;
    padding: 0px 100px 0px;
}

.ssdevelop-vititle {
    width: 100%;
    height: 116px;
    line-height: 116px;
    font-family: "Arial";
    font-size: 48px;
    font-weight: bold;
    color: #333;
}

    .ssdevelop-vititle span {
        font-size: 18px;
    }

.ssdevelop-viul {
    width: 100%;
    border-top: 1px solid #f4f4f4;
    padding: 36px 0px 23px 60px;
    position: relative;
}

    .ssdevelop-viul:after {
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 60px;
        background: #f4f4f4;
        content: '';
    }

    .ssdevelop-viul li {
        width: 100%;
        padding-bottom: 50px;
    }

.ssdevelop-vilitime {
    width: 150px;
    line-height: 25px;
    font-size: 14px;
    color: #666666;
}

.ssdevelop-vilitxt {
    width: 710px;
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.ssdevelop-vilitime span {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #fff;
    border: 2px solid #1c72dd;
    border-radius: 50%;
    position: relative;
    left: -4px;
    z-index: 5;
    margin-right: 24px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.leave-tip {
            position: absolute;
            top: 140px;
            left: 0;
            z-index: 2147483647;
            font-size: 1.4rem;
            text-align: center;
            width: 100%;
            -moz-transition: all 500ms ease-in-out;
            -webkit-transition: all 500ms ease-in-out;
            -o-transition: all 500ms ease-in-out;
            -ms-transition: all 500ms ease-in-out;
            transition: all 500ms ease-in-out;
        }

        body .tiphide {
            opacity: 0;
            visibility: hidden;
        }

        .leave-tip-content {
            position: relative;
            display: inline-block;
            margin: 0 10px;
            line-height: 24px;
            padding: 5px 18px;
            word-wrap: break-word;
            overflow: hidden;
            background: rgba(0,0,0,0.5);
            color: #FFF;
            border-radius: 18px;
        }

            .leave-tip-content .info-con {
                display: inline;
                padding: 0;
                word-break: break-all;
            }


.content {
    margin: 0 auto;
    padding: 30px 0;
}
.content123 {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}