html, body {}
body {
  width: 100%;
  margin: 0 auto;
  /*min-height: 3000px;*/
  font-family: 'Microsoft Yahei', Arial, Verdana, sans-serif;
  font-size: 14px;
  color: #555;
  height: 100%;
}
ul, li {
  list-style: none;
}
.clearfix {
  clear: both;
}
img {
  max-width: 100%;
}
div a {
  outline: none;
}
/* 统一调整字间距以及过渡效果 */
div, a, span, p, ul, li {
  padding: 0;
  margin: 0;
}
.main1200 {
  width: 1200px;
  margin: 0 auto;
}
.main1380:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.main1380 {
  width: 1380px;
  margin: 0 auto;
}
.main1380:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.main1500 {
  width: 1500px;
  margin: 0 auto;
  height: 152px
}
.main1500:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.main1700 {
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
}
.hidden1000 {
  display: block;
}
@media(max-width: 1000px) {
  .hidden1000 {
    display: none;
  }
}
.visible1000 {
  display: none;
}
@media(max-width: 1000px) {
  .visible1000 {
    display: block;
  }
}
/* 电脑端隐藏 */
@media (min-width:640px) {
  .pc_hidden {
    display: none;
  }
  .yynn_logo.pc_hidden {
    display: none;
  }
 
}

/* 手机端隐藏 */
@media (max-width:640px) {
  .m_hidden {
    display: none;
  }
  .yynn_logo.m_hidden {
    display: none;
  }
}
/* 平板端隐藏 */
@media (min-width:640px) and (max-width: 1000px) {
  .pb_hidden {
    display: none;
  }
}
@media (max-width: 640px) {
  .yynn_banner .swiper_button {
    display: none;
  }
}
/* 返回顶部  开始 */
#toTop {
  width: 55px;
  height: 55px;
  bottom: 100px;
  right: 10px;
  position: fixed;
  cursor: pointer;
  z-index: 999999;
}
@media(max-width: 760px) {
  #toTop {
    width: 35px;
    height: 35px;
    bottom: 75px;
  }
}
@keyframes downico {
  0% {
    margin-top: 0;
    opacity: 1;
  }
  35% {
    margin-top: 40px;
    opacity: 0;
  }
  65% {
    margin-top: -40px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes move_up {
  0% {
    top: 20%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@keyframes move_margin_up {
  0% {
    margin-top: 20%;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes move_left {
  0% {
    right: -20%;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes scaless {
  0% {
    transform: scale(1)
  }
  50%, 75% {
    transform: scale(3)
  }
  78%, 100% {
    opacity: 0
  }
}
a.img {
  outline: none;
  display: block;
  width: 100%;
}
.img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
}
.hover:hover .img {
  -moz-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);
  -o-transform: scale(1.15, 1.15);
  -webkit-transform: scale(1.15, 1.15);
  transform: scale(1.15, 1.15);
}
.yynn_row {
  width: 100%;
  margin: 0 auto;
}
.yynn_row:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  font-size: 0;
}
.yynn_n_img {
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.clear:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  font-size: 0;
}
/* 返回顶部  结束 */
@font-face {
  font-family: Oswald;
  src: url('../font/Oswald-Regular.ttf');
}
/* full start! */
section.page1 {
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  /*position: absolute;*/
}


.q_about_bg{height: 100%;}
section.page2 {
  width: 100%;
  left: 0;
  /*top: 72%;*/
  height: auto;
  position: absolute;
}
/* full end! */
/* yynn_header start! */
.yynn_header {
  width: 100%;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  /*padding: 20px 0;*/
  transition: all .4s;
  background: #f4f4f4
}
/* yynn_logo */
.yynn_logo {
  width: 300px;
  float: left;
}
.yynn_logo > h1 {
  width: 100%;
  margin: 0 auto;
}
.yynn_logo > h1 > a {
  outline: none;
  display: block;
  width: 100%;
  transition: all .4s;
}
.yynn_logo > h1 > a > img {
  height: 100%;
  transition: all .4s;
}
.yynn_logo > h1 > a > img {
  height: 88px;
  transition: all .4s;
}
/* yynn_nav */
.yynn_nav {
  width: calc(100% - 580px);
  float: left;
  margin-left: -25px;
}
.yynn_nav > ul {
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: right;
}
.yynn_nav > ul > li {
  display: inline-block;
  margin: 0 0 0 50px;
  position: relative;
}
.yynn_nav > ul > li > a {
  outline: none;
  display: block;
  width: 100%;
  font-size: 17px;
  color: #fff;
  height: 106px;
  padding: 30px 0;
}
.yynn_nav > ul > li > a > span {
  display: block;
  width: 100%;
  margin: 0 auto;
  line-height: 46px;
  height: 46px;
  position: relative;
  color: #000;
}
.yynn_nav > ul > li > a > span:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -31px;
  content: "";
  width: 0;
  height: 5px;
  border-radius: 0px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.yynn_nav > ul > li > a:hover > span:after, .yynn_nav > ul > li > a.on > span:after {
  width: 100%;
  background-color: #d7251f;
}
/* yynn_nav_sons */
.yynn_nav_sons {
  width: 220%;
  position: absolute;
  top: 95%;
  left: -60%;
  padding: 10px 0;
  z-index: 10;
  background-color: #fff;
  display: none;
  box-shadow: 0 0 3px #555;
  border-radius: 5px;
}
.yynn_nav_sons > li {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.yynn_nav_sons > li > a {
  outline: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  color: #ce281f;
}
.yynn_nav_sons > li:hover {
  background-color: #0099d9;
}
.yynn_nav_sons > li:hover > a {
  color: #fff;
}
/* yynn_search start! */
.yynn_search {
  width: 50px;
  cursor: pointer;
  outline: none;
  position: fixed;
  right: 10%;
  top: 50px;
  z-index: 3;
  transition: all .4s;
}
/* yynn_search end! */
/* yynn_search_div start! */
.yynn_search_div {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 22% 25% 0;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(17, 112, 166, .95);
  z-index: 9999999;
  display: none;
}
.yynn_search_div_main {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.yynn_search_div_close {
  width: 36px;
  height: 36px;
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -100px;
}
.yynn_search_div_close:hover {
  transform: rotate(180deg);
  transition: all .5s ease;
}
.yynn_search_div_close::before, .yynn_search_div_close::after {
  position: absolute;
  content: ' ';
  left: 18px;
  width: 2px;
  height: 36px;
  background-color: #fff;
}
.yynn_search_div_close::before {
  transform: rotate(45deg);
}
.yynn_search_div_close::after {
  transform: rotate(-45deg);
}
.yynn_form_search .form-group .addon {
  background-color: #f60;
  color: #fff;
  border: solid 1px #f60;
  cursor: pointer;
}
.yynn_form_search .form-group .input {
  padding: 6px 25px;
}
.yynn_form_search .form-group .input:focus {
  border: solid 1px #f60;
}
/* yynn_search_div end! */
/* yynn_menu start! */
.yynn_menu {
  width: 60px;
  height: 26px;
  cursor: pointer;
  position: fixed;
  right: 5%;
  top: 65px;
  z-index: 11;
  transition: all .4s;
}
.yynn_menu_main {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.yynn_menu span {
  display: block;
  background: #e1211d;
  width: 36px;
  height: 3px;
  position: absolute;
  left: 0;
  transition: all ease 0.35s;
  border-radius: 3px;
}
.yynn_menu span:nth-of-type(1) {
  top: 0px
}
.yynn_menu span:nth-of-type(2) {
  top: 10px;
}
.yynn_menu span:nth-of-type(3) {
  top: 20px
}
.yynn_menu_se span {
  background: #fff;
}
.yynn_menu_se span:nth-of-type(1) {
  top: 10px;
  transform: rotate(45deg)
}
.yynn_menu_se span:nth-of-type(2) {
  width: 0
}
.yynn_menu_se span:nth-of-type(3) {
  top: 10px;
  transform: rotate(-45deg)
}
/* yynn_menu end! */
/* yynn_menu_nav start! */
.yynn_menu_nav {
  position: fixed;
  z-index: 100;
  background-color: rgba(17, 112, 166, .95);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
}
.yynn_menu_nav .yynn_nav_close {
  display: block;
  position: absolute;
  top: 4%;
  right: 4%;
  z-index: 1;
}
.yynn_menu_nav .yynn_nav_close img {
  width: 42px;
  transition: all .5s ease;
}
.yynn_menu_nav .yynn_nav_close img:hover {
  transform: rotate(180deg);
}
.yynn_nav_body {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.yynn_nav_body:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_nav_row {
  width: 16.66%;
  float: left;
  height: 100%;
  position: relative;
}
.yynn_nav_row_out {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.yynn_nav_row_in {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  text-align: left;
  color: #fff;
  padding: 0 0 0 20%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.yynn_nav_row_in a {
  outline: none;
  color: #fff;
}
.yynn_nav_row_h {
  width: 100%;
  margin: 0 auto;
}
.yynn_nav_row_h_cn {
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 1px;
}
.yynn_nav_row_h_en {
  width: 100%;
  font-size: 17px;
  text-transform: uppercase;
  color: #ccc;
  line-height: 25px;
  margin: 5px auto 0;
  font-family: Arial;
}
.yynn_nav_ul {
  width: 100%;
  margin: 10px auto 0;
  overflow: hidden;
  display: none;
}
.yynn_nav_ul > li {
  width: 100%;
  margin: 30px auto 0;
  position: relative;
}
.yynn_nav_ul > li > a {
  outline: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  line-height: 30px;
  font-size: 21px;
  letter-spacing: 1px;
  color: #eee;
}
.yynn_nav_son {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  margin: 15px auto 0;
}
.yynn_nav_son > li {
  width: 100%;
  margin: 0 auto;
}
.yynn_nav_son > li > a {
  outline: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  line-height: 25px;
  font-size: 15px;
  color: #fff;
}
.yynn_nav_ul li a:hover {
  color: #f60;
}
.yynn_nav_icon.yynn_nav_icon_fixed {
  top: 20px;
}
/* yynn_menu_nav end! */
/* yynn_header_fixed */
.yynn_header.yynn_header_fixed {
  box-shadow: 0 0 10px #7e1818;
  padding: 10px 0;
  background-color: rgb(238 238 238 / 95%);
}
.yynn_header.yynn_header_fixed .yynn_logo > h1 > a > img {
  height: 80px;
}
.yynn_header.yynn_header_fixed .yynn_nav > ul > li > a {
  height: 80px;
  padding: 17px 0;
}
.yynn_header.yynn_header_fixed .yynn_search {
  top: 27px;
}
.yynn_header.yynn_header_fixed .yynn_menu {
  top: 40px;
  display: none
}
/* yynn_header end! */
/* yynn_banner start! */
.yynn_banner {
  height: 100%;
  margin: 0 auto;
}
.yynn_banner .swiper_banner {
  height: 100%;
  margin: 0 auto;
}
.yynn_banner .swiper_banner .swiper-wrapper {
  height: 100%;
  margin: 0 auto;
}
.yynn_banner .swiper_banner .swiper-wrapper .swiper-slide {
  height: 100%
}
.yynn_banner .swiper_banner .swiper-slide a {
  outline: none;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.swiper_pagination_banner {
  bottom: 5%;
}
.swiper_pagination_banner .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: #000;
  opacity: 0.5;
}
.swiper_pagination_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.swiper_button_banner {
  background: none;
  width: 56px;
  height: 56px;
  line-height: 56px;
  margin-top: -28px;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #fff;
  color: #fff;
  transition: all 0.3s;
  opacity: 0;
}
.swiper_button_banner.swiper_button_banner_prev {
  left: 3%;
}
.swiper_button_banner.swiper_button_banner_next {
  right: 3%;
}
section.page1:hover .swiper_button_banner {
  opacity: 1;
}
/* yynn_banner end! */
/* yynn_top_mask start! */
.yynn_top_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.yynn_top_mask_in {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.yynn_top_main {
  padding: 0 20%;
  color: #fff;
}
.yynn_top_en {
  width: 100%;
  margin: 0 auto;
}
.yynn_top_en p {
  width: 100%;
  margin: 0 auto;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
}
.yynn_top_span {
  width: 100%;
  margin: 6px 0 15px;
}
.yynn_top_span span {
  display: inline-block;
  width: 3%;
  height: 5px;
  background-color: #fff;
}
.yynn_top_cn {
  width: 100%;
  margin: 0 auto;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 10px;
  font-weight: 100;
}
/* yynn_top_mask end! */
/*.swiper-slide.swiper-slide-active .yynn_top_main{animation: move_margin_up 1s ease;}*/
.yynn_top_main {
  animation: move_margin_up 1s ease;
}
/* video  bg  start! */
#container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#background_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#video_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('/style/css/bg.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
#video_controls {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  display: none;
}
#play img {
  width: 100%;
}
#pause img {
  width: 90px;
}
#pause {
  display: none;
}
/*只会在ipad 以上的设备上显示*/
@media(min-width:768px) {
  #video_controls {
    display: none;
  }
}
#container {
  height: 100%;
}
#overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgb(0 0 0 / 14%);
}
/* video  bg  end! */
/* yynn_section start! */
.yynn_section {
  padding: 2px 0;
}
.yynn_section_more {
  width: 100%;
  margin: 100px auto 0;
}
.yynn_section_more a {
  outline: none;
  display: block;
  width: 100%;
  font-size: 15px;
  color: #5b6272;
  line-height: 30px;
}
.yynn_section_more a span {
  margin-right: 10px;
  display: inline-block;
  padding: 0;
  border-bottom: 1px solid #ce281f
}
.yynn_section_more a i {
  color: #ce281f;
}
/* yynn_section end! */
/* yynn_about start! */
.yynn_about {
  background: url('../image/yynn_about_bg.jpg') no-repeat center center;
  padding: 190px 0 150px;
}
.yynn_about_mains {
  width: 50%;
  float: right;
}
/* yynn_about_title */
.yynn_about_title {
  width: 100%;
  margin: 0 auto;
  color: #454545;
}
.yynn_about_title_en {
  width: 100%;
  margin: 0 auto;
  font-size: 45px;
  line-height: 55px;
  text-transform: uppercase;
  font-weight: bold;
}
.yynn_about_title_cn {
  width: 100%;
  margin: 10px auto 0;
  font-size: 30px;
  line-height: 36px;
  font-weight: 100;
  letter-spacing: 3px;
}
/* yynn_about_p */
.yynn_about_p {
  width: 100%;
  margin: 80px auto 0;
  font-size: 15px;
  color: #5b6272;
  line-height: 2;
  text-align: justify;
}
.yynn_about_p p {
  width: 100%;
  margin: 0 auto;
  font-size: 15px;
  color: #5b6272;
  line-height: 2;
  text-align: justify;
}
.yynn_about_img {
  width: 100%;
  margin: 40px auto 0;
}
/* yynn_about end! */
/* yynn_product1 end! */
.yynn_product1 {
  background: url('../image/qwdz.jpg') no-repeat top center;
  padding: 100px 0 180px;
}
.yynn_product_h {
  padding: 0 0 25px;
  border-bottom: 1px solid #ccc;
  color: #fff;
}
.yynn_product_h_l {
  width: 47%;
  float: left;
}
.yynn_product_h_l p {
  width: 100%;
  font-size: 40px;
  line-height: 55px;
  font-weight: 700;
  text-transform: uppercase;
}
.yynn_product_h_r {
  width: 47%;
  float: right;
}
.yynn_product_h_r_auto {
  width: 100%;
  height: 75px;
}
.yynn_product_h_r p {
  width: 100%;
  font-size: 30px;
  line-height: 45px;
  font-weight: 700;
  text-align: right;
}
/* yynn_product_main */
.yynn_product_main {
  width: 60%;
  margin: 0;
}
.yynn_product1 .yynn_product_main {
  margin: 170px 0 0;
}
.yynn_product_title {
  width: 100%;
  margin: 0 auto;
  color: #fff;
}
.yynn_product_title_en {
  font-size: 32px;
  line-height: 40px;
  text-transform: uppercase;
}
.yynn_product_title_cn {
  margin: 10px auto 0;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: 2px;
}
.yynn_product_span {
  width: 100%;
  margin: 10px 0 0;
}
.yynn_product_span span {
  display: inline-block;
  width: 3%;
  height: 5px;
  background-color: #fff;
}
/* yynn_product_p */
.yynn_product_p {
  margin: 20px auto 0;
}
.yynn_product_p p {
  margin: 0 auto;
  font-size: 15px;
  line-height: 2;
  color: #fff;
}
.yynn_product1 .yynn_section_more a {
  color: #fff;
}
.yynn_product1 .yynn_section_more a span {
  border-bottom: 1px solid #fff
}
.yynn_product1 .yynn_section_more a i {
  color: #fff;
}
/* yynn_product1 end! */
/* yynn_product2 start! */
.yynn_product2 {
  background: url('../image/mumen.jpg') no-repeat top center;
  padding: 200px 0 170px;
}
.yynn_product2 .yynn_product_title {
  color: #454545;
}
.yynn_product2 .yynn_product_span span {
  background-color: #716350;
}
.yynn_product2 .yynn_product_p p {
  color: #454545;
}
.yynn_product2 .yynn_section_more a {
  color: #716350;
}
.yynn_product2 .yynn_section_more a span {
  border-bottom: 1px solid #716350
}
.yynn_product2 .yynn_section_more a i {
  color: #716350;
}
/* yynn_product2 end! */
/*pro3 start! */
.yynn_product3 {
  background: url('../image/pro3.jpg') no-repeat top center;
  padding: 200px 0 170px;
}
.yynn_product3 .yynn_product_title {
  color: #FFFFFF;
}
.yynn_product3 .yynn_product_span span {
  background-color: #716350;
}
.yynn_product3 .yynn_product_p p {
  color: #FFFFFF;
}
.yynn_product3 .yynn_section_more a {
  color: #FFFFFF;
}
.yynn_product3 .yynn_section_more a span {
  border-bottom: 1px solid #FFFFFF
}
.yynn_product3 .yynn_section_more a i {
  color: #FFFFFF;
}
/* yynn_product2 end! */
/* yynn_case start! */
.yynn_case {
  background-color: #f8f8f8;
  padding: 120px 0;
}
.yynn_case_h {
  color: #454545;
}
.yynn_case_h_l {
  width: 45%;
  float: left;
}
.yynn_case_h_l p {
  width: 100%;
  font-size: 40px;
  line-height: 55px;
  font-weight: 700;
  text-transform: uppercase;
}
.yynn_case_h_r {
  width: 50%;
  float: right;
}
.yynn_case_h_r_auto {
  width: 100%;
  height: 50px;
}
.yynn_case_h_r p {
  width: 100%;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  text-align: right;
}
.yynn_case_mains {
  margin: 40px auto 0;
}
/* yynn_case_l */
.yynn_case_l {
  width: 240px;
  float: left;
}
.tab .tab-head.yynn_case_l .tab-nav li {
  display: block;
  margin: 0 auto 16px;
  background-color: rgba(255, 255, 255, 0);
  position: relative;
}
.tab .tab-head.yynn_case_l .tab-nav li:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  top: 25px;
  left: -110%;
}
.tab .tab-head.yynn_case_l .tab-nav li.active {
  background-color: rgba(255, 255, 255, 0)
}
.tab .tab-head.yynn_case_l .tab-nav li.active:before {
  background-color: #ce281f;
}
.tab .tab-head.yynn_case_l .tab-nav li a {
  outline: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  line-height: 50px;
  height: 50px;
  font-size: 22px;
  color: #454545;
}
.tab .tab-head.yynn_case_l .tab-nav li.active a {
  color: #ce281f;
}
/* yynn_case_r */
.yynn_case_r {
  width: calc(100% - 270px);
  float: right;
  padding: 15px 0 0;
}
.tab .yynn_case_r .tab-body {
  margin: 0 auto;
  padding: 0;
  border: 0;
}
/* swiper_case start! */
.tab .yynn_case_r .tab-body .tab-panel {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.tab .yynn_case_r .tab-body .tab-panel.active {
  animation: move_up 1s ease;
}
.swiper_case0 {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.swiper_case0 .swiper-wrapper {
  width: 100%;
  margin: 0 auto;
}
.swiper_case0 .swiper-slide > a {
  outline: none;
  display: block;
  width: 100%;
  padding: 68% 0 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.swiper_case0 .swiper-slide .yynn_case_slide_txt {
  width: 100%;
  margin: 20px auto 0;
}
.swiper_case0 .swiper-slide .yynn_case_slide_txt a {
  outline: none;
  display: block;
  width: 100%;
  font-size: 22px;
  color: #222;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.swiper_case0 .swiper-slide .yynn_case_slide_txt a:hover {
  color: #ce281f;
}
.swiper_button_case {
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 24px;
  position: absolute;
  top: auto;
  bottom: 50px;
  z-index: 5;
  text-align: center;
  background: none;
  background-color: #ce281f;
  border-radius: 50%;
  color: #fff;
  transition: all 0.3s;
  opacity: 1;
}
.swiper_button_case.swiper_button_case_prev {
  left: -270px;
  background-color: #867154;
}
.swiper_button_case.swiper_button_case_next {
  left: -185px;
}
/* swiper_case end! */
/* yynn_case end! */
/* yynn_tab start! */
.yynn_tab .tab .tab-head .tab-nav {
  font-size: 0;
}
.yynn_tab .tab .tab-head .tab-nav li {
  background-color: rgba(255, 255, 255, 0);
  padding: 0 10px;
  position: relative;
  margin: 0 0 0 50px;
}
.yynn_tab .tab .tab-head .tab-nav li:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.yynn_tab .tab .tab-head .tab-nav li.active:after, .yynn_tab .tab .tab-head .tab-nav li:hover:after {
  width: 100%;
  background-color: #fff;
}
.yynn_tab .tab .tab-head .tab-nav li.active {
  background-color: rgba(255, 255, 255, 0)
}
.yynn_tab .tab .tab-head .tab-nav li a {
  outline: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  line-height: 40px;
  height: 40px;
  font-size: 28px;
  color: #fff;
  font-weight: 500
}
.yynn_tab .tab .tab-head .tab-nav li.active a {
  color: #fff;
}
.yynn_tab .tab .yynn_tab_main.tab-body {
  width: 100%;
  margin: 50px auto 0;
  padding: 0;
  border: 0;
}
.tab-head1 {
  width: 76%;
  margin: auto;
}
.tab-head1 .tab-nav1 {
  font-size: 0;
  text-align: center;
}
.tab-head1 .tab-nav1 li {
  background-color: rgba(255, 255, 255, 0);
  padding: 0 10px;
  position: relative;
  margin: 0 0 0 15px;
}
.tab-head1 .tab-nav1 li:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.tab-head1 .tab-nav1 li.active:after, .yynn_tab .tab .tab-head .tab-nav li:hover:after {
  width: 100%;
  background-color: #fff;
}
.tab-head1 .tab-nav1 li.active {
  background-color: rgba(255, 255, 255, 0)
}
.tab-head1 .tab-nav1 li a {
  outline: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  line-height: 40px;
  height: 40px;
  font-size: 20px;
  color: #000000;
  font-family: fangsong;
  font-weight: 600;
}
.tab-head1 .tab-nav1 li.active a {
  color: #fff;
}
.tab-head2 {
  width: 64%;
  margin: auto;
}
.tab-head2 .tab-nav2 {
  font-size: 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: space-evenly;
  flex-direction: row;
}
.tab-head2 .tab-nav2 li {
  margin: 0 0 0 37px;
}
.tab-head2 .tab-nav2 li a {
  color: #454545;
}
.tab-head2 .tab-nav2 li a {
  line-height: 40px;
  height: 40px;
  font-size: 28px;
  font-weight: 500;
}
.tab-head2 .tab-nav2 li a:hover {
  color: #d72622;
}
.tab-head2 .tab-nav2 li:after {
  height: 2px;
}
.tab-head2 .tab-nav2 li:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.tab-head2 .tab-nav2 li {
  background-color: rgba(255, 255, 255, 0);
  padding: 0 10px;
  position: relative;
  margin: 0 0 0 25px;
}
.tab-head2 .tab-nav2 li:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.tab-head2 .tab-nav2 li.active:after, .yynn_tab .tab .tab-head .tab-nav li:hover:after {
  width: 100%;
  background-color: #fff;
}
.tab-head2 .tab-nav2 li.active {
  background-color: rgba(255, 255, 255, 0)
}
.tab-head2 .tab-nav2 li.active a {
  color: #fff;
}
.tab-nav2 span {
  color: #e12418;
  font-size: 76px;
  height: 34px;
  vertical-align: bottom;
  line-height: 51px;
  margin: 9px;
}
.yynn_tab_main.tab-body {
  width: 100%;
  margin: 50px auto 0;
  padding: 0;
  border: 0;
}
/* yynn_tab end! */
/* yynn_feature start! */
.yynn_feature {
  background: url('../image/tedian.jpg') no-repeat top center;
  padding: 90px 0 100px;
}
.yynn_feature_h {
  color: #fff;
}
.yynn_feature_h_l {
  width: 45%;
  float: left;
}
.yynn_feature_h_l p {
  width: 100%;
  font-size: 40px;
  line-height: 55px;
  font-weight: 700;
  text-transform: uppercase;
}
.yynn_feature_h_r {
  width: 50%;
  float: right;
  text-align: right;
}
.yynn_feature_h_r_auto {
  width: 100%;
  height: 115px;
}
/* swiper_feature */
.swiper_feature {
  margin: 0 auto;
}
.swiper_feature .swiper-slide {
  position: relative;
}
.swiper_feature .swiper-slide > a.yynn_feature_img {
  outline: none;
  display: block;
  width: 100%;
  padding: 40% 0 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.swiper_button_feature {
  background: none;
  width: 56px;
  height: 56px;
  line-height: 56px;
  margin-top: -28px;
  font-size: 24px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #fff;
  color: #fff;
  transition: all 0.3s;
  opacity: 1;
}
.swiper_button_feature.swiper_button_feature_prev {
  left: 3%;
}
.swiper_button_feature.swiper_button_feature_next {
  right: 3%;
}
/* yynn_feature_mask */
a.yynn_feature_mask {
  outline: none;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 0;
}
.yynn_feature_mask_in {
  width: 100%;
  position: absolute;
  left: 0;
  top: 22%;
  padding: 0 5%;
  color: #fff;
}
.yynn_feature_body {
  width: 30%;
  float: right;
  border-left: 5px solid #ac9068;
  padding: 0 0 0 15px;
}
.yynn_feature_body h3 {
  width: 100%;
  margin: 0 auto;
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: 1px;
}
.yynn_feature_body p {
  width: 100%;
  margin: 10px auto 0;
  font-size: 18px;
  line-height: 25px;
}
.swiper_feature .swiper-slide.swiper-slide-active .yynn_feature_body {
  animation: move_margin_up 1s ease;
}
/* yynn_feature end! */
/* qyynn_news start! */
.qyynn_news {
  background-color: #f7f5f5;
}
.qyynn_news_h {
  color: #454545;
}
.qyynn_news_h_l {
  width: 45%;
  float: left;
}
.qyynn_news_h_l p {
  width: 100%;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
}
.qyynn_news_h_r {
  width: 100%;
  text-align: center;
}
.qyynn_news.yynn_tab .tab .tab-head .tab-nav li.active:after, .qyynn_news.yynn_tab .tab .tab-head .tab-nav li:hover:after {
  background-color: #ed1f17;
}
.qyynn_news.yynn_tab .tab .tab-head .tab-nav li a {
  color: #454545;
}
.qyynn_news.yynn_tab .tab .tab-head .tab-nav li.active a {
  color: #ed1f17;
}
/* qyynn_news_main */
.qyynn_news_main {
  width: 100%;
  margin: 0 auto;
}
.qyynn_news_main:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  font-size: 0;
}
.qyynn_news_item {
  width: 32%;
  float: left;
  margin: 0 2% 0 0;
  background-color: #f8f8f8;
  position: relative;
  height: 485px;
  overflow: hidden;
}
.qyynn_news_item:nth-of-type(3n) {
  margin: 0;
}
.qyynn_news_item_img {
  width: 100%;
  height: 280px;
  margin: 0 auto;
  overflow: hidden;
}
.qyynn_news_item_img .img {
  height: 100%;
}
.qyynn_news_item_txt {
  width: 100%;
  margin: 0 auto;
  padding: 30px 35px;
}
.qyynn_news_item_h {
  width: 100%;
  margin: 0 auto;
}
.qyynn_news_item_h a {
  outline: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 17px;
  color: #444;
  font-weight: 550;
  line-height: 25px;
  height: 50px;
  text-align: justify;
  letter-spacing: 1px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.qyynn_news_item_date {
  width: 100%;
  margin: 5px auto 0;
  font-size: 16px;
  color: #888;
  line-height: 20px;
}
.qyynn_news_item_date i {
  margin-right: 5px;
}
.qyynn_news_item_p {
  width: 100%;
  margin: 20px auto 0;
  font-size: 16px;
  color: #666;
  line-height: 25px;
  height: 50px;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* qyynn_news_ul */
.qyynn_news_ul {
  padding: 35px 30px;
}
.qyynn_news_li {
  width: 100%;
  margin: 10px auto 0;
}
.qyynn_news_li:nth-of-type(1) {
  margin: 0 auto;
}
.qyynn_news .yynn_section_more {
  text-align: center;
  margin: 60px auto 0;
}
/* qyynn_news end! */
/* yynn_footer start! */
.yynn_footer {
  width: 100%;
  margin: 0px auto 0;
  padding: 40px 5% 65px;
  background: url('../image/dbbj.jpg') no-repeat top center;
  position: relative;
  color: #ce281f;
  min-height: 200px;
}
.yynn_footer:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_footer_weixin {
  width: 210px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -105px;
  top: -75px;
  z-index: 2;
}
.yynn_footer_weixin_img {
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 0 5px #ccc;
  overflow: hidden; /*border-radius: 5px;*/
}
.yynn_footer_weixin_txt {
  width: 100%;
  margin: 5px auto 0;
  font-size: 22px;
  color: #ce281f;
  line-height: 30px;
}
.yynn_footer p {
  width: 100%;
  margin: 0 auto;
  line-height: 35px;
  font-size: 18px;
  color: #FFFFFF;
}
.yynn_footer a {
  outline: none;
  color: #ce281f;
}
.yynn_footer a:hover {
  color: #fda433;
}
.yynn_footer_l {
  width: 50%;
  float: left;
}
.yynn_footer_r {
  width: 50%;
  float: right;
  text-align: right;
}
.yynn_footer_icon {
  width: 100%;
  margin: 0 auto;
  text-align: right;
}
.yynn_footer_icon a {
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  color: #698497;
}
.yynn_footer_icon a:hover {
  color: #ce281f;
}
.yynn_footer_weixin_hover {
  display: none;
  width: 100px;
  height: 100px;
  box-shadow: 0 0 5px #ccc;
  position: absolute;
  right: -30px;
  top: -110px;
}
/* yynn_footer_tel */
.yynn_footer_tel {
  width: 100%;
  margin: 15px auto 0;
  font-size: 26px;
  font-family: "Oswald";
  font-weight: lighter;
  color: #FFFFFF;
  line-height: 30px;
}
.yynn_footer_tel span {
  font-weight: normal;
}
.yynn_footer_a {
  width: 100%;
  margin: 15px auto 0;
  color: #ce281f;
}
.yynn_footer_a a {
  outline: none;
  font-size: 18px;
  line-height: 25px;
}
/* yynn_footer end! */
/* yynn_position  start! */
.yynn_position {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border-bottom: 1px solid #ccc;
  height: 50px;
}
.yynn_position:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_position_item {
  width: 50%;
  float: left;
  text-align: right;
  padding: 0 20px;
  height: 50px;
}
.yynn_position_main {
  width: 100%;
  text-align: right;
  color: #666;
  line-height: 50px;
  height: 50px;
  font-size: 13px;
  letter-spacing: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yynn_position_main a {
  outline: none;
  color: #666;
}
.yynn_position_main a:hover {
  color: #f60;
}
.yynn_position_item_l {
  background: url('') no-repeat top center;
}
.yynn_position_txt {
  width: 100%;
  color: #ce281f;
  line-height: 50px;
  height: 50px;
  font-size: 17px;
  position: relative;
}
.yynn_position_txt a {
  outline: none;
  display: block;
  color: #ce281f;
  font-weight: bold;
}
.yynn_position_txt a i {
  font-weight: bold;
  font-size: 20px;
  margin: 0 2% 0 15%;
  width: 25px;
  display: inline-block;
}
.yynn_position_txt_nav {
  width: calc(100% + 40px);
  position: absolute;
  top: 100%;
  right: -20px;
  display: none;
  box-shadow: 0 0 10px #ccc;
  border: 1px solid #ddd;
  padding: 0;
  z-index: 2;
  background-color: #f5f5f5;
}
.yynn_position_txt_nav li {
  width: 100%;
  transition: all .15s;
}
.yynn_position_txt_nav li:first-child {
  margin: 20px auto 0;
}
.yynn_position_txt_nav li:last-child {
  margin: 0 auto 20px;
}
.yynn_position_txt_nav li a {
  width: 100%;
  outline: none;
  display: block;
  font-size: 17px;
  padding: 0 20px;
  font-weight: bold;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yynn_position_txt_nav li a i {
  margin: 0 2% 0 15%;
  width: 25px;
  display: inline-block;
  font-size: 16px;
}
.yynn_position_txt_nav li:hover {
  -webkit-transform: translateX(-15px);
  -moz-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  -o-transform: translateX(-15px);
  transform: translateX(-15px);
}
/* yynn_position  end! */
/* yynn_main  start! */
/*.yynn_about_bg{background:url('../image/yynn_about_bg.jpg') no-repeat center center;background-size: cover;}*/
/*.yynn_product_bg{background:url('../images/yynn_product_/style/css/bg.jpg') no-repeat center center;background-size: cover;}*/
/*.yynn_news_bg{background:url('../images/yynn_news_/style/css/bg.jpg') no-repeat center center;background-size: cover;}*/
/*.yynn_contact_bg{background:url('../images/yynn_contact_/style/css/bg.jpg') no-repeat center center;background-size: cover;}*/
/*.yynn_features_bg{background:url('../images/yynn_features_/style/css/bg.jpg') no-repeat center center;background-size: cover;}*/
/*.yynn_case_bg{background:url('../images/yynn_case_/style/css/bg.jpg') no-repeat center center;background-size: cover;}*/
.yynn_page1_mask_out {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0);
}
.yynn_page1_mask_in {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 50%;
  text-align: center;
  padding: 0;
  color: #fff;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.yynn_page1_mask_en {
  width: 50%;
  margin: 0;
  color: #fff;
  font-size: 36px;
  font-family: Oswald;
  text-transform: uppercase;
  line-height: 40px;
  text-align: right;
}
.yynn_page1_mask_cn {
  width: 50%;
  color: #fff;
  font-size: 50px;
  margin-top: 10px;
  line-height: 60px;
  border-bottom: 1px solid #fff;
  text-align: right;
  padding-bottom: 15px;
}
.yynn_page1_mask_cn span {
  font-weight: bold;
  margin-left: 5px;
}
.yynn_main {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  min-height: 360px;
}
.yynn_main p {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 16px;
  color: #666;
  line-height: 2;
}
.yynn_main iframe {
  width: 800px;
  height: 540px;
  margin: 50px auto 0;
}
.yynn_content {
  width: 100%;
  margin: 15px auto 0;
  border-top: 1px solid #ccc;
}
/* yynn_content_title */
.yynn_content_title {
  width: 100%;
  margin: 100px auto 80px;
}
.yynn_content_title_cn {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 30px;
  color: #5c6272;
  line-height: 40px;
}
.yynn_content_title_en {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 22px;
  color: #c7c7c7;
  line-height: 30px;
  font-family: Oswald;
  text-transform: uppercase;
}
.yynn_content_title_p {
  width: 100%;
  margin: 20px auto 0;
  padding: 0;
}
.yynn_content_title_p p {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 14px;
  color: #777c88;
  line-height: 25px;
}
/* yynn_content_div */
.yynn_content_div {
  width: 100%;
  margin: 70px auto 0;
}
.yynn_content_div_title {
  width: 100%;
  margin: 0 auto;
}
.yynn_content_div_title h2 {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 25px;
  border-left: 5px solid #ce281f;
  font-size: 30px;
  color: #5c6272;
  line-height: 33px;
}
.yynn_content_div_body {
  width: 100%;
  margin: 20px auto 0;
  padding: 35px 0 0;
  border-top: 1px solid #ccc;
}
.yynn_content_div_body_main {
  width: 100%;
  margin: 0 auto;
}
.yynn_content_div_body_main:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
/* yynn_main  end! */
/* yynn_about  start! */
.yynn_div {
  width: 100%;
  margin: 10px auto 0;
  padding: 0;
}
.yynn_div_title {
  width: 100%;
  margin: 100px auto 80px;
  text-align: center;
  font-size: 26px;
  line-height: 35px;
  color: #555;
}
.yynn_about_main {
  width: 100%;
  margin: 65px auto 0;
}
.yynn_div_img {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
/*.yynn_div_img img{margin:0  30px;}*/
.yynn_div_p {
  width: 100%;
  margin: 60px auto;
}
.yynn_div_p p {
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  color: #5d5d5d;
  line-height: 30px;
  text-align: left;
}
.yynn_div_manufacturing02 {
  width: 100%;
  margin: 150px auto 0;
}
/* yynn_about  end! */
/* yynn_product  start! */
.yynn_div_product_list {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.yynn_div_product_list:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_div_product_item {
  width: 32.5%;
  margin: 0 1% 15px 0;
  float: left;
  border: 1px solid #e7e7e7;
}
.yynn_div_product_item:nth-of-type(2n) {
  margin: 0 0 15px 0;
}
.yynn_div_product_item_img {
  width: 100%;
  margin: 0 auto;
}
.yynn_div_product_item_img a {
  outline: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.yynn_div_product_item_img a img {
  width: 100%;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
}
.yynn_div_product_item_img:hover a img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.yynn_div_product_item_txt {
  width: 100%;
  margin: 0 auto;
  padding: 30px 60px;
  background-color: #e7e7e7;
}
.yynn_div_product_item_txt a {
  outline: none;
  display: block;
  width: 100%;
  color: #5c6272;
}
.yynn_div_product_item_txt a:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_div_product_item_txt span {
  display: block;
}
.yynn_div_product_item_txt .yynn_more {
  width: 60px;
  float: right;
}
.yynn_div_product_item_txt .yynn_txt {
  width: calc(100% - 70px);
  float: left;
  padding: 0 0 0 15px;
  border-left: 5px solid #ce281f;
  font-size: 23px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yynn_div_product_item:hover .yynn_div_product_item_img a img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.yynn_div_product_item:hover .yynn_div_product_item_txt a {
  color: #ce281f;
}
.yynn_div_p2 .yynn_div_product_item_txt .yynn_txt {
  border-left: 5px solid #ac9068;
}
.yynn_div_p2 .yynn_div_product_item:hover .yynn_div_product_item_txt a {
  color: #ac9068;
}
/* yynn_content_div */
.yynn_content_product_img {
  width: 410px;
  float: right;
  text-align: center;
  padding: 15px 0 0;
}
.yynn_content_product_txt {
  width: calc(100% - 460px);
  float: left;
}
/* yynn_ul */
.yynn_ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.yynn_li {
  width: 100%;
  margin: 0 auto;
}
.yynn_li:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_li_l {
  width: 200px;
  float: left;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.yynn_li_r {
  width: calc(100% - 260px);
  float: right;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.yynn_li span {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #777c88;
  line-height: 30px;
}
.yynn_content_div3 .yynn_ul .yynn_li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.yynn_content_div3 .yynn_ul .yynn_li:nth-of-type(1) {
  border-top: 1px solid #ccc;
}
.yynn_li_h {
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  color: #777c88;
  font-weight: bold;
  line-height: 30px;
}
.yynn_li_p {
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
  color: #777c88;
  line-height: 30px;
}
.yynn_content_div4 .yynn_ul .yynn_li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.yynn_content_div4 .yynn_ul .yynn_li.yynn_li_div4 {
  padding: 25px 0;
}
.yynn_content_div4 .yynn_ul .yynn_li:nth-of-type(1) {
  border-top: 1px solid #ccc;
}
.yynn_li_item {
  width: 32%;
  float: left;
  border: 1px solid #ddd;
  padding: 5px;
  text-align: center;
  margin: 5px 2% 5px 0;
}
.yynn_li_item:nth-of-type(3n) {
  margin: 5px 0 5px 0;
}
.yynn_li_item a {
  outline: none;
  display: block;
  width: 100%;
  font-size: 18px;
  color: #777c88;
  font-weight: bold;
  line-height: 30px;
  cursor: default;
}
/* yynn_product  end! */
/* yynn_news  start! */
.yynn_news_list {
  width: 100%;
  margin: 100px auto 0;
  padding: 0;
}
.yynn_news_list:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_news_item {
  width: 32%;
  float: left;
  margin: 0 2% 50px 0;
}
.yynn_news_item:nth-of-type(3n) {
  margin: 0 0 50px 0;
}
.yynn_news_item_img {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.yynn_news_item_img a {
  outline: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 60% 0 0;
  overflow: hidden;
  text-align: center;
  background-position: center center;
  background-size: cover;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
}
.yynn_news_item_txt {
  width: 100%;
  margin: 20px auto 0;
}
.yynn_news_item_txt_h {
  width: 100%;
  margin: 0 auto;
}
.yynn_news_item_txt_h a {
  outline: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 20px;
  color: #5c6272;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yynn_news_item_txt_date {
  width: 100%;
  margin: 10px auto 0;
  font-size: 14px;
  color: #777c88;
  line-height: 20px;
}
.yynn_news_item:hover .yynn_news_item_img a {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.yynn_news_item:hover .yynn_news_item_txt_h a {
  color: #ce281f;
}
/* yynn_news_show */
.yynn_news_show {
  width: 100%;
  margin: 15px auto 0;
  padding: 100px 0;
  border-bottom: 1px solid #ccc;
}
.yynn_news_show_body {
  width: 100%;
  margin: 0 auto;
}
.yynn_news_show_h {
  width: 100%;
  margin: 0 auto;
}
.yynn_news_show_h h1 {
  width: 100%;
  margin: 0 auto;
  font-size: 30px;
  color: #5c6272;
  line-height: 35px;
}
.yynn_news_show_span {
  width: 100%;
  margin: 20px auto 0;
  padding: 10px 20px;
  background-color: #f8f8f8;
  font-size: 13px;
  color: #777c88;
  line-height: 20px;
}
.yynn_news_show_span:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_news_show_span_r {
  width: 280px;
  float: right;
  text-align: right;
}
.yynn_news_show_span_l {
  width: calc(100% - 300px);
  float: left;
}
.yynn_news_show_span_l span {
  margin: 0 5px 0 0;
}
.yynn_news_show_content {
  width: 100%;
  margin: 35px auto 0;
}
.yynn_news_show_content p {
  line-height: 2.5;
}
/* yynn_news  end! */
/* yynn_contact  start! */
.yynn_contact_div {
  width: 100%;
  margin: 10px auto 0;
}
.yynn_contact_div_h {
  width: 100%;
  margin: 0 auto;
  padding: 0 25px;
  border-left: 5px solid #ac9068;
  font-size: 30px;
  color: #ce281f;
  line-height: 33px;
}
.yynn_contact_div_main {
  width: 100%;
  margin: 0px auto 0;
}
.yynn_contact_txt {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
}
.yynn_contact_txt:nth-of-type(1) {
  margin: 0 auto 15px;
}
.yynn_contact_txt:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.biaoti1 img {
  width: 288px;
  height: 216px;
}
.yynn_contact_item {
  /*width: 100%;
        margin: 0 auto 10px;
        font-size: 19px;
        line-height: 43px;
        height: 91px;
        margin-left: 147px;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 15px 0 0;*/
  width: 36%;
  margin: 0 auto 1px;
  font-size: 19px;
  line-height: 43px;
  height: 91px;
  margin-left: 100px;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  padding: 0 15px 0 0;
  float: left;
}
.yynn_contact_item span {
  font-weight: bold;
  float: left;
  margin-left: 12px;
  color: #565455;
  margin-top: -8px;
}
.lxdz p {
  padding: 1px 1px 1px 1px;
  color: #565455;
}
.lxdh p {
  padding: 1px 1px 1px 1px;
  color: #565455;
}
/* yynn_form */
.yynn_form {
  width: 100%;
  margin: 0 auto;
}
.yynn_form_div {
  width: 100%;
  margin: 0 auto;
}
.yynn_form_div:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_form_div .form-group {
  width: 49%;
  float: left;
  margin: 0 2% 0 0;
}
.yynn_form_div .form-group:nth-of-type(2n) {
  margin: 0;
}
.yynn_form .input-group .addon {
  background-color: #ce281f;
  border: 1px solid #ce281f;
  color: #fff;
}
.yynn_form .input-group .input:focus {
  border: 1px solid #ce281f;
}
.yynn_form .input:focus {
  border: 1px solid #ce281f;
}
.yynn_form .button {
  border: 1px solid #ce281f;
  background-color: #ce281f;
  color: #fff;
  padding: 8px 50px;
}
.yynn_form .button:hover {
  border: 1px solid #ac9068;
  background-color: #ac9068;
}
/* yynn_contact  end! */
/* yynn_features  start! */
.yynn_features_title {
  width: 100%;
  margin: 100px auto 0;
  text-align: center;
}
.yynn_features_title_cn {
  width: 100%;
  margin: 0 auto;
  font-size: 30px;
  color: #ce281f;
  line-height: 40px;
}
.yynn_features_title_cn span {
  font-weight: bold;
}
.yynn_features_title_en {
  margin: 0 auto;
  color: #b5b4b7;
  font-size: 30px;
  font-family: Oswald;
  text-transform: uppercase;
  line-height: 35px;
}
/* yynn_features_main */
.yynn_features_main {
  width: 100%;
  margin: 60px auto 0;
}
.yynn_features_div {
  width: 100%;
  margin: 15px auto;
  position: relative;
}
.yynn_features_div:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_features_div_mask {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
}
.yynn_features_div_mask p {
  color: #fff;
  font-size: 28px;
  line-height: 40px;
}
.yynn_features_div_mask p span {
  font-weight: bold;
}
.yynn_features_div_mask_in {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.yynn_features_div1 .yynn_features_div_mask_in {
  top: 35%;
  text-align: center;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
/* yynn_features_div2 */
.yynn_features_div.yynn_features_div2 {
  padding: 50px 0;
}
.yynn_features_div2_item {
  width: 100%;
  margin: 0 auto;
  color: #ce281f;
  padding: 0 5%;
}
.yynn_features_div2_item:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_features_div2_item_txt {
  width: 60%;
  float: left;
  position: relative;
}
.yynn_features_div2_item_img {
  width: 40%;
  float: right;
  text-align: center;
}
.yynn_features_div2_item .yynn_features_div2_item_txt p {
  color: #ce281f;
  padding: 0 30px;
}
.x6:nth-of-type(2) .yynn_features_div2_item .yynn_features_div2_item_txt p {
  text-align: right;
}
/* yynn_features_div3 */
.yynn_features_div3 .x6 {
  float: right;
  text-align: right;
}
/* yynn_features_div4 */
.yynn_features_div4 .x6 {
  text-align: right;
  padding: 0 8% 0 0;
}
.yynn_features_div4 .x6 p {
  color: #ce281f;
}
/* yynn_features_div5 */
.yynn_features_div5 p {
  color: #ce281f;
  text-align: center;
  margin: -5% auto 0;
}
/* yynn_features_div6 */
.yynn_features_div6 .x6 {
  float: right;
  text-align: right;
  padding: 0 8% 0 0;
}
.yynn_features_div6 .x6 p {
  color: #ce281f;
}
/* yynn_features_div7 */
.yynn_features_div7 .x6 {
  padding: 0 0 0 8%;
}
.yynn_features_div7 .x6 p {
  color: #ce281f;
}
/* yynn_features2 多元设计 start! */
.yynn_features2 {
  width: 100%;
  margin: 0 auto;
}
.yynn_features2 .yynn_features_div {
  margin: 0 auto;
  border-bottom: 1px solid #ccc
}
.yynn_features2_group {
  border-left: 4px solid #ac9068;
  padding: 0 0 0 15px;
}
.yynn_features2_group .yynn_features2_title {
  width: 100%;
  margin: 0 auto;
  font-size: 25px;
  color: #333;
  line-height: 30px;
}
.yynn_features2_group .yynn_features_p {
  width: 100%;
  margin: 10px auto 0;
}
.yynn_features2_group .yynn_features_p p {
  width: 100%;
  margin: 0 auto;
  color: #777c88;
  font-size: 15px;
  line-height: 25px;
}
/* yynn_features_div2 */
.yynn_features2_div2 .x6 {
  float: right;
  padding: 0 0 0 15%;
}
/* yynn_features_div4 */
.yynn_features2_div4 .x6 {
  float: right;
  padding: 0 0 0 15%;
}
/* yynn_features_div6 */
.yynn_features2_div6 .x6 {
  float: right;
  padding: 0 0 0 15%;
}
/* yynn_features2 多元设计 end! */
/* yynn_features  end! */
/* yynn_case  start! */
.yynn_case_list {
  width: 100%;
  margin: 60px auto 0;
}
.yynn_case_list:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_case_item {
  width: 49%;
  float: left;
  margin: 0 2% 30px 0;
}
.yynn_case_item:nth-of-type(2n) {
  margin: 0 0 30px 0;
}
.yynn_case_item a {
  outline: none;
  display: block;
  width: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
  color: #fff;
}
.yynn_case_item .img {
  width: 100%;
  padding: 64.5% 0 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.yynn_case_item_txt {
  width: 100%;
  padding: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .8);
}
.yynn_case_item_txt:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_case_item_txt_r {
  width: 55px;
  height: 30px;
  float: right;
}
.yynn_case_item_txt_l {
  width: calc(100% - 60px);
  height: 30px;
  float: left;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 23px;
  text-align: left;
}
.yynn_case_item a img {
  width: 100%;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
}
.yynn_case_item:hover a img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
/* yynn_case 内容页 */
.yynn_case_title {
  width: 100%;
  margin: 100px auto 0;
}
.yynn_case_title h1 {
  width: 100%;
  margin: 0 auto;
  font-size: 30px;
  color: #5c6272;
  line-height: 35px;
  text-align: center
}
.yynn_case_title h1 span {
  display: inline-block;
  padding: 0 20px 0 0;
  margin: 0 24px 0 0;
  color: #ce281f;
  font-weight: bold;
  position: relative;
}
.yynn_case_title h1 span:after {
  content: "";
  width: 4px;
  height: 30px;
  background-color: #ce281f;
  position: absolute;
  top: 5px;
  left: 100%;
}
.yynn_case_top {
  width: 100%;
  margin: 60px auto 0;
  position: relative;
}
.yynn_case_scrollbar {
  width: 100%;
  margin: 40px auto 0;
  position: relative;
  padding: 0 10%;
}
.swiper_case_scrollbar {
  opacity: 1 !important;
  width: 100%;
  background-color: #ddd;
  height: 15px;
  border-radius: 15px;
}
.swiper_case_scrollbar .swiper-scrollbar-drag {
  background-color: #ce281f;
}
/* yynn_case_main */
.yynn_case_main {
  width: 100%;
  margin: 0 auto;
  padding: 100px 0 80px;
  border-bottom: 1px solid #ccc
}
.yynn_case_main_title {
  width: 100%;
  margin: 0 auto;
}
.yynn_case_main_title:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_case_title_item {
  float: left;
}
.yynn_case_title_item1 {
  width: 25%;
  margin: 0 5% 25px 0;
}
.yynn_case_title_item2 {
  width: 25%;
  margin: 0 0 25px 0;
}
.yynn_case_title_item3 {
  width: 100%;
  margin: 0;
  float: none;
}
.yynn_case_title_item {
  font-size: 24px;
  color: #5c6272;
  line-height: 30px;
}
.yynn_case_title_item span {
  display: inline-block;
  padding: 0 20px 0 0;
  margin: 0 24px 0 0;
  color: #ce281f;
  font-weight: bold;
  position: relative;
}
.yynn_case_title_item span:after {
  content: "";
  width: 4px;
  height: 24px;
  background-color: #ce281f;
  position: absolute;
  top: 4px;
  left: 100%;
}
.yynn_case_title_item2_l, .yynn_case_title_item2_r {
  display: inline-block;
}
.yynn_case_title_item2_l {
  margin-right: 15px;
}
.yynn_case_title_item2_r a img.nohover {
  display: inline-block;
}
.yynn_case_title_item2_r a img.hover {
  display: none;
}
.yynn_case_title_item2_r a:hover img.nohover {
  display: none;
}
.yynn_case_title_item2_r a:hover img.hover {
  display: inline-block;
}
.yynn_case_main_body {
  width: 100%;
  margin: 50px auto 0;
}
.yynn_case_main_body > h2 {
  width: 100%;
  margin: 0 auto;
  font-size: 24px;
  color: #5c6272;
  line-height: 30px;
}
.yynn_case_main_content {
  width: 100%;
  margin: 20px auto 0;
}
/* 工程案例封面页 分类 */
.yynn_case_index {
  width: 100%;
  margin: 50px auto 0;
  padding: 0;
}
.yynn_case_index_div {
  width: 100%;
  margin: 0 auto 15px;
}
.yynn_case_index_div:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_case_index_img {
  width: 66.5%;
  float: left;
  height: 500px;
  overflow: hidden;
  position: relative;
}
.yynn_case_index_txt {
  width: calc(100% - 66.5%);
  float: right;
  height: 500px;
  overflow: hidden;
  position: relative;
  background-color: #eaeaea;
  color: #ce281f;
}
.yynn_case_index_div:nth-of-type(2n) .yynn_case_index_img {
  float: right;
}
.yynn_case_index_div:nth-of-type(2n) .yynn_case_index_txt {
  float: left;
}
.yynn_case_index_img > a.img {
  height: 100%;
}
a.yynn_case_index_mask {
  outline: none;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #ce281f;
}
.yynn_case_index_mask_in {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0 15% 0 20%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.yynn_case_index_body {
  width: 100%;
  margin: 0 auto;
}
.yynn_case_index_body h2 {
  width: 100%;
  margin: 0 auto;
  font-size: 40px;
  line-height: 55px;
  font-weight: 700;
  letter-spacing: 2px;
}
.yynn_case_index_body .yynn_section_more {
  width: 100%;
  margin: 30px auto 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
}
.yynn_case_index_body .yynn_section_more span {
  margin-right: 12px;
  display: inline-block;
  padding: 0;
  border-bottom: 1px solid #ce281f
}
/* yynn_case  end! */
/* 分页部分通用 开始  */
.pagelist {
  list-style: none;
  margin: 50px auto 30px;
  text-align: center;
  padding: 5px 0;
  font-family: "思源黑体";
}
.pagelist:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.pagelist > a, .pagelist > span {
  display: inline-block;
  text-decoration: none;
  outline: none;
  width: 30px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 18px;
  padding: 0;
  color: #222;
  margin: 3px 0;
  transition: all 0s;
}
.pagelist > span {
  color: #c1ac90;
}
.pagelist > a:hover {
  color: #c1ac90;
}
.pagelist a:first-child {
  border: 1px solid #222;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  line-height: 50px;
}
.pagelist a:last-child {
  border: 1px solid #222;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  line-height: 50px;
}
.pagelist a:first-child:hover {
  border: 1px solid #c1ac90;
}
.pagelist a:last-child:hover {
  border: 1px solid #c1ac90;
}
@media(max-width: 1600px) {
  .pagelist {
    margin: 45px auto 25px;
  }
  .pagelist > a, .pagelist > span {
    width: 30px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    margin: 3px 0;
  }
  .pagelist a:first-child {
    width: 50px;
    height: 50px;
    line-height: 46px;
  }
  .pagelist a:last-child {
    width: 50px;
    height: 50px;
    line-height: 46px;
  }
}
@media(max-width: 1400px) {
  .pagelist {
    margin: 35px auto 20px;
  }
}
@media(max-width: 1200px) {
  .pagelist {
    margin: 26px auto 10px;
  }
}
@media(max-width: 760px) {
  .pagelist {
    margin: 20px auto 5px;
  }
  .pagelist > a, .pagelist > span {
    min-width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    font-weight: normal;
    padding: 0 8px;
    font-weight: normal;
  }
  .pagelist a:first-child {
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  .pagelist a:last-child {
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  .biaoti1 img {
    width: 100%;
    height: 100%;
  }
}
@media(max-width: 500px) {
  .pagelist {
    line-height: 40px;
    margin: 25px auto 10px;
  }
  .pagelist > a, .pagelist > span {
    min-width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin: 3px 1px;
  }
  .pagelist a:first-child {
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  .pagelist a:last-child {
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
}
/* 分页部分通用 结束  */
/* 移动端底部通用代码 footer 开始 */
.footer_m {
  display: none;
}
@media (max-width: 640px) {
  .page2 {
    margin-bottom: 60px;
  }
  .footer_m {
    display: block;
  }
}
.footer_m {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 99;
  padding: 10px 0;
  background-color: #fff;
}
.footer_m_item {
  width: 33.33%;
  float: left;
  height: 40px;
  text-align: center;
}
.footer_m_item a {
  outline: none
}
.footer_m_item_icon {
  width: 100%;
  height: 20px;
}
.footer_m_item_icon a {
  outline: none;
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
}
.footer_m_item_icon img {
  width: 20px;
  height: 20px;
}
.footer_m_item_txt {
  width: 100%;
  height: 20px;
  line-height: 20px;
  color: #ce281f;
  font-size: 12px;
}
/* 移动端底部通用代码 footer 结束 */
.yynn_search_title {
  width: 100%;
  margin: 50px auto 0;
  font-size: 30px;
  line-height: 35px;
  color: #ce281f;
  text-align: center;
}
.yynn_searchs .yynn_news_list {
  margin: 35px auto 0;
}
.yynn_searchs .yynn_case_list {
  margin: 35px auto 0;
}
.yynn_searchs .pagelist {
  margin: 15px auto;
}
.yynn_searchs .pagelist span {
  width: 100%;
  line-height: 30px;
  height: auto;
}
/* 产品系统 */
.yynn_content_p4_img {
  width: 100%;
  margin: 0 auto;
}
.yynn_content_p4_img:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.yynn_content_p4_img_item {
  width: 33%;
  float: left;
  margin: 0 0.5% 10px 0;
}
.yynn_content_p4_img_item:nth-of-type(3n) {
  margin: 0 0 10px 0;
}
.yynn_content_p4_img .yynn_li_h {
  text-align: center;
}
.mKeBanner, .mKeBanner div {
  text-align: center
}
.imageflow img {
  -webkit-box-shadow: 2px 2px 2px 2px hsla(0, 0%, 0%, .1);
  box-shadow: 2px 2px 2px 2px hsla(0, 0%, 0%, .1)
}
.imageflow {
  overflow: hidden;
  position: relative;
  text-align: left;
  visibility: hidden;
  width: 100%;
  margin: 0 auto
}
.imageflow img {
  border: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  -ms-interpolation-mode: bicubic
}
.imageflow p {
  margin: 0 auto;
  text-align: center
}
.imageflow .loading {
  border: 1px solid #ccc;
  height: 15px;
  left: 50%;
  margin-left: -106px;
  padding: 5px;
  position: relative;
  visibility: visible;
  width: 200px
}
.imageflow .loading_bar {
  background: #ccc;
  height: 15px;
  visibility: visible;
  width: 1%
}
.imageflow .caption {
  font-weight: 700;
  position: relative;
  text-align: center;
  z-index: 2
}
.imageflow .scrollbar {
  border-bottom: 1px solid #b3b3b3;
  position: relative;
  visibility: hidden;
  z-index: 3;
  height: 1px
}
.imageflow .slider {
  background-image: url(../image/slider.png);
  background-repeat: no-repeat;
  height: 14px;
  margin: -6px 0 0 -7px;
  position: absolute;
  width: 14px;
  z-index: 4
}
.imageflow .images {
  overflow: hidden;
  white-space: nowrap
}
.imageflow .button {
  cursor: pointer;
  height: 17px;
  position: relative;
  width: 17px
}
.imageflow .previous {
  background: url(../image/slider.png) top left no-repeat;
  float: left;
  margin: -7px 0 0 -30px
}
.imageflow .next {
  background: url(../image/slider.png) top left no-repeat;
  float: right;
  margin: -7px -30px 0 30px
}
/* yynn_aside start! */
.yynn_aside {
  position: fixed;
  right: 1%;
  bottom: 20%;
  z-index: 100000000000;
  display: none;
}
.yynn_aside_item {
  width: 54px;
  height: 54px;
  margin: 0 auto 2px;
  background-color: #ce281f;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  text-align: center;
  padding: 12px;
}
.yynn_aside_item a {
  outline: none;
  display: block;
}
.yynn_aside_item_main {
  width: 150px;
  height: 54px;
  text-align: center;
  line-height: 28px;
  font-size: 17px;
  display: none;
  color: #fff;
  background-color: #0099d9;
  border-radius: 4px;
  position: absolute;
  left: -160px;
  top: 0px;
}
.weixin {
  width: 120px;
  height: 120px;
  text-align: center;
  padding: 0;
  display: none;
  overflow: hidden;
  box-shadow: 0 0 10px #888;
  border-radius: 4px;
  position: absolute;
  left: -130px;
  top: -33px;
}
@media(max-width: 640px) {
  .yynn_aside {
    right: 10px;
    bottom: 15%;
  }
  .yynn_aside_item {
    width: 36px;
    height: 36px;
    padding: 7px;
  }
  .yynn_aside_item_main {
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    display: none;
    left: -130px;
    top: 0px;
  }
  .weixin {
    width: 100px;
    height: 100px;
    display: none;
    left: -110px;
    top: -33px;
  }
  .yynn_aside_item1, .yynn_aside_item2, .yynn_aside_item3 {
    display: none;
  }
}
.header-lang-box {
  float: left;
  width: 120px;
  height: 30px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.5);
  margin-top: 8px;
  margin-left: -133%;
}
.header-lang-list {
  display: flex;
  align-items: center;
}
.header-lang-list li {
  width: 50%;
  text-align: center;
}
.header-lang-list li a {
  display: block;
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  font-weight: 700;
  border-radius: 30px;
}
.header-lang-list li.cur a {
  background: #fff;
  color: #222;
  margin-right: -1px;
}
@media all and (max-width:1024px) {
  .header-lang-box {
    width: 100px;
    height: 25px;
    margin-top: -2px;
  }
  .header-lang-list li a {
    line-height: 25px;
  }
}
.logo1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 47vh;
}
.tab-nav span {
  color: #e12418;
  font-size: 76px;
  height: 34px;
  vertical-align: bottom;
  line-height: 51px;
  margin: 9px;
}
.tab-nav1 span {
  margin: 0px 40px 0px 0px
}
.ewm {
  margin: auto;
  /* width: 100%; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 13vh;
}
/*****滚动**********/
* {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
body {
  background-color: #F7F5F5;
}
.one {
  margin: 50px auto;
  height: 160px;
  width: 1000px;
  overflow: hidden;
  position: relative;
}
.one ul {
  height: 160px;
  width: 100000px;
  position: absolute;
  left: 0;
} /*ul width的宽不能过小*/
.one ul li {
  display: block;
  float: left;
  margin: 5px;
  height: 150px;
  border-radius: 5px;
  position: relative;
}
.one ul li a {
  display: inline-block;
  height: 150px;
}
.one ul li img {
  border-radius: 5px;
  display: block;
}
.one ul li a span {
  height: 0;
  display: block;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 0px;
}
.one ul li a:hover span {
  height: 150px;
  line-height: 150px;
  font-size: 20px;
  text-align: center;
  transition: all 0.7s;
}
.two {
  margin: 50px auto;
  height: 90px;
  width: 1000px;
  overflow: hidden;
  position: relative;
}
.two ul {
  height: 90px;
  width: 100000px;
  position: absolute;
  left: 0;
} /*ul width的宽不能过小*/
.two ul li {
  display: block;
  float: left;
  margin: 5px;
  height: 80px;
  border-radius: 5px;
  position: relative;
}
.two ul li a {
  display: inline-block;
  height: 80px;
}
.two ul li img {
  display: block;
  border-radius: 5px;
  height: 80px;
}
.two ul li a span {
  height: 0;
  display: block;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 0px;
}
.two ul li a:hover span {
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  transition: all 0.7s;
}
/********滚动  end************/
.dbwen {
  text-align: center
}
.dbwen p {
  tab-size: 14px;
  line-height: 140px
}
/*******my************/
.blk-main {
  width: 1330px;
  margin: 0 auto;
}
.plc {
  padding: 5px 0 25px;
}
.clear {
  clear: both;
  height: 0;
}
.fr {
  float: right;
}
.blk-sm {
  width: 1006px;
  background: #fff;
}
.b {
  clear: both;
}
.leftnav-z1-tit {
  height: 50px;
  font-size: 24px;
  font-weight: normal;
  line-height: 50px;
  border-bottom: 3px solid #ce281f;
  margin-bottom: 15px;
  width: 280px
}
.neirong p {
  font-size: 18px;
  font-weight: 500;
  padding: 6px 37px 10px 37px;
  line-height: 33px;
}
.leftnav-z1-tit1 {
  height: 50px;
  font-size: 24px;
  font-weight: normal;
  line-height: 50px;
  border-bottom: 1px solid #ce281f;
  margin-bottom: 15px;
  width: 100%
}
.leftnav-z1-tit span {
  display: inline-block;
  height: 50px;
  border-bottom: 3px solid #e40011;
}
.leftnav-z1-list dl {
  width: 32.2%;
  border: 1px solid #dedede;
  margin-bottom: 15px;
  background: #fff;
  float: left;
  margin-right: 1.3%;
  box-sizing: border-box;
}
.leftnav-z1-list dt img {
  width: 100%;
  display: block;
}
.blk {
  margin-bottom: 0px;
}
.p12-pagination-1-main {
  margin: 0 auto;
  padding: 20px 0;
  height: 30px;
  text-align: center;
}
.p12-pagination-1-main li {
  display: inline-block;
  vertical-align: top;
}
.p12-pagination-1 span {
  background: #c21b1b;
}
.p12-pagination-1 a, .p12-pagination-1 span {
  vertical-align: top;
  display: inline-block;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  margin: 0 2px;
}
.blk-xs {
  width: 280px;
}
.fl {
  float: left;
}
.p14-left-nav-1-tit {
  background: #ce281f;
  height: 80px;
}
.p14-left-nav-1-tit h2 {
  height: 75px;
  font-size: 24px;
  font-weight: normal;
  line-height: 75px;
  color: #fff;
  text-align: center;
}
.catbox {
  width: 100%;
  overflow: hidden;
}
.p14-left-nav-1-nav-one:first-child dl {
  display: block;
}
.p14-left-nav-1-nav dl {
  padding: 0px 0 0px;
}
.catleft .item {
  width: 100%;
}
.p14-left-nav-1-nav dt {
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  padding-left: 54px;
  padding-right: 13px;
  margin-bottom: 1px;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.p14-left-nav-1-nav a {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p14-pro-1-tit {
  height: 60px;
  font-size: 24px;
  line-height: 60px;
  margin-bottom: 10px;
  background: #013171;
  color: #fff;
  text-align: center;
}
.cbgg-01 {
  background: #fff;
  text-align: center;
  color: #fff;
  height: 690px;
  padding-top: 477px;
}
.cbgg-01-img img {
  width: 100%;
  display: block;
}
.cbgg-01 p {
  padding-top: 15px;
}
.cbgg-01 p img {
  vertical-align: middle;
  margin-right: 5px;
}
.hong i {
  width: 7px;
  display: list-item;
  height: 30px;
  background: #ce281f;
  transition: .5s;
  vertical-align: bottom;
  top: 0px;
  float: left;
  margin-left: -51px;
  margin-top: 9px;
  z-index: 99999999999;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.item .jt {
  width: 15px;
  height: 15px;
  margin-top: -34px;
  float: right;
}
/******pro***********/
.xmal-main {
  padding: 30px 0 60px 0;
}
.xmal-main .cases-details {
  margin: 0;
}
.container {
  max-width: 1320px;
  width: 100%
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.xmal-main .cases-details .item {
  margin-top: 30px;
  cursor: pointer;
}
.col-md-3 {
  flex: 0 0 33%;
  max-width: 33%;
}
.xmal-main .cases-details .item > div {
  background-color: #d4d4d4;
  transition: 0.2s;
  overflow: hidden;
}
.xmal-main .cases-details .item > div > div {
  height: 225px;
}
.xmal-main .cases-details .item > div > div > img {
  width: 100%;
  height: 100%;
  transition: 0.2s;
  object-fit: cover;
}
.xmal-main .cases-details .item > div > p {
  transition: 0.2s;
  height: 60px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  padding: 10px;
}
.col-md-3 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.xmal-main .cases-details .item:hover > div {
  transform: scale3d(1.01, 1.01, 1.01);
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.5);
}
.xmal-main .cases-details .item:hover > div > p {
  background-color: #980a09;
  color: #fff;
}
.xmal-main .cases-details .item:hover > div > p > a {
  color: #fff;
}
.desc-more span a:hover {
  color: #fff;
}
.xmal-main .cases-details .item:hover > div {
  transform: scale3d(1.01, 1.01, 1.01);
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.5);
}
.neirong {
  padding-left: 20px;
  padding-right: 20px;
}
.lxco1 {
  width: 63px;
  height: 63px;
  float: left;
}
.lxco2 {
  width: 63px;
  height: 63px;
  float: left;
}




.youshi3 {
		display:block;
	}
	.youshi2
	{
		
		display:none;
	}
@media only screen and (max-width: 660px) {
	
	.youshi3 {
		display :none;
	}
	.youshi2
	{
		display:block!important;
		
	}}