* {
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei";
}
/* .dropdown a:hover + .dropdown-menu{
  transition-duration: 2s !important;
  display: block !important;
  opacity: 1 !important;
  
}
.dropdown-menu{
  display: none !important;
  transition: opacity 1s !important;
  opacity: 0 !important;
} */
h2 {
  margin: 0px;
}
p {
  margin: 0px;
}
.cen_1620 {
  width: 95%;
  max-width: 1620px;
  margin: 0 auto;
}

.cen_1200 {
  width: 95%;
  max-width: 1520px;
  margin: 0 auto;
}

.cen_980 {
  width: 95%;
  max-width: 980px;
  margin: 0 auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

ol,
ul,
li {
  list-style: none;
}

i,
em {
  font-style: normal;
}

img {
  display: block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  border: none;
  margin: 0 auto;
}

a,
a:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
  border: none;
}

a,
a:hover,
a:focus,
input,
input:focus,
button,
button:focus,
textarea,
textarea:focus,
select,
select:focus,
option,
option:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
input:focus,
button,
button:focus,
textarea,
textarea:focus,
select,
select:focus,
option,
option:focus {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#msg {
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 20px;
  border-radius: 2px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10000;
}

body {
  padding-top: 70px;
}
@media (max-width: 767px) {
  body {
    padding-top: 50px;
  }
}













.nav>li>a>img{width: 30px;height: 30px;}
.header { display: block; width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 100; }
.header .navbar { width: 100%; background: transparent; border: none; border-radius: 0; min-height: auto; margin: 0; }
.header .navbar .container-fluid { padding: 0; margin: 0; }
.header .navbar .container-fluid .navbar-header { padding: 0; margin: 0; border: none; }
.header .navbar .container-fluid .navbar-header .navbar-brand { height: 70px; margin: 0; }
@media (max-width: 767px) { .header .navbar .container-fluid .navbar-header .navbar-brand { height: 50px; padding: 6px 0; } }
.header .navbar .container-fluid .navbar-header .navbar-toggle { border-color: #067aad; margin: 8px 0; }
.header .navbar .container-fluid .navbar-header .navbar-toggle .icon-bar { background-color: #067aad; }
.header .navbar .container-fluid .navbar-header .navbar-toggle:focus, .header .navbar .container-fluid .navbar-header .navbar-toggle:hover { background: #067aad; }
.header .navbar .container-fluid .navbar-header .navbar-toggle:focus .icon-bar, .header .navbar .container-fluid .navbar-header .navbar-toggle:hover .icon-bar { background-color: #fff; }
.header .navbar .container-fluid .navbar-collapse { padding: 0; margin: 0; border: none; }
.header .navbar .container-fluid .navbar-collapse .nav { margin: 0; }
.header .navbar .container-fluid .navbar-collapse .nav > li{position:relative;}
.header .navbar .container-fluid .navbar-collapse .nav > li:hover .dropdown-menu { height:auto;padding: 15px 0; opacity: 100; filter: alpha(opacity=100);}
.header .navbar .container-fluid .navbar-collapse .nav > li:hover .dropdown-menu > li > a{line-height:30px;padding:5px;opacity: 100; filter: alpha(opacity=100);}
.header .navbar .container-fluid .navbar-collapse .nav > li:hover .pro_header { height:auto; padding: 0px 0; opacity: 1; filter: alpha(opacity=100); }
.header .navbar .container-fluid .navbar-collapse .nav > li:hover .y_head .y_head3:nth-child(1) .y_head4{height: 270px;opacity: 1;position: fixed;display: flex;width: 100%;background: #fff;padding: 0px 0px 20px;transition: all 0.8s;max-width: 100%;justify-content: center; }
.header .navbar .container-fluid .navbar-collapse .nav > li > a { color: #333; font-size: 16px; line-height: 30px; padding: 20px 30px; background: transparent; }
.header .navbar .container-fluid .navbar-collapse .nav > li > a:hover { color: #067aad; background: transparent; }
@media (max-width: 1070px) { .header .navbar .container-fluid .navbar-collapse .nav > li > a { padding: 20px 15px; } }
@media (max-width: 840px) { .header .navbar .container-fluid .navbar-collapse .nav > li > a { font-size: 14px; padding: 20px 10px; } }
.header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu { min-width: 100%; text-align: center; background: rgba(255, 255, 255, 0.9); border: none;  margin: 0; display:block;height:0;padding:0;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu > li > a { color: #333; font-size: 14px; line-height: unset; padding: 0;opacity: 0; filter: alpha(opacity=0); -webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu > li > a:hover { color: #067aad; background: transparent; }
@media (max-width: 840px) { .header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu { padding: 5px 0; }
  .header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu > li > a { line-height: 20px; } }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header { display: block; width: 100%; background: #fff; border-top: 1px solid #eee; padding:0; height:0;overflow:hidden; position: fixed; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip { display: inline-block; vertical-align: middle; width: 300px; height: 180px; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 { width: 100%; height: 100%; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .swiper-wrapper .swiper-slide { width: 100%; height: 160px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .swiper-wrapper .swiper-slide a { display: block; width: 100%; height: 100%; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .pro_swip_pagination1 { bottom: 0; text-align: left; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .pro_swip_pagination1 .swiper-pagination-bullet { border-radius: 0; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .pro_swip_pagination1 .swiper-pagination-bullet:first-child { margin-left: 0; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .pro_swip_pagination1 .swiper-pagination-bullet-active { background: #067aad; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph { float: right; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one { display: inline-block; vertical-align: middle; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one a { display: block; width: 100%; height: 100%; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_img { width: 200px; height: 160px;position: relative;margin: 0px 20px 10px;border: 1px solid #eee;}
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_img img{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_char { text-align: center; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_char p { color: #333; font-size: 20px; margin: 0; }
.header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one:hover .ph_char p { color: #067aad; }
@media (max-width: 1190px) { .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header { padding: 30px 0; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_img { width: 230px; height: 120px; } }
@media (max-width: 1060px) { .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip { width: 270px; height: 150px; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip .pro_swip1 .swiper-wrapper .swiper-slide { height: 130px; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_img { width: 200px; height: 90px; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_char p { font-size: 16px; } }
@media (max-width: 930px) { .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_img { width: 152px; } }
@media (max-width: 780px) { .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip { width: 260px; } }
@media (max-width: 767px) { .header .navbar .container-fluid .navbar-collapse {width:100%;background: rgba(255, 255, 255, 0.9); padding: 6px; position: absolute; right: 0; z-index: 100; }
  .header .navbar .container-fluid .navbar-collapse .nav { text-align: center; }
  .header .navbar .container-fluid .navbar-collapse .nav > li{display:inline-block;vertical-align:top;}
  .header .navbar .container-fluid .navbar-collapse .nav > li > a { line-height: 24px; padding: 5px 10px; }
  .header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu { float: none; display: block; background: transparent; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);height:auto; position: static; top: unset; left: unset; z-index: inherit; }


  .header .navbar .container-fluid .navbar-collapse .nav > li > .dropdown-menu > li > a{ line-height: 20px;padding:5px;opacity: 100; filter: alpha(opacity=100);}

  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header { height:auto;background: transparent; border-top: none; padding: 5px 0; position: static; left: unset; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); opacity: 1; filter: alpha(opacity=100); }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .cen_1200 { width: auto; max-width: none; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .pro_swip { display: none; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph { float: none; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one { display: block; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_img { display: none; }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph_one .ph_char p { font-size: 14px; line-height: 20px; padding: 5px 10px; } }


.y_head {
  text-align: center;
  display: flex;
  justify-content: center;
}
.y_head4 {
  position: fixed;
  height: 0px;
  width: 100%;
  opacity: 0;
  left: 0;
  overflow: hidden;
  background: #fff;
  /* transition: all 0.8s; */
}
.y_head3 {
  margin: 20px 35px;
}
.y_head3:hover .y_head4 {
  height: 270px;
  opacity: 1;
  position: fixed;
  display: flex;
  width: 100%;
  background: #fff;
  /* transition: all 0.8s; */
  max-width: 100%;
  justify-content: center;
}
.y_xiuindex{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}


.y_head5 {
  height: 28px;
  position: relative;
}
.y_head5 img {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 5%;
}
.y_head2 p{
  color: #333;
}
.y_head5 img:nth-child(2){
  display: none;
}
.y_head3:hover .y_head2 .y_head5 img:nth-child(1){
  display: none;
}
.y_head3:hover .y_head2 .y_head5 img:nth-child(2){
  display: block;
}
.y_head .y_head3:nth-child(1):hover .y_head2 .y_head5 img:nth-child(1){
  display: block;
}
.y_head .y_head3:nth-child(1):hover .y_head2 .y_head5 img:nth-child(2){
  display: none;
}
.y_head .y_head3:nth-child(2):hover + .y_head3:nth-child(1) .y_head2 .y_head5 img:nth-child(1){
  display: none;
}
.y_pro {
  background-size: 100% 100%;
  width: 100%;
  height: 840px;
}
.y_pro2 {
  max-width: 700px;
  margin: 0 auto;
  position: relative;
}
.y_proswiper {
  text-align: center;
}
.y_proswiper h2 {
  margin: 180px auto 0px;
  font-size: 30px;
  color: #fff;
}
.y_proswiper p {
  font-size: 18px;
  color: #fff;
  margin-top: 30px;
}
.y_proswiper img {
  /* margin-top: 100px; */
  width: 100%;
  /* max-height: 220px; */
}
.y_proswiper span {
  display: inline-block;
  color: #fff;
  font-size: 24px;
  margin: 80px auto 0px;
}
.y_pro3 {
  width: 100%;
  height: 77px;
  background: #f9f9f9;
  text-align: center;
  margin-top: -1px;
}
.y_pro3 a {
  display: inline-block;
}
.y_pro3 a p {
  color: #333;
  line-height: 77px;
  font-size: 18px;
  width: 170px;
}
.y_pro4 {
  width: 100%;
  margin: 100px auto 0px;
  text-align: center;
}
.y_pro4 h2 {
  font-size: 40px;
  color: #333;
}
.y_pro5 {
  max-width: 1520px;
  margin: 0 auto;
}
.y_pro6 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 100px;
  max-width: 1200px;
  margin: 0 auto;
}
.y_pro6 .y_pro7:nth-child(3n) {
  margin-right: 0%;
}
.y_pro7 {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 100px;
}
.y_pro7 img {
  width: 80%;
  max-width: 460px;
}
.y_pro7 p {
  margin-top: 70px;
  font-size: 24px;
  color: #000;
}
.y_foot {
  width: 100%;
  background: url(../images/bannerfoot.jpg) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  /* height: 100%; */
}
.y_foot2 {
  max-width: 1520px;
  padding-top: 70px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
}
.y_foot3 {
  display: flex;
  justify-content: flex-start;
  flex: 12.5;
}
.y_foot4 {
  flex: 2.7;
}
.y_foot5 {
  margin-right: 8%;
}
.y_foot5 h2 {
  font-size: 18px;
  color: #fff;
}
.y_foot5 span {
  width: 30px;
  height: 1px;
  background: #fff;
  display: inline-block;
  margin-top: 15px;
}
.y_foot5 a {
  color: #fff;
  font-size: 14px;
  display: block;
  margin-top: 20px;
}
.y_foot6 a {
  font-size: 20px;
  color: #fff;
  line-height: 20px;
  display: block;
}
.y_foot6 span {
  font-size: 14px;
  color: #fff;
  display: block;
  margin-top: 9px;
}
.y_foot7 {
  width: 100%;
  margin-top: 60px;
}
.y_foot7 p {
  font-size: 18px;
  color: #fff;
}
.y_foot8 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.y_foot10 img {
  margin: 20px 40px 0px 0px;
}
.y_foot9 {
  height: 114px;
  text-align: center;
  border-top: 1px solid #546c91;
  margin: 60px auto 0px;
  max-width: 1520px;
}
.y_foot9 p {
  font-size: 14px;
  color: #fff;
  line-height: 114px;
}
.y_foot11 {
  position: absolute;
  top: -70px;
  left: -15px;
  width: 70px;
  height: 70px;
  transition: opacity 2s;
  opacity: 0;
}
.y_foot10:hover + .y_foot11 {
  /* display:block; */
  opacity: 1;
  transition-duration: 2s;
}
.y_foot12 {
  position: relative;
}
.y_commlight {
  background: #092b61;
  color: #fff !important;
}

/* yang 产品详情 */
.pro_item {
  display: inline-block;
  vertical-align: middle;
  width: 32%;
  text-align: center;
  margin: 0 0 30px 1%;
}
.pro_item:nth-child(3n + 1) {
  margin-left: 0;
}
.pro_item a {
  display: block;
  width: 100%;
  height: 100%;
}
.pro_item .pimg {
  display: block;
  width: 100%;
  height: 151px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.pro_item .ptit p {
  color: #333;
  font-size: 22px;
  margin: 20px 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.pro_item:hover .ptit p {
  color: #067aad;
}
.pro_detail{
  margin-top: 150px;
}
.pro_detail .prod_img {
  /* padding: 40px 0; */
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
.prod_img img{
  width: 70%;
}
.pro_detail .prod_char {
  padding: 0px 0px  30px;
  border-bottom: 1px solid #eee;
  text-align: center;
  margin-top: 80px;
}
.pro_detail .prod_char .prod_tit {
  margin: 0 0 20px;
}
.pro_detail .prod_char .prod_tit h3 {
  color: #333;
  font-size: 40px;
  margin: 0 0 8px;
}
.pro_detail .prod_char .prod_tit p {
  color: #333;
  font-size: 20px;
  margin: 0;
}
.pro_detail .prod_char .prod_con p {
  color: #333;
  font-size: 16px;
  line-height: 30px;
  margin: 0;
}
@media (max-width: 767px) {
  .pro_detail .prod_img {
    padding: 20px 0;
  }
  .pro_detail .prod_char {
    padding: 15px 0;
  }
  .pro_detail .prod_char .prod_tit {
    margin: 0 0 15px;
  }
  .pro_detail .prod_char .prod_tit h3 {
    font-size: 24px;
    margin: 0 0 4px;
  }
  .pro_detail .prod_char .prod_tit p {
    font-size: 16px;
  }
  .pro_detail .prod_char .prod_con p {
    font-size: 14px;
    line-height: 25px;
  }
}
.cen_1200 {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}
.pro_detail .prod_img {
  /* padding: 40px 0; */
}
.pro_series{
  margin-top: 100px;
  margin-bottom: 100px;
}
.pros_in{
  margin-top: 100px;
}
.pros_in .pro_item:nth-child(n+4){
  display: none;
}
.pros_btn{
  margin-top: 70px;
  text-align: center;
}
@media (max-width: 767px) {
  .pro_detail .prod_img {
    padding: 20px 0;
  }
  .pro_series {
    padding: 40px 0 60px;
  }
  .pro_series .pros_in {
    padding: 40px 0 0;
  }
  .pro_series .pros_btn {
    text-align: center;
  }
}
  .pro_series .pros_btn a {
    color: #bdc2cd;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 10px 0;
    border: 1px solid #8495b0;
    padding: 6px 30px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }
  .pro_series .pros_btn a:hover {
    color: #fff;
    background: #092b61;
  }
  @media (max-width: 767px) {
    .pro_series {
      padding: 20px 0;
    }
    .pro_series .pros_in {
      padding: 20px 0 0;
    }
  }

  @media (max-width: 767px) {
    .pro_item {
      width: 49%;
      margin: 0 0 20px 1%;
    }
  }
  .pro_item:nth-child(3n + 1) {
    margin-left: 1%;
  }
  .pro_item:nth-child(odd) {
    margin-left: 0;
  }
  .pro_item .ptit p {
    font-size: 16px;
    margin: 10px 0 0;
  }
@media (max-width: 650px) {
  .pro_item .pimg {
    height: 120px;
  }
}
@media (max-width: 500px) {
  .pro_item .pimg {
    height: 100px;
  }
}
@media (max-width: 450px) {
  .pro_item {
    width: 48%;
  }
}
@media (max-width: 380px) {
  .pro_item .pimg {
    height: 70px;
  }
}
.title1 h1{
  text-align: center;
}
/*  */
.y_proxq {
  max-width: 1200px;
  margin: 100px auto 0px;
}
.y_proxq h2 {
  font-size: 40px;
  color: #333;
  text-align: center;
  width: 100%;
}
.y_proxq2 {
  width: 100%;
  margin-top: 40px;
}
.y_proxq3 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.y_proxq4 {
  width: 49%;
  margin-right: 2%;
  display: flex;
  justify-content: center;
  line-height: 80px;
  border-top: 1px solid #eee;
}
.y_proxq4 p {
  font-size: 18px;
  color: #333;
  margin-right: 10px;
}
.y_proxq4 span {
  font-size: 18px;
  color: #333;
}
.y_proxq3 .y_proxq4:nth-child(2n) {
  margin-right: 0%;
}
.y_proxq2 .y_proxq3:nth-last-child(1) .y_proxq4 {
  border-bottom: 1px solid #eee;
}
.y_common{
  width: 100%;
  height: 650px;
  background-size: 100% 100%;
  margin-top: 11px;
}
.y_common2{
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.y_common4{
  position: absolute;
  display: inline-block;
  top: 233px;
}
.y_common4 h2{
  font-size: 60px;
  color: #fff;
  font-weight: 600;
}
.y_common4 p{
  font-size: 30px;
  color: #fff;
  margin-top: 40px;
  font-weight: 600;
}
.y_common3{
  margin-top: 150px;
  font-size: 16px;
  color: #fff;
  display: flex;
  justify-content: flex-start;
}
.y_common3 span{
  margin: 0px 5px;
}
.y_common3 a{
  color: #fff;
}
.y_customize{
  width: 100%;
  height: 750px;
  background-size: 100% 100%;
}
.y_customize2{
  max-width: 1200px;
  margin: 0px auto 0px;
  padding-top: 155px;
  text-align: center;
}
.y_customize2 h2{
  font-size: 50px;
  color: #181515;
}
.y_customize2 p{
  font-size: 20px;
  color: #181515;
  line-height: 30px;
  margin-top: 58px;
}
.y_customize3{
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0px 0px;
  display: flex;
  justify-content: flex-start;
}
.y_customize4{
  flex: 1;
  text-align: center;
}
.y_customize4 img{
  width: 60px;
  height: 60px;
}
.y_customize4 p{
  margin-top: 24px;
  font-size: 16px;
  color: #181515;
}
.y_customize5{
  max-width: 1200px;
  margin: 100px auto 0px;
}
.y_customize5 h2{
  width: 100%;
  text-align: center;
  font-size: 50px;
  color: #181515;
}
.y_customize6{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 130px;
}
.y_customize7{
  position: relative;
  width: 23%;
  margin-right: 2.6%;
  margin-bottom: 70px;
}
.y_customize6 .y_customize7:nth-child(4n){
  margin-right: 0%;
}
.y_customize8{
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
}
.y_customize8 img{
  width: 100px;
  height: 100px;
}
.y_customize9{
  border: 1px solid #b36f2e;
  padding: 90px 30px 50px;
  min-height:360px;
}
.y_customize9 span{
  font-size: 18px;
  color: #181515;
  width: 100%;
  display: block;
  text-align: center;
}
.y_customize9 h2{
  font-size: 30px;
  color: #b36f2e;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 23px;
}
.y_customize9 p{
  font-size: 18px;
  color: #333;
  line-height: 30px;
  margin-top: 39px;
}
.y_edge{
  max-width: 1200px;
  margin: 0px auto;
  text-align: center;
}
.y_edge2{
  width: 100%;
  text-align: center;
  margin-top: 80px;
}
.y_edge2 h2{
  font-size: 40px;
  color: #333;
}
.y_edge2 p{
  font-size: 16px;
  color: #8d95a9;
  background: #092b61;
  margin-top: 16px;
  display: inline-block;
  padding: 9px;
}
.y_edge3{
  margin-top: 50px;
  text-align: center;
  position: relative;
  display: inline-block;
}
.y_edge3 h2{
  font-size: 40px;
  color: #092b61;
}
.y_edge3 p{
  position: absolute;
  width: 100%;
  bottom: -10px;
  height: 18px;
  background: #eceef3;
  z-index: -1;
}
.y_edge4{
  width: 100%;
  margin-top: 70px;
}
.y_edge4 p{
  font-size: 20px;
  line-height: 45px;
  color: #333;
}
.y_edge4 span{
  font-size: 20px;
  line-height: 45px;
  color: #333;
  font-weight: 600;
}
.y_edge5{
  
  max-width: 1520px;
  margin: 60px auto 0px;
  display: flex;
  justify-content: flex-start;
  padding: 97px 0px;
  
}
.y_edge6{
  flex: 1;
  text-align: center;
}
.y_edge6 h2{
  font-size: 60px;
  color: #092b61;
  font-weight: 600;
}
.y_edge6 p{
  font-size: 20px;
  color: #999;
  margin-top: 40px;
}
.y_edge7{
  width: 100%;
  margin: 0 auto;
  background: #f9f9f9;
}
.y_edge8{
  max-width: 1520px;
  margin: 0 auto;
  text-align: center;
}
.y_edge8 h2{
  font-size: 30px;
  margin-top: 50px;
  color: #092b61;
  font-weight: 600;
}
.y_edge8 p{
  font-size: 16px;
  color: #333;
  margin-top: 30px;
}
.y_edge9{
  display: block;
  width: 1px;
  margin: 80px auto 0px;
  height: 30px;
  background: #092b61;
}
.y_edge10{
  width: 100%;
}
.y_edge11{
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-top: 50px;
}
.y_edge12{
  flex: 1;
  position: relative;
  margin-right: 30px;
}
.y_edge11 .y_edge12:nth-last-child(1){
  margin-right: 0px;
}
.y_edge12 p{
  position: absolute;
  bottom: 33px;
  left: 40px;
  font-size: 24px;
  color: #fff;
}
.y_edge12 img{
  width: 100%;
}
.y_edge12 div{
  box-shadow: 0px -74px 115px -45px #0b2d62 inset;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
}
.y_edge13{
  margin-top: 50px;
  position: relative;
}
.y_edge14{
  padding-bottom: 15px;
  box-shadow: 0px  8px 10px 1px #eee;
}
.y_edge15{
  max-width: 1520px;
  margin: 0 auto;
}
.y_edge16{
  text-align: center;
}
.y_edge16 h2{
  font-size: 30px;
  color: #092b61;
  margin-top: 50px;
}
.y_edge16 p{
  font-size: 16px;
  color: #333;
  max-width: 805px;
  line-height: 30px;
  margin: 30px auto 0px;
}
.y_edge17{
  max-width: 1000px;
  margin: 50px auto 0px;
}
.y_edge18{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.y_edge19{
  width: 30%;
  margin-right: 5%;
  text-align: center;
  padding: 40px 0px;
  box-shadow: 0px 0px 5px 0px #eee;
  border-radius: 10px;
  margin-bottom: 40px;
}
.y_edge18 .y_edge19:nth-child(3n){
  margin-right: 0%;
}
.y_edge19 p{
  font-size: 20px;
  margin-top: 30px;
  color: #333;
}
.y_edge20{
  display: block;
  width: 1px;
  margin: 40px auto 0px;
  height: 30px;
  background: #092b61;
}
.y_edge21{
  width: 100%;
  margin-top: 50px;
  text-align: center;
}
.y_edge22{
  width: 100%;
  margin-top: 60px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 70px;
}
.y_edge22 .y_edge23:nth-child(6n){
  margin-right: 0%;
}
.y_edge23{
  height: 150px;
  width: 15%;
  border: 1px solid #ccc;
  position: relative;
  margin-right: 2%;
  margin-bottom: 10px;
}
.y_edge23 img{
  max-width: 120px;
  max-height: 95px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.y_standings{
  max-width: 1520px;
  margin: 0 auto 80px;
}
.y_standings2{
  margin-top: 60px;
  width: 100%;
  box-shadow: 0px 0px 3px 0px #eee;
  padding: 70px 70px 50px 70px;
}
.y_standings3{
  width: 100%;
  border-bottom: 1px solid #e6e9ef;
  padding-bottom: 70px;
}
.y_standings3 p{
  font-size: 18px;
  color: #000;
  line-height: 45px;
}
.y_standings4{
  width: 100%;
  text-align: center;
  margin-top: 49px;
}
.y_standings4 p{
  font-size: 20px;
  color: #000;
}
.y_standings5{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.y_standings6{
  width: 49%;
  margin-right: 2%;
  display: flex;
  justify-content: flex-start;
  box-shadow: 0px 0px 3px 0px #eee;
  padding: 30px;
  margin-bottom: 30px;
}
.y_standings5 .y_standings6:nth-child(2n){
  margin-right: 0%;
}
.y_standings7{
  flex: 3;
  margin-right: 30px;
}
.y_standings7 img{
  width: 100%;
}
.y_standings8{
  flex: 3.5;
  position: relative;
}
.y_standings9{
  position: relative;
}
.y_standings9 p{
  font-size: 20px;
  color: #333;
}
.y_standings9 span{
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100px;
  height: 10px;
  z-index: -1;
  background: #ced5df;
}
.y_standings10{
  margin-top: 35px;
}
.y_standings10 p{
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
.y_standings11{
  position: absolute;
  top: 50%;
  transform: translate(0%,-50%);
  left: 0px;
}
.y_contact{
  max-width: 1520px;
  margin: 80px auto;
}
.y_contact2{
  width: 100%;
  text-align: left;
}
.y_contact2 h2{
  font-size: 40px;
  color: #333;
}
.y_contact2 p{
  font-size: 16px;
  color: #fff;
  background: #092b61;
  display: inline-block;
  margin-top: 15px;
  padding: 9px;
}
.y_contact3{
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.y_contact4{
  min-width: 300px;
}
.y_contact5{
  margin-top: 73px;
}
.y_contact5 .y_contact7{
  min-height: 128px;
}
.y_contact6{
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.y_contact6 img{
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0px 13px 0px 0px;
}
.y_contact6 p{
  font-size: 24px;
  color: #000;
}
.y_contact7{
  width: 100%;
  margin-top: 33px;
}
.y_contact7 p{
  line-height: 32px;
  letter-spacing: 0px;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}
.y_contact8{
  max-width: 438px;
  width: 100%;
  margin-top: 32px;
}
.y_contact9{
  height: 495px;
  width: 1px;
  margin: 0px 9%;
  background: #eee;
}
.y_contact10{
  margin-top: 33px;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.y_contact11{
  margin-right: 22px;
  margin-bottom: 20px;
}
.y_contact11 img{
  width: 90px;
  height: 90px;
  background: #f9f9f9;
  padding: 5px;
  margin-bottom: 10px;
}
.y_comjiamen{
  position: relative;
  background: url(../images/banner3.jpg) no-repeat;
  height: 720px;
}
.y_comjiamen2{
  position: absolute;
  bottom: 0px;
  background: transparent;
  max-width: 1520px;
  left: 50%;
  transform: translate(-50%,0%);
  border-top: 1px solid #516387;
}
.y_comjiamen2 a p{
  color: #fff;
  line-height: 73px;
}
.y_comjiamen3{
  border-bottom: 3px solid #05c6e9;
  background: transparent;
}
.y_join{
  background: url(../images/background2.jpg) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
}
.y_join2{
  width: 100%;
  padding-top: 104px;
}
.y_jointitle h2{
  text-align: center;
  font-size: 40px;
  color: #fff;
  font-weight: 600;
}
.y_join3{
  max-width: 1520px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 140px auto 0px;
}
.y_join4{
  background: url(../images/background.png) no-repeat;
  background-size: 100% 100%;
  padding: 70px 45px 110px 40px;
  position: relative;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 100px;
}
.y_join3 .y_join4:nth-child(2n){
  margin-right: 0%;
}
.y_join4 img{
  position: absolute;
  top: -50px;
  left: 40px;
}           
.y_join4 h2{
  color: #fff;
  font-size: 32px;
  font-weight: 600;
}
.y_join5{
  width: 100%;
  margin-top: 50px;
}
.y_join5 p{
  color: #fff;
  font-size: 20px;
  line-height:40px;
}
.y_join6{
  width: 100%;
  margin-top: 50px;
}
.y_join7{
  width: 100%;
  height: 100%;
  border-top: 1px solid #0b3d81;
  border-left: 1px solid #0b3d81;
}
.y_join8{
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.y_join8 p{
  flex: 1;
  font-size: 20px;
  color: #fff;
  line-height: 70px;
  height: 70px;
  border-bottom: 1px solid #0b3d81;
  border-right: 1px solid #0b3d81;
  text-align: center;
}
.y_join8 p:nth-child(2){
  flex: 2;
}
.y_jmedge{
  width: 100%;
  max-width: 1520px;
  margin: 110px auto 0px;
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-top: 55px;
}
.y_jmedge::-webkit-scrollbar-track{  
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);  
	border-radius: 5px;  
	background-color: rgba(255,255,255,0.8);
}
.y_jmedge::-webkit-scrollbar{  
	height: 10px;			/*设置滚动条样式*/  
	background-color: rgba(0,0,0,0);
}
.y_jmedge::-webkit-scrollbar-thumb{  
  border-radius: 5px;  
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3); 
  background-color: #033566;
}
.y_jmedge .y_jmedge2:nth-last-child(1) .y_jmedge4{
  display: none;
}
.y_jmedge2{
  width: 25%;
  background: url(../images/background3xiao.png)no-repeat;
  background-size: 100% 100%;
  height: 305px;
  position: relative;
  padding: 70px 40px;
}
.y_jmedge2 h2{
  font-size: 32px;
  color: #fff;
  font-weight: 600;
}
.y_jmedge2 p{
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  margin-top: 50px;
  white-space: pre-wrap;
  min-width: 240px;
}
.y_jmedge3{
  position: absolute;
  top: -50px;
  left: 30px;
}
.y_jmedge4{
  position: absolute;
  bottom: 40px;
  right: -16px;
}
.y_jmedge5{
  width: 100%;
  max-width: 1520px;
  margin: 85px auto 0px;
}
.y_jmedge5 img{
  width: 100%;
}
.y_jmedge6{
  max-width: 1520px;
  margin: 120px auto 0px;
}
.y_jmedge7{
  display: flex;
  justify-content: flex-start;
  margin-top: 145px;
}
.y_jmedge7 .y_jmedge8:nth-last-child(1){
  margin-right: 0%;
}
.y_jmedge8{
  background: url(../images/background4.png) no-repeat;
  background-size: 100% 100%;
  width: 14%;
  margin-right: 0.2%;
  height: 200px;
  position: relative;
}
.y_jmedge8 p{
  position: absolute;
  font-size: 24px;
  color: #fff;
  left: 43.5%;
  top: 16.5%;
}
.y_jmedge8 span{
  font-style:oblique;
  position: absolute;
  font-size: 24px;
  color: #fff;
  left: 25%;
  top: 69%;
}
.y_jmedge9{
  max-width: 1520px;
  width: 100%;
  margin: 150px auto 0px;
  background-size: 100% 100%;
  padding-bottom: 130px;
  padding-top: 100px;
}
.y_jmedge10{
  width: 100%;
  margin: 70px auto;
  max-width: 1200px;
}
.y_jmedge11{
  width: 100%;
  display: flex;
  justify-self: flex-start;
  margin-bottom: 40px;
}
.y_jmedge11 input{
  width: 48%;
  margin-right: 4%;
  border: 1px solid #06badf;
  color: #fff;
  background: transparent;
  padding: 22px 20px;
  font-size: 16px;
}
.y_jmedge11 input::-webkit-input-placeholder{
  color: #fff;
}
.y_jmedge11 input:nth-last-child(1){
  margin-right: 0%;
}
.y_jmedge12{
  width: 100%;
}
.y_jmedge12 input{
  width: 100%;
  padding: 22px 20px;
  font-size: 16px;
  border: 1px solid #06badf;
  color: #fff;
  background: transparent;
  margin-bottom: 50px;
}
.y_jmedge12 input::-webkit-input-placeholder{
  color: #fff;
}
.y_jmedge12 button{
  width: 100%;
  color: #fff;
  background: #06badf;
  height: 60px;
  font-size: 16px;
  line-height: 60px;
}
.y_distribute{
  max-width: 1500px;
  margin: 150px auto 0px;
  position: relative;
}
.y_distribute2{
  width: 750px;
  height: 750px;
  border-radius: 500px;
  border: 1px solid #4d7593;
  margin: 0 auto;
}
.y_distribute3{
  position: absolute;
  top: 50px;
  right: 565px;
}
.y_distribute4 img{
  width: 864px;
}
.y_distribute5{
  position: absolute;
  bottom: 0px;
  left: -80px;
}
.y_distribute5 .y_distribute6:nth-last-child(1){
  margin-left: 70px;
}
.y_distribute6{
  display: flex;
  justify-content: flex-start;
}
.y_distribute6 p{
  font-size: 80px;
  color: #fff;
}
.y_distribute6 span{
  font-size: 16px;
  color: #fff;
}
.y_distribute7{
  max-width: 1520px;
  margin: 160px auto 0px;
  background: url(../images/background.png) no-repeat;
  background-size: 100% 100%;
  padding: 0px 160px 175px;
}
.y_distribute8{
  flex: 7;
  height: 350px;
  margin-right: 70px;
}
.y_distribute9{
  padding-top: 100px;
  width: 100%;
  text-align: center;
}
.y_distribute10{
  margin-top: 70px;
  display: flex;
  justify-content: flex-start;
}
.y_distribute11{
  flex: 4.4;
}
.y_distribute11 input{
  background: transparent;
  border: none;
  border-bottom: 1px solid #094d7c;
  color: #fff;
  width: 100%;
  font-size: 16px;
  padding: 18px 10px;
  margin-bottom: 10px !important;
  height: 53px;
}
.y_distribute11 input::-webkit-input-placeholder{
  color: #fff;
}
.y_distribute12 button{
  font-size: 16px;
  color: #fff;
  background: #05c6e9;
  padding: 12px 35px;
}
.y_distribute13{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  height: 60px;
  margin-top: 40px;
  border: 1px solid #06badf;
}
.y_distribute13 img{
  width: 12px;
  height: 15px;
  margin: 23px 17px 0px 21px;
}
.y_distribute13 p{
  font-size: 16px;
  color: #fff;
  line-height: 60px;
}
.y_distribute9 h2{
  font-size: 40px;
  color: #fff;
}
.y_disdinwei1{
  display: flex;
  justify-content: flex-start;
  position: absolute;
  right: 324px;
}
.y_disdinwei2{
  right: 204px;
  top: 120px;
}
.y_disdinweia1{
  position: absolute;
  right: 162px;
}
.y_disdinweia2{
  position: absolute;
  left: -62px;
  width: 275px;
}
.y_disdinweia2 span{
  /* white-space: nowrap; */
}
.y_disdinwei2 .y_disdinweia1{
  background: #065c8c;
  border: 5px solid #047999;
}
.y_disdinwei3{
  right: 147px;
    top: 240px;
}
.y_disdinwei3 .y_disdinweia1{
  background: #0680ab;
  border: 5px solid #02a5bb;
}
.y_disdinwei4{
  right: 144px;
  top: 360px;
}
.y_disdinwei4 .y_disdinweia1{
  background: #069cc4;
  border: 5px solid #01d2dd;
}
.y_disdinwei5{
  right: 174px;
  top: 480px;
}
.y_disdinwei5 .y_disdinweia1{
  background: #06badf;
  border: 5px solid #00ffff;
}
.y_disdinwei6{
  right: 260px;
  top: 600px;
}
.y_disdinwei6 .y_disdinweia1{
  background: #06badf;
  border: 5px solid #00ffff;
}
.y_disdinwei7{
  right: 431px;
  top: 686px;
}
.y_disdinwei7 .y_disdinweia1{
  background: #06badf;
  border: 5px solid #00ffff;
}
.y_disdinwei7 .y_disdinweia2{
  top: 33px;
}


.y_disdinweia1{
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border:5px solid #054874;
  background: #063e71;
  margin-top: 26px;
  margin-right: 50px;
}
.y_disdinweia1 p{
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 24px;
}
.y_disdinweia2 p{
  font-size: 30px;
  color: #f9f9f9;
}
.y_disdinweia2 span{
  font-size: 20px;
  color: #7099fa;
  margin-top: 20px;
  display: inline-block
}
.y_educate{
  max-width: 1520px;
  margin: 60px auto 80px;
  display: flex;
  justify-content: flex-start;
}
.y_educate2{
  width: 32%;
  margin-right: 2%;
  text-align: center;
  box-shadow: 0px 0px 10px 0px #eee;
  padding: 100px 50px;
}
.y_educate3{
  margin-top: 70px;
  position: relative;
}
.y_educate3 p{
  font-size: 30px;
  color: #333;
}
.y_educate3 span{
  max-width: 130px;
  width: 100%;
  height: 10px;
  background: #ced5df;
  display: block;
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%,0%);
  z-index: -1;
}
.y_educate4{
  margin-top: 40px;
}
.y_educate4 p{
  font-size: 16px;
  color: #333;
  line-height: 32px;
}
.y_educate .y_educate2:nth-last-child(1){
  margin-right: 0%;
}
.y_educate5{
  width: 100px;
  height: 100px;
  background: #fff;
  position: relative;
  margin: 0px auto;
  border-radius: 50px;
}
.y_educate5 img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  transform: translate(-50%,-50%);
}
.y_educate2:hover .y_educate5{
  background: #092b61;
  transition: 1s;
}
.y_educate2:hover .y_educatezc{
  display: none;
}
.y_educate2:hover .y_educateyc{
  display: block;
  transition: 1s;
}
.y_educateyc{
  display: none;
}
.y_recruit{
  max-width: 1520px;
  margin: 50px auto;
}
.y_recruit3{
  display: flex;
  justify-content:space-between;
  padding: 0px 40px 50px;
  border-bottom: 1px solid #eee;
  margin-top: 50px;
}
.y_recruit4 h2{
  font-size: 24px;
  color: #333;
}
.y_recruit4 p{
  font-size: 18px;
  color: #333333;
  margin-top: 30px;
}
.y_recruit4 p span{
  font-size: 20px;
  color: #092b61;
  font-size: 600;
}
.y_recruit6{
  display: flex;
  justify-content: flex-start;
}
.y_recruit6 h2{
  font-size: 16px;
}
.y_recruit6 p{
  margin: 0px 20px;
}
.y_recruit7{
  margin-top: 36px;
}
.y_recruit7 p{
  font-size: 16px;
  color: #333;
}
.y_recruit8{
  width: 100px;
  height: 40px;
  background: #092b61;
  display: flex;
  justify-content: center;
  border-radius: 30px;
  margin-top: 20px;
}
.y_recruit8 p{
  font-size: 16px;
  color: #fff;
  line-height: 38px;
  margin-right: 10px;
}
.y_recruit9{
  display: flex;
  justify-content: flex-start;
}
.y_recruit9 img{
  width: 14px;
  height: 8px;
  margin-top: 15px;
}
.y_recruit10{
  padding: 50px 40px;
  background: #f9f9f9;
  margin-bottom: 50px;
  display: none;
}
.y_recruit11{
  width: 50%;
}
.y_recruit11 h2{
  font-size: 18px;
  color: #333333;
  margin-bottom: 23px;
  font-weight: 600;
}
.y_recruit11 p{
  font-size: 16px;
  color: #666;
  line-height: 40px;
}
.y_recruit12{
  width: 50%;
}
.y_recruit12 h2{
  font-size: 18px;
  color: #333;
  margin-bottom: 23px;
  font-weight: 600;
}
.y_recruit12 p{
  font-size: 16px;
  color: #666;
  line-height: 40px;
}
.y_recruit13{
  display: flex;
  justify-content: flex-start;
}
.y_recruit14{
  margin-bottom: 50px;
}
.y_recruittop{
  display: none;
}
.y_introduce{
  max-width: 1520px;
  width: 100%;
  margin: 130px auto 0px;
}
.y_introduce2{
  position: relative;
  display: inline-block;
}
.y_introduce3 h2{
  font-size: 40px;
  color: #333333;
}
.y_introduce3 p{
  background: #092b61;
  font-size: 16px;
  color: #fff;
  padding: 10px;
  margin-top: 15px;
}
.y_introduce4{
  position: absolute;
  left: 30px;
  top: -105px;
  z-index: -1;
}
.y_introduce4 p{
  font-size: 200px;
  font-weight: 600;
  color: #eeeff2;
}
.y_introduce5{
  margin-top: 90px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.y_introduce6{
  flex: 1;
  margin-right: 70px;
}
.y_introduce7{
  flex: 1;
}
.y_introduce8{
  display: flex;
  justify-content: space-between;
}
.y_introduce8 img{
  max-width: 200px;
  margin: 0px;
  width: 100%;
 }
.y_introduce9{
  margin-top: 100px;
}
.y_introduce9 p{
  font-size: 20px;
  color: #999;
  letter-spacing: 2px;
}
.y_introduce9 span{
  color: #092b61;
}
.y_introduce9 h2{
  font-size: 20px;
  color: #999;
  margin-top: 20px;
  letter-spacing: 1px;
  font-style:oblique;
}
.y_introduce10{
  display: flex;
  justify-content: flex-start;
  margin-top: 100px;
}
.y_introduce10 img{
  max-width: 200px;
  width: 100%;
  margin: 0px;
}
.y_introduce10 .y_introduce11{
  margin-left: 5%;
}
.y_introduce11{
  max-width: 425px;
  width: 100%;
  margin-right: 5%;
  position: relative;
}
.y_introduce11 p{
  position: absolute;
  top: 50%;
  transform: translate(0%,-50%);
  font-size: 18px;
  color: #666;
  line-height: 36px;
}
.y_introduce11 span{
  font-size: 50px;
  color: #333;
}
.y_introduce12{
  display: inline-block;
  margin: -50px 0px 0px;
}
.y_introduce14{
  display: flex;
  justify-content: space-between;
  margin-top: 160px;
}
.y_introduce13{
  flex: 1;
  text-align: center;
}
.y_introduce13 h2{
  font-size: 70px;
  color: #092b62;
  font-weight: 600;
}
.y_introduce13 p{
  font-size: 24px;
  color: #333;
  margin-top: 35px;
}
.y_introduce15{
  display: flex;
  justify-content: flex-start;
  margin: 190px auto 130px;
}
.y_introduce15 .y_introduce11{
  margin-right:0%;
  max-width: 100%;
  flex: 1;
}
.y_introduce16{
  flex: 1;
  margin-right: 100px;
}
.y_introduce17{
  flex: 1;
}
.y_honorary{
  max-width: 1520px;
  margin: 100px auto 0px;
}
.y_honorary2{
  text-align: center;
  width: 100%;
}
.y_honorary2 h2{
  font-size: 40px;
  font-weight: 600;
  color: #333;
}
.y_honorary2 p{
  font-size: 16px;
  color: #fff;
  background: #092b61;
  padding: 9px;
  display: inline-block;
  margin-top: 16px;
  letter-spacing: 1px;
}
.y_honorary3{
  margin-top: 60px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.y_honorary3 .y_honorary4:nth-child(4n){
  margin-right: 0%;
}
.y_honorary4{
  width: 24%;
  margin-right: 1.3%;
  background: #f9f9f9;
  padding: 30px;
  margin-bottom: 50px;
}
.y_honorary5{
  text-align: center;
}
.y_honorary5 img{    
  max-height: 228px;
}
.y_honorary5 span{
  display: block;
  margin-top: 30px;
  background-image: linear-gradient(to right,#fff,#ccc,#fff);
  width: 100%;
  height: 1px;
}
.y_honorary6{
  margin-top: 30px;
  text-align: center;
}
.y_honorary6 span{
  font-size: 24px;
  color: #333;
}
.y_honorary6 p{
  font-size: 16px;
  margin-top: 13px;
  color: #333333;
}
.y_honorary6 h2{
  font-size: 20px;
  color: #333;
  margin-top: 30px;
  font-weight: 600;
}
.y_honorary7{
  margin: 60px auto 100px;
}
.y_culture{
  max-width: 1520px;
  width: 100%;
  margin: 100px auto 0px;
}
.y_culture2{
  display: flex;
  justify-content: flex-start;
  margin-top: 60px;
}
.y_culture3{
  flex: 1;
}
.y_culture4{
  flex: 1;
  position: relative;
}
.y_culture5{
  flex: 1;
}
.y_culture6{
  padding: 80px 50px 50px;
  text-align: center;
  background: #f9f9f9;
  margin-bottom: 40px;
  width: 100%;
}
.y_culture6:hover .y_culture9{
  background: #dcdcdc;
  border: 1px solid transparent;
}
.y_culture9{
  border-radius: 50px;
  padding: 15px;
  border: 1px solid #060606;
  display: inline-block;
}
.y_culture7 h2{
  margin-top: 35px;
  font-size: 30px;
  color: #333;
}
.y_culture7 p{
  font-size: 16px;
  color: #333;
  margin-top: 18px;
}
.y_culture7 span{
  display: block;
  width: 100%;
  margin-top: 20px;
  background-image: linear-gradient(to right,#fff,#000,#fff);
  height: 1px;
}
.y_culture8{
  margin-top: 40px;
}
.y_culture8 p{
  font-size: 20px;
  color: #333;
}
.y_culture10{
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 50%;
}
.y_culture11 h2{
  font-size: 30px;
  color: #666;
}
.y_culture11 p{
  font-size: 24px;
  color: #666;
  margin-top: 28px;
}
.y_culture12{
  margin-top: 55px;  
}
.y_culture12 p{
  font-size: 20px;
  color: #333333;
  font-weight: 600;
}
.y_culture12 span{
  font-size: 16px;
  color: #333;
  display: block;
  margin-top: 20px;
}
.y_course{
  max-width: 1520px;
  width: 100%;
  margin: 80px auto 90px;
}
.y_course2 h2{
  font-size: 40px;
  color: #333333;
}
.y_course2 p{
  margin-top: 15px;
  background: #092b61;
  font-size: 16px;
  color: #fff;
  padding: 9px;
  display: inline-block;
}
.y_course3{
  margin-top: 90px;
  width: 100%;
  position: relative;
}
.y_course4{
  text-align: center;
}
.y_course4 h2{
  font-size: 40px;
  color: #092b61;
  margin-top: 62px;
}
.y_course4 img{
  margin: 20px auto;
}
.y_course4 p{
  background: #f9f9f9;
  font-size: 16px;
  color: #333;
  max-width: 200px;
  padding: 20px;
  margin: 0 auto;
  min-height: 106px;
}
.y_course5{
  position: absolute;
  max-width: 1260px;
  width: 100%;
  top: 134px;
  left: 50%;
  transform: translate(-50%,0%);
}
.y_course5 p{
  width: 100%;
  height: 1px;
  background: #092b61;
}
.y_swiper-course-prev{
  background: url(../images/left3.png) no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}
.y_swiper-course-prev:after{
  display: none;
}
.y_swiper-course-next{
  background: url(../images/right3.png) no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}
.y_swiper-course-next:after{
  display: none;
}
.y_picture{
  max-width: 1200px;
  width: 100%;
  margin: 70px auto 0px;
}
.y_picture2{
  max-width: 350px;
  width: 100%;
  margin-right: 40px;
}
.y_picture3{
  position: relative;
  width: 100%;
}
.y_picture4{
  position: relative;
}
.y_picture4 h2{
  font-size: 30px;
  color: #333333;
}
.y_picture4 p{
  position: absolute;
  width: 100px;
  height: 10px;
  bottom: -2px;
  left: 0px;
  z-index: -1;
  background: #c9d0db;
}
.y_picture5{
  margin-top: 45px;
}
.y_picture5 {
  display: flex;
  justify-content: flex-start;
}
.y_picture6 p{
  font-size: 16px;
  color: #333;
  letter-spacing: 1px;
}
.y_picture6 p:nth-child(1){
  margin-bottom: 24px;
}
.y_picture5 .y_picture6:nth-child(1){
  margin-right: 140px;
}
.y_picture7{
  margin-top: 50px;
  display: inline-block;
}
.y_picture7 a{
  font-size: 16px;
  color: #fff;
  background: #092b61;
  padding: 10px 18px;
}
.y_picture8{
  background: #f9f9f9;
  width: 100%;
  padding: 30px;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.y_picture9{
  position: absolute;
  top: 50%;
  transform: translate(0%,-50%);
}
.y_picture10{
  width: 100%;
  margin-bottom: 80px;
}
.y_picture11{
  width: 100%;
  background: #eee;
  height: 1px;
  margin-bottom: 50px;
}
.y_newxq{
  max-width: 1200px;
  width: 100%;
  margin: 60px auto 80px;
}
.y_newxq2{
  width: 100%;
  text-align: center;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}
.y_newxq2 h2{
  font-size: 40px;
  color: #333;
}
.y_newxq2 p{
  font-size: 16px;
  color: #999;
  margin-top: 33px;
}
.y_newxq3{
  width: 100%;
  margin-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}
.y_newxq3 p{
  font-size: 16px;
  color: #333;
  line-height: 40px;
}
.y_newxq3 img{
  max-width: 600px;
  width: 100%;
  margin: 52px auto 49px;
}
.y_newxq4{
  margin-top: 50px;
  width: 100%;
}
.y_newxq4 a{
  display: inline-block;
  font-size: 16px;
  color: #333;
  line-height: 40px;
}
.y_newa{
  pointer-events: none;
  color: #999 !important;
}
.y_news{
  margin: 50px auto 0px;
  max-width: 1520px;
  width: 100%;
}
.y_news2{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding-bottom: 40px;
  margin-top: 40px;
  border-bottom: 1px solid #eee;
}
.y_news3{
  position: relative;
  flex: 1.7;
}
.y_news4{
  position: absolute;
  top: 50%;
  transform: translate(0%,-50%);
  padding-left: 10px;
}
.y_news4 h2{
  font-size: 50px;
  color: #092b61;
  font-weight: 600;
}
.y_news4 p{
  font-size: 16px;
  color: #092b61;
}
.y_news5{
  flex: 4;
}
.y_news6{
  flex: 9.5;
  padding-left: 40px;
}
.y_news6 h2{
  font-size: 18px;
  color: #333;
  margin-top: 40px;
  font-weight: 600;
}
.y_news6 p{
  margin-top: 30px;
  font-size: 16px;
  color: #999;
}
.y_news6 a{
  background: #092b62;
  font-size: 16px;
  color: #fff;
  padding: 7px 13px;
  float: right;
  margin-top: 40px;
}
.y_news7{
  margin: 50px auto 80px;
}
.y_video{
  max-width: 1520px;
  margin: 50px auto 0px;
  width: 100%;
}
.y_video2{
  width: 100%;
}
.y_video3{
  width: 100%;
  position: relative;
}
.y_video4{
  position: absolute;
  z-index: 199;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
.y_video4 h2{
  font-size: 40px;
  color: #fff;
}
.y_video4 p{
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  padding: 12px 33px;
  display: inline-block;
  margin: 50px auto 0px;
}
.y_video5{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid #eee
}
.y_video6{
  width: 32%;
  margin-right: 2%;
  margin-bottom: 40px;
}
.y_video5 .y_video6:nth-child(3n){
  margin-right: 0%;
}
.y_video7{
  text-align: center;
  font-size: 16px;
  color: #333;
}
.y_video8{
  margin: 50px auto 80px;
}
.y_picturexq{
  width: 100%;
  margin: 50px auto 140px;
}
.y_picturexq2{
  position: relative;
}
.y_picturexq3{
  position: absolute;
  top: 50%;
  transform: translate(0%,-50%);
}
.y_picturexq3 span{
  color: #eee;
}
.y_picturexq3 img{
  border: 1px solid #eee;
}
.y_picturexq4{
  position: absolute;
  width: 100%;
  height: 1px;
  background: #eee;
  top: 436px;
}
.y_swiper-picturexq-next{
  background: url(../images/proright.jpg) no-repeat;
  background-size: 100% 100%;
  width: 36px;
  height: 36px;
  right: 468px;
  top: 600px;
}
.y_swiper-picturexq-next::after{
  display: none;
}
.y_swiper-picturexq-prev{
  background: url(../images/proleft.jpg) no-repeat;
  background-size: 100% 100%;
  width: 36px;
  height: 36px;
  left: 468px;
  top: 600px;
}
.y_swiper-picturexq-prev::after{
  display: none;
}
.y_brands{
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.y_brands2{
  flex: 1;
  background-size: 100% 100%;
  width: 100%;
  height: 940px;
}
.y_brands3{
  flex: 1;
  background-size: 100% 100%;
  width: 100%;
  height: 940px;
}
.y_brands4{
  text-align: center;
  margin: 130px auto 0px;
}
.y_brands4 img{
  max-width: 200px;
  width: 100%;
}
.y_brands4 p{
  margin-top: 42px;
  font-size: 16px;
  color: #fff;
}
.y_brands4 a{
  font-size: 16px;
  color: #fff;
  border-radius: 50px;
  border: 1px solid #fff;
  padding: 12px 38px;
  margin-top: 44px;
  display: inline-block;
}
.y_index2{
  width: 100%;
  height: 100%;
  position: absolute;
}
.y_index2 img{
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0px;
  left: 0px;
}
.y_index2 div{
  font-size: 30px;
  color: #fff;
  font-weight: 600;
}
.y_index4{
  background-size: 100% 100% !important;
  width: 100%;
  height: 100%; 
}
.y_index5{
  position: relative;
}
.y_index6{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
.y_index6 h2{
  font-size: 60px;
   color: #fff;
}
.y_index6 p{
  font-size: 16px;
  color: #333;
  background: #fff;
  padding: 9px 14px;
  display: inline-block;
  margin-top: 32px;
}
.y_index7{
  padding-top: 175px;
}
.y_index8{
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.y_index9{
  width: 50%;
  background-size: 100% 100% !important;
  width: 100%;
  height: 100%; 
  position: relative;
}
.y_index10{
  width: 50%;
  background-size: 100% 100% !important;
  width: 100%;
  height: 100%; 
  position: relative;
}
.y_index11{
  position: absolute;
  top: 50%;
  transform: translate(0%,-50%);
  left: 200px;
}
.y_index11 h2{
  font-size: 40px;
  color: rgba(255, 255, 255, 0.3);
}
.y_index11 h3{
  font-size: 40px;
  color: #fff;
  margin-top: 18px;
}
.y_index11 p{
  font-size: 16px;
  color: #fff;
  margin-top: 40px;
}
.y_index11 a{
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 12px 38px;
  font-size: 16px;
  color: #fff;
  margin-top: 54px;
  display: inline-block;
}
.y_index12{
  flex: 1;
  background-size: 100% 100% !important;
  width: 100%;
  height: 500px; 
  position: relative;
}
.y_index14{
  flex: 1;
  background-size: 100% 100% !important;
  width: 100%;
  height: 500px; 
  position: relative;
}
.y_index15{
  flex: 1;
  background: #f7f7f7;
  background-size: 100% 100%;
  width: 100%;
  height: 500px; 
  position: relative;
}

.y_index13{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.y_index13 img{
  max-width: 200px;
  width: 100%;
}
.y_index13 p{
  font-size: 20px;
  color: #fff;
  margin-top: 15px;
}
.y_index13 a{
  font-size: 14px;
  color: #81b1ff;
  margin-top: 20px;
  display: block;
  text-align: center;
}
.y_index15 p{
  font-size: 16px;
  color: #666;
}
.y_index15 h2{
  margin-top: 33px;
  color: #000;
  font-size: 50px;
}
.y_index15 span{
  display: inline-block;
  color: #000;
  font-size: 16px;
  margin-top: 40px;
}
.y_index16{
  margin: 80px auto;
}
.y_index17{
  text-align: center;
}
.y_index17 h2{
  font-size: 24px;
  color: #333333;
}
.y_index17 p{
  font-size: 16px;
  color: #999;
  margin-top: 16px;
}
.y_index18{
  margin:50px auto 0px;
  max-width: 1520px;  
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.y_index18 .y_index19:nth-last-child(1) {
  border-right: none;
}
.y_index19 {
  flex: 1;
  border-right: 1px solid #eee;
  text-align: center;
}
.y_index19 h2{
  font-size: 30px;
  color: #333;
  margin-top: 26px;
}
.y_index19 p{
  font-size: 16px;
  color: #333;
  margin-top: 18px;
  max-width: 240px;
  margin: 18px auto 0px;
}
.y_index19 a{
  background: url(../images/jiudian_img7.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  max-width: 150px;
  height: 46px;
  padding: 15px 44px;
  display: inline-block;
  margin-top: 29px;
}
.y_index20{
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.y_indexiphone{
  display: none;
}
.y_page{
  width: 100%;
}
.y_page ul{
  display: flex;
  justify-content: center;
}
.y_page ul li a{
  color: #333;
  font-size: 20px;
  margin: 0px 20px;
}
.y_page ul li a img{
  display: inline-block;
  width: 32px;
  background: #000;
  padding: 10px;
}
.y_pagelight a{
  pointer-events: none !important;
}
.y_pagelight a img{
  background: #b2b2b2 !important;
}
.y_custbottom{
  display: block;
  margin-top: 72px;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right,#fff,#000,#fff);
}
.y_custbottom2{
  display: block;
  margin: 50px auto 0px;
  max-width: 1200px;
  height: 1px;
  background-image: linear-gradient(to right,#fff,#000,#fff);
}
.y_custbottom3{
  display: block;
  margin-top: 39px;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right,#fff,#b36f2e,#fff);
}
.y_custbottom4{
  width: 1px;
  height: 30px;
  background: #092b61;
  margin: 0px auto;
  display: block;
  margin-top: 50px;
}

/* swiper */
.y_edgeswiper-next{
  background: url("../images/right.jpg") no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 100px;
  top: 35%;
  right: -60px;
}
.y_edgeswiper-prev{
  background: url("../images/left.jpg") no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 100px;
  top: 35%;
  left: -60px;
}
.y_edgeswiper-prev:after, .swiper-container-rtl .swiper-button-next:after{
  content:none;
}
.y_edgeswiper-next:after, .swiper-container-rtl .swiper-button-next:after{
  content:none;
}
/* swiper */
.videolist {
  position: relative;
  width: 100%;
  height: auto;
  margin-right: 50px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.videolist:hover {
  cursor: pointer;
}
.videos {
  display: none;
  border: 1px solid #080808;
  position: fixed;
  left: 0%;
  top: 0%;
  z-index: 9999;
  width: 640px;
  height: 360px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
}
.videos video{
  position:fixed;
  left:50%; top:50%;
  margin-left:-320px;
  margin-top:-210px;
}
.vclose {
  position: absolute;
  right: 1%;
  top: 1%;
  border-radius: 100%;
  cursor: pointer;
}
.videoed {
  display: none;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 43%;
  top: 32%;
  z-index: 99;
  border-radius: 100%;
}
/* video */
.y_swiper-picturexq{
  margin-left: -380px;
}
.y_swiper-picturexq .swiper-slide {
text-align: center;
font-size: 20px;
height: 820px;
}
.y_swiper-picturexq .swiper-slide img{
  display: none;
  width: auto !important;
}
.y_swiper-picturexq .swiper-slide-active span{
  display: none;
}
.y_swiper-picturexq .swiper-slide-active{
  width: 600px !important;
  margin-right: 160px !important;
}
.y_swiper-picturexq .swiper-slide-active img{
  display: block !important;
}
.y_swiper-paginationxq{
  bottom: -70px;
  font-size: 20px;
  color: #333;
}
.y_swiper-picturexq .swiper-slide-active p{
  display: none;
}
/* 新闻中心-产品画册-详情 swipe*/

@media only screen and (min-width: 1200px) and (max-width: 1520px) {
  .pro_detail{
    padding: 0px 10px;
  }
  .y_foot2{
    padding: 30px 10px;
  }
  .y_foot5 {
    margin-right: 5%;
  }
  .y_proxq{
    padding: 0px 10px;
  }
  .pro_series{
    padding: 0px 10px;
  }
  .y_common4{
    left: 100px;
  }
  .y_customize{
    padding: 0px 10px;
  }
  .y_customize5{
    padding: 0px 10px;
  }
  .y_edge8{
    padding: 0px 10px;
  }
  .y_edge15{
    padding: 0px 10px;
  }
  .y_standings{
    padding: 0px 10px;
  }
  .y_contact{
    padding: 0px 10px;
  }
  .y_contact9{
    margin: 0px 10%;
  }
  .y_join2{
    padding: 104px 10px;
  }
  .y_jmedge2 h2{
    font-size: 24px;
  }
  .y_jmedge8{
    height: 170px;
  }
  .y_jmedge8 p{
    left: 43.2%;
    top: 15%;
  }
  .y_disdinwei1{
    right: 246px;
  }
  .y_disdinwei2 {
    right: 125px;
  }
  .y_disdinwei3 {
    right: 71px;
  }
  .y_disdinwei4 {
    right: 64px;
  }
  .y_disdinwei5 {
    right: 98px;
  }
  .y_disdinwei6 {
    right: 179px;
  }
  .y_disdinwei7 {
    right: 347px;
  }
  .y_distribute4 img{
    width: 830px;
  }
  .y_distribute3{
    right: 414px;
  }
  .y_educate{
    padding: 0px 10px;
  }
  .y_introduce{
    padding: 0px 10px;
  }
  .y_honorary{
    padding: 0px 10px;
  }
  .y_culture{
    padding: 0px 10px;
  }
  .y_course{
    padding: 0px 10px;
  }
  .y_course5{
    width: 85%;
  }
  .y_picture{
    padding: 0px 10px;
  }
  .y_news{
    padding: 0px 10px;
  }
  .y_newxq{
    padding: 0px 10px;
  }
  .y_video{
    padding: 0px 10px;
  }
  .y_swiper-picturexq-next{
    right:150px
  }
  .y_swiper-picturexq-prev{
    left: 150px;
  }
  .y_brands2{
    height: 630px;
  }
  .y_brands3{
    height: 630px;
  }
  .y_index12{
    height: 400px;
  }
  .y_index14{
    height: 400px;
  }
  .y_index15{
    height: 400px;
  }
  .y_contact4{
    min-width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .header
    .navbar
    .container-fluid
    .navbar-collapse
    .nav
    > li
    .pro_header
    .ph_one
    .ph_img {
    width: 85px;
  }
  .y_pro-button-next {
    right: 0px !important;
  }
  .y_pro-button-prev {
    left: 0px !important;
  }
  .y_foot5 {
    margin-right: 2%;
  }
  .y_pro4 {
    padding: 0px 10px;
  }
  .y_foot2 {
    padding: 50px 10px;
  }
  .y_foot9 {
    margin: 0px;
    height: 70px;
  }
  .y_foot9 p {
    line-height: 70px;
  }
  .y_foot9 p a{
    color: #fff !important;
  }
  .pro_detail{
    padding: 0px 10px;
  }
  .y_proxq{
    padding: 0px 10px;
  }
  .pro_series{
    padding: 0px 10px;
  }
  .y_common4{
    left: 100px;
  }
  .y_customize{
    padding: 0px 10px;
  }
  .y_customize5{
    padding: 0px 10px;
  }
  .y_edge8{
    padding: 0px 10px;
  }
  .y_edge15{
    padding: 0px 10px;
  }
  .y_edgeswiper-prev{
    top: 22%;
    left: 0%;
  }
  .y_edgeswiper-next{
    top: 22%;
    right: 0%;
  }
  .y_standings{
    padding: 0px 10px;
  }
  .y_standings10 p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .y_standings10{
    margin-top: 5px;
  }
  .y_standings6{
    padding: 10px;
  }
  .y_contact{
    padding: 0px 10px;
  }
  .y_contact9{
    display: none;
  }
  .y_join2{
    padding: 104px 10px;
  }
  .y_jmedge{
    flex-wrap: wrap;
  }
  .y_jmedge2 {
    width: 50%;
    margin-bottom: 20px;
  }
  .y_jmedge7{
    flex-wrap: wrap;
  }
  .y_jmedge8{
    width: 27%;
    margin-bottom: 20px;
  }
  .y_distribute2{
    width:100%;
    border:none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .y_distribute2 .y_disdinwei1{
    position: initial;
    width: 50%;
  }
  .y_distribute3{
    display: none;
  }
  .y_distribute7{
    padding: 0px 20px 25px;
    margin: 20px auto 0px;
  }
  .y_educate{
    padding: 0px 10px;
  }
  .y_introduce6{
    margin-right: 0px;
  }
  .y_introduce{
    padding: 0px 10px;
  }
  .y_introduce8 img{
    display: none;
  }
  .y_introduce9{
    display: none ;
  }
  .y_introduce10{
    margin-top: 0px;
  }
  .y_introduce10 img{
    display: none;
  }
  .y_introduce11 p{
    top: 0%;
    transform: translate(0%,0%);
  }
  .y_introduce12{
    display: none;
  }
  .y_introduce11 p{
    position: relative;
  }
  .y_introduce14{
    margin-top: 60px;
  }
  .y_introduce13 h2 {
    font-size: 50px;
  }
  .y_introduce13 p {
    font-size: 18px;
  }
  .y_introduce15{
    margin: 50px auto 50px;
  }
  .y_honorary{
    padding: 0px 10px;
  }
  .y_culture{
    padding: 0px 10px;
  }
  .y_course{
    padding: 0px 10px;
  }
  .y_course5{
    width: 85%;
  }
  .y_picture{
    padding: 0px 10px;
  }
  .y_picture5 .y_picture6:nth-child(1) {
    margin-right: 30px;
  }
  .y_news{
    padding: 0px 10px;
  }
  .y_news6 p{
    font-size: 12px;
  }
  .y_news6{
    padding-left: 10px;
  }
  .y_newxq{
    padding: 0px 10px;
  }
  .y_video{
    padding: 0px 10px;
  }
  .y_video6{
    margin-bottom: 10px;
  }
  .y_swiper-picturexq .swiper-slide-active{
    width: 465px !important;
    margin-right: 80px !important;
  }
  .y_swiper-picturexq-next{
    right:100px;
    top: 530px
  }
  .y_swiper-picturexq-prev{
    left: 100px;
    top: 530px;
  }
  .y_swiper-picturexq .swiper-slide{
    height: 700px;
  }
  .y_picturexq4{
    top: 377px;
  }
  .y_brands2{
    height: 430px;
  }
  .y_brands3{
    height: 430px;
  }
  .y_index11{
    left: 100px;
  }
  .y_index12{
    height: 300px;
  }
  .y_index14{
    height: 300px;
  }
  .y_index15{
    height: 300px;
  }
  .y_index13 p{
    font-size: 12px;
  }
  .y_index15 h2 {
    margin-top: 10px;
    font-size: 22px;
  }
  .y_index15 span {
    font-size: 12px;
    margin-top: 20px;
  }
  .y_index19 h2 {
    font-size: 22px;
  }
  .y_index19 p {
    font-size: 12px;
    color: #333;
  }
  .y_index19 a{
    max-width: 110px;
    height: 40px;
    padding: 10px 25px;
    margin-top: 20px;
    font-size: 12px;
    line-height: 20px;
  }
  .y_contact4{
    min-width: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .y_comm{
    width: 40% !important;
  }
  .y_head4 {
    position: relative;
    opacity: 1;
    left: 0px;
  }
  .y_head3:hover .y_head4 {
    background: none;
    position: relative;
    border-top: none;
    padding: 0px;
    margin-top: 0px;
  }
  .header .navbar .container-fluid .navbar-collapse .nav > li .pro_header .ph {
    display: inline;
    margin: 0px;
  }
  .y_head5 {
    display: none;
  }
  .y_pro-button-next {
    right: 0px !important;
  }
  .y_pro-button-prev {
    left: 0px !important;
  }
  .y_proswiper h2 {
    font-size: 22px;
  }
  .y_proswiper p {
    font-size: 14px;
    margin-top: 20px;
  }
  .y_proswiper img {
    width: 80%;
  }
  .y_proswiper span {
    font-size: 18px;
    margin: 60px auto 0px;
  }
  .y_proswiper h2 {
    margin: 80px auto 0px;
  }
  .y_pro {
    height: 640px;
  }
  .y_pro3 {
    height: 50px;
  }
  .y_pro3 a p {
    line-height: 50px;
    font-size: 12px;
    width: auto;
    padding: 0px 5px;
  }
  .y_pro4 {
    margin: 20px auto 0px;
  }
  .y_pro4 h2 {
    font-size: 22px;
  }
  .y_pro6 {
    margin-top: 20px;
  }
  .y_pro7 {
    width: 100%;
    margin-right: 0px;
    padding: 0px 20%;
    margin-bottom: 50px;
  }
  .y_pro7 p {
    margin-top: 20px;
    font-size: 16px;
  }
  .y_foot {
    padding-bottom: 10px;
  }
  .y_foot2 {
    padding-top: 20px;
    flex-wrap: wrap;
  }
  .y_foot3 {
    width: 100%;
    flex-wrap: wrap;
    flex: none;
    padding: 0px 20px;
  }
  .y_foot4 {
    padding: 0px 20px;
  }
  .y_foot5 {
    width: 33%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .y_foot5 h2 {
    font-size: 16px;
  }
  .y_foot5 a {
    font-size: 12px;
    margin-top: 10px;
  }
  .y_foot5 span {
    margin-top: 0px;
  }
  .y_foot6 a {
    font-size: 16px;
  }
  .y_foot6 span {
    font-size: 12px;
  }
  .y_foot7 {
    margin-top: 40px;
  }
  .y_foot7 p {
    font-size: 16px;
  }
  .y_foot9 {
    height: 50px;
    margin: 20px auto 0px;
    padding: 5px 20px 0px;
  }
  .y_foot9 p {
    font-size: 12px;
    line-height: 25px;
  }
  .y_foot10 img {
    margin: 10px 20px 0px 0px;
    width: 30px;
    height: 30px;
  }
  .pro_detail {
    margin-top: 30px;
  }
  .pro_detail .prod_img {
    padding: 20px 20px;
  }
  .pro_detail .prod_char{
    margin-top: 0px;
  }
  .pro_detail .prod_char .prod_tit h3{
    font-size: 22px;
  }
  .pro_detail .prod_char .prod_tit {
    margin: 0 0 10px;
  } 
  .prod_con{
    text-align: left;
  }
  .y_proxq{
    margin: 10px auto 0px;
  }
  .y_proxq h2 {
    font-size: 22px;
  }
  .y_proxq2{
    margin-top: 10px;
  }
  .y_proxq3{
    height: auto;
  }
  .y_proxq4 p {
    font-size: 14px;
    line-height: 50px;
  }
  .y_proxq4 span {
    font-size: 14px;
    line-height: 50px;
  }
  .pro_series{
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .title1 h1{
    margin: 0 auto;
    font-size: 22px;
  }
  .pros_in {
    margin-top: 10px;
  }
  .pro_item {
    width: 100%;
  }
  .pros_btn {
    margin-top: 10px;
  }
  .pro_series .pros_btn a{
    font-size: 12px;
  }
  .y_common{
    height: 350px;
  }
  .y_common4{
    top: 50px;
    left: 50px;
  }
  .y_common4 h2{
    font-size: 22px;
  }
  .y_common3{
    font-size: 12px;
  }
  .y_common4 p{
    font-size: 18px;
    margin-top: 10px;
  }
  .y_customize{
    height: 350px;
    padding: 0px 10px;
  }
  .y_customize2{
    padding-top: 25px;
  }
  .y_customize2 h2{
    font-size: 22px;
  }
  .y_customize2 p{
    font-size: 14px;
    margin-top: 20px;
  }
  .y_custbottom{
    margin-top: 10px;
  }
  .y_customize3{
    padding: 20px 0px;
  }
  .y_customize4 img{
    width: 40px;
    height: 40px;
  }
  .y_customize4 p{
    font-size: 12px;
  }
  .y_custbottom2{
    margin-top: 0px;
  }
  .y_customize5{
    margin-top: 20px;
    padding: 0px 10px;
  }
  .y_customize5 h2{
    font-size: 22px;
  }
  .y_customize6{
    margin-top: 70px;
  }
  .y_customize7{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 50px;
  }
  .y_customize6 .y_customize7:nth-child(2n){
    margin-right: 0px;
  }
  .y_customize8 img{
    width: 60px;
    height: 60px;
  }
  .y_customize9{
    padding: 50px 10px 20px;
  }
  .y_customize9 span{
    font-size: 14px;
  }
  .y_customize9 h2{
    font-size: 16px;
    margin-top:10px;
  }
  .y_custbottom3{
    margin-top: 10px;
  }
  .y_customize9 p{
    font-size: 12px;
    margin-top:10px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;  
    overflow: hidden;
  }
  .y_edge2{
    margin-top: 20px;
  }
  .y_edge2 h2 {
    font-size: 22px;
  }
  .y_edge2 p {
    font-size: 12px;
    margin-top: 10px;
    padding: 5px;
  }
  .y_custbottom4{
    height: 20px;
    margin-top: 10px;
  }
  .y_edge3 {
    margin-top: 10px;
  }
  .y_edge3 h2 {
    font-size: 22px;
  }
  .y_edge4{
    margin-top: 10px;
  }
  .y_edge4 p {
    font-size: 12px;
    line-height: 30px;
  }
  .y_edge4 span {
    font-size: 14px;
    line-height: 25px;
  }
  .y_edge5{
    margin: 10px auto 0px;
    padding: 20px 10px;
  }
  .y_edge6 h2 {
    font-size: 22px;
  }
  .y_edge6 p {
    font-size: 12px;
    margin-top: 10px;
  }
  .y_edge9{
    margin: 20px auto 0px;
    height: 20px;
  }
  .y_edge8{
    padding: 0px 10px;
  }
  .y_edge8 h2 {
    font-size: 22px;
    margin-top: 20px;
  }
  .y_edge8 p {
    font-size: 14px;
    margin-top: 10px;
  }
  .y_edge11{
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .y_edge12{
    width: 100%;
    flex: none;
    margin-bottom: 10px;
  }
  .y_edge13{
    margin-top: 20px;
  }
  .y_edgeswiper-next{
    right: 0px;
  }
  .y_edgeswiper-prev{
    left: 0px;
  }
  .y_edge16 h2{
    font-size: 22px;
    margin-top: 20px;
  }
  .y_edge16 p{
    font-size: 12px;
    line-height: 25px;
    margin: 10px auto 0px;
  }
  .y_edge15{
    padding: 0px 10px;
  }
  .y_edge19{
    padding: 10px 0px;
    margin-bottom: 10px
  }
  .y_edge19 p{
    font-size: 12px;
    margin-top: 15px;
  }
  .y_edge19 img{
    width: 70px;
  }
  .y_edge20{
    margin: 20px auto 0px;
    height: 20px;
  }
  .y_edge21{
    margin-top: 20px;
  }
  .y_edge23{
    width: 48%;
    margin-right: 4%;
  }
  .y_edge22 .y_edge23:nth-child(2n) {
    margin-right: 0%;
  }
  .y_standings{
    padding: 0px 10px;
  }
  .y_standings2{
    margin-top: 10px;
    padding: 10px;
  }
  .y_standings3{
    padding-bottom: 20px;
  }
  .y_standings3 p{
      font-size: 12px;
      line-height: 25px;
  }
  .y_standings4{
    margin-top: 10px;
  }
  .y_standings4 p {
    font-size: 14px;
  }
  .y_standings6{
    width: 100%;
    margin-right: 0%;
    flex-wrap: wrap;
    padding: 10px;
    margin-bottom: 10px;
  }
  .y_standings7{
    width: 100%;
    flex: none;
    margin-right: 0px;
  }
  .y_standings8{
    width: 100%;
    flex: none;
  }
  .y_standings9 p{
    font-size: 14px;
  margin-top: 10px;
  }
  .y_standings11{
    position: relative;
    top: 0%;
    transform: translate(0%,0%);
    left: 0px;
  }
  .y_standings10 {
    margin-top: 10px;
  }
  .y_standings10 p {
    font-size: 12px;
    line-height: 25px;
  }
  .y_standings12{
    display: none ;
  }
  .y_page{
    margin-top: 20px;
  }
  .y_page ul li a {
    font-size: 12px;
    margin: 0px 10px;
  }
  .y_page ul li a img{
    width: 26px;
  }
  .y_contact{
    padding: 0px 10px;
    margin: 20px auto;
  }
  .y_contact9{
    display: none;
  }
  .y_contact2 h2 {
    font-size: 22px;
  }
  .y_contact3{
    flex-wrap: wrap;
  }
  .y_contact2 p {
    font-size: 12px;
    padding: 5px;
    margin-top: 10px;
  }
  .y_contact4{
    width: 100%;
  }
  .y_contact5 {
    margin-top: 10px;
  }
  .y_contact6 img {
    width: 20px;
    height: 20px;
    margin: 0px 10px 0px 0px;
  }
  .y_contact6 p {
    font-size: 14px;
  }
  .y_contact7{
    margin-top: 10px;
  }
  .y_contact7 p {
    line-height: 24px;
    letter-spacing: 0px;
    font-size: 12px;
    margin-bottom: 5px;
  }
  .y_contact5 .y_contact7 {
    min-height: auto;
}
.y_contact8{
  margin-top: 10px;
}
.y_contact10 {
  margin-top: 10px;
}
.y_contact11 img {
  width: 80px;
  height: 80px;
}
.y_comjiamen2{
  height: 40px;
}
.y_comjiamen2 a p{
  line-height: 36px;
}
.y_join2{
  padding: 20px 10px;
}
.y_jointitle h2{
  font-size: 22px;
}
.y_join3{
  margin: 20px auto 0px;
}
.y_join4{
  width: 100%;
  margin-right: 0%;
  padding: 20px 10px 20px 10px;
  margin-bottom: 20px;
}
.y_join4 img{
  top: -26px;
  width: 50px;
  left: 5px;
}
.y_join4 h2{
  font-size: 18px;
}
.y_join5{
  margin-top: 10px;
}
.y_join5 p{
  font-size: 12px;
}
.y_join6{
  margin-top: 20px;
}
.y_join8 p{
  font-size: 12px;
  line-height: 30px;
  height: 30px;
}
.y_jmedge{
  flex-wrap: wrap;
  margin-top: 20px;
  white-space: inherit;
  overflow-x: inherit;
  overflow-y: inherit;
  padding-top: 10px;
}
.y_jmedge2 {
  width: 100%;
  margin-bottom: 40px;
  padding:20px;
  height: auto;
}
.y_jmedge2 h2 {
  font-size: 18px;
  
}
.y_jmedge2 p{
  margin-top: 10px;
  font-size: 12px;
  line-height: 24px;
}
.y_jmedge3{
  width: 50px;
  top: -29px;
  left: 13px;
}
.y_jmedge4{
  display: none;
}
.y_jmedge5{
  margin: 0px auto 0px;
}
.y_jmedge6{
  margin: 20px auto 0px;
}
.y_jmedge7{
  flex-wrap: wrap;
  margin-top: 20px;
}
.y_jmedge8{
  width: 50%;
  margin-right: 0%;
  margin-bottom: 20px;
}
.y_jmedge8 p{
  font-size: 20px;
  left: 44.5%;
  top: 17.5%;
}
.y_jmedge8 span{
  font-size: 16px;
  left: 33%;
  top: 69%;
}
.y_jmedge9{
  margin: 20px auto 0px;
  padding-bottom: 30px;
  padding-top: 0px;
  background: none !important;
}
.y_jmedge10{
  margin-top: 20px;
  margin-bottom: 0px;
}
.y_jmedge11 input{
  padding: 12px 20px;
  font-size: 12px;
}
.y_jmedge11{
  margin-bottom: 20px;
}
.y_jmedge12 input{
  padding: 12px 20px;
  font-size: 12px;
  margin-bottom: 20px;
}
.y_jmedge12 button{
  height: 40px;
  font-size: 12px;
  line-height: 40px;
}
.y_distribute{
  margin: 20px auto 0px;
}
.y_distribute2{
  width:100%;
  border:none;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: auto;
}
.y_distribute2 .y_disdinwei1{
  position: initial;
  width: 50%;
  right:0px;
  margin-bottom: 20px;
}
.y_distribute3{
  display: none;
}
.y_distribute7{
  padding: 0px 20px 25px;
  margin: 20px auto 0px;
}
.y_disdinweia1 {
  width: 30px;
  height: 30px;
  margin-top: 17px;
  margin-right: 15px;
}
.y_disdinweia1 p{
  font-size: 12px;
}
.y_disdinweia2 p {
  font-size: 18px;
}
.y_disdinweia2 span {
  font-size: 12px;
}
.y_distribute8{
  width: 100%;
  flex: none;
  margin-right: 0%;
}
.y_distribute9 {
  padding-top: 10px;
}
.y_distribute9 h2 {
  font-size: 22px;
}
.y_distribute10 {
  margin-top: 20px;
  flex-wrap: wrap;
}
.y_distribute11{
  margin-top: 10px;
}
.y_distribute11 input{
  height: 40px;
  font-size: 12px;
}
.y_distribute12 button {
  font-size: 12px;
  padding: 10px 25px;
}
.y_distribute13{
  margin-top: 20px;
  height: 40px;
}
.y_distribute13 p {
  font-size: 12px;
  line-height: 40px;
}
.y_distribute13 img{
  margin: 13px 10px 0px 12px;
}
.layui-form-item .layui-input-inline{
  margin: 0px !important;
}
.y_educate{
  padding: 0px 10px;
  flex-wrap: wrap;
  margin: 20px auto;
}
.y_educate2{
  width: 100%;
  padding: 20px 10px;
  margin-right: 0px;
  margin-bottom: 10px;
}
.y_educate3 {
  margin-top: 10px;
}
.y_educate5{
  width: 80px;
  height: 80px;
}
.y_educate5 img{
  width: 40px;
}
.y_educate3 p {
  font-size: 22px;
}
.y_educate4 {
  margin-top: 10px;
}
.y_educate4 p {
  font-size: 12px;
  line-height: 24px;
}
.y_recruit{
  margin: 20px auto;
}
.y_recruit3{
  margin-top: 10px;
  padding: 0px 10px 10px;
}
.y_recruit4 h2 {
  font-size: 18px;
}
.y_recruit4 p span {
  font-size: 12px;
}
.y_recruit4 p {
  font-size: 12px;
  margin-top: 10px;
}
.y_recruit6 h2 {
  font-size: 12px;
}
.y_recruit6 p {
  margin: 0px 5px;
  font-size: 12px;
  margin-top: -3px;
}
.y_recruit7{
  margin-top: 10px;
}
.y_recruit7 p {
  font-size: 12px;
}
.y_recruit8{
  height: 30px;
  margin-top: 0px;
}
.y_recruit8 p {
  font-size: 12px;
  line-height: 30px;
  margin-right: 7px;

}
.y_recruit8 {
  width: 70px;
}
.y_recruit9 img {
  width: 10px;
  height: 6px;
  margin-top: 12px;
}
.y_recruit10{
  padding: 10px;
  margin-bottom: 10px;
}
.y_recruit11{
  width: 100%;
  margin-bottom: 20px;
}
.y_recruit12{
  width: 100%;
}
.y_recruit11 h2 {
  font-size: 16px;
  margin-bottom: 10px;
}
.y_recruit11 p {
  font-size: 12px;
  line-height: 24px;
}
.y_recruit12 h2 {
  margin-bottom: 10px;
  font-size: 16px;
}
.y_recruit12 p {
  font-size: 12px;
  line-height: 24px;
}
.y_recruit13{
  flex-wrap: wrap;
}
.y_introduce6{
  margin-right: 0px;
}
.y_introduce{
  padding: 0px 10px;
  margin: 10px auto 0px;
}
.y_introduce3 h2 {
  font-size: 22px;
}
.y_introduce3 p{
  padding: 5px;
  margin-top: 10px;
  font-size:12px;
}
.y_introduce4{
  left: 30px;
  top: -30px;
}
.y_introduce4 p{
  font-size: 75px;
}
.y_introduce5 {
  margin-top: 20px;
}
.y_introduce6{
  width: 100%;
  flex: none;
}
.y_introduce7{
  width: 100%;
  flex: none;
}
.y_introduce8{
  margin-bottom: 10px;
}
.y_introduce8 img{
  display: none;
}
.y_introduce9{
  display: none ;
}
.y_introduce10{
  margin-top: 0px;
}
.y_introduce10 img{
  display: none;
}
.y_introduce11 p{
  top: 0%;
  transform: translate(0%,0%);
  font-size: 12px;
  line-height: 24px;
}
.y_introduce11 span {
  font-size: 22px;
}
.y_introduce12{
  display: none;
}
.y_introduce11 p{
  position: relative;
}
.y_introduce14{
  margin-top: 20px;
}
.y_introduce13 h2 {
  font-size: 22px;
}
.y_introduce13 p {
  font-size: 12px;
  margin-top: 10px;
}
.y_introduce15{
  margin: 10px auto 20px;
}
.y_introduce10 .y_introduce11{
  margin: 0px;
}
.y_introduce16{
  display: none;
}
.y_honorary{
  padding: 0px 10px;
  margin: 20px 0px 0px;
}
.y_honorary2 h2 {
  font-size: 22px;
}
.y_honorary2 p{
  font-size: 12px;
  padding: 5px;
  margin-top: 10px;
}
.y_honorary3 {
  margin-top: 20px;
}
.y_honorary4{
  width: 100%;
  margin-right: 0%;
  padding: 10px;
  margin-bottom: 10px;
}
.y_honorary5 span{
  margin-top: 10px;
}
.y_honorary6 {
  margin-top: 10px;
}
.y_honorary6 span {
  font-size: 12px;
}
.y_honorary6 p {
  font-size: 12px;
  margin-top: 10px;
}
.y_honorary6 h2 {
  font-size: 14px;
  margin-top: 10px;
}
.y_honorary7{
  margin: 20px auto;
}
.y_culture{
  padding: 0px 10px;
  margin: 20px auto 0px;
}
.y_culture2{
  flex-wrap: wrap;
  margin-top: 20px;
}
.y_culture3{
  flex: none;
  width: 100%;
}
.y_culture4{
  flex: none;
  width: 100%;
}
.y_culture5{
  flex: none;
  width: 100%;
}
.y_culture6 {
  padding: 20px 10px;
  margin-bottom: 10px;
}
.y_culture9{
  padding: 10px;
}
.y_culture7 h2 {
  margin-top: 10px;
  font-size: 22px;
}
.y_culture7 p {
  font-size: 12px;
  color: #333;
  margin-top: 10px;
}
.y_culture10{
    position: initial;
    top: 0%;
    transform: translate(0%,0%);
    left: 0%;
}
.y_culture7 span{
  margin-top: 10px;
}
.y_culture8 {
  margin-top: 10px;
}
.y_culture8 p {
  font-size: 12px;
}
.y_culture11 h2 {
  font-size: 22px;
}
.y_culture11 p {
  font-size: 12px;
  margin-top: 10px;
}
.y_culture12 {
  margin-top: 20px;
}
.y_culture12 p {
  font-size: 16px;
}
.y_culture12 span {
  font-size: 12px;
}
.y_course{
  padding: 0px 10px;
  margin: 20px auto;
}
.y_course2 h2 {
  font-size: 22px;
}
.y_course5{
  width: 70%;
  top: 53px;
  display: none;
}
.y_course2 p {
  margin-top: 10px;
  font-size: 12px;
  padding: 5px;
}
.y_course3{
  margin-top: 20px;
}
.y_course4 h2 {
  font-size: 22px;
  margin-top: 0px;
}
.y_course4 p{
  font-size: 12px;
  padding: 10px;
  min-height:auto;
}
.y_picture{
  padding: 0px 10px;
  margin: 20px auto 0px;
}
.y_picture8{
  flex-wrap: wrap;
  padding: 10px;
  margin-bottom: 10px;
}
.y_picture2{
  width: 100%;
  margin-right: 0px;
  max-width: 100%;
}
.y_picture4 h2 {
  font-size: 22px;
  margin-top: 10px;
}
.y_picture9{
    position: initial;
    top: 0%;
    transform: translate(0%,0%);
}
.y_picture6 p:nth-child(1) {
  margin-bottom: 10px;
}
.y_picture6 p {
  font-size: 12px;
}
.y_picture5 {
  margin-top: 10px;
}
.y_picture7 a{
  font-size: 12px;
  padding: 5px 10px;
}
.y_picture7 {
  margin-top: 20px;
}
.y_picture5 .y_picture6:nth-child(1) {
  margin-right: 20px;
}
.y_picture10{
  margin-bottom: 20px;
}
.y_picture11{
  margin-bottom: 20px;
}
.y_news{
  padding: 0px 10px;
  margin: 20px auto 0px;
}
.y_news2{
  padding-bottom: 20px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.y_news3{
  width: 100%;
  flex: none;
}
.y_news4 {
  position: initial;
  top: 0%;
  transform: translate(0%,0%);
  padding-left: 0px;
  text-align: center;
}
.y_news4 h2 {
  font-size: 22px;
}
.y_news4 p {
  font-size: 12px;
}
.y_news5{
  width: 100%;
  flex: none;
}
.y_news6{
  width: 100%;
  flex: none;
  padding-left: 0px;
}
.y_news6 h2{
  font-size: 14px;
  margin-top: 10px;
}
.y_news6 p{
  font-size: 12px;
  margin-top: 10px;
}
.y_news6 a{
  margin-top: 15px;
  display: inline-block;
  font-size: 12px;
  padding: 5px 10px;
  float: none;
}
.y_news7{
  margin: 20px auto;
}
.y_newxq{
  padding: 0px 10px;
  margin: 20px auto;
}
.y_newxq2 h2 {
  font-size: 22px;
}
.y_newxq2 p {
  font-size: 12px;
  margin-top: 10px;
}
.y_newxq2{
  padding-bottom: 10px;
}
.y_newxq3{
  margin-top: 10px;
  padding-bottom: 10px;
}
.y_newxq3 p {
  font-size: 12px;
  line-height: 24px;
}
.y_newxq3 img{
  margin: 10px auto;
}
.y_newxq4{
  margin-top: 10px;
}
.y_newxq4 a {
  font-size: 12px;
  line-height: 24px;
}
.y_video{
  padding: 0px 10px;
  margin: 20px auto 0px;
}
.y_video6{
  width: 100%;
  margin-right: 0px;
  margin-bottom: 10px;
}
.y_video4 h2 {
  font-size: 22px;
}
.y_video4 p {
  font-size: 12px;
  padding: 5px 10px;
  margin: 20px auto 0px;
}
.videolist{
  margin-bottom: 0px;
}
.y_video7 {
  font-size: 12px;
  margin-top: 10px;
}
.y_video8{
  margin: 20px auto;
}
.y_swiper-picturexq{
  margin-left: 0px;
}
.y_swiper-picturexq .swiper-slide-active{
  width: 100% !important;
}
.y_swiper-picturexq .swiper-slide{
  height: 400px;
}
.y_picturexq{
  margin: 20px auto 120px;
}
.y_swiper-picturexq-prev{
  top: 200px;
  left: 0px;
}
.y_swiper-picturexq-next{
  top: 200px;
  right: 0px;
}
.y_brands{
  flex-wrap: wrap;
}
.y_brands2{
  flex: none;
  width: 100%;
  height: 400px;
}
.y_brands3{
  flex: none;
  width: 100%;
  height: 400px;
}
.y_brands4{
  margin: 80px auto 0px;
}
.y_brands4 img{
  width: 100px;
}
.y_brands4 p{
  margin-top: 20px;
  font-size: 12px;
}
.y_brands4 a {
  font-size: 12px;
  padding: 5px 10px;
  margin-top: 20px;
}
.y_index5 img{
  display: none;
}
.y_index5{
  min-height: 340px;
}
.y_index7{
  padding-top: 0px;
  min-height: 340px;
}
.y_index6 h2 {
  font-size: 22px;
}
.y_index6 p {
  font-size: 12px;
}
.y_index8{
  flex-wrap: wrap;
}
.y_index9{
  height: 400px;
  flex: none;
  width: 100%;
}
.y_index10{
  height: 400px;
  flex: none;
  width: 100%;
}
.y_index11{
  left: 50px;
}
.y_index11 h2 {
  font-size: 22px;
}
.y_index11 h3 {
  font-size: 22px;
  margin-top: 10px;
}
.y_index11 p {
  font-size: 12px;
  color: #fff;
  margin-top: 10px;
}
.y_index11 a{
  margin-top: 20px;
  padding: 5px 10px;
  font-size: 12px;
}
.y_index12{
  width: 100%;
  flex: none;
  height: 300px;
}
.y_index13 {
  max-width: 150px;
}
.y_index13 p {
  font-size: 12px;
}
.y_index13 a {
  font-size: 12px;
  margin-top: 10px;
}
.y_index14{
  width: 100%;
  flex: none;
  height: 300px;
}
.y_index15{
  width: 100%;
  flex: none;
  height: 300px;
}
.y_index15 h2{
  margin-top: 10px;
  font-size: 22px;
}
.y_index15 span{
  font-size: 12px;
  margin-top: 10px;
}
.y_index16{
  margin: 20px auto;
}
.y_index17 h2 {
  font-size: 22px;
}
.y_index17 p {
  font-size: 12px;
  margin-top: 10px;
}
.y_index18{
  margin: 20px auto 0px;
  flex-wrap: wrap;
}
.y_index19{
  flex: none;
  width: 100%;
  border-radius: 0px;
  margin-top: 20px;
}
.y_index19 img{
  width: 60px;
  height: 60px;
}
.y_index19 h2 {
  font-size: 22px;
  margin-top: 10px;
}
.y_index19 p{
  width: 90%;
  margin: 10px auto 0px;
  font-size: 12px;
}
.y_index19 a{
  max-width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  display: inline-block;
  margin-top: 10px;
  padding: 0px;
}
#swiper-container1{
  display: none;
}
.y_indexiphone{
  display: block;
}
.dropdown-menu li img{
  width: 40px;
  height: 40px;
}
.cen_1200{
  width: 100%;
}
.navbar-header{
  padding: 0px 10px !important;
}
.header .navbar .container-fluid .navbar-collapse{
  padding: 0px;
}
.header .navbar .container-fluid .navbar-collapse .nav > li{
  width: 20%;
  margin: 10px auto;
}
.y_head{
  flex-wrap: wrap;
}
.y_head3{
  margin: 0px;
}
.y_head2 p{
  padding: 5px;
  line-height: 20px;
}
.y_head4{
  display: none !important;
}
.navbar-right li:nth-child(1){
  width: auto !important;
}
.header .navbar .container-fluid .navbar-collapse .nav > li > a{
  padding: 0px;
}
.dropdown:nth-last-child(1) .dropdown-menu{
  display: none !important;
}
.y_xiugai{
  height: 150px !important;
}
.y_pro {
  height: 400px;
}
.y_tc{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}
.y_tc2{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.y_tc2 img{
  width: 150px;
  height: 150px;
}
.y_swipetaozt {
  max-height: 500px;
}
.y_index4{
  max-height: auto;
}
.y_index4 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.y_pro7 img{
  width: 100%;
}
}
.y_tc{
  display: none;
}

/*map*/
.my-map { margin: 0 auto; width: 100%; height: 350px;}
.amap-container{height: 100%;}
.mapalert{width: 201px;min-height: 70px;}
.mapalert>p:nth-child(1){font-size: 14px;font-weight: bold;color:#F2453D;padding-left: 16px;}
.mapalert>p:nth-child(2){font-size: 12px;font-weight: bold;color: #000000;padding-left: 16px;position: relative;line-height: 17px;}
.mapalert>p:nth-child(2)>img{position: absolute;left: 3px;top: 2px;}
.contact-show{padding-bottom: 25px;}