.cont{width:1200px; margin:0 auto;}
.youshi{width:100%; height:auto; padding-top:10px;}
.index_title{font-size:24px; text-align:center; color:#bf9759; line-height:30px;}
.index_fu_title{font-size:18px; text-align:center; color:#bf9759;line-height:30px; letter-spacing:1px;}
.xian{width:100%; height:2px; background:#333; overflow:hidden; margin-top:280px;}
.ys_cont{width:100%; height:auto; margin-top:125px;}
.youshi .one , .youshi .two , .youshi .three , .youshi .four , .youshi .five{float:left; text-align:center;}
.youshi .ys_title{font-size:16px; color:#000; line-height:24px;}
.youshi .ys_fu_title{font-size:14px; color:#646464; line-height:24px;}
.youshi .one{margin-left:20px;}
.youshi .two{margin-top:-6px; margin-left:220px;}
.youshi .three , .youshi .five{margin-top:-167px; margin-left:80px;}
.youshi .four{margin-top:-6px;  margin-left:80px;}
.youshi .one:hover, .youshi .two:hover , .youshi .three:hover , .youshi .four:hover , .youshi .five:hover{transform: rotateY(360deg); transform-style: preserve-3d; transition-duration:1s; }

.yewu{width:100%; height:auto;}
.yw_cont{width:100%; height:495px;}
.yw_cont p{ width:120px; text-align:center;}
.yw_left{width:230px; float:left; height:495px;}
.yw_center{width:545px; height:482px; float:left; margin:50px 90px;}
.yw_right{width:230px; float:right;}
.yw_title{font-size:16px; color:#000; line-height:24px; }
.yw_fu_title{font-size:14px; color:#646464; line-height:24px;}
.yw_right p{float:right;}
.yw_left div , .yw_right div{width:100%; height:95px; margin-bottom:80px;}
.yw_left div a , .yw_right div a{width:100%; height:100px; display:block; padding-top:20px;}
.yw_cont .guan a{background:url(../images/n1.png) no-repeat center right;}
.yw_cont .guan .on{background:url(../images/n1r.png) no-repeat center right;}
.yw_cont .wei a{background:url(../images/n2.png) no-repeat center right;}
.yw_cont .wei .on{background:url(../images/n2r.png) no-repeat center right;}
.yw_cont .yi a{background:url(../images/n3.png) no-repeat center right;}
.yw_cont .yi .on{background:url(../images/n3r.png) no-repeat center right;}
.yw_cont .shang a{background:url(../images/n4.png) no-repeat center left;}
.yw_cont .shang .on{background:url(../images/n4r.png) no-repeat center left;}
.yw_cont .ying a{background:url(../images/n5.png) no-repeat center left;}
.yw_cont .ying .on{background:url(../images/n5r.png) no-repeat center left;}
.yw_cont .xiao a{background:url(../images/n6.png) no-repeat center left;}
.yw_cont .xiao .on{background:url(../images/n6r.png) no-repeat center left;}
.yw_center li img{width:100%; height:auto;}
.clear {clear: both;}

@media (max-width: 640px) {
  .cont {
    width: 96%;
    margin: 0 auto;
  }

  .service { padding-top: 10px; padding-bottom: 0; }
  .service .row { padding-top: 0; }
  .youshi {
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .index_title {
    font-size: 24px;
    text-align: center;
    color: #bf9759;
    line-height: 30px;
  }

  .index_fu_title {
    font-size: 18px;
    text-align: center;
    color: #bf9759;
    line-height: 30px;
    letter-spacing: 1px;
  }

  .xian {
    width: 100%;
    height: 2px;
    background: #333;
    overflow: hidden;
    margin-top: unset;
    position: absolute;
    top: 50%;
  }

  .ys_cont {
    margin-top: 20px;
  }

  .ys_cont {
    width: 100%;
    height: 16em;
    position: relative;
    display: flex;
  }

  .youshi .one,
  .youshi .two,
  .youshi .three,
  .youshi .four,
  .youshi .five {
    width: 20%;
    height: 8em;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .youshi .one,
  .youshi .three,
  .youshi .five {
    margin-left: 0;
    margin-top: 0;
    justify-content: end;
  }

  .youshi .two,
  .youshi .four {
    margin-left: 0;
    margin-top: 8em;
    justify-content: start;
  }

  .yw_cont {
    height: auto;
  }

  .ys_cont img {
    width: 50%;
    height: auto;
  }

  .youshi .one,
  .youshi .two,
  .youshi .three,
  .youshi .four,
  .youshi .five {
    width: 20%;
  }

  .youshi .one,
  .youshi .two,
  .youshi .three,
  .youshi .four,
  .youshi .five {
    float: left;
    text-align: center;
  }

  .youshi .ys_title {
    font-size: 0.8em;
    color: #000;
    line-height: 1em;
    margin-bottom: 1em;
  }

  
  .youshi .two img,
  .youshi .four img {
    margin-bottom: 1em;
  }

  .youshi .ys_fu_title {
    font-size: 0.6em;
    color: #646464;
    line-height: 1.5em;
  }

  .youshi .one:hover,
  .youshi .two:hover,
  .youshi .three:hover,
  .youshi .four:hover,
  .youshi .five:hover {
    transform: rotateY(360deg);
    transform-style: preserve-3d;
    transition-duration: 1s;
  }

  .yewu {
    width: 100%;
    height: auto;
  }

  .yw_cont {
    width: 100%;
    height: 495px;
  }

  .yw_cont p {
    width: 128px;
    text-align: center;
  }

  .yw_left {
    width: 230px;
    float: left;
    height: 495px;
  }

  .yw_center {
    max-width: 545px;
    height: 482px;
    float: left;
    margin: 50px 90px;
  }

  .yw_right {
    width: 230px;
    float: right;
  }

  .yw_title {
    font-size: 16px;
    color: #2fc1ac;
    line-height: 24px;
  }

  .yw_fu_title {
    font-size: 14px;
    color: #646464;
    line-height: 24px;
  }

  .yw_right p {
    float: right;
  }

  .yw_left div,
  .yw_right div {
    width: 100%;
    height: 95px;
    margin-bottom: 80px;
  }

  .yw_left div a,
  .yw_right div a {
    width: 100%;
    height: 95px;
    display: block;
    padding-top: 20px;
  }

  .yw_cont .guan a {
    background: url(../images/n1.png) no-repeat center right;
  }

  .yw_cont .guan .on {
    background: url(../images/n1r.png) no-repeat center right;
  }

  .yw_cont .wei a {
    background: url(../images/n2.png) no-repeat center right;
  }

  .yw_cont .wei .on {
    background: url(../images/n2r.png) no-repeat center right;
  }

  .yw_cont .yi a {
    background: url(../images/n3.png) no-repeat center right;
  }

  .yw_cont .yi .on {
    background: url(../images/n3r.png) no-repeat center right;
  }

  .yw_cont .shang a {
    background: url(../images/n4.png) no-repeat center left;
  }

  .yw_cont .shang .on {
    background: url(../images/n4r.png) no-repeat center left;
  }

  .yw_cont .ying a {
    background: url(../images/n5.png) no-repeat center left;
  }

  .yw_cont .ying .on {
    background: url(../images/n5r.png) no-repeat center left;
  }

  .yw_cont .xiao a {
    background: url(../images/n6.png) no-repeat center left;
  }

  .yw_cont .xiao .on {
    background: url(../images/n6r.png) no-repeat center left;
  }

  .yw_center li img {
    width: 100%;
    height: auto;
  }

  .cont {
    max-width: 1200px;
    margin: 0 auto;
  }

  .index_title {
    font-size: 24px;
    text-align: center;
    color: #bf9759;
    line-height: 30px;
  }

  .index_fu_title {
    font-size: 18px;
    text-align: center;
    color: #bf9759;
    line-height: 30px;
    letter-spacing: 1px;
  }

  .yewu{padding-top: 30px;padding-bottom: 30px;}
  .yw_cont{position:relative; height:140px; z-index: 2;}
  .ys_cont img{width:50%; height:auto;}
  .yw_left{width:30%; height:auto;}
  .yw_left div, .yw_right div{margin-bottom:10px; height:auto;}
  .yw_left div a, .yw_right div a{background-size:25% !important; height:50px; padding-top:10px;}
  .yw_cont p{width:70%;}
  .yw_title{font-size:0.8em; line-height:18px;}
  .yw_fu_title{font-size:0.6em; line-height:16px;}
  .yw_center{width:37%; margin:50px 1.5%; height:auto;}
  .yw_right{width:30%; height:auto;}
}