#top_video {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.video-zz {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}

.top_video_in {
  display: block;
  text-align: center;
  z-index: 10;
}

.top_video_in .top_video_title {
  color: #fff;
  font-weight: normal;
  position: relative;
  display: inline;
}

.top_video_in .top_video_title2 {
  color: #fff;
  position: absolute;
  left: 0;
  top: -23px;
}

.top_video_in p {
  color: #fff;
}

.top_video_gundong {
  position: relative;
  top: 20px;
  border: solid 3px #fff;
  width: 26px;
  height: 40px;
  border-radius: 20px;
  display: inline-block;
}

.top_video_gundong div {
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  left: 10px;
}

.top_video_gundong .gdong1 {
  top: 35px;
  -webkit-animation: trackBallSlide 5s ease-out infinite;
  animation: trackBallSlide 5s ease-out infinite;
}

.top_video_gundong .gdong2 {
  top: 45px;
  -webkit-animation: trackBallSlide 5s ease-out infinite;
  animation: trackBallSlide 5s ease-out infinite;
}

.top_video_gundong .gdong3 {
  top: 15px;
}

.top_video_gundong .gdong4 {
  top: 25px;
}

#top_video .pagination_out {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: url(../images/b_80.png);
  text-align: center;
  padding: 10px 0;
}

#top_video .pagination_out span {
  width: 50px;
  height: 8px;
  border-radius: 0;
  background: #fff;
  margin: 0 5px;
}

#top_video .pagination_out span.swiper-pagination-bullet-active {
  background: #ff8400;
}

@media screen and (min-width:1024px) and (max-width:20000px) {

  .top_video_in {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding-top: 20%;
  }

  .top_video_in .top_video_title {
    font-size: 70px;
  }

  .top_video_in .top_video_title2 {
    font-size: 18px;
  }

  .top_video_in p {
    font-size: 24px;
    line-height: 42px;
  }

}


@media screen and (min-width:0px) and (max-width:1023px) {

  .top_video_in {
    width: 90%;
    margin: 0 5%;
    padding-top: 26%;
  }

  .top_video_in .top_video_title {
    font-size: 36px;
  }

  .top_video_in .top_video_title2 {
    font-size: 18px;
  }

  .top_video_in p {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width:769px) and (max-width:20000px) {
  .top_video_in {
    position: relative;
  }

  .move_img {
    display: none;
  }

  .top_video_bac {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .top_video_bac video {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1;
  }

}

@media screen and (min-width:1px) and (max-width:768px) {
  .top_video_in {
    position: absolute;
    top: 0;
    left: 0;
  }

  .top_video_bac {
    display: none;
  }

  #top_video,
  #top_video .swiper-container {
    height: auto !important;
  }

  .move_img {
    position: relative;
    z-index: 1;
  }
}

#per27 .top_video_in {
  width: 90%;
  margin: 0 5%;
  padding-top: 26%;
}

#per27 .top_video_in .top_video_title {
  font-size: 36px;
}

#per27 .top_video_in .top_video_title2 {
  font-size: 18px;
}

#per27 .top_video_in p {
  font-size: 16px;
  line-height: 28px;
}

#per27 .top_video_in {
  position: absolute;
  top: 0;
  left: 0;
}

#per27 .top_video_bac {
  display: none;
}

#per27 #top_video,
#per27 #top_video .swiper-container {
  height: auto !important;
}

#per27 .move_img {
  position: relative;
  z-index: 1;
  display: block;
}



#text_video {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #fff;
  z-index: 10;
  padding: 30px 0;
}

.text_video_title {
  width: 100%;
  max-width: 1200px;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.top_text_t {
  font-size: 14px;
  color: #868686;
  margin: 15px 0;
}

.text_video_ts {
  font-size: 30px;
  color: #333;
  display: block;
  width: 100%;
  font-weight: bold;
  margin: 15px 0;
}

.text_video_ts font {
  color: #ff8400;
  margin-right: 10px;
}

.text_video_title p {
  font-size: 14px;
  color: #666;
  line-height: 36px;
}

.bottom_video {
  width: 100%;
  text-align: center;
  padding: 30px 0;
  position: relative;
}

.bottom_video #vedio_link {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.bottom_video img {
  position: relative;
  z-index: 3;
}

.text_video_ba_img {
  width: 100%;
  height: 293px;
  background: url("../images/vedio_bac.jpg");
  position: absolute;
  left: 0;
  z-index: 1;
}

.text_bn div font {
  font-size: 30px;
  color: #fff;
  display: inline-block;
}

.text_bn div p {
  font-size: 14px;
  color: #fff;
}

.xianxs {
  display: inline-block;
  width: 88px;
  height: 5px;
  background: #ff8400;
}

.text_video_title:hover .xianxs {
  width: 188px;
}

@media screen and (min-width:1143px) and (max-width:20000px) {

  .text_bn div.left_text_bn1,
  .text_bn div.left_text_bn2 {
    left: -200px;
  }

  .text_bn div.right_text_bn1,
  .text_bn div.right_text_bn2 {
    right: -200px;
  }

  .text_bn div.left_text_bn1,
  .text_bn div.right_text_bn1 {
    top: 70px;
  }

  .text_bn div.left_text_bn2,
  .text_bn div.right_text_bn2 {
    top: 200px;
  }

  .text_bn div {
    position: absolute;
    z-index: 2;
  }

  .text_video_ba_img {
    top: 60px;
  }
}

@media screen and (min-width:1px) and (max-width:1142px) {
  .text_bn div {
    position: relative;
    z-index: 2;
    float: left;
    width: 50%;
  }

  .text_video_ba_img {
    top: 0px;
  }

  .bottom_video img {
    max-width: 80%;
    margin: 10px 10% 0 10%;
  }
}


#per27 .text_bn div {
  position: relative;
  z-index: 2;
  float: left;
  width: 50%;
  top: 0;
  left: 0;
}

#per27 .text_video_ba_img {
  top: 0px;
}

#per27 .bottom_video img {
  max-width: 100%;
  margin: 10px 0 0;
}

#per27 .list_nav_ts,
#per27 .text_video_ts {
  font-size: 16px;
  margin: 15px 0 0 0;
}

#per27 .list_nav_title {
  text-align: left;
  line-height: 9px;
}

#per27 .xianxs {
  height: 1px;
  width: 100%;
}

#per27 .list_nav_title p {
  margin: 0;
  line-height: 18px;
  margin: 10px 0 0;
}

#per27 .case_title_lists {
  text-align: left;
  padding: 0;
  margin: 10px 0 10px 0;
  background: #FAFAFA;
}

#per27 .text_video_title {
  text-align: left;
  width: 90%;
  padding: 0 5%;
}



#per27 .case_loop .case_pic {
  width: 25%;
  float: left;
  margin-left: 1%;
}

#per27 .case_loop .case_text {
  width: 70%;
  float: right;
  text-align: left;
}

#per27 .case_loop .posts_title {
  text-align: left;
  margin-top: 0;
}

#per27 .case_loop .case_pic figcaption {
  display: none;
}

#per27 .black_price_out {
  text-align: left;
}

#per27 .vedio_url {
  display: none;
}

#per27 #list_nav ul li {
  width: 49%;
  margin: 0 1% 15px 0;
}

#per27 #list_nav ul li .text_list_nav span.text_list_nav_title {
  font-size: 16px;
}

#per27 #list_nav ul li:hover .text_list_nav {
  top: 5%;
}

#list_nav,
#icon_images {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #fff;
  z-index: 10;
  padding: 30px 0;
}

.list_nav_title {
  width: 100%;
  max-width: 1200px;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.list_nav_ts {
  font-size: 30px;
  color: #333;
  display: block;
  width: 100%;
  font-weight: bold;
  margin: 15px 0;
}

.list_nav_ts font {
  color: #ff8400;
  margin-right: 10px;
}

.list_nav_title p {
  font-size: 14px;
  color: #666;
  line-height: 36px;
}

#list_nav ul {
  display: block;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

#list_nav ul li {
  display: block;
  float: left;
  height: auto;
  overflow: hidden;
  position: relative;
}

#list_nav ul li img {
  position: relative;
  z-index: 1;
  height: 200px;
}

#list_nav ul li a {
  display: block;
  font-size: 0;
}

#list_nav ul li .zhezhao2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  z-index: 2;
}

#list_nav ul li .text_list_nav {
  width: 90%;
  padding: 0 5%;
  position: absolute;
  left: 0;
  top: 30%;
  z-index: 3;
  text-align: center;
  height: 374px;
   overflow: hidden;/*隐藏多出部分文字*/
}

#list_nav ul li .text_list_nav span {
  color: #fff;
  font-size: 14px;
  width: 100%;
  display: block;
  font-weight: bold;
}

#list_nav ul li:hover .zhezhao2 {
  opacity: 0.8;
}

#list_nav ul li:hover .text_list_nav {
  top: 20%;
}

#list_nav ul li:hover .text_list_nav p {
  opacity: 1;
}

#list_nav ul li:hover {
  box-shadow: 0 0 5px #333;
}

#list_nav ul li:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

@media screen and (min-width:1025px) and (max-width:20000px) {
  #list_nav ul {
    max-width: 1200px;
    width: 101%;
  }

  #list_nav ul li .text_list_nav span.text_list_nav_title {
    font-size: 30px;
  }

  #list_nav ul li .text_list_nav p {
    color: #fff;
    font-size: 14px;
    opacity: 0;
  }

}

@media screen and (min-width:1px) and (max-width:1024px) {
  #list_nav ul {
    width: 91%;
    padding: 0 5%
  }

  #list_nav ul li .text_list_nav span.text_list_nav_title {
    font-size: 18px;
  }

  #list_nav ul li .text_list_nav p {
    color: #fff;
    font-size: 12px;
    opacity: 0;
  }
}

@media screen and (min-width:768px) and (max-width:2000000px) {
  #list_nav ul li {
    width: 24%;
    margin: 0 1% 15px 0;
  }

}

@media screen and (min-width:1px) and (max-width:767px) {
  #list_nav ul li {
    width: 49%;
    margin: 0 1% 15px 0;
  }

}


#icon_images {
  text-align: center;
}

.list_nav_title:hover .xianxs {
  width: 188px;
}

.icons_list {
  width: 100%;
  text-align: center;
  overflow: hidden;
  padding: 40px 0 20px 0;
}

#icon_images .swiper-slide {
  min-height: 300px;
}

#icon_images .swiper-slide a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 280px;
}

#icon_images .swiper-pagination {
  display: inline-block;
  height: auto;
  padding: 20px 0;
  text-align: center;
  position: relative;
}

#icon_images .swiper-pagination span {
  display: inline-block;
  margin: 0 3px;
  border-radius: 0;
  width: 25px;
  height: 8px;
}

#icon_images .swiper-pagination span.swiper-pagination-bullet-active {
  background: #ff8400;
}


@media screen and (min-width:768px) and (max-width:2000000px) {
  .icons_list a {
    display: inline-block;
    margin: 0 15px;
    cursor: pointer;
  }

  .icons_list a span {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #666;
  }

  .icons_list a img {
    opacity: 0.6;
    width: 52px;
    max-width: 60px;
    height: auto;
  }

  .icons_list a.active img {
    opacity: 1;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
  }

  .icons_list a.active span {
    color: #ff8400;
    font-weight: bold;
  }
}

@media screen and (min-width:1px) and (max-width:767px) {
  .icons_list a {
    display: inline-block;
    margin: 0 5px 10px 5px;
    overflow: hidden;
  }

  .icons_list a span {
    display: block;
    font-size: 14px;
    color: #fff;
    background: #666;
    padding: 5px 8px;
  }

  .icons_list a img {
    display: none;
  }

  .icons_list a.active span {
    color: #fff;
    background: #ff8400;
  }
}

#per27 .icons_list a {
  display: inline-block;
  margin: 0 5px 10px 5px;
  overflow: hidden;
}

#per27 .icons_list a span {
  display: block;
  width: auto;
  font-size: 14px;
  color: #fff;
  background: #666;
  padding: 5px 8px;
}

#per27 .icons_list a img {
  display: none;
}

#per27 .icons_list a.active span {
  color: #fff;
  background: #ff8400;
}

#per27 .index_boxs {
  padding: 20px 0 10px 0;
}

#case_index_show {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px 0 30px 0;
  position: relative;
  z-index: 10;
  background: #fff;
}

.case_index_show_in {
  margin: 0 auto;
}

.case_title_lists {
  width: 100%;
  text-align: center;
  overflow: hidden;
  padding: 10px 0 10px 0;
}

.case_title_lists a {
  display: inline-block;
  padding: 5px 20px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}

.case_title_lists a.active {
  background: #ff8400;
  color: #fff;
}

.vedio_btn {
  position: absolute;
  top: 20px;
  opacity: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/b_80.png");
  text-align: center;
  z-index: 1;
  cursor: pointer;
}

.vedio_btn .icon {
  width: 81px;
  height: 86px;
  background: url(../images/video.png);
  margin-top: 105%;
  display: inline-block;
  opacity: 0;
}

.case_loop li:hover .vedio_btn {
  top: 0;
  opacity: 1;
}

.case_loop li:hover .vedio_btn .icon {
  margin-top: 35%;
  opacity: 1;
}

.vedio_url {
  display: inline-block;
  padding: 5px 15px;
  border: solid 1px #ff8400;
  color: #ff8400;
  font-size: 12px;
  margin: 10px 0;
}

.vedio_url:hover {
  color: #fff;
  background: #ff8400;
}

.case_loop {
  width: 103%;
  display: block;
  overflow: hidden;
}

.case_index_show_in .comments_p {
  display: none;
}

#per27 .case_loop li {
  width: 100%;
  margin: 5px 0 8px 0;
}

@media screen and (min-width:650px) and (max-width:200000px) {
  .case_loop li {
    width: 30%;
    margin: 10px 3% 15px 0;
  }

  .case_loop.loop_list4 li {
    width: 22%;
    margin: 10px 3% 10px 0;
  }

}

@media screen and (min-width:1px) and (max-width:649px) {
  .case_loop li {
    width: 47%;
    margin: 10px 3% 15px 0;
  }


}

@media screen and (min-width:1025px) and (max-width:2000000px) {

  #case_index_show .pagination_out {
    display: none;
  }
}

@media screen and (min-width:1px) and (max-width:1024px) {

  #case_index_show .pagination_out {
    width: 100%;
    z-index: 100;
    text-align: center;
    padding: 10px 0;
    position: relative;
  }

  #case_index_show .pagination_out span {
    width: 15px;
    height: 5px;
    border-radius: 0;
    background: #666;
    margin: 0 5px;
  }

  #case_index_show .pagination_out span.swiper-pagination-bullet-active {
    background: #ff8400;
  }
}

@media screen and (min-width:1024px) and (max-width:200000px) {
  .case_loop.loop_list5 li {
    width: 17%;
    margin: 10px 3% 10px 0;
  }

  .case_loop.loop_list6 li {
    width: 13.6%;
    margin: 10px 3% 10px 0;
  }

  .case_loop.loop_list7 li {
    width: 11.2%;
    margin: 10px 3% 10px 0;
  }

  .case_loop.loop_list8 li {
    width: 9.5%;
    margin: 10px 3% 10px 0;
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {

  .case_loop.loop_list5 li,
  .case_loop.loop_list6 li,
  .case_loop.loop_list7 li,
  .case_loop.loop_list8 li {
    width: 22%;
    margin: 10px 3% 10px 0;
  }

}

@media screen and (min-width:650px) and (max-width:767px) {

  .case_loop.loop_list5 li,
  .case_loop.loop_list6 li,
  .case_loop.loop_list7 li,
  .case_loop.loop_list8 li {
    width: 30%;
    margin: 10px 3% 15px 0;
  }

}

.case_loop li {
  display: block;
  float: left;
}



.case_loop .product_pic {
  font-size: 0;
}

.case_loop .product_pic .thumbnails {
  position: absolute;
  left: 0;
  bottom: -300px;
  background: url("../images/w_80.png");
}

.case_loop .product_pic .thumbnails a img {
  width: 90%;
  height: auto;
}

.case_loop .product_pic .thumbnails {
  width: 90%;
  padding: 5px 5%;
}

.case_loop .product_pic .thumbnails .thumbnail_prve,
.case_loop .product_pic .thumbnails .thumbnail_next {
  background-image: url("../images/css.png");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 100%;
  position: absolute;
  width: 5% !important;
  background-color: #F6F6F6;
  top: 0;
}



.case_loop .product_pic .thumbnails .thumbnail_prve {
  right: 0;
  background-position: 3px -709px;
}

.case_loop .product_pic .thumbnails .thumbnail_next {
  left: 0;
  background-position: 3px -658px;
}

#per27 .case_loop .product_pic .onsale {
  position: relative;
  width: 100%;
  padding: 8px 0;
  text-align: center;
  top: 0;
  left: 0;
  display: block;
}

.case_loop .product_pic,
.case_loop .product_bottom {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.case_loop .product_pic .onsale {
  position: absolute;
  left: 5px;
  top: 10px;
  padding: 5px;
  color: #fff;
  background: #ba9f74;
  z-index: 2;
  line-height: normal;
  border-radius: 0;
  min-height: inherit;
  font-weight: normal
}

.case_loop .posts_title {
  margin: 5px 0;
  display: block;
  text-align: center;
  height: 35px;
  overflow: hidden;
}

.case_loop .posts_title a {
  font-size: 16px;
  color: #333;
  font-weight: normal;
}

.case_loop .product_bottom .woocommerce-review-link {
  display: none;
}

.case_loop .product_bottom .woocommerce-product-rating {
  display: inline-block;
  margin-bottom: 8px;
}

.case_loop .product_bottom .star-rating {
  color: #f56600;
  font-size: 14px;
}

.case_loop .product_bottom .black_price_out span {
  font-size: 16px;
}


.case_loop .case_pic {
  font-size: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: auto;
}

.case_loop .case_pic figcaption {
  font-size: 12px;
  position: absolute;
  bottom: -100px;
  left: 0;
  text-align: center;
  width: 96%;
  padding: 10px 2%;
  color: #fff;
  opacity: 0;
  text-align: left;
  z-index: 10;
  display: block;
}

.case_loop .case_pic figcaption span {
  position: relative;
  z-index: 10;
}

.case_loop .case_pic figcaption::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  top: 0;
  left: 0;
  z-index: 1;
  position: absolute;
}

.case_loop li:hover .case_pic figcaption {
  opacity: 1;
  bottom: 0;
}
.case_pic img{
    min-height: 162px;
}
.case_loop li:hover .case_pic img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

.case_loop li:hover {
  box-shadow: 0 0 5px #ccc;
}

.case_text {
  text-align: center;
}

.case_text .posts_title {
  margin: 0;
  width: 96%;
  padding: 0 2%;
  height: 45px;
  margin-top: 10px;
  line-height: 18px;
  display: block;
  overflow: hidden;
}

.case_text .posts_title a {
  font-size: 14px;
  color: #333;
}


#news_index_show {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px 0 30px 0;
  position: relative;
  z-index: 10;
  background: #fff;
}

#news_index_show .news_index_show_in {
  width: 90%;
  padding: 0 5%;
  max-width: 1226px;
  margin: 0 auto;
  position: relative;
}

.top_news .top_news_text {
  background: #f9f9f9;
  width: 90%;
  padding: 10px;
  display: inline-block;
  position: relative;
  z-index: 2;
  top: -50px;
}

.top_news .top_news_pic {
  width: 100%;
  display: block;
  text-align: center;
  z-index: 1;
}

.top_news_left {
  float: left;
  width: 20%;
  padding: 0 5%;
  height: 100px;
}

.top_news_left time {
  display: block;
  width: 100%;
  height: 100px;
}

.top_news_left time span:first-child {
  display: block;
  width: 100%;
  font-size: 48px;
  color: #E80105;
  border-bottom: 1px solid #E80105;
}

.top_news_left time span:last-child {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #E80105;
  margin: 10px 0;
}

.top_text_right {
  text-align: left;
}

.top_text_right .posts_title {
  font-size: 14px;
  color: #333;
}

.top_text_right p {
  font-size: 12px;
  color: #666;
  margin: 10px 0;
}


.news_list_index .posts_title {
  float: left;
  overflow: hidden;
}

.news_list_index li .posts_title {
  display: inline-block;
  width: auto;
}

.news_list_index li {
  padding: 10px 0;
  border-bottom: double 1px #f3f3f3;
}

.news_list_index .posts_title a {
  font-size: 16px;
  color: #333;
}

.news_list_index time {
  font-size: 12px;
  color: #666;
  line-height: 26px;
}


.news_title_lists a {
  display: inline-block;
  color: #333;
  background: #f3f3f3;
  cursor: pointer;
}

.news_title_lists a.active {
  color: #fff;
  background: #ff8400;
}

@media screen and (min-width:1024px) and (max-width:2000000px) {
  .news_title_lists a {
    margin-right: 5px;
    padding: 8px 15px;
    font-size: 14px;
  }

  .news_title_lists {
    position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    z-index: 10;
  }

  .top_news {
    float: left;
    overflow: hidden;
    text-align: center;
    width: 50%;
    margin-right: 5%;
    position: relative;
  }

  .news_list_index {
    float: right;
    overflow: hidden;
    display: block;
    width: 45%;
  }

  .news_list_index {
    margin-top: 60px;
  }
}

@media screen and (min-width:1px) and (max-width:1023px) {
  .news_title_lists a {
    margin-right: 2px;
    padding: 5px 8px;
    font-size: 12px;
  }

  .news_title_lists {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
  }

  .top_news {
    float: left;
    overflow: hidden;
    text-align: center;
    width: 100%;
    position: relative;
  }

  .news_list_index {
    float: left;
    overflow: hidden;
    display: block;
    width: 100%;
    position: relative;
    top: -20px;
  }

  .news_list_index li {
    overflow: hidden;
    display: block;
  }
}

@media screen and (min-width:768px) and (max-width:2000px) {
  .news_list_index time {
    float: right;
  }
}

@media screen and (min-width:1px) and (max-width:767px) {
  .news_list_index time {
    float: left;
  }
}


#per27 .news_title_lists a {
  margin-right: 2px;
  padding: 5px 8px;
  font-size: 12px;
}

#per27 .news_title_lists {
  position: relative;
  width: 100%;
  margin: 20px 0;
  overflow: hidden;
  text-align: left;
}

#per27 .top_news {
  float: left;
  overflow: hidden;
  text-align: center;
  width: 100%;
  position: relative;
}

#per27 .news_list_index {
  float: left;
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  margin-top: 10px;
}

#per27 .news_list_index li {
  overflow: hidden;
  display: block;
}

#per27 .top_news_left time,
#per27 .top_news_left {
  height: auto;
}

#per27 .top_news .top_news_text {
  top: 0;
}

#per27 .top_news_left time span:first-child {
  font-size: 18px;
}

#per27 .top_news_left time span:last-child {
  font-size: 10px;
}

#per27 .contact_index_show_in,
#per27 .form_contact_in {
  width: 100%;
  padding: 0;
  margin: 0;
}

#per27 .form_contact_in .form_contact_left {
  float: left;
  width: 100%;
}

#per27 .form_contact_in .form_contact_right {
  display: none;
}

#per27 .form_contact_left_head span:first-child,
#per27 .form_contact_left_head span:last-child,
#per27 .tel_contacts span.tel_span,
#per27 .tel_contacts span.p_span {
  font-size: 16px;
}

#per27 .form_contact_left #commentform-park .lables {
  width: 95%;
}

#per27 .form_contact_left_head::before,
#per27 .form_contact_left_head::after {
  display: none;
}

#per27 .tel_contacts,
#per27 .form_contact_left_head {
  width: 90%;
  margin: 20px 5% 0 5%;
}

#per27 .tel_contacts i {
  display: none;
}

#per27 .form_contact_left #commentform-park {
  width: 98%;
  padding: 0 1%;
  margin: 0;
}

#per27 .contact_index_show_in .list_nav_title {
  width: 90%;
  padding: 0 5%;
}

@media screen and (min-width:1024px) and (max-width:2000px) {

  .form_contact_in .form_contact_left {
    float: left;
    width: 50%;
  }

  .form_contact_in .form_contact_right {
    float: right;
    width: 50%;
    text-align: right;
  }

}

@media screen and (min-width:1px) and (max-width:1023px) {

  .form_contact_in .form_contact_left {
    float: left;
    width: 100%;
  }

  .form_contact_in .form_contact_right {
    display: none;
  }

}

#contact_index_show {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px 0 30px 0;
  position: relative;
  z-index: 10;
  background: #fff;
}

.contact_index_show_in {
  width: 90%;
  padding: 0 5%;
  max-width: 1226px;
  margin: 0 auto;
  position: relative;
}

#wihte_title .list_nav_ts,
#wihte_title .list_nav_ts font,
#wihte_title p {
  color: #fff;
}

#wihte_title {
  margin-bottom: 30px;
}

#wihte_title p {
  margin: 0;
}

.list_nav_ts {
  margin: 15px 0 5px 0;
}

.form_contact {
  width: 100%;
  overflow: hidden;
  background: url("../images/w_40.png");
}

.form_contact_in {
  width: 98%;
  margin: 13px 1%;
  background: #f9f9f9;
  height: auto;
  overflow: hidden;
}

.form_contact_left_head {
  width: 60%;
  margin: 30px 20% 0 20%;
  position: relative;
}

.form_contact_left_head span:first-child {
  font-size: 24px;
  color: #646464;
  margin-right: 5px;
}

.form_contact_left_head span:last-child {
  font-size: 36px;
  color: #646464;
}

.form_contact_left_head::before {
  content: "“";
  font-size: 100px;
  color: #ccc;
  position: absolute;
  left: -39px;
  top: 0px;
}

.form_contact_left_head::after {
  content: "”";
  font-size: 100px;
  color: #ccc;
  position: absolute;
  right: -20px;
  top: 0px;
}

.tel_contacts {
  width: 80%;
  margin: 30px 0 0 20%;
  position: relative;
  overflow: hidden;
}

.tel_contacts i {
  width: 82px;
  height: 88px;
  background: url(../images/tell.png);
  display: block;
  float: left;
  margin-right: 10px;
}

.tel_contacts span {
  color: #c81623;
  float: right;
}

.tel_contacts span.tel_span {
  font-size: 36px;
  color: #c81623;
  float: left;
}

.tel_contacts span.p_span {
  font-size: 26px;
  color: #c81623;
  float: left;
}

.form_contact_left #commentform-park {
  width: 80%;
  margin: 10px 10% 10px 10%;
  position: relative;
}

.form_contact_left #commentform-park .lables {
  width: 45%;
  float: left;
  margin: 5px 2.5%;
}

.form_contact_left #commentform-park .lables input[type="text"] {
  border: #f0f0f0 1px solid;
  background: #fff;
  width: 90%;
  padding: 10px 4%;
  color: #666;
}

.form_contact_left #commentform-park .lables select {
  border: #f0f0f0 1px solid;
  background: #fff;
  width: 90%;
  padding: 10px 4%;
  color: #666;
}

.form_contact_left #commentform-park .lables_c,
.form_contact_left #commentform-park .lables_ra,
.form_contact_left #commentform-park .submut_k {
  width: 95%;
  float: left;
  margin: 5px 2.5%;
}

.form_contact_left #commentform-park .lables_ra {
  font-size: 12px;
  color: #666;
  margin: 10px 2.5%;
  line-height: 26px;
}

.form_contact_left #commentform-park .lables_ra label {
  font-size: 14px;
  color: #666;
  margin-right: 10px;
}

.form_contact_left #commentform-park .lables_ra input[type="radio"] {
  margin: 0 5px 5px 10px;
  cursor: pointer;
}

.form_contact_left #commentform-park .lables_c textarea {
  border: #f0f0f0 1px solid;
  background: #fff;
  width: 90%;
  padding: 10px 4%;
  color: #666;
}

.form_contact_left #commentform-park #sub {
  float: left;
  padding: 5px 35px;
  font-size: 16px;
  color: #ff8400;
  background: #fff;
  border: solid 1px #ff8400;
  cursor: pointer;
}

.form_contact_left #commentform-park #submits:hover {
  background: #ff8400;
  color: #fff;
}

.form_contact_left #commentform-park .tishi {
  float: left;
  color: #666;
  font-size: 14px;
  margin-left: 15px;
  position: relative;
  top: -6px;
  display: none;
}

.hid_author,
.hid_email {
  display: none;
}


/*nav*/

.index_nav .modle_box_title .mantitle {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  padding: 10px 5%;
  width: 90%;
  margin: 0;
  font-weight: normal;
  border-bottom: dotted 1px #ccc;
}

.index_nav .modle_box_title {
  width: 99%;
  padding: 10px 0.5%;
}

.index_nav {
  position: relative;
  z-index: 100;
  background: #FAFAFA;
}

.index_nav_ul {
  display: block;
  width: 90%;
  padding: 5px 5%;
}

.index_nav_ul li {
  display: block;
  width: 100%;
  height: auto;
  font-size: 0;
  position: relative;
  background: #FAFAFA;
  margin-bottom: 10px;
}

.aside_mian .index_nav_ul li:hover {
  background: #F2F2F2;
}

.index_nav_ul li a {
  display: block;
  padding: 3px 5%;
  width: 90%;
  cursor: pointer;
  background: #E3E3E380;
  margin-bottom: 10px;
  font-weight: bold;
}

.index_nav_ul li .sub-menu li a {
  background: none;
  margin-bottom: 0;
  font-weight: normal;
}

.index_nav_ul li a figure {
  float: left;
  width: 30px;
  margin-right: 10px;
}

.index_nav_ul li a .nave_spaen {
  line-height: 30px;
}

.index_nav_ul li a .nave_spaen div {
  font-size: 14px;
  color: #333;
}

.index_nav_ul li.menu-item-has-children i,
#per27 .index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i {
  display: block;
  background: url(../images/tab_c_icon2.png);
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 36px;
  cursor: pointer;
  -webkit-transform: rotate(-137deg);
}

#per27 .index_nav_ul li.menu-item-has-children i.opens,
#per27 .index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i.opens {
  -webkit-transform: rotate(0);
}

.index_nav_ul li .sub-menu {
  display: none;
}

.index_nav_ul li.current-menu-item .sub-menu {
  display: block;
}

.index_nav_ul li .sub-menu li {
  border-bottom: solid 1px #E3E3E380;
}

#per27 .index_nav_ul li .sub-menu {
  position: relative;
  top: 0;
  left: 0;
  width: 90%;
  padding-left: 10%;
}

.left_right#per27 .index_nav_ul li .sub-menu {
  left: -82%;
}

#per27 .index_nav_ul li .sub-menu li:last-child {
  border: none;
}

.index_nav_ul li.menu-item-has-children .sub-menu li i,
#per27 .index_nav_ul li.menu-item-has-children .sub-menu li .sub-menu li i {
  background: none;
}

.main_content .index_nav_ul li .sub-menu li {
  background: #F2F2F2;
}

/*nav*/
#woocommerce-order-details-shipping h2 {
  color: #ff8400;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 2px solid #f5f5f5;
  position: relative;
  line-height: 36px;
}

#woocommerce-order-details-shipping h2::after {
  content: "";
  width: 68px;
  height: 2px;
  background: #ff8400;
  position: absolute;
  bottom: 0;
  left: 0;
}


.nav_poket_ul .modle_title {
  text-align: center;
}

.nav_poket_ul_in ul li {
  display: block;
  float: left;
  margin-right: 1%;
  margin-bottom: 10px;
}

.nav_poket_ul {
  width: 100%;
  height: auto;
  padding: 20px 0;
}

.nav_poket_ul_in {
  max-width: 1226px;
  width: 95%;
  padding: 20px 2.5%;
  overflow: hidden;
  margin: 0 auto;
}

.nav_poket_ul_in ul {
  display: block;
  float: left;
  overflow: hidden;
  width: 101%;
  margin: 15px 0;
}

.nav_poket_ul_in ul li a {
  display: block;
  position: relative;
  font-size: 0;
  overflow: hidden;
}

.no_text #icons_nav .nave_spaen,
.no_text #icons_nav .nave_spaen p {
  display: none;
}

.nav_poket_ul_in ul li:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

.nav_poket_ul_in ul li a .nave_spaen {
  position: absolute;
  padding: 5px 0;
  width: 100%;
  background: url("../images/b_80.png");
  left: 0;
  bottom: 0;
  display: none;
}

.nav_poket_ul_in ul li a .nave_spaen div {
  font-size: 14px;
  color: #fff;
}

.nav_poket_ul_in ul li a .nave_spaen p {
  font-size: 12px;
  color: #CCC;
  margin: 0;
}

#per27 #icons_nav li {
  width: 49%;
}


#icons_nav a {
  text-align: center;
}

#icons_nav a img {
  display: inline-block;
}

#icons_nav li:hover img {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

#icons_nav .nave_spaen {
  display: block;
  position: relative;
  background: #fff;
}

#icons_nav .nave_spaen {
  background: none;
  padding: 5px 0;
  background: none;
}

#icons_nav .nave_spaen div {
  font-size: 14px;
  color: #333;
  text-align: center;
}

#icons_nav .nave_spaen p {
  font-size: 12px;
  color: #333;
  margin: 0;
  text-align: center;
}

.wihte_text #icons_nav .nave_spaen div,
.mantitle a,
.wihte_text .modle_title .mantitle,
.wihte_text .modle_title span {
  color: #fff;
}