* {
  margin: 0;
  padding: 0;
}
html {
  overflow-x: initial!important;
}
a,
li,
p,
span {
  list-style: none;
  font-size: 16px;
  text-decoration: none;
  font-weight: 500;
}
a:hover {
  text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
body {
  font-family: "黑体-简", "微软雅黑";
}
/*body::-webkit-scrollbar {*/
/*  width: 3px;*/
/*  height: 0px;*/
/*}*/
/*body::-webkit-scrollbar-thumb {*/
/*  width: 3px;*/
/*  background-color: #246f8e;*/
/*}*/
.breadcrumb{
  background-color: initial;
}
.breadcrumb>li+li:before{
  content: '';
}
.Y_history_1 .history {
  max-width: 1200px;
  margin: auto;
}
.Y_history_1 .history .box {
  max-width: 900px;
  margin: auto;
}
.Y_history_1 .history .box ul {
  position: relative;
}
.Y_history_1 .history .box ul::after {
  content: '';
  width: 3px;
  height: 100%;
  background-color: #e5e5e5;
  position: absolute;
  left: 143px;
  top: 0px;
  z-index: -1;
}
.Y_history_1 .history .box ul li {
  position: relative;
  height: 50px;
}
.Y_history_1 .history .box ul li p {
  position: absolute;
  left: 180px;
  top: 50%;
  transform: translateY(-50%);
}
.Y_history_1 .history .box ul li p::after {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #1d89b0;
  border-radius: 50%;
  position: absolute;
  left: -38px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 12;
}
.Y_history_1 .history .box ul li p::before {
  content: '';
  width: 20px;
  height: 20px;
  border: 2px solid #1d89b0;
  border-radius: 50%;
  position: absolute;
  left: -46px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  z-index: 11;
}
.Y_history_1 .history .box ul li h3 {
  color: #1d89b0;
  position: relative;
  display: inline-block;
}
.Y_history_1 .history .box ul li h3::after {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #1d89b0;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.Y_honor_1 {
  padding: 20px 0;
}
.Y_honor_1 .honor {
  max-width: 1200px;
  margin: auto;
}
.Y_honor_1 .honor .box {
  margin-bottom: 20px;
}
.Y_honor_1 .honor .box:hover .img img {
  transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
.Y_honor_1 .honor .box .img {
  border-radius: 10%;
  overflow: hidden;
}
.Y_honor_1 .honor .box .img img {
  width: 100%;
  transition: all .5s ease;
}
.Y_honor_1 .honor .box .text {
  padding: 10px;
  text-align: center;
}
.Y_honor_1 .honor .box .text p {
  font-size: 14px;
  height: 84px;
}
.Y_core_1 .core {
  max-width: 1200px;
  margin: auto;
}
.Y_core_1 .core .box {
  position: relative;
  margin-bottom: 15px;
}
.Y_core_1 .core .box:hover .img {
  border-radius: 10px;
}
.Y_core_1 .core .box:hover .img img {
  transform: scale(1.2, 1.2);
}
.Y_core_1 .core .box:hover .img .details {
  display: block;
}
.Y_core_1 .core .box .img {
  position: relative;
  overflow: hidden;
}
.Y_core_1 .core .box .img img {
  width: 100%;
  transition: all .5s ease;
}
.Y_core_1 .core .box .img .details {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(42, 130, 166, 0.6);
  border-radius: 10px;
  transition: all .5s ease;
}
.Y_core_1 .core .box .img .details .p_box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.Y_core_1 .core .box .img .details .p_box p {
  color: #fff;
  text-align: center;
}
.Y_core_1 .core .box .text {
  text-align: center;
}
.Y_core_1 .core .box .text p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.Y_core_1 .core .mask_box {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 600px;
  height: 400px;
  background-image: url(../image/bg.jpg);
  border-radius: 10px;
  z-index: 200;
}
.Y_core_1 .core .mask_box .mask {
  padding: 10px;
  overflow: hidden;
  position: relative;
}
.Y_core_1 .core .mask_box .mask .closes {
  position: absolute;
  right: 15px;
  top: 15px;
}
.Y_core_1 .core .mask_box .mask .closes span {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.Y_core_1 .core .mask_box .mask .closes span:hover {
  color: #fff;
}
.Y_core_1 .core .mask_box .mask h4 {
  text-align: center;
  color: #fff;
  font-weight: 600;
  margin-bottom: 30px;
      margin-top: 35px;
}
.Y_core_1 .core .mask_box .mask p {
  text-indent: 30px;
  color: #fff;
}
.Y_skill_2 .skill {
  max-width: 1200px;
  margin: auto;
}
.Y_skill_2 .skill .box {
  cursor: pointer;
}
.Y_skill_2 .skill .box .img {
  overflow: hidden;
  position: relative;
}
.Y_skill_2 .skill .box .img:hover img {
  transform: scale(1.1, 1.1);
  /* 标准语法 */
  -ms-transform: scale(1.1, 1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1, 1.1);
  /* Safari */
}
.Y_skill_2 .skill .box .img:hover .mosk {
  opacity: 1;
}
.Y_skill_2 .skill .box .img:hover .mosk .p_box p::after {
  width: 100%;
}
.Y_skill_2 .skill .box .img:hover .mosk .p_box p::before {
  width: 100%;
}
.Y_skill_2 .skill .box .img img {
  width: 100%;
  transition: all .5s ease;
}
.Y_skill_2 .skill .box .img .mosk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .5s ease;
}
.Y_skill_2 .skill .box .img .mosk .p_box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #22769bad;
}
.Y_skill_2 .skill .box .img .mosk .p_box p {
  color: #fff;
  position: relative;
  padding: 0 20px;
}
.Y_skill_2 .skill .box .img .mosk .p_box p::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -10px;
  width: 0%;
  height: 1px;
  background-color: #fff;
  transition: all 1s ease;
}
.Y_skill_2 .skill .box .img .mosk .p_box p::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 0%;
  height: 1px;
  background-color: #fff;
  transition: all 1s ease;
}
.Y_skill_2 .skill .box .bottom_title {
  text-align: center;
}
.Y_skill_2 .skill .box .bottom_title span {
  padding: 10px;
  display: inline-block;
}
.parameter ul li p{
    font-size: 20px;
    line-height: 35px;
}
.can_h2 h2{
    text-align: center;
    font-size: 70px;
    font-weight: 600;
    color: #333 !important;
    /*text-shadow: 2px 8px 5px #939292;*/
    text-shadow:
        0px 0px 0 #919191, 
        1px -1px 0 #919191, 
        2px -2px 0 #919191, 
        3px -3px 0 #919191, 
        4px -4px 0 #919191, 
        5px -5px 0 #919191, 
        6px -6px 0 #919191, 
        7px -7px 0 #919191, 
        8px -8px 0 #919191, 
        9px -9px 0 #919191;
}
.pay_box{
    margin-top: 20px;
    margin-bottom: 20px;
}
.pay_title{
    
}
.pay_title span{
    display: inline-block;
    padding: 10px;
    cursor: pointer;
}
.pay_bg{
    background-color: #e5e5e5;
}
.pay_img{
    background-color: #e5e5e5;
    padding: 15px;
}
.account{
    display: none;
}
.pay_box{
    max-width: 1200px;
    margin: auto;
    margin-top: 50px;
}
.pay_title1{
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    width: 400px;
    margin: auto;
}
 .pay_title1 span{
      padding: 10px 20px;
      text-align: center;
      cursor: pointer;
      font-size: 25px;
      font-weight: 600;
      margin: auto;
  }
.pay_box1{
    width: 100%;
    padding-bottom: 25px;
}
.pay_bor{
    border-right: 1px solid #fff;
}
.pay_img1{
    text-align: center;
    display: flex;
}

.account2{
    width: 100%;
}
.account1{
    width: 100%;
}
.account1 p{
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 40px;
}
.pay_img1 h3{
    font-size: 25px;
    font-weight: 600;
}
.pay_img1 img{
    margin: auto;
    width: 35%;
}
.price{
    display: flex;
    align-items: center;
    font-size: 30px;
}
.price h3{
    color: red !important;
    margin: 0 !important;
    font-size: 50px !important;
}
/*留言版块*/
.message{
      /* border: 1px solid #e5e5e5; */
      margin: 0;
      padding: 40px 10px;
  }
  .message li{
      width: 49%;
      display: inline-block;
      margin-bottom: 5px;
  }
  .message li label{
      display: block !important;
  }
  .label span{
      font-size: 16px;
      font-weight: 500 !important;
  }
  .message li input{
      outline: none;
      width: 100% !important;
      border: 1px solid #e5e5e5;
      padding: 5px 5px;
      border-radius: 5px;
  }
  .message li textarea{
      outline: none;
      width: 100% !important;
      margin-bottom: 20px;
      border: 1px solid #e5e5e5;
      padding: 5px 5px;
      height: 200px;
  }
  .message li:first-child{
      width: 100%;
      text-align: center;
  }
  .message li:first-child h2{
      color: #333 !important;
  }
  .message li:last-child{
      width: 100%;
      /*text-align: center;*/
      /*display: flex;*/
      /*justify-content: space-between;*/
  }
  .message li:nth-child(4){
      width: 100% !important;
  }
  .message li:nth-child(5){
      width: 100%;
      text-align: center;
  }
  .message li:last-child input{
      background-color: red;
      color: #fff;
      padding: 10px 0;
      border-radius: 5px;
      outline: none;
      width: 100% !important;
      transition: all .5s ease;
  }
  .message li:last-child input:hover{
      transform: translate(0px,-5px);
      -ms-transform: translate(0px,-5px); /* IE 9 */
      -webkit-transform: translate(0px,-5px); /* Safari and Chrome */
      
      /* box-shadow: 0px 5px 7px #e5e5e5; */
  }
  .message li:last-child a{
      display: inline-block;
      color: #fff;
      padding: 10px 0;
      border-radius: 5px;
      outline: none;
      font-size: 14px;
      text-align: center;
      transition: all .5s ease;
  }
  
  .message li:last-child a:hover{
      transform: translate(0px,-5px);
      -ms-transform: translate(0px,-5px); /* IE 9 */
      -webkit-transform: translate(0px,-5px); /* Safari and Chrome */
      /* box-shadow: 0px 5px 7px #e5e5e5; */
  }
  
  .kefu{
      margin-top: 20px;
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
  }
  .kefu a span{
      display: block;
      color: #333;
      
  }
  .kefu a img{
      width: 230px;

  }
.tainmao a{
    display: block;
}
.tainmao a img{
    width: 100%;
}
.sub{
    padding: 50px 0;
}
#gallery .row{
    margin-right: 0 !important;
    margin-left: 0 !important;
}
@media screen and (max-width: 991px) {
  .Y_history_1 .history .box ul li {
    height: 80px;
  }
  .Y_core_1 .core .mask_box {
    width: 90%;
  }
  .Y_core_1 .core .box .img{
      max-height: 250px;
  }
  .news_contact img{
      width: 100%;
  }
  .Y_sort_1 .sort img{
      width: 100%;
  }
  .Y_next_1 .next #page{
     flex-wrap: wrap;
  }
  .sub{
        padding: 25px 0;
    }
}