.main {
/*  margin-top: 96px;*/
  overflow: hidden;
}

.main.is-index {
  margin-top: 0px;
}

.main.bg {
  background: url(../images/n-bg.jpg) no-repeat center center;
  background-size: cover;
}

.yh_banner {
  position: relative;
}

.yh_banner .banner_swiper {
  display: none;
}

.yh_banner .yh_banner_box {
  height: 48.75vw;
  width: 100%;
}

.yh_banner .yh_banner_box .preview-slider {
  width: 100%;
}

.yh_banner img {
  width: 100%;
}

.yh_banner .img {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  z-index: 100;
}

.banner_swiper .swiper-slide {
  position: relative;
}

.banner_swiper .banner_pagination .swiper-pagination-bullet {
  width: 62px;
  height: 6px;
  background-color: #ffffff;
  border-radius: 3px;
  opacity: 1;
  margin: 0 8px;
}

.banner_swiper .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--styleColor);
}

.c_more a {
  font-family: 'sy';
  font-weight: bold;
  background: url(../images/more-bg.png) no-repeat center center;
  background-size: 100% 100%;
  font-size: 18px;
  letter-spacing: 1px;
  color: #bb1b21;
  padding: 15px 20px;
  display: inline-block;
}

.c_line {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.c_line:hover::before,
.c_line:hover>div::before {
  height: 100%;
}

.c_line:hover::after,
.c_line:hover>div::after {
  width: 100%;
}

.c_line::before,
.c_line::after {
  position: absolute;
  content: '';
  background-color: #6f2373;
  transition: all 0.3s;
}

.c_line::before {
  left: 0;
  bottom: 0;
  width: 1px;
  height: 0%;
}

.c_line::after {
  top: 0;
  left: 0;
  width: 0%;
  height: 1px;
}

.c_line>div::before,
.c_line>div::after {
  position: absolute;
  content: '';
  background-color: #6f2373;
  transition: all 0.3s;
}

.c_line>div::before {
  right: 0;
  top: 0;
  width: 1px;
  height: 0%;
}

.c_line>div::after {
  right: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
}

@-webkit-keyframes xuanzhuan {
  0% {
    transform: rotate(-45deg);
    opacity: 0;
  }

  100% {
    transform: rotate(0deg);
    opacity: 1;
  }
}

.i_liansuo {
  display: flex;
}

.i_liansuo .i_liansuo_l {
  width: 43.75%;
}

.i_liansuo .i_liansuo_l .text_box {
  width: 100%;
  height: 100%;
  background: url(../images/img-bg.jpg) no-repeat center center;
  background-size: 100% 100%;
  padding: 8% 4% 8% 19%;
  font-family: 'sy';
  font-weight: bold;
}

.i_liansuo .i_liansuo_l .text_box>.title {
  /* background-image: -webkit-linear-gradient(bottom, #d2b886, #fcf5c1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color:#d2b886;
  font-size: 2.34vw;
  display: flex;
  align-items: baseline;
  font-weight: bold;
}

.i_liansuo .i_liansuo_l .text_box>.title .munber {
  font-size: 4.2vw;
  display: flex;
}

.i_liansuo .i_liansuo_l .text_box>.content ul li {
  display: flex;
  align-items: flex-start;
  margin-top: 2.4vw;
}

.i_liansuo .i_liansuo_l .text_box>.content ul li .text .title {
  font-size: 1.66vw;
  letter-spacing: 3px;
  color: #ffffff;
}

.i_liansuo .i_liansuo_l .text_box>.content ul li .text .content {
  font-size: 0.84vw;
  letter-spacing: 2px;
  color: #ffadad;
}

.i_liansuo .i_liansuo_l .text_box>.content ul li img {
  width: 4.2vw;
  margin-right: 20px;
}

.i_liansuo .i_liansuo_r {
  width: 56.25%;
}

.i_liansuo .i_liansuo_r img {
  width: 100%;
}

.i_project {
  padding: 80px 0;
  background: url(../images/project-bg.jpg) no-repeat center center;
  background-size: cover;
}

.i_project_box {
  margin-top: 60px;
}

.i_project_box ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.i_project_box ul li {
  width: 20%;
  margin-bottom: 20px;
}

.i_project_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.i_project_item:hover .i_project_img {
  transform: translateY(-10px);
}

.i_project_item .i_project_img {
  width: 190px;
  transition: all 0.3s;
}

.i_project_item .i_project_img img {
  width: 100%;
  border-radius: 100%;
  border: solid 2px #dab866;
}

.i_project_item .i_project_text {
  text-align: center;
  font-family: 'sy';
  font-weight: bold;
}

.i_project_item .i_project_text .title {
  text-align: center;
  background: url(../images/project-title.png) no-repeat center center;
  background-size: contain;
  display: inline-block;
}

.i_project_item .i_project_text .title .bg {
  font-size: 1.15vw;
  /* background-image: -webkit-linear-gradient(bottom, #d2b886, #fcf5c1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color:#d2b886;
  padding: 0 40px;
  line-height: 50px;
}

.i_project_item .i_project_text .content {
  margin-top: 16px;
  text-align: justify;
  width: 100%;
  padding: 0 18%;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 2px;
  color: #565656;
}

.i_wubu {
  padding: 60px 0 200px 0;
  background: url(../images/wubu-bg.jpg) no-repeat center center;
  background-size: cover;
}

.i_wubu .ft_title .bg {
  background-image: url(../images/wubu-title.png);
}

.i_wubu .ft_title .bg h2 {
  color: #2d1a03;
  background: none;
  -webkit-text-fill-color: inherit;
}

.i_wubu_box {
  margin-top: 60px;
}

.i_wubu_box ul {
  display: flex;
}

.i_wubu_box ul li {
  width: 20%;
}

.i_wubu_item {
  padding: 0 10%;
}

.i_wubu_item:hover a .i_wubu_img::before {
  transform: scaleX(2) translate(-50%, -50%);
  opacity: 0;
}

.i_wubu_item:hover a .i_wubu_img img {
  transform: scale(1.1);
}

.i_wubu_item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.i_wubu_item a .i_wubu_img {
  position: relative;
  margin-bottom: 10px;
}

.i_wubu_item a .i_wubu_img::before {
  content: '';
  position: absolute;
  width: 244px;
  height: 174px;
  left: 50%;
  top: 50%;
  transform-origin: 0 0;
  transform: translate(-50%, -50%);
  background: url(../images/header-bd1.png) no-repeat center center;
  background-size: contain;
  transition: all 0.3s;
}

.i_wubu_item a .i_wubu_img img {
  width: 198px;
  border-radius: 100%;
  background-image: linear-gradient(-25deg, #feac37 0%, #ffe465 100%);
  padding: 2px;
  transition: all 0.3s;
}

.i_wubu_item a .i_wubu_text {
  color: #fff;
}

.i_wubu_item a .i_wubu_text .title {
  font-family: 'sy';
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25vw;
  letter-spacing: 2px;
  line-height: 1;
  margin-bottom: 30px;
  white-space: nowrap;
}

.i_wubu_item a .i_wubu_text .title .big {
  font-size: 3.23vw;
  margin-right: 20px;
}

.i_wubu_item a .i_wubu_text .content {
  font-size: 16px;
  line-height: 29px;
  text-align: justify;
  letter-spacing: 2px;
}

.i_jishu {
  padding: 70px 0 130px 0;
  background: url(../images/jishu-bg.png) no-repeat center center;
  background-size: cover;
}

.i_jishu .ft_title .bg {
  background-image: url(../images/jishu-bd.png);
}

.i_jishu_box {
  margin-top: 60px;
}

.i_jishu_box ul {
  display: grid;
  margin: 0px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 15px;
}

.i_jishu_box ul li:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}

.i_jishu_box ul li:nth-child(2) {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 1;
}

.i_jishu_box ul li:nth-child(3) {
  grid-column-start: 3;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 1;
}

.i_jishu_box ul li:nth-child(4) {
  grid-column-start: 4;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 1;
}

.i_jishu_box ul li:nth-child(5) {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 2;
}

.i_jishu_box ul li:nth-child(6) {
  grid-column-start: 3;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 2;
}

.i_jishu_box ul li:nth-child(7) {
  grid-column-start: 4;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 2;
}

.i_jishu_item {
  position: relative;
  height: 100%;
  width: 100%;
}

.i_jishu_item:hover .imgbox img {
  transform: scale(1.1);
}

.i_jishu_item .imgbox {
  overflow: hidden;
}

.i_jishu_item .imgbox img {
  width: 100%;
  transition: all 0.3s;
}

.i_jishu_item .textbox {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: rgba(187, 27, 33, 0.9);
  font-size: 20px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
}

.i_condition {
  position: relative;
}

.i_condition .bg img {
  width: 100%;
}

.i_condition .w {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 90%;
  display: flex;
  justify-content: flex-end;
}

.i_condition .w .i_condition_box {
  width: 50%;
}

.i_condition .w .i_condition_box .content_box {
  display: flex;
}

.i_condition .w .i_condition_box .content_box .content_l {
  width: 80%;
  font-size: 1.05vw;
  line-height: 45px;
  letter-spacing: 1px;
  color: #eedeaf;
  font-family: 'sy';
  font-weight: bold;
}

.i_condition .w .i_condition_box .content_box .content_l .pick_box {
  display: none;
}

.i_condition .w .i_condition_box .content_box .content_l .pick_box.active {
  display: block;
  animation: xcf_show 0.3s;
}

.i_condition .w .i_condition_box .content_box .content_l .pick_box:last-child.active {
  display: grid;
  animation: xcf_show 0.3s;
  grid-template-columns: 1fr 1fr 1fr;
}

.i_condition .w .i_condition_box .content_box .content_r {
  width: 20%;
}

.i_condition .w .i_condition_box .content_box .content_r img {
  max-width: 100%;
}

.i_condition .w .i_condition_btn {
  display: flex;
}

.i_condition .w .i_condition_btn .c_more {
  margin-right: 60px;
}

.i_join {
  padding: 70px 0;
  background: url(../images/bg2.jpg) no-repeat center center;
  background-size: cover;
}

.i_join_box {
  margin-top: 60px;
}

.i_join_box ul {
  display: flex;
  flex-wrap: wrap;
}

.i_join_box ul li {
  width: 25%;
  padding: 0 10px;
  margin-bottom: 20px;
}

.i_join_item {
  width: 100%;
  text-align: center;
  background: url(../images/min-bg.png) no-repeat center top;
  background-size: contain;
  padding: 2.6vw 1.6vw 4vw;
  transition: all 0.3s;
}

.i_join_item:hover {
  transform: translateY(-10px);
}

.i_join_item .title {
  font-family: 'sy';
  font-size: 1.355vw;
  letter-spacing: 3px;
  line-height: 46px;
  display: inline-block;
  padding: 0 2.6vw;
  color: #bb1b21;
  background: url(../images/border.png) no-repeat center center;
  background-size: contain;
  border-radius: 23px;
  font-weight: bold;
  box-shadow: 1px 4px 7px 0px rgba(0, 0, 0, 0.4);
  margin-bottom: 1.6vw;
}

.i_join_item .content {
  font-size: 0.834vw;
  line-height: 31px;
  letter-spacing: 2px;
  color: #ffffff;
}

.i_advantage {
  padding: 70px 0 120px 0;
  background: url(../images/advantage-bg.jpg) no-repeat center center;
  background-size: cover;
}

.i_advantage .ft_title .bg {
  background-image: url(../images/title-bg6.png);
}

.i_advantage .ft_title .bg h2 {
  background-image: -webkit-linear-gradient(bottom, #492800, #5f3807, #482700);
}

.i_advantage_text {
  text-align: center;
  font-size: 23px;
  line-height: 43px;
  letter-spacing: 2px;
  color: #eadcb2;
  margin: 60px 0;
}

.i_advantage_box ul {
  display: flex;
}

.i_advantage_box ul li {
  width: calc(100% / 6);
  padding: 0 20px;
}

.i_advantage_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.i_advantage_item:hover .icon {
  transform: translateY(-10px);
}

.i_advantage_item .icon {
  margin-bottom: 20px;
  transition: all 0.3s;
}

.i_advantage_item .icon img {
  max-width: 100%;
}

.i_advantage_item .text {
  font-size: 1.042vw;
  line-height: 43px;
  letter-spacing: 2px;
  color: #eadcb2;
}

.i_team {
  padding: 80px 0;
  background: url(../images/bg2.jpg) no-repeat center center;
  background-size: cover;
}

.i_team.top {
  padding: 120px 0 80px;
  position: relative;
}

.i_team.top::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 55px;
  top: 0;
  left: 0;
  background: url(../images/title-top.png) no-repeat center top;
}

.i_team_box {
  margin-top: 60px;
  position: relative;
}

.i_team_box .team_next,
.i_team_box .team_prev {
  width: 50px;
  height: 80px;
  background: url(../images/next.png) no-repeat center center;
  background-size: contain;
}

.i_team_box .team_next::after,
.i_team_box .team_prev::after {
  content: none;
}

.i_team_box .team_prev {
  background-image: url(../images/prev.png);
}

.i_team_box .team_swiper {
  width: 90%;
  margin: 0 auto;
}

.team_item {
  width: 100%;
  height: 100%;
}

.team_item .img_box {
  background: url(../images/header-bd.png) no-repeat center center;
  background-size: 100% 100%;
  padding: 20px;
}

.team_item .img_box img {
  width: 100%;
}

.team_item .text_box {
  text-align: center;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 1px;
  color: #333333;
}

.i_honor {
  padding: 80px 0;
  background: url(../images/honor-bg.jpg) no-repeat center center;
  background-size: cover;
}

.i_honor.red {
  padding: 200px 0 150px;
  background: url(../images/honor-bg.png) no-repeat center top;
}

.i_honor .ft_title .bg {
  background-image: url(../images/title-bg6.png);
}

.i_honor .ft_title .bg h2 {
  background-image: -webkit-linear-gradient(bottom, #492800, #5f3807, #482700);
}

.i_honor .i_honor_title {
  margin: 60px auto;
  text-align: center;
}

.i_honor .i_honor_title>div {
  display: inline-block;
}

.i_honor .i_honor_title>div img {
  max-width: 100%;
}

.i_honor .i_honor_title>div p {
  font-family: 'sy';
  font-weight: bold;
  text-align: right;
  font-size: 22px;
  line-height: 36px;
  letter-spacing: 1px;
  color: #dbbf69;
  margin-top: 20px;
}

.i_honor_box {
  position: relative;
}

.i_honor_box .honor_next,
.i_honor_box .honor_prev {
  width: 50px;
  height: 80px;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  background: url(../images/next1.png) no-repeat center center;
  background-size: contain;
}

.i_honor_box .honor_next::after,
.i_honor_box .honor_prev::after {
  content: none;
}

.i_honor_box .honor_prev {
  background-image: url(../images/prev1.png);
}

.i_honor_box .honor_swiper {
  width: 90%;
  margin: 0 auto;
}

.honor_item {
  width: 100%;
  height: 100%;
}

.honor_item .img_box img {
  width: 100%;
}

.message {
  padding: 120px 0;
  background-color: #fff4d8;
}

.message .w {
  display: flex;
  align-items: center;
}

.message .w .message_l {
  width: 35%;
  position: relative;
}

.message .w .message_l::after {
  content: '';
  width: 474px;
  height: 325px;
  background-color: #dbbf69;
  position: absolute;
  left: -8%;
  top: 50%;
  transform: translateY(-50%);
}

.message .w .message_l img {
  width: 100%;
  position: relative;
  z-index: 2;
}

.message .w .message_r {
  width: 65%;
  padding-left: 2%;
}

.message .w .message_r .message_title {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.message .w .message_r .message_title .ft_title .bg h2 {
  font-size: 26px;
  line-height: 75px;
  padding: 0 5.22vw;
}

.message .w .message_r .message_title p {
  font-size: 22px;
  color: #333333;
  margin-left: 50px;
}

.message .w .message_r .message_title p span {
  color: #e60012;
}

.message_box .form_row {
  display: flex;
  justify-content: space-between;
}

.message_box .form_row input[type="submit"] {
  width: 145px;
  height: 45px;
  background-color: #bb1b21;
  color: #fff;
  border: none;
  outline: none;
  margin: 0 auto;
}

.message_box .form_row input[type="text"] {
  width: 100%;
  height: 58px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  padding-left: 1em;
}

.message_box .form_row textarea {
  width: 100%;
  height: 152px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  padding: 1em;
}

.message_box .form_row.w100 .form_col {
  width: 100%;
}

.message_box .form_row .form_col {
  width: 48%;
  display: flex;
  justify-content: center;
  margin-bottom: 17px;
}

.news_box ul li {
  margin-bottom: 30px;
}

.news_item {
  display: flex;
  align-items: center;
  padding: 25px 20px;
  background: url(../images/new-bg.png) no-repeat right 30px bottom 30px;
  background-color: #fff;
  transition: all 0.3s;
}

.news_item:hover {
  background-position: right 80px bottom 30px;
}

.news_item:hover .news_img img {
  transform: scale(1.1);
}

.news_item .news_img {
  width: 31%;
  overflow: hidden;
}

.news_item .news_img img {
  width: 100%;
  transition: all 0.3s;
}

.news_item .news_text {
  width: 69%;
  padding-left: 80px;
}

.news_item .news_text .title {
  font-size: 30px;
  letter-spacing: 1px;
  color: #bb1b21;
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.11);
  display: flex;
  align-items: center;
}

.news_item .news_text .title>span {
  display: inline-block;
  width: 25px;
  height: 30px;
  background: url(../images/title-l1.png) no-repeat center center;
  background-size: contain;
}

.news_item .news_text .title .title_l {
  margin-right: 10px;
}

.news_item .news_text .title .title_r {
  margin-left: 10px;
  background-image: url(../images/title-r1.png);
}

.news_item .news_text .content {
  font-size: 18px;
  line-height: 32px;
  color: #333333;

  margin: 20px 0;
}

.news_item .news_text .c_more a {
  color: #f1e3bb;
  padding: 15px 30px;
  background-image: url(../images/more-bg2.png);
}

.about {
  padding: 90px 0 0;
}

.about.red {
  background: url(../images/about-bg.jpg) no-repeat center bottom;
  background-size: cover;
  padding: 90px 0;
}

.about.red .w .about_r .title {
  /* background-image: -webkit-linear-gradient(bottom, #dbbe69, #f1e3bb, #dbbe69);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color:#dbbe69;
}

.about.red .w .about_r .content {
  margin-bottom: 30px;
}

.about.red .w .about_r .content span {
  /* background-image: -webkit-linear-gradient(bottom, #dbbe69, #f1e3bb, #dbbe69);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color:#dbbe69;
}

.about .w {
  display: flex;
  align-items: center;
}

.about .w .about_l {
  width: 51.4375%;
  position: relative;
}

.about .w .about_l::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -6%;
  width: 474px;
  height: 325px;
  background-color: #dbbf69;
}

.about .w .about_l img {
  width: 100%;
  position: relative;
  z-index: 1;
}

.about .w .about_r {
  width: 48.5625%;
  padding-left: 5%;
}

.about .w .about_r .title {
  font-family: 'sy';
  font-weight: bold;
  font-size: 2vw;
  line-height: 36px;
  letter-spacing: 2px;
  color: #313131;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.about.red .w .about_r .title {
    color: #dbbe69;
}
.about .w .about_r .title img {
  width: 70px;
  margin: 0 10px;
}

.about .w .about_r .content {
  font-family: 'sy';
  font-weight: bold;
  font-size: 1vw;
  line-height: 36px;
  color: #4f4f4f;
}

.about .w .about_r .content span {
  padding-left: 2em;
  text-indent: 2em;
}

.i_contact {
  padding: 60px 0;
}

.i_contact .w {
  display: flex;
}

.i_contact .w .i_contact_l {
  width: 40%;
}

.i_contact .w .i_contact_r {
  width: 60%;
}

.i_contact_box {
  padding: 160px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url(../images/img-bg.jpg) no-repeat center center;
  background-size: 100% 100%;
}

.i_contact_box .i_contact_title {
  font-family: 'sy';
  font-weight: bold;
  font-size: 36px;
  letter-spacing: 1px;
  color: #ffffff;
  padding-bottom: 26px;
  margin-bottom: 26px;
  position: relative;
}

.i_contact_box .i_contact_title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 67px;
  height: 4px;
  background-color: #ffffff;
}

.i_contact_box .i_contact_content {
  font-size: 18px;
  line-height: 36px;
  color: #f9f9f9;
}

.i_contact_box .i_contact_content li{color:#fff;}
.tcm {
  background: url(../images/honor-bg.png) no-repeat center top;
  padding: 200px 0 150px;
}

.tcm_box {
  margin-top: 60px;
}

.tcm_box ul {
  display: flex;
}

.tcm_box ul li {
  width: 25%;
  padding: 0 16px;
}

.tcm_item {
  position: relative;
}

.tcm_item:hover a .tcm_item_img img {
  transform: scale(1.1);
}

.tcm_item a .tcm_item_img {
  overflow: hidden;
}

.tcm_item a .tcm_item_img img {
  width: 100%;
  transition: all 0.3s;
}

.tcm_item a .tcm_item_title {
  width: 100%;
  background-color: #dbbf69;
  font-size: 24px;
  line-height: 55px;
  height: 55px;
  text-align: center;
  letter-spacing: 1px;
  color: #ffffff;
}

.board {
  padding: 80px 0;
  background: url(../images/n-bg.jpg) no-repeat center center;
  background-size: cover;
}

.board .board_box ul {
  display: flex;
}

.board .board_box ul li {
  width: 25%;
  padding: 0 5%;
}

.board .board_box ul li .board_item {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
}

.board .board_box ul li .board_item:hover {
  transform: translateY(-10px);
}

.board .board_box ul li .board_item img {
  max-width: 100%;
}

.pro {
  padding: 60px 0;
}

.pro .w {
  display: flex;
  justify-content: space-between;
}

.pro .w .pro_l {
  width: 17%;
}

.pro .w .pro_l .qie_btn {
  display: none;
}

.pro .w .pro_r {
  width: 80%;
}

.pro_option {
  width: 100%;
  background: url(../images/left-nav-bg.jpg) no-repeat center center;
  background-size: 100% 100%;
}

.pro_option .pro_option_title {
  width: 100%;
  height: 100px;
  background: url(../images/left-nav-title.jpg) no-repeat center center;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pro_option .pro_option_title img {
  max-width: 100%;
  margin-top: 60px;
}

.pro_option_box {
  padding: 40px 20px;
  text-align: center;
}

.pro_option_box ul li.active a {
  color: #bb1b21;
}

.pro_option_box ul li a {
  font-family: 'sy';
  font-weight: bold;
  font-size: 20px;
  line-height: 65px;
  color: #222222;
}

.pro_option_box ul li a:hover {
  color: #bb1b21;
}

.pro_box {
  width: 100%;
}

.pro_box ul {
  display: flex;
  flex-wrap: wrap;
}

.pro_box ul li {
  width: 33.33%;
  padding: 0 22px;
  margin-bottom: 30px;
}

.pro_item:hover .pro_item_img img {
  transform: scale(1.1);
}

.pro_item .pro_item_img {
  overflow: hidden;
}

.pro_item .pro_item_img img {
  width: 100%;
  transition: all 0.3s;
}

.pro_item .pro_item_text {
  background: url(../images/pro-title.jpg) no-repeat center center;
  background-size: 100% 100%;
  line-height: 65px;
  height: 65px;
  font-size: 20px;
  padding: 0 30px;
  letter-spacing: 2px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.glass.imgbox {
  overflow: hidden;
  position: relative;
}

.glass.imgbox:hover::before {
  transform: scale(2) rotate(45deg) translate3d(0, 100%, 0);
}

.glass.imgbox::before {
  content: '';
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.16);
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(2) rotate(45deg) translate3d(0, -100%, 0);
  transition: transform 0.8s;
  pointer-events: none;
}

/* 内页新闻列表 */
.xypg-news-list li {
  border: 1px solid #e1e1e1;
  padding: 30px;
  background: #fff;
  margin-bottom: 35px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.xypg-news-list li .tit {
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 15px;
  position: relative;
}

.xypg-news-list li .tit h3 {
  padding-bottom: 15px;
  font-size: 18px;
  color: #565656;
  font-weight: normal;
  padding-right: 25%;
  margin: 0;
}

.xypg-news-list li .tit .date {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #666666;
}

.xypg-news-list li .info {
  font-size: 14px;
  line-height: 2;
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.xypg-news-list li .more {
  margin-top: 15px;
  border: none;
  padding: 0;
}

.xypg-news-list li .more span {
  display: inline-block;
  width: 130px;
  line-height: 33px;
  text-align: center;
  color: #000;
  font-size: 14px;
  color: #666666;
  border: 1px solid #e1e1e1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.xypg-news-list li:hover {
  -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
  box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
}

.xypg-news-list li:hover .tit h3 {
  color: #292e39;
}

.xypg-news-list li:hover .more span {
  color: #fff;
  background-color: var(--styleColor);
}

.new_box {
  padding: 60px 0;
}

@media screen and (max-width: 1620px) {
  .qrcodebox {
    left: 24%;
  }

  .slider-list__item .more__element .textbox {
    left: 62%;
  }

  .i_advantage .i_advantage_r.bg {
    padding: 40px;
  }

  .i_advantage .i_advantage_r .i_advantage_box {
    width: 100%;
  }

  .i_news_item a .item_l {
    width: 70%;
  }

  .i_news_item a .item_r {
    width: 22%;
  }
}



a:hover {
  text-decoration: none;
}






/* add */
.w1200 {
  max-width: 1200px;
  margin: 0 auto;
}

.page-title-box {
  color: #414851;
}

.page-title-box {
  color: #414851;
}

.page-title-box .title {
  font-size: .24rem;
  line-height: 24px;
}

.page-title-box .en {
  text-transform: uppercase;
  font-family: tcb;
  font-size: .36rem;
  line-height: 34px;
  margin: .13rem auto .38rem;
}

.page-title-box .desc {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}

.page-caption-box {
  color: #414851;
}

.page-caption-box .en {
  font-family: Arial;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .36rem;
}

.page-caption-box .cn {
  font-size: .24rem;
  margin: 8px auto .25rem;
}

.page-caption-box .line {
  width: 24px;
  height: 3px;
  background: #414851;
}

.page-caption-box .desc {
  font-size: .48rem;
  color: #000;
  line-height: .6rem;
  margin-top: .5rem;
}

.inner-page-box {}

.inner-page-box.inner-box-2 {
  padding-bottom: 2.15rem;
  background: #ffffff url(../images/inner-bg-2.png) no-repeat left bottom;
}

.ad-box {
  position: relative;
  width: 402px;
  font-size: 0;
}

.ad-box img {
  width: 100%;
  height: auto;
}

.ad-box .info-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  color: #fff;
  padding: .77rem .5rem 0;
}

.ad-box .info-box .name {
  font-size: .36rem;
  letter-spacing: 1px;
  font-family: dinb;
  line-height: .57rem;
  text-transform: uppercase;
}

.ad-box .info-box .brief {
  font-size: .18rem;
  margin-top: .24rem;
}

.ad-box .info-box .brief span {
  display: inline-block;
  margin-right: .1rem;
}

.ad-box .info-box .brief span:last-child {
  margin-right: 0;
}

.design-wrapper .box-1 {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  margin-bottom: 1.2rem;
}

.design-wrapper .box-1 .introduce-box {
  width: 50%;
  flex: 0 0 50%;
}

.design-wrapper .box-1 .data-box {
  flex: 1;
  text-align: right;
}

.design-wrapper .box-1 .data-box ul {
  font-size: 0;
}

.design-wrapper .box-1 .data-box ul li {
  position: relative;
  display: inline-block;
  width: 2.2rem;
  height: 2.26rem;
  border: 1px solid #ededed;
  border-right: none;
  color: #666;
  text-align: left;
  padding: .23rem .1rem 0 .42rem;
}

.design-wrapper .box-1 .data-box ul li:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ededed;
  position: absolute;
  left: 0;
  bottom: 3px;
  z-index: 10;
}

.design-wrapper .box-1 .data-box ul li:last-child {
  border-right: 1px solid #ededed;
}

.design-wrapper .box-1 .data-box ul li .name {
  font-size: 16px;
  line-height: 30px;
}

.design-wrapper .box-1 .data-box ul li .num {
  font-size: 14px;
}

.design-wrapper .box-1 .data-box ul li .num span {
  display: inline-block;
  font-size: 1.2rem;
  color: #bb1b21;
  font-family: dinb;
}

.design-wrapper .box-2 {
  width: 100%;
}

.design-wrapper .box-2 ul {
  width: 100%;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}

.design-wrapper .box-2 ul li {
  width: 50%;
  flex: 0 0 50%;
}

.design-wrapper .box-2 ul li:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.design-wrapper .box-2 ul li:hover .name {
  color: #bb1b21;
}

.design-wrapper .box-2 ul li a {
  display: block;
}

.design-wrapper .box-2 ul li .pic {
  position: relative;
  font-size: 0;
  width: 100%;
  overflow: hidden;
}

.design-wrapper .box-2 ul li .pic img {
  width: 100%;
  height: 6rem;
  object-fit: cover;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}

.design-wrapper .box-2 ul li .name {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 5px;
  letter-spacing: 1px;
}

.design-wrapper .box-3 {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  margin: 1.2rem auto .9rem;
}

.design-wrapper .box-3 .introduce-box {
  width: 50%;
  flex: 0 0 50%;
}

.design-wrapper .box-3 .pic-box {
  flex: 1;
  text-align: right;
  padding-right: .8rem;
}

.design-wrapper .box-3 .pic-box img {
  max-width: 100%;
}

.design-wrapper .box-4 {
  width: 90%;
  font-size: 0;
}

.design-wrapper .box-4 img {
  width: 100%;
  height: auto;
}

.design-wrapper .box-5 {
  margin-top: 1.2rem;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}

.design-wrapper .box-5 .left,
.design-wrapper .box-5 .right {
  width: 50%;
  flex: 0 0 50%;
}

.design-wrapper .box-5 .img {
  width: 100%;
  font-size: 0;
  overflow: hidden;
}

.design-wrapper .box-5 .img img {
  width: 100%;
  height: auto;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.design-wrapper .box-5 .img img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.design-wrapper .box-5 .left .img {
  margin-top: .95rem;
}

.design-wrapper .box-5 .right {
  padding-left: 1.65rem;
}

.design-wrapper .box-5 .right .title {
  color: #414851;
  font-size: .24rem;
  line-height: 24px;
  margin-bottom: .4rem;
}

.design-wrapper .box-5 .right .img {
  margin-bottom: .8rem;
}

.design-wrapper .box-5 .right ul {
  font-size: 0;
}

.design-wrapper .box-5 .right ul li {
  position: relative;
  display: inline-block;
  color: #666;
  margin-right: 1rem;
}

.design-wrapper .box-5 .right ul li:last-child {
  margin-right: 0;
}

.design-wrapper .box-5 .right ul li .name {
  font-size: 16px;
  line-height: 30px;
}

.design-wrapper .box-5 .right ul li .num {
  font-size: 14px;
}

.design-wrapper .box-5 .right ul li .num span {
  display: inline-block;
  font-size: 1.2rem;
  color: #bb1b21;
  font-family: dinb;
}

.toscana-wrapper {
  margin-bottom: 1rem;
}

.toscana-wrapper .title-box .en {
  color: #000;
  font-size: .6rem;
  font-family: tcb;
  text-transform: uppercase;
}

.toscana-wrapper .title-box .cn {
  font-size: .3rem;
  color: #404040;
  margin: 3px auto .2rem;
}

.toscana-wrapper .title-box .line {
  width: 25px;
  height: 3px;
  background: #404040;
}

.toscana-wrapper .box-1 {
  margin-top: 1.2rem;
  width: 100%;
}

.toscana-wrapper .box-1 ul {
  width: 100%;
}

.toscana-wrapper .box-1 ul li {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  width: 100%;
}

.toscana-wrapper .box-1 ul li:nth-child(odd) .info {
  padding: .44rem 1rem 10px 1.5rem;
}

.toscana-wrapper .box-1 ul li:nth-child(even) .pic {
  order: 0;
}

.toscana-wrapper .box-1 ul li:nth-child(even) .info {
  order: 1;
  padding: 1.2rem 3.35rem 10px 1.2rem;
}

.toscana-wrapper .box-1 ul li .info,
.toscana-wrapper .box-1 ul li .pic {
  width: 50%;
}

.toscana-wrapper .box-1 ul li .pic {
  font-size: 0;
  overflow: hidden;
  height: 100%;
}

.toscana-wrapper .box-1 ul li .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.toscana-wrapper .box-1 ul li .name {
  font-weight: 700;
  font-size: .3rem;
  color: #000;
  line-height: .42rem;
  height: .84rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  letter-spacing: 1px;
  width: 80%;
}

.toscana-wrapper .box-1 ul li .en-name {
  font-family: Arial;
  font-size: 12px;
  color: #999;
  line-height: .36rem;
  margin-bottom: .47rem;
}

.toscana-wrapper .box-1 ul li .title-box {
  margin-bottom: .7rem;
}

.toscana-wrapper .box-1 ul li .desc {
  font-size: 14px;
  color: #666;
  line-height: 30px;
  text-align: justify;
  height: auto;
  overflow: auto;
  padding-right: 20px;
  /* 滚动条样式 */
}

.toscana-wrapper .box-2 {
  position: relative;
  font-size: 0;
  margin-top: 1.2rem;
}

.toscana-wrapper .box-2 img {
  width: 100%;
  height: auto;
}

.toscana-wrapper .box-2 .info {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  color: #fff;
  line-height: 30px;
  padding-top: 2.9rem;
  text-align: center;
}

.toscana-wrapper .box-2 .info .title {
  font-size: .3rem;
  letter-spacing: 2px;
}

.toscana-wrapper .box-2 .info .author {
  font-size: .18rem;
  color: #fff;
  margin-top: .24rem;
}

.toscana-wrapper .box-3 {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  margin: 1.2rem auto;
}

.toscana-wrapper .box-3 .pic {
  width: 3.08rem;
  font-size: 0;
  overflow: hidden;
  margin-left: 1.68rem;
}

.toscana-wrapper .box-3 .pic img {
  width: 100%;
  height: 4rem;
  object-fit: contain;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.toscana-wrapper .box-3 .pic img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.toscana-wrapper .box-3 .info {
  margin-left: .88rem;
  flex: 1;
  margin-top: .34rem;
}

.toscana-wrapper .box-3 .info .name {
  font-family: gc;
  font-size: 1.8rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.1);
}

.toscana-wrapper .box-3 .info .brief {
  font-size: .3rem;
  color: #010101;
  line-height: 30px;
  letter-spacing: 1px;
  margin: -0.9rem auto 0.4rem;
  padding-left: .14rem;
}

.toscana-wrapper .box-3 .info .author {
  font-size: .18rem;
  color: #666;
  line-height: 30px;
  padding-left: .14rem;
}

.toscana-wrapper .box-4 {
  position: relative;
  font-size: 0;
}

.toscana-wrapper .box-4 img {
  width: 100%;
  height: auto;
}

.toscana-wrapper .box-4 img.phone {
  display: none;
}

.toscana-wrapper .box-4 .info {
  position: absolute;
  left: 5.57rem;
  top: .85rem;
  width: 380px;
  color: #fff;
  font-size: .18rem;
  line-height: 30px;
}

.toscana-wrapper .box-4 .info .desc {
  margin: .3rem auto .6rem;
}

.toscana-wrapper .box-5 {
  margin: 1.2rem auto 0;
}

.toscana-wrapper .box-5 .title-box {
  text-align: center;
  margin-bottom: .55rem;
}

.toscana-wrapper .box-5 .title-box .line {
  margin: 0 auto;
}

.toscana-wrapper .box-5 .pic {
  position: relative;
  width: 100%;
  font-size: 0;
}

.toscana-wrapper .box-5 .pic img {
  display: block;
  width: 3.8rem;
  margin: 0 auto;
  height: auto;
}

.toscana-wrapper .box-5 .pic .name {
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
  color: rgba(0, 0, 0, 0.1);
  font-family: tcb;
  font-size: 1.8rem;
  text-align: center;
  text-transform: uppercase;
}

.toscana-wrapper .box-5 .info {
  text-align: center;
  margin: .6rem auto 1.1rem;
}

.toscana-wrapper .box-5 .info .name {
  font-size: .18rem;
  color: #da0711;
  line-height: 30px;
  font-family: Arial;
  text-transform: uppercase;
}

.toscana-wrapper .box-5 .info .label {
  color: #000;
  font-weight: 700;
  font-size: .36rem;
  line-height: 46px;
  margin: 6px auto .36rem;
  letter-spacing: 1px;
}

.toscana-wrapper .box-5 .info .desc {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}

.toscana-wrapper .box-6 {
  padding-top: 1.2rem;
  background: #f5f5f5;
}

.toscana-wrapper .box-6 .title-box {
  text-align: center;
  margin-bottom: .6rem;
}

.toscana-wrapper .box-6 .title-box .line {
  margin: 0 auto;
}

.toscana-wrapper .box-6 ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
  width: 100%;
}

.toscana-wrapper .box-6 ul li {
  width: 50%;
  margin-bottom: 6px;
}

.toscana-wrapper .box-6 ul li:nth-child(odd) {
  padding-right: 3px;
}

.toscana-wrapper .box-6 ul li:nth-child(even) {
  padding-left: 3px;
}

.toscana-wrapper .box-6 ul li:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.toscana-wrapper .box-6 ul li:hover .box {
  padding: .33rem 1rem .82rem .4rem;
}

.toscana-wrapper .box-6 ul li:hover .box:after {
  width: 100%;
  background: rgba(218, 7, 17, 0.8);
}

.toscana-wrapper .box-6 ul li a {
  position: relative;
  display: block;
}

.toscana-wrapper .box-6 ul li a:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1.6rem;
  background: url(../images/line.png) repeat-x;
  left: 0;
  bottom: 0;
  z-index: 9;
}

.toscana-wrapper .box-6 ul li .pic {
  font-size: 0;
  overflow: hidden;
}

.toscana-wrapper .box-6 ul li .pic img {
  width: 100%;
  height: 5.9rem;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.toscana-wrapper .box-6 ul li .info {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 100%;
  z-index: 10;
}

.toscana-wrapper .box-6 ul li .box {
  position: relative;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  display: inline-block;
  max-width: 100%;
  padding: 14px 10px 14px 18px;
}

.toscana-wrapper .box-6 ul li .box:after {
  content: '';
  display: inline-block;
  width: 4px;
  height: 100%;
  background: #da0711;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.toscana-wrapper .box-6 ul li .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .3rem;
  margin-bottom: 5px;
}

.toscana-wrapper .box-6 ul li .en-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: .18rem;
}

.toscana-wrapper .box-7 {
  margin-top: 1.2rem;
}

.toscana-wrapper .box-7 .title-box {
  margin-bottom: .8rem;
  text-align: center;
}

.toscana-wrapper .box-7 .title-box .line {
  margin: 0 auto;
}

.toscana-wrapper .box-7 .swiper-slide {
  width: 33.33%;
  margin-bottom: .72rem;
  text-align: center;
}

.toscana-wrapper .box-7 .swiper-slide:hover img {
  transform: rotateY(180deg);
}

.toscana-wrapper .box-7 .swiper-slide:hover .title {
  color: #da0711;
}

.toscana-wrapper .box-7 .swiper-slide .icon {
  width: .9rem;
  height: .9rem;
  line-height: .9rem;
  margin: 0 auto .3rem;
  border: 2px solid #da0711;
  border-radius: 50%;
}

.toscana-wrapper .box-7 .swiper-slide .icon img {
  width: .6rem;
  vertical-align: middle;
  position: relative;
  top: -5px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.toscana-wrapper .box-7 .swiper-slide .title {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: .24rem;
  line-height: 28px;
}

.toscana-wrapper .box-7 .swiper-slide .desc {
  color: #666;
  font-size: 16px;
  height: 72px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 11px;
}

.toscana-wrapper .box-8 {
  padding-top: 1.2rem;
  background: #f5f5f5;
}

.toscana-wrapper .box-8 .title-box {
  text-align: center;
}

.toscana-wrapper .box-8 .title-box .line {
  margin: 0 auto;
}

.toscana-wrapper .box-8 .title-box .desc {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-top: .33rem;
}

.toscana-wrapper .box-8 .box {
  position: relative;
  margin-top: .7rem;
}

.toscana-wrapper .box-8 .box .gallery-box ul li {
  display: none;
}

.toscana-wrapper .box-8 .box .gallery-box ul li.active {
  display: block;
  animation: fadeIn .4s ease;
}

.toscana-wrapper .box-8 .box .gallery-box ul li a {
  display: block;
  font-size: 0;
}

.toscana-wrapper .box-8 .box .gallery-box ul li img {
  width: 100%;
  height: auto;
}

.toscana-wrapper .box-8 .box .swiper-box {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -1.13rem;
  z-index: 10;
}

.toscana-wrapper .box-8 .box .swiper-box .box-container {
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.toscana-wrapper .box-8 .box .swiper-slide {
  text-align: center;
  border-right: 1px solid #efefef;
  border-bottom: 4px solid transparent;
}

.toscana-wrapper .box-8 .box .swiper-slide.active {
  border-bottom-color: #da0711;
}

.toscana-wrapper .box-8 .box .swiper-slide.active .name {
  color: #da0711;
}

.toscana-wrapper .box-8 .box .swiper-slide a {
  display: block;
  padding: 30px 0 20px;
}

.toscana-wrapper .box-8 .box .swiper-slide img {
  width: 200px;
  height: 100px;
  object-fit: contain;
  margin: 0 auto;
}

.toscana-wrapper .box-8 .box .swiper-slide .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  color: #666;
  font-size: .18rem;
  line-height: 30px;
  padding: 0 5px;
  margin-top: 10px;
}

.toscana-wrapper .box-9 {
  padding: 2.35rem 0 1.2rem;
  background: #f5f5f5;
}

.toscana-wrapper .box-9 .title-box {
  text-align: center;
  margin-bottom: .7rem;
}

.toscana-wrapper .box-9 .title-box .line {
  margin: 0 auto;
}

.toscana-wrapper .box-9 ul {
  width: 100%;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}

.toscana-wrapper .box-9 ul li {
  position: relative;
  flex: 1;
  font-size: 0;
  margin-right: 6px;
  overflow: hidden;
}

.toscana-wrapper .box-9 ul li:last-child {
  margin-right: 0;
}

.toscana-wrapper .box-9 ul li:hover .box {
  padding-top: 1rem;
  background: rgba(218, 7, 17, 0.8);
}

.toscana-wrapper .box-9 ul li:hover .box .line,
.toscana-wrapper .box-9 ul li:hover .box .desc {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.toscana-wrapper .box-9 ul li img {
  width: 100%;
  height: 3.8rem;
  object-fit: cover;
}

.toscana-wrapper .box-9 ul li .info {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: .2rem;
}

.toscana-wrapper .box-9 ul li .box {
  width: 100%;
  color: #fff;
  text-align: center;
  height: 100%;
  line-height: 28px;
  padding-top: 1.63rem;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.toscana-wrapper .box-9 ul li .box .name {
  font-size: .3rem;
  letter-spacing: 1px;
}

.toscana-wrapper .box-9 ul li .box .en-name {
  font-family: Arial;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 8px;
}

.toscana-wrapper .box-9 ul li .box .line {
  width: 25px;
  height: 3px;
  background: #fff;
  margin: .2rem auto .33rem;
  transition: 0.8s 0.2s;
  -webkit-transition: 0.8s 0.2s;
  -moz-transition: 0.8s 0.2s;
  -ms-transition: 0.8s 0.2s;
  -o-transition: 0.8s 0.2s;
}

.toscana-wrapper .box-9 ul li .box .desc {
  font-size: .18rem;
  line-height: 24px;
  transition: 0.8s 0.3s;
  -webkit-transition: 0.8s 0.3s;
  -moz-transition: 0.8s 0.3s;
  -ms-transition: 0.8s 0.3s;
  -o-transition: 0.8s 0.3s;
}

.toscana-wrapper .box-9 ul li .box .line,
.toscana-wrapper .box-9 ul li .box .desc {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
}

.toscana-wrapper .box-10 {
  margin-top: 1rem;
}

.toscana-wrapper .box-10 ul {
  width: 100%;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}

.toscana-wrapper .box-10 ul li {
  position: relative;
  flex: 1;
  margin-right: .3rem;
  text-align: center;
  border: 1px solid #e7e7e7;
  padding: 56px 10px 50px;
}

.toscana-wrapper .box-10 ul li:last-child {
  margin-right: 0;
}

.toscana-wrapper .box-10 ul li:hover .icon {
  border-color: #da0711;
  background: #da0711;
}

.toscana-wrapper .box-10 ul li:hover .icon img {
  display: none;
}

.toscana-wrapper .box-10 ul li:hover .icon img.on {
  display: inline-block;
}

.toscana-wrapper .box-10 ul li:hover .qrcode {
  display: block;
  animation: navHover .5s ease;
}

.toscana-wrapper .box-10 ul li .qrcode {
  display: none;
  position: absolute;
  left: 29%;
  top: -150px;
  z-index: 10;
  border: 5px;
  width: 200px;
}

.toscana-wrapper .box-10 ul li .qrcode .box {
  position: relative;
}

.toscana-wrapper .box-10 ul li .qrcode .box:before {
  display: none;
  content: '';
  position: absolute;
  left: 45%;
  bottom: -8px;
  z-index: 10;
  border: 10px solid transparent;
  border-top-color: #fff;
}

.toscana-wrapper .box-10 ul li .qrcode .box:after {
  display: none;
  content: '';
  position: absolute;
  left: 45%;
  bottom: -10px;
  z-index: 9;
  border: 10px solid transparent;
  border-top-color: #efefef;
}

.toscana-wrapper .box-10 ul li .qrcode img {
  width: 100%;
  padding: 5px;
}

.toscana-wrapper .box-10 ul li .icon {
  width: .8rem;
  height: .8rem;
  line-height: .8rem;
  margin: 0 auto;
  border: 1px solid #ececec;
  border-radius: 50%;
  text-align: center;
  margin-bottom: .2rem;
}

.toscana-wrapper .box-10 ul li .icon img {
  width: .4rem;
  vertical-align: middle;
}

.toscana-wrapper .box-10 ul li .icon img.on {
  display: none;
}

.toscana-wrapper .box-10 ul li .name {
  color: #666;
  font-size: 14px;
  line-height: 28px;
}

.toscana-wrapper .box-10 ul li .mail {
  font-family: Arial;
  font-size: 18px;
  color: #404049;
  line-height: 28px;
}

.toscana-wrapper .box-10 ul li .brief,
.toscana-wrapper .box-10 ul li .mail {
  font-size: 18px;
  color: #404049;
  line-height: 28px;
}

.toscana-wrapper .box-10 ul li .num {
  font-size: 24px;
  font-family: gc;
  color: #404049;
}

.about-wrapper .box-1 .page-title-box {
  text-align: center;
}

.about-wrapper .box-1 .page-title-box .en {
  margin-bottom: .6rem;
}

.about-wrapper .box-1 .data {
  height: 6.6rem;
  background: url(../images/a_1.jpg) no-repeat;
  background-size: cover;
  margin-bottom: .8rem;
}

.about-wrapper .box-1 .data ul {
  padding-left: 25%;
  font-size: 0;
}

.about-wrapper .box-1 .data ul li {
  display: inline-block;
  width: 33.33%;
  height: 6.6rem;
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  vertical-align: top;
  background: url(../images/about-line.png) no-repeat;
}

.about-wrapper .box-1 .data ul li:first-child {
  background-position: -1px 1.2rem;
}

.about-wrapper .box-1 .data ul li:first-child .title {
  padding-top: 1.2rem;
}

.about-wrapper .box-1 .data ul li:nth-child(2) {
  background-position: -1px 2.4rem;
}

.about-wrapper .box-1 .data ul li:nth-child(2) .title {
  padding-top: 2.4rem;
}

.about-wrapper .box-1 .data ul li:nth-child(3) {
  background-position: -1px 4.1rem;
}

.about-wrapper .box-1 .data ul li:nth-child(3) .title {
  padding-top: 4.1rem;
}

.about-wrapper .box-1 .data ul li .title {
  font-size: 12px;
  color: #fff;
}

.about-wrapper .box-1 .data ul li .num {
  color: #fff;
  font-size: 12px;
}

.about-wrapper .box-1 .data ul li .num span {
  display: inline-block;
  font-size: .5rem;
  font-family: din;
  color: #fff;
}

.about-wrapper .box-1 .data ul li .num i {
  color: #fff;
  font-style: normal;
  font-family: din;
  font-size: 24px;
  vertical-align: top;
  display: inline-block;
  margin-left: 10px;
}

.about-wrapper .box-1 .data ul li p {
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
}

.about-wrapper .box-1 .introduce-box {
  margin-bottom: 1.12rem;
}

.about-wrapper .box-1 .introduce-box .name {
  color: #414851;
  font-size: .3rem;
  line-height: 36px;
  letter-spacing: 1px;
}

.about-wrapper .box-1 .introduce-box .brief {
  text-transform: uppercase;
  font-family: din;
  font-size: .5rem;
  color: #bb1b21;
  margin: .2rem auto .3rem;
}

.about-wrapper .box-1 .introduce-box .desc .p {
  font-size: 14px;
  color: #999;
  line-height: 30px;
  margin-bottom: .3rem;
}

.about-wrapper .box-2 {
  position: relative;
  margin-bottom: 1.2rem;
}

.about-wrapper .box-2 img {
  width: 100%;
  height: auto;
}

.about-wrapper .box-2 .info-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  padding-top: 2.16rem;
}

.about-wrapper .box-2 .info-box .title {
  color: #fff;
  font-size: .48rem;
  letter-spacing: 2px;
  line-height: 46px;
  position: relative;
  font-weight: 700;
  width: 60%;
  padding-bottom: .3rem;
}

.about-wrapper .box-2 .info-box .title:after {
  content: '';
  display: block;
  width: 23px;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}

.about-wrapper .box-2 .info-box .brief {
  font-size: .24rem;
  line-height: 36px;
  color: #fff;
  letter-spacing: 2px;
  width: 43%;
  margin-top: .74rem;
}

.about-wrapper .box-2 .info-box .en-brief {
  font-family: Arial;
  font-size: 12px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.3);
  width: 34%;
  margin-top: 3px;
}

.about-wrapper .box-3 {
  overflow: hidden;
}

.about-wrapper .box-3 .page-title-box {
  text-align: center;
}

.about-wrapper .box-3 .swiper-container {
  position: relative;
  width: 31.8rem;
  left: 50%;
  margin-left: -15.9rem;
}

.about-wrapper .box-3 .swiper-slide {
  font-size: 0;
  background: #fff;
  padding: 0 .55rem;
  overflow: hidden;
}

.about-wrapper .box-3 .swiper-slide .pic {
  position: relative;
}

.about-wrapper .box-3 .swiper-slide .pic:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.about-wrapper .box-3 .swiper-slide.swiper-slide-active .pic:after {
  background: none;
}

.about-wrapper .box-3 .swiper-slide img {
  width: 100%;
  height: 5.47rem;
  object-fit: cover;
}

.about-wrapper .box-3 .box {
  position: relative;
}

.about-wrapper .box-3 .swiper-btn {
  display: inline-block;
  width: .6rem;
  height: .6rem;
  position: absolute;
  top: 45%;
  z-index: 10;
}

.about-wrapper .box-3 .swiper-btn.prev {
  left: 23.5%;
  background: url(../images/left.jpg) no-repeat;
  background-size: contain;
}

.about-wrapper .box-3 .swiper-btn.prev:hover {
  background: url(../images/left_on.jpg) no-repeat;
  background-size: contain;
}

.about-wrapper .box-3 .swiper-btn.next {
  right: 23.5%;
  background: url(../images/right.jpg) no-repeat;
  background-size: contain;
}

.about-wrapper .box-3 .swiper-btn.next:hover {
  background: url(../images/right_on.jpg) no-repeat;
  background-size: contain;
}

.culture-wrapper .box-1 .box {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}

.culture-wrapper .box-1 .page-title-box {
  text-align: center;
}

.culture-wrapper .box-1 .info {
  flex: 0 0 5.6rem;
  width: 5.6rem;
  background: #f9f9f9;
  padding: 1.1rem 10px 10px 1.2rem;
}

.culture-wrapper .box-1 .pic {
  flex: 1;
  font-size: 0;
  overflow: hidden;
}

.culture-wrapper .box-1 .pic img {
  width: 100%;
  height: auto;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.culture-wrapper .box-1 .pic img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.culture-wrapper .box-2 {
  position: relative;
  font-size: 0;
  width: 100%;
  margin: 1.4rem auto 1.2rem;
}

.culture-wrapper .box-2 img {
  width: 100%;
  height: auto;
}

.culture-wrapper .box-2 .info-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  padding-top: 2.05rem;
  padding: 2.05rem 10px 0 3.1rem;
}

.culture-wrapper .box-2 .page-caption-box {
  color: #fff;
}

.culture-wrapper .box-2 .page-caption-box .line {
  background: #fff;
}

.culture-wrapper .box-2 .desc {
  color: #fff;
}

.culture-wrapper .box-3 .page-caption-box {
  text-align: center;
}

.culture-wrapper .box-3 .page-caption-box .line {
  margin: 0 auto;
}

.culture-wrapper .box-3 ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  width: 100%;
  margin-top: .6rem;
}

.culture-wrapper .box-3 ul li {
  flex: 1;
  text-align: center;
  background: #f9f9f9;
  margin-right: .25rem;
  padding: .67rem .6rem .3rem;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.culture-wrapper .box-3 ul li:hover {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  background: #fff;
}

.culture-wrapper .box-3 ul li:hover img {
  transform: rotateY(180deg);
}

.culture-wrapper .box-3 ul li:hover .name {
  color: #bb1b21;
}

.culture-wrapper .box-3 ul li:last-child {
  margin-right: 0;
}

.culture-wrapper .box-3 ul li .icon img {
  width: .8rem;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.culture-wrapper .box-3 ul li .name {
  font-size: .3rem;
  color: #414851;
  letter-spacing: 1px;
  margin: .74rem auto .15rem;
}

.culture-wrapper .box-3 ul li .desc {
  font-size: 14px;
  color: #737373;
  line-height: 26px;
  height: 104px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.development-wrapper {
  padding-bottom: 0;
  overflow: hidden;
}

.development-wrapper .development-box {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}

.development-wrapper .list {
  /* flex: 1; */
  /* padding-right: .75rem; */
}

.development-wrapper .list ul {
  position: relative;
  width: 100%;
  padding-bottom: 2.4rem;
}

.development-wrapper .list ul:before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: url(../images/d-line.png) repeat-y;
  position: absolute;
  left: 220px;
  top: .65rem;
  z-index: 10;
}

.development-wrapper .list ul li {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  margin-bottom: .42rem;
}

.development-wrapper .list ul li:hover .title {
  color: #bb1b21;
}

.development-wrapper .list ul li:hover .desc {
  color: #333;
}

.development-wrapper .list ul li:hover .year:before {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  background: url(../images/d-circle-on.png) no-repeat;
}

.development-wrapper .list ul li p {
  font-family: Arial;
  text-transform: uppercase;
  color: #a9a9a9;
  font-size: 14px;
  letter-spacing: 3px;
  margin-bottom: 3px;
}

.development-wrapper .list ul li .year {
  position: relative;
  font-family: Arial;
  font-weight: 700;
  font-size: .48rem;
  color: #bb1b21;
  letter-spacing: 1px;
}

.development-wrapper .list ul li .year:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/d-circle.png) no-repeat;
  position: absolute;
  right: -7px;
  top: 10px;
  z-index: 10;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.development-wrapper .list ul li .title {
  font-size: .36rem;
  color: #414851;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.development-wrapper .list ul li .desc {
  position: relative;
  font-size: 18px;
  color: #9e9e9e;
  line-height: 24px;
  padding-bottom: 10px;
}

.development-wrapper .list ul li .desc:after {
  content: '';
  display: block;
  width: 20px;
  height: 3px;
  background: #bb1b21;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}

.development-wrapper .list ul li .date {
  /* padding-top: .27rem; */
  flex: 0 0 220px;
  width: 220px;
}

.development-wrapper .list ul li .info {
  flex: 1;
  padding-left: 104px;
}











/* add */

@media screen and (max-width: 780px) {
  :root {
    --swiper-navigation-size: 0.4rem;
  }

  .main {
    margin-top: 60px;
  }

  .yh_banner .banner_swiper {
    display: block;
  }

  .yh_banner .preview-slider {
    display: none;
  }

  .board {
    padding: 0.6rem 0;
  }

  .board .board_box ul {
    flex-wrap: wrap;
  }

  .board .board_box ul li {
    width: 50%;
    padding: 0 10%;
    margin-bottom: 0.4rem;
  }

  .c_more a {
    font-size: 0.32rem;
  }

  .about {
    padding: 0.6rem 0;
  }

  .about.red {
    padding: 0.6rem 0;
  }

  .about .w {
    display: block;
  }

  .about .w .about_l {
    width: 100%;
    margin-bottom: 0.6rem;
  }

  .about .w .about_l::before {
    width: 100%;
    height: 110%;
  }

  .about .w .about_r {
    width: 100%;
    padding-left: 0;
  }

  .about .w .about_r .title {
    font-size: 0.32rem;
    justify-content: center;
    margin-bottom: 0;
  }

  .about .w .about_r .title img {
    width: 1rem;
    margin: 0 0.1rem;
  }

  .about .w .about_r .content {
    font-size: 0.28rem;
  }

  .about .w .about_r .c_more {
    display: flex;
    justify-content: center;
  }

  .tcm {
    padding: 0.8rem 0 0.6rem 0;
  }

  .tcm_box {
    margin-top: 0.4rem;
  }

  .tcm_box ul {
    flex-wrap: wrap;
  }

  .tcm_box ul li {
    width: 50%;
    margin-bottom: 0.32rem;
    padding: 0 0.2rem;
  }

  .tcm_item a .tcm_item_title {
    font-size: 0.32rem;
    line-height: 0.68rem;
    height: 0.68rem;
  }

  .message_box .form_row input[type="text"] {
    height: 0.88rem;
  }

  .message .w .message_r .message_title .ft_title {
    margin-top: 0.6rem;
    margin-bottom: 0.2rem;
  }

  .message .w .message_r .message_title .ft_title .bg h2 {
    font-size: 0.44rem;
    padding: 0 1.4rem;
    line-height: 1.08rem;
  }

  .i_contact {
    padding: 0.6rem 0;
  }

  .i_contact .w {
    display: block;
  }

  .i_contact .w .i_contact_l {
    width: 100%;
    margin-bottom:20px;
  }

  .i_contact .w .i_contact_r {
    width: 100%;
  }

  .i_contact_box {
    padding: 0.4rem;
  }

  .i_contact_box .i_contact_content {
    font-size: 0.32rem;
  }

  .i_contact_box .i_contact_title {
    font-size: 0.44rem;
    padding-bottom: 0.3rem;
    margin-bottom: 0.3rem;
  }

  .i_contact_box .i_contact_title::after {
    width: 2em;
    height: 0.04rem;
  }

  .i_team {
    padding: 0.6rem 0;
  }

  .i_team.top {
    padding: 1.2rem 0 0.6rem;
  }

  .i_team.top::before {
    background: url(../images/title-top.png) no-repeat center center;
    background-size: 90% auto;
  }

  .i_team .i_team_box {
    margin-top: 0.4rem;
  }

  .team_item .img_box {
    padding: 0.2rem;
  }

  .team_item .text_box {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
  }

  .i_team_box .team_next {
    right: -0.2rem;
  }

  .i_team_box .team_prev {
    left: -0.2rem;
  }

  .i_team_box .team_next,
  .i_team_box .team_prev {
    width: 0.4rem;
    height: 0.8rem;
    top: 40%;
  }

  .i_honor {
    padding: 0.6rem 0;
  }

  .i_honor.red {
    padding: 0.6rem 0;
  }

  .i_honor .i_honor_title {
    margin: 0.3rem 0;
  }

  .i_honor .i_honor_title>div p {
    margin-top: 0.2rem;
    font-size: 0.3rem;
  }

  .i_honor_box .honor_next {
    right: -0.2rem;
  }

  .i_honor_box .honor_prev {
    left: -0.2rem;
  }

  .i_honor_box .honor_next,
  .i_honor_box .honor_prev {
    width: 0.4rem;
    height: 0.8rem;
  }

  .i_liansuo {
    display: block;
  }

  .i_liansuo .i_liansuo_l {
    width: 100%;
  }

  .i_liansuo .i_liansuo_l .text_box {
    padding: 0.4rem 0.4rem 0.8rem 0.4rem;
  }

  .i_liansuo .i_liansuo_l .text_box .title {
    font-size: 0.4rem;
  }

  .i_liansuo .i_liansuo_l .text_box .title .munber {
    font-size: 0.48rem;
  }

  .i_liansuo .i_liansuo_l .text_box .content ul li {
    margin-top: 0.3rem;
  }

  .i_liansuo .i_liansuo_l .text_box .content ul li img {
    width: 0.6rem;
  }

  .i_liansuo .i_liansuo_l .text_box .content ul li .text .title {
    font-size: 0.32rem;
    margin-bottom: 0.12rem;
  }

  .i_liansuo .i_liansuo_l .text_box .content ul li .text .content {
    font-size: 0.28rem;
  }

  .i_liansuo .i_liansuo_r {
    width: 100%;
  }

  .i_project {
    padding: 0.6rem 0;
  }

  .i_project_box {
    margin-top: 0.6rem;
  }

  .i_project_box ul li {
    width: 50%;
    padding: 0 0.2rem;
    margin-bottom: 0.4rem;
  }

  .i_project_item .i_project_img img {
    width: 100%;
  }

  .i_project_item .i_project_text .title {
    width: 100%;
  }

  .i_project_item .i_project_text .title .bg {
    font-size: 0.32rem;
    padding: 0 0.3rem;
  }

  .i_project_item .i_project_text .content {
    font-size: 0.28rem;
    margin-top: 0;
    padding: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .i_wubu {
    padding: 0.6rem 0;
  }

  .i_wubu .ft_title .bg h2 {
    font-size: 0.36rem;
  }

  .i_wubu_box {
    margin-bottom: 0.6rem;
  }

  .i_wubu_box ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  .i_wubu_box ul li {
    width: 50%;
    padding: 0 0.2rem;
    margin-bottom: 0.3rem;
  }

  .i_wubu_item {
    padding: 0;
  }

  .i_wubu_item a .i_wubu_img::before {
    width: 110%;
    height: 100%;
  }

  .i_wubu_item a .i_wubu_img img {
    width: 100%;
  }

  .i_wubu_item a .i_wubu_text .title {
    font-size: 16px;
    margin-bottom: 0.3rem;
  }

  .i_wubu_item a .i_wubu_text .title .big {
    font-size: 0.36rem;
    margin-right: 0.2rem;
  }

  .i_wubu_item a .i_wubu_text .content {
    line-height: 0.48rem;
    font-size: 0.28rem;
  }

  .i_jishu {
    padding: 0.6rem 0;
  }

  .i_jishu_box {
    margin-top: 0.6rem;
  }

  .i_jishu_box ul {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
  }

  .i_jishu_box ul li:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }

  .i_jishu_box ul li:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
  }

  .i_jishu_box ul li:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
  }

  .i_jishu_box ul li:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 3;
  }

  .i_jishu_box ul li:nth-child(5) {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 3;
  }

  .i_jishu_box ul li:nth-child(6) {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 4;
    grid-row-end: 4;
  }

  .i_jishu_box ul li:nth-child(7) {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 4;
  }

  .i_jishu_item .textbox {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.32rem;
  }

  .i_condition {
    background-color: #b71b1f;
    padding: 0.6rem 0;
  }

  .i_condition .bg {
    display: none;
  }

  .i_condition .w {
    position: static;
    transform: none;
  }

  .i_condition .w .i_condition_box {
    width: 100%;
  }

  .i_condition .w .i_condition_box .content_box {
    justify-content: space-between;
    margin-bottom: 0.6rem;
  }

  .i_condition .w .i_condition_box .content_box .content_l {
    font-size: 0.28rem;
    line-height: 0.6rem;
  }

  .i_condition .w .i_condition_box .content_box .content_r {
    float: right;
    width: 14%;
  }

  .i_condition .w .i_condition_btn {
    justify-content: center;
  }

  .i_condition .w .i_condition_btn .c_more {
    margin-right: 0.2rem;
  }

  .i_condition .w .i_condition_btn .c_more:last-child {
    margin-right: 0;
  }

  .i_join {
    padding: 0.6rem 0;
  }

  .i_join_box {
    margin-top: 0.6rem;
  }

  .i_join_box ul {
    justify-content: space-between;
  }

  .i_join_box ul li {
    width: 48%;
    padding: 0;
  }

  .i_join_item {
    height: 100%;
    background: #b71b1f;
    padding: 20px 10px 30px;
    border-radius: 0.3rem;
    box-shadow: 1px 4px 7px 0px rgba(0, 0, 0, 0.4);
  }

  .i_join_item .title {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 24px;
    border-radius: 100px;
    padding: 0 10px;
  }

  .i_join_item .content {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
  }

  .i_advantage {
    padding: 0.6rem 0;
  }

  .i_advantage .i_advantage_text {
    font-size: 0.28rem;
    margin: 0.6rem 0;
    line-height: 0.6rem;
  }

  .i_advantage_box ul {
    flex-wrap: wrap;
  }

  .i_advantage_box ul li {
    width: 50%;
    margin-bottom: 0.3rem;
  }

  .i_advantage_item .icon {
    margin-bottom: 0.3rem;
  }

  .i_advantage_item .text {
    font-size: 0.28rem;
    line-height: 0.44rem;
  }

  .message {
    padding: 0.6rem 0;
  }

  .message .w {
    display: block;
  }

  .message .w .message_l {
    width: 100%;
  }

  .message .w .message_l::after {
    width: 110%;
    height: 80%;
  }

  .message .w .message_r {
    width: 100%;
    padding: 0;
  }

  .message .w .message_r .message_title {
    display: block;
    margin-bottom: 0.3rem;
  }

  .message .w .message_r .message_title p {
    margin-left: 0;
    text-align: center;
    font-size: 0.3rem;
  }

  .news_box {
    padding: 0.6rem 0;
  }

  .news_box ul li {
    margin-bottom: 0.3rem;
  }

  .news_item {
    padding: 0.2rem;
    position: relative;
  }

  .news_item .news_img {
    width: 36%;
  }

  .news_item .news_text {
    padding: 0 0 0 0.2rem;
    width: 64%;
  }

  .news_item .news_text .title {
    font-size: 14px;
  }

  .news_item .news_text .title .title_l {
    margin-right: 0.04rem;
    width: 0.36rem;
    height: 0.4rem;
  }

  .news_item .news_text .title .title_r {
    margin-left: 0.04rem;
    width: 0.36rem;
    height: 0.4rem;
  }

  .news_item .news_text .content {
    font-size: 14px;
    margin: 0 0 0 0;
    height: 0.8rem;
    line-height: 0.44rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .news_item .news_text .c_more {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
  }

  .news_item .news_text .c_more a {
    width: 100%;
    height: 100%;
  }

  .pro {
    padding: 0.6rem 0;
  }

  .pro .w {
    display: block;
  }

  .pro .w .pro_l {
    position: fixed;
    right: 100%;
    top: 60px;
    width: auto;
    min-width: 50%;
    height: calc(100vh - 60px);
    z-index: 555;
    transition: all 0.3s;
  }

  .pro .w .pro_l.open {
    transform: translateX(100%);
  }

  .pro .w .pro_l.open .qie_btn .close {
    opacity: 1;
  }

  .pro .w .pro_l.open .qie_btn::after {
    opacity: 0;
  }

  .pro .w .pro_l.open .qie_btn::before {
    opacity: 0;
  }

  .pro .w .pro_l .qie_btn {
    display: block;
    position: absolute;
    left: 100%;
    top: 30%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    transition: all 0.2s;
    background-color: #dab866;
    border-radius: 2px;
    outline: none;
  }

  .pro .w .pro_l .qie_btn .close {
    outline: none;
    opacity: 0;
    color: #fff;
  }

  .pro .w .pro_l .qie_btn::after {
    content: '';
    width: 60%;
    background-color: #ffffff;
    height: 2px;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);
  }

  .pro .w .pro_l .qie_btn::before {
    content: '';
    position: absolute;
    width: 60%;
    height: 2px;
    top: 66%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
  }

  .pro .w .pro_l .pro_option {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .pro .w .pro_l .pro_option .pro_option_title img {
    width: 80%;
    margin-top: 0;
  }

  .pro .w .pro_l .pro_option .pro_option_box {
    flex: 1;
    width: 100%;
    overflow-y: scroll;
    padding: 0.3rem;
  }

  .pro .w .pro_l .pro_option .pro_option_box ul li a {
    font-size: 14px;
    line-height: 0.88rem;
    border-bottom: 1px dashed #ddd;
    white-space: nowrap;
  }

  .pro .w .pro_r {
    width: 100%;
  }

  .pro_box {
    width: 100%;
  }

  .pro_box ul li {
    width: 50%;
    padding: 0 0.1rem;
  }

  .pro_item .pro_item_text {
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    text-align: center;
  }

  /* add */
  .w1200 {
    width: 100%;
    padding: 0 .2rem;
  }
  .page-title-box{
    text-align: center;
  }
  .page-title-box .title {
    font-size: .4rem;
    line-height: .56rem;
  }.development-wrapper .list ul li .desc:after{
    display: none;
  }.development-wrapper .list ul:before {
    left: 25%;
    top: .85rem;
}
  .development-wrapper .list ul li .desc{
    padding-bottom: 0;
    font-size: .28rem;
  }
  .development-wrapper .list ul li p{
    display: none;
  }
  .page-title-box .en {
    font-size: .52rem;
    font-weight: bold;
    line-height: .6rem;
    margin: .13rem auto .38rem;
  }

  .development-wrapper .list ul li .date {
    flex: 0 0 25%;
    width: 25%;
  }

  .development-wrapper .list ul li .info {
    flex: 1;
    padding-left: .6rem;
    /* margin-top: 10px; */
  }






  /* add */











}









.nabouts {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.nabouts_a {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 60px;
  margin-top: 20px;
}

.nabouts_id {
  width: 100%;
  height: auto;
  line-height: 26px;
}

.nabouts_id p {
  text-indent: 2em;
}

.nabouts_id p img {
  width: 96%;
  padding: 1%;
  border: 1px solid #ccc;
}

/*新闻内页*/
.nnews_head {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #333333;
}

.nnews_aa {
  width: 74%;
  height: auto;
  line-height: 32px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 34px;
}

.nnews_a font {
  padding-left: 20px;
}

.bdsharebuttonbox {
  float: right;
}

.nnews_kd {
  width: 100%;
  height: auto;
  border-bottom: 1px dashed #d2d2d2;
  margin-bottom: 15px;
}

.djg {
  width: 100%;
  height: auto;
  margin: 0 auto;
  color: #666666;
  line-height: 24px;
  
  margin: 15px 0;
  text-align: left;
}

.nnews_l {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 50px;
}

.nnews_l li {
  padding-bottom: 10px;
}

.nnews_l li a:hover {
  color: var(--styleColor);
}

.nnews_img {
  width: 100%;
  text-align: center;
}

.nnews_img img {
  max-width: 100%;
}

.news_b .lg_x_t {
  margin-bottom: 0;
}

.news_b {
  width: 100%;
  overflow: hidden;
  border: 1px solid #CCCCCC;
  padding: 10px 15px;
  margin-top: 20px;
}

.news_b ul li {
  display: inline-block;
  width: 49%;
  margin-bottom: 5px;
}

.news_b ul li a {
  color: #666666;
}

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

.news_b ul li a:hover {
  color: var(--styleColor);
}

/*产品内页*/
.nprosf {
  width: 100%;
  float: right;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.npros_head {
  width: 100%;
  height: auto;
  padding-top: 70px;
  padding-bottom: 50px;
  text-align: center;
  color: #033e99;
  font-size: 24px;
}

.npros_lefta {
  width: 305px;
  float: left;
  text-align: center;
}

.npros_lefta img {
  max-width: 100%;
  height: 300px;
}

.npros_right {
  width: calc(100% - 360px);
  height: auto;
  float: right;
}

.npros_right p {
  border-bottom: 1px dashed #999;
  line-height: 50px;
  font-size: 16px;
}

.npros_bottm {
  width: 130px;
  height: auto;
  background: #000;
  border-radius: 0.5em;
  text-align: center;
  line-height: 36px;
  margin-top: 5%;
}

.npros_bottm a {
  color: #fff;
}

.npros_bottm a:hover {
  color: #fff;
}

.npros_kg {
  width: 100%;
  height: auto;
  line-height: 40px;
  background: #f3f3f3;
  border-left: 3px solid var(--styleColor);
  padding-left: 10px;
  margin-top: 15px;
}

.npros_kg .option ul {
  display: flex;
}

.npros_kg .option ul li {
  cursor: pointer;
  padding: 0 20px;
}

.npros_kg .option ul li.active {
  background-color: #6f2373;
  color: #fff;
}

.npros_dg {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 2%;
}

.npros_ld {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #f3f3f3;
  padding: 1%;
}

.npros_ld .pick_box {
  display: none;
}

.npros_ld .pick_box.active {
  display: block;
  animation: xcf_show 0.3s;
}

.npros_gg {
  width: 100%;
  height: auto;
  line-height: 26px;
  padding-top: 4%;
}

.npros_gg ul {
  display: flex;
  justify-content: space-between;
}

.npros_gg a {
  color: #333333;
}

.npros_gg a:hover {
  color: var(--styleColor);
}
.pro .w .pro_r.zzl{ width:100%;}
.zzl .pro_box ul li{    width: 24.33%;}

/*************分辨率小于768px************/
@media only screen and (max-width: 768px) {


.zzl .pro_box ul li{  width: 49.33%;}

  .nabouts_a,
  .npros_right,
  .npros_lefta {
    width: 100%;
  }

  .nabouts {
    margin-top: 0;
  }

  .npros_lefta img {
    width: 100%;
    height: auto;
  }

  .nnews_head {
    padding-top: 0;
    font-size: 18px;
  }

  /*.nabouts_a{padding-top: 20px;}*/
  .news_b ul li {
    width: 100%;
  }

  .npros_right p {
    font-size: 14px;
    line-height: 40px;
  }

  .npros_kg {
    margin-top: 40px;
  }

  .nnews_aa {
    width: 100%;
  }

  .npros_right {
    margin-top: 20px;
  }

  .xypg-news-list li .tit {
    padding-bottom: 10px;
  }

  .xypg-news-list li .tit h3 {
    padding-right: 0;
    padding-bottom: 5px;
  }

  .xypg-news-list li .tit .date {
    position: static;
  }


}

.Pagination {
  width: 100%;
  height: auto;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 70px;
}

.Pagination a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #CCCCCC;
}

.Pagination .current {
  color: white;
}

.Pagination .current {
  background: #f7ac03;
  border-color: #f7ac03;
}

.Pagination a {
  color: #666666;
  font-size: 12px;
}


/* ==================== 通用标题字体 start ==================== */
.fyt-title-text{color:#dbbe69;background-image:-webkit-linear-gradient(bottom, #dbbe69, #f1e3bb, #dbbe69);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'sy';font-weight:700;}
/* ==================== 通用标题字体 end ==================== */
/* ==================== 通用标题 start ==================== */
.fyt-title{position:relative;text-align:center;padding:80px 0 60px;font-family:'sy';}
.fyt-title .cn{position:relative;display:inline-block;background:url(../images/fyt-title-bg.png) repeat-x;height:110px;line-height:110px;}
.fyt-title .cn span{font-size:44px;font-weight:bold;position:relative;z-index:3;}
.fyt-title .cn:before,
.fyt-title .cn:after{content:"";display:block;position:absolute;background:url(../images/fyt-title-icon.png?t=123) no-repeat center;background-size:100%;top:0;width:150px;height:110px;}
.fyt-title .cn:before{left:-130px;}
.fyt-title .cn:after{right:-130px;transform:rotateY(180deg);}
@media screen and (max-width: 780px){
  .fyt-title{padding:40px 0 30px;}
  .fyt-title .cn{background-size:44px 44px;height:44px;line-height:44px;}
  .fyt-title .cn span{font-size:22px;}
  .fyt-title .cn:before,
  .fyt-title .cn:after{width:60px;height:44px;}
  .fyt-title .cn:before{left:-60px;}
  .fyt-title .cn:after{right:-60px;}
}
/* ==================== 通用标题 end ==================== */
/* ==================== 通用标题2 start ==================== */
.fyt-title.style1 .cn{background-image:url(../images/fyt-title-bg02.png);}
.fyt-title.style1 .cn:before,
.fyt-title.style1 .cn:after{background-image:url(../images/fyt-title-icon02.png);}
.fyt-title.style1 .cn span{color:#301c04;background-image:-webkit-linear-gradient(bottom, #301c04, #301c04, #301c04);}
/* ==================== 通用标题2 end ==================== */
/* ==================== 通用小标题 start ==================== */
.fyt-min-title{text-align:center;padding:0 0 65px;}
.fyt-min-title span{position:relative;display:inline-block;line-height:1;font-size:34px;font-weight:bold;color:#dbbe69;background-image:-webkit-linear-gradient(bottom, #dbbe69, #f1e3bb, #dbbe69);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:0 20px;position:relative;}
.fyt-min-title span:before,
.fyt-min-title span:after{content:"";display:block;width:80px;height:16px;position:absolute;top:50%;margin-top:-8px;background:url(../images/fyt-min-title.png) no-repeat;background-size:100%;}
.fyt-min-title span:before{left:-80px;}
.fyt-min-title span:after{right:-80px;}
/* 样式二 */
.fyt-min-title.style1{padding:55px 0;}
.fyt-min-title.style1 span{color:#333;background-image:-webkit-linear-gradient(bottom, #333, #333, #333);-webkit-background-clip:text;}
.fyt-min-title.style1 span:before,
.fyt-min-title.style1 span:after{background:url(../images/fyt-min-title02.png) no-repeat;}
@media screen and (max-width: 780px){
  .fyt-min-title span{font-size:18px;padding:0 10px;}
  .fyt-min-title span:before,
  .fyt-min-title span:after{width:40px;height:8px;background-size:40px 8px;margin-top:-4px;}
  .fyt-min-title span:before{left:-40px;}
  .fyt-min-title span:after{right:-40px;}
  .fyt-min-title{padding-bottom:30px;}
  .fyt-min-title.style1{padding:20px 0;}
  .fyt-min-title.style1 span:before,
  .fyt-min-title.style1 span:after{background-size:100%!important;}
}
/* ==================== 通用小标题 end ==================== */
/* ==================== 行业前景 start ==================== */
.fyt-hanye{padding-bottom:120px;font-family:'sy';font-weight:700;background:#fff4d8;}
.fyt-hanye .image{width:100%;text-align:center;margin-bottom:75px;}
.fyt-hanye .fyt-item{margin-top:60px;}
.fyt-hanye .fyt-item .fyt-h1{color:#be1d22;font-size:30px;line-height:1;margin-bottom:35px;}
.fyt-hanye .fyt-item .fyt-p{font-size:18px;color:#4f4f4f;line-height:2em;}
.fyt-hanye .fyt-item .fyt-p p{text-indent:2em;}
@media screen and (max-width: 780px){
  .fyt-hanye{padding-bottom:30px;}
  .fyt-hanye .image{margin-bottom:30px;}
  .fyt-hanye .image img{width:100%;}
  .fyt-hanye .fyt-item{margin-top:20px;}
  .fyt-hanye .fyt-item .fyt-h1{font-size:20px;margin-bottom:15px;line-height:1.4em;}
  .fyt-hanye .fyt-item .fyt-p{font-size:16px;}
}
/* ==================== 行业前景 end ==================== */
/* ==================== 保驾护航 start ==================== */
.fyt-baojia{position:relative;background:url(../images/fyt-bg02.png) repeat-y center;background-size:100%;}
.fyt-baojia .i_wubu_box{margin-top:0;}
.fyt-baojia:before,
.fyt-baojia:after{content:"";display:block;width:100%;position:absolute;left:0;background-size:100%!important;background-repeat:no-repeat!important;}
.fyt-baojia:before{background-image:url(../images/fyt-bg01.png);height:339px;top:0;}
.fyt-baojia:after{background-image:url(../images/fyt-bg03.png);height:270px;bottom:0;}
.fyt-baojia .w{position:relative;z-index:3;padding-bottom:210px;}
.fyt-baojia .image-text{display:flex;align-items:center;justify-content:space-between;}
.fyt-baojia .image-text .image{width:580px;flex-shrink:0;margin-right:70px;}
.fyt-baojia .image-text .desc .title{font-size:45px;line-height:1;margin-bottom:35px;}
.fyt-baojia .image-text .desc .text{color:#f1e3bb;line-height:40px;font-family:"sy";font-size:18px;}
.fyt-baojia .image-text .desc .text p{text-indent:2em;text-align:justify;}
@media screen and (max-width: 780px){
  .fyt-baojia .image-text{flex-flow:column;}
  .fyt-baojia .image-text .image,
  .fyt-baojia .image-text .image img{width:100%;}
  .fyt-baojia .image-text .image{margin-right:0;margin-bottom:20px;}
  .fyt-baojia .image-text .desc .title{font-size:20px;margin-bottom:15px;}
  .fyt-baojia .image-text .desc .text{font-size:16px;line-height:1.8em;}
  .fyt-baojia .w{padding-bottom:30px;}
  .fyt-baojia .i_wubu_box{margin-top:0;}
  .fyt-baojia:after{height:65px;background-size:auto 65px!important;background-position:center;}
}
/* ==================== 保驾护航 end ==================== */
/* ==================== 经营项目 start ==================== */
.i_project .fyt-title{padding-top:0;}
/* ==================== 经营项目 end ==================== */
/* ==================== 特色技术 start ==================== */
.i_jishu .fyt-title{padding-top:0;}
@media screen and (max-width: 780px){
  .fyt-jishu .i_jishu_box{margin-top:0;}
}
/* ==================== 特色技术 end ==================== */
/* ==================== 国医团队 start ==================== */
.i_team .fyt-title{padding-top:0;}
/* ==================== 国医团队 end ==================== */
/* ==================== 核心领导 start ==================== */
.fyt-lindao{background:url(../images/fyt-bg04.png) no-repeat bottom center #fff4d8;padding-bottom:180px;}
.fyt-lindao .itembox{display:flex;align-items:flex-start;justify-content:center;}
.fyt-lindao .itembox .item{font-weight:700;}
.fyt-lindao .itembox .item .image{background:url(../images/fyt-image04.png) no-repeat;background-size:100%;width:326px;height:415px;padding:28px 20px;margin-bottom:25px;}
.fyt-lindao .itembox .item .info{padding:0 40px;}
.fyt-lindao .itembox .item:nth-child(2){margin:0 150px;}
.fyt-lindao .itembox .item .title{font-size:20px;line-height:1;margin:25px 0;font-family:"sy";}
.fyt-lindao .itembox .item ul li{color:#666;font-size:16px;line-height:2;font-family:'sy';}
@media screen and (max-width: 780px){
  .fyt-lindao{padding-bottom:30px;background-size:100%!important;}
  .fyt-lindao .itembox{flex-wrap:wrap;} 
  .fyt-lindao .itembox .item{width:100%;margin-bottom:20px;}
  .fyt-lindao .itembox .item:nth-child(2){margin:0;margin-bottom:20px;}
  .fyt-lindao .itembox .item .title{font-size:18px;margin:20px 0;}
  .fyt-lindao .itembox .item .info{padding:0;width:90%;margin:0 auto;text-align:center;}
  .fyt-lindao .itembox .item .image{width:200px;height:auto;padding:18px 15px 30px;margin:0 auto 20px;}
  .fyt-lindao .itembox .item .image img{width:100%;}
}
/* ==================== 核心领导 end ==================== */
/* ==================== 企业荣誉 start ==================== */
.fyt-honor.i_honor{background:url(../images/fyt-bg05.png) no-repeat bottom center #bb1b21;background-size:100%;padding-top:40px;}
.fyt-honor .fyt-title{padding-top:0;padding-bottom:0;}
.fyt-honor.i_honor .i_honor_title{margin-top:30px;}
/* ==================== 企业荣誉 end ==================== */
/* ==================== 战略规划 start ==================== */
.fyt-zhanlue{padding-top:120px;background:#fff9eb;}
.fyt-zhanlue .title{font-size:45px;color:#be1d22;line-height:1;text-align:center;font-family:'sy';font-weight:700;}
.fyt-zhanlue .fyt-zhanlue-box{background:url(../images/fyt-bg06.png) no-repeat bottom center;padding-bottom:350px;}
.fyt-zhanlue .itembox{max-width:1300px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;}
.fyt-zhanlue .itembox .item{border:1px solid #be1d22;font-size:24px;font-family:'sy';font-weight:700;width:355px;height:94px;display:flex;align-items:center;justify-content:center;color:#be1d22;margin:0 35px 35px;}
.fyt-zhanlue .itembox .item span{font-size:44px;vertical-align:middle;align-self:flex-start;line-height:80px;}
/*  */
.fyt-zhanlue .itembox02{display:flex;justify-content:space-between;margin-top:86px;}
.fyt-zhanlue .itembox02 .item{background:#be1d22;position:relative;display:flex;justify-content:center;align-items:center;width:32%;height:270px;margin-top:43px;}
.fyt-zhanlue .itembox02 .item .year{font-size:38px;color:#fff;background:#e7c16e;line-height:86px;width:300px;height:86px;position:absolute;left:50%;margin-left:-150px;top:-43px;text-align:center;font-family:"sy";}
.fyt-zhanlue .itembox02 .item .text{color:#fff;text-align:center;font-size:28px;font-family:"sy";}
.fyt-zhanlue .itembox02 .item .text span{display:block;line-height:1.8em;}
@media screen and (max-width: 780px){
  .fyt-zhanlue{padding-top:30px;}
  .fyt-zhanlue .title{font-size:22px;line-height:1.4em;}
  .fyt-zhanlue .fyt-zhanlue-box{padding:0 20px 90px;background-size:130%!important;}
  .fyt-zhanlue .itembox .item{width:100%;height:auto;font-size:14px;margin:0 0 15px;}
  .fyt-zhanlue .itembox .item span{font-size:20px;line-height:44px;}
  .fyt-zhanlue .itembox02{flex-wrap:wrap;margin-top:0;}
  .fyt-zhanlue .itembox02 .item{width:100%;height:auto;padding-top:30px;padding-bottom:15px;margin-top:40px;}
  .fyt-zhanlue .itembox02 .item .year{font-size:18px;line-height:36px;width:140px;top:-18px;margin-left:-70px;height:auto;}
  .fyt-zhanlue .itembox02 .item .text{font-size:16px;line-height:1.4em;}
  .fyt-zhanlue .itembox02 .item .text span{line-height:1.5em;}
}
/* ==================== 战略规划 end ==================== */
/* ==================== 扶元大健康平台 start ==================== */
.fyt-dajiankan{background:url(../images/fyt-bg04.png) no-repeat bottom center #fff9eb;padding-bottom:180px;}
.fyt-dajiankan .itembox{display:flex;justify-content:center;align-items:flex-start;}
.fyt-dajiankan .itembox .item{width:84px;background:#b71e20;border:solid 1px #e7c16e;margin:0 27px;font-size:25px;color:#fff9eb;padding:30px;}
@media screen and (max-width: 780px){
  .fyt-dajiankan{background-size:100%;padding-bottom:50px;}
  .fyt-dajiankan .itembox{padding:0 20px;flex-flow:column;align-items:center;}
  .fyt-dajiankan .itembox .item{width:100%;padding:5px 15px;margin:0;font-size:16px;margin-bottom:10px;text-align:center;}
}
/* ==================== 扶元大健康平台 end ==================== */
/* ==================== 加入扶元堂 start ==================== */
.fyt-jiaru{background:url(../images/fyt-bg05.png) no-repeat bottom center #bb1b21;background-size:100%;padding-bottom:63px;}
.fyt-jiaru .itembox{display:flex;justify-content:center;width:1100px;margin:0 auto;flex-wrap:wrap;}
.fyt-jiaru .itembox .item{width:18%;padding:30px 15px;border-radius:25px;color:#b21a1f;font-weight:bold;font-family:"sy";background-image:linear-gradient(0, #dbbe69,#f1e3bb,#dbbe69);font-size:25px;text-align:center;margin-right:2.5%;margin-bottom:2.5%;}
.fyt-jiaru .itembox .item:nth-child(5n){margin-right:0;}
.fyt-jiaru .itembox .item:nth-child(5),
.fyt-jiaru .itembox .item:nth-child(5)~.item{padding-bottom:10px;}
.fyt-jiaru .itembox .item:nth-child(5) img{margin-bottom:10px;}
.fyt-jiaru .itembox .item img{margin:0 auto 14px;}
.fyt-jiaru .itembox .item .text{font-size:25px;line-height:1.2em;}
.fyt-jiaru .itembox .item .text span{display:block}
@media screen and (max-width: 780px){
  .fyt-jiaru{padding-bottom:20px;}
  .fyt-jiaru .itembox{width:100%;padding:0 20px;}
  .fyt-jiaru .itembox .item{width:31.5%;margin:0;border-radius:10px;padding:15px;margin-bottom:2.75%;}
  .fyt-jiaru .itembox .item:nth-child(3n-1){margin-left:2.75%;margin-right:2.75%;}
  .fyt-jiaru .itembox .item img{width:42px;display:block;margin:0 auto 10px;}
  .fyt-jiaru .itembox .item .text{font-size:16px;}
}
/* ==================== 加入扶元堂 end ==================== */
/* ==================== 留言板 start ==================== */
@media screen and (min-width: 780px){
.fyt-message .fyt-title{margin-left:65px;margin-right:65px;padding:0;}
.fyt-message .fyt-title .cn{height:60px;line-height:60px;background-size:auto 60px;}
.fyt-message .fyt-title .cn:before,
.fyt-message .fyt-title .cn:after{width:82px;height:60px;}
.fyt-message .fyt-title .cn:before{left:-65px;}
.fyt-message .fyt-title .cn:after{right:-65px;}
.fyt-message .fyt-title .cn span{font-size:26px;}
.fyt-message .w .message_r .message_title p{margin-left:30px;}
}
/* ==================== 留言板 end ==================== */



    /*banner*/
.ban_swi{ float: none;    margin-top: 95px;}
.ban_swi .swiper-slide{ text-align: center;}
.ban_swi .swiper-pagination-bullet{width: 12px; height: 12px; background: #fff; opacity: 1; border-radius: 0;}
.ban_swi .swiper-pagination-bullet-active{ background: #e77817;  border-radius: 0; }

.djg img{    max-width: 100%;
    height: auto !importan}
.in_cbg{
        background: url("/skin//images/n-bg.jpg");
        height: auto; overflow: hidden;
    }
    .in_c1_list{ margin-top: 55px; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between;font-family: 'sy';
    font-weight: bold;}
    .c1_item{ margin-bottom: 32px; position: relative;    width: 49%;}
  .c1_item img{width:100%}
    .c1_item .c1_fx{ position: absolute; right: 33px; bottom: 75px;}
    .c1_item .c1_fx p{ font-size: 50px; line-height: 1.1;background-image: -webkit-linear-gradient(bottom, #dbbe69, #f1e3bb, #dbbe69);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; text-align: center;    letter-spacing: 5px; margin-bottom: 45px;}
    .c1_item:nth-child(4) p{ margin-bottom: 68px;}
    .in_cbg .about{ background: url("/skin/images/in_abc_bg.png") no-repeat; background-size: cover; padding-top: 260px;    height: auto;
        overflow: hidden;}
    .in_cbg .about .title{background-image: -webkit-linear-gradient(bottom, #dbbe69, #f1e3bb, #dbbe69);
        -webkit-background-clip: text;-webkit-text-fill-color: transparent;
       }
    .in_cbg .about .content{background-image: -webkit-linear-gradient(bottom, #dbbe69, #f1e3bb, #dbbe69);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;}
    .cys_list{ margin: 58px auto 55px; height: auto; overflow: hidden;justify-content: space-between;font-family: 'sy';
    font-weight: bold;}
    .cys_list .cys_item{ margin: 0 auto;text-align: center}
    .cys_list .cys_item div{background-image: -webkit-linear-gradient(bottom, #dbbe69, #f1e3bb, #dbbe69);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; font-size: 20px; margin-top: 25px; line-height: 1.5; text-align: center;}

.mob{display:none;}
.ban_swi .swiper-slide img{ width:100%}

@media screen and (max-width: 780px) {
.mob{display:block;}



.development-wrapper .list ul li .year:before{right: -20px;
    top: 12px;}

.ad-box{    display: none;}

.development-wrapper .list ul li .date{    flex: 0 0 18%;}


.ban_swi{margin-top: 60px;}
.ban_swi .swiper-slide img{ width:100%}
.c1_item{ width:100%}
.c1_item img{ width:100%}
.c1_item .c1_fx p{    font-size: 20px;    margin-bottom: 25px;}
.c1_item .c1_fx div{    zoom: 0.4;}
.c1_item .c1_fx{bottom: 35px;}
.in_cbg .about{    padding-top: 30px;}


.cys_list .cys_item{width: 50%;    float: left;
    zoom: 0.75;    margin-bottom: 25px;}
.cys_list{margin-bottom: 25px;}
.cys_list .cys_item div{margin: 15px auto 0;}
.cys_list .cys_item div{ width:80%;}
.cys_list .cys_item br{    display: none;}
.log_txt{    font-size: 13px;
    line-height: 45px;
    padding-left: 5px;
    color: #fbf1d5;
    letter-spacing: 1px;}

.c1_item{    width: 49%;}

.c1_item .c1_fx {
    bottom: 15px;
   
    right: 15px;
}
.c1_item .c1_fx p {
    font-size: 20px; font-size:14px;
    margin-bottom: 10px;    font-weight: bold;
}
.in_c1_list{margin-top: 35px;}
.c1_item:nth-child(4) p {    margin-bottom: 15px;}

.about .w .about_r .title{color:#dbbe69;letter-spacing:0;}
.c1_item .c1_fx div img{width:80%;}
}