@charset "utf-8";
body{ background: #f0f2f5;overflow-x: hidden; }

.banner{ margin-top: 60px; }
.swiper { width: 100%;height: 100%; }
.swiper-slide { text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.swiper-slide>img { display: block;width: 100%;height: 100%;object-fit: cover; }
.slide-list{ position: relative; }
.slide-list a.click_url{ display: block;width: 100%;height: 100%; }
.slide-list a img{ width: 100%;height: 100%;object-fit:cover; }
.smoll_box{ width: 260px;height: 230px;background-color: #fff;position: absolute;right: 130px;top: 120px;padding: 20px;border-radius: 10px;z-index: 100;transform: scale(1.3); }
.smoll_box h3{ font-size: 17px;font-weight: 600; }
.smoll_box_list{ display: flex;flex-wrap: wrap; }
.smoll_box_info{ width: 50%;font-size: 12px;color: rgba(0,0,0,.6);margin-top: 20px;text-align:left;line-height: 20px; }
.smoll_box_info img{ width: 16px;height: 16px;display: inline-block;margin-right: 5px;margin-top: 2px; }
.smoll_box_info span{ font-weight: 600; }
.smoll_box_btn{ width: 100%;background: #ff9100;color: #fff;font-size: 14px;border-radius: 4px;margin: 20px 0;height: 32px;line-height: 32px;cursor: pointer; }
.smoll_box_desc{ font-size: 12px;color: rgba(0,0,0,.65); }

.content{ width: 1160px;height: 580px;overflow: hidden;margin: 40px auto 0; }
.content .title{ font-weight: 600;text-align:center; }
.content .title h2{ font-size: 30px;margin-bottom: 5px; }
.content .title p{ color: #8e8e8e;font-size: 14px;font-weight: 400; }
.advan-container{ display: flex;flex-wrap: wrap;margin-top: 12px; }
.ico{ position: relative;display: flex;width: 378px;height: 220px;text-align: center;background-color: #fff;margin: 4px; }
.ico-img{ margin: 40px 24px 0px 60px; }
.ico-img img{ width: 48px;height: 48px;margin: 24px 0; }
.ico-desc{ text-align: left; margin-top: 60px; }
.ico-desc span{ font-size: 18px;display: block;color: #000; }
.ico-desc p{ color: rgb(102, 102, 102); font-size: 16px;margin: 10px 0; }
.tp-icon-title{ position: absolute;right: 0;width: 120px;height: 36px;line-height: 36px;border-radius: 0 0 0 18px;background-color: #ff9100;color: #fff;font-size: 14px; }
.advan_show_more{ text-align: center;color: #ff9100;display: none;margin:0 auto; }
.advan_show_more i{ font-size: 20px;transform: scale(1.5, 1) rotate(180deg);transition: all .2s; }
.advan_show_more p{ line-height: 1;font-size: 14px; }

.scene{ background: #fff;padding-bottom: 40px; }
.scene .scene_title{ padding-top: 40px;text-align: center; }
.scene .scene_title h2{ font-size: 30px;font-weight: 800;margin-bottom: 11px; }
.scene .scene_title p{ font-size: 16px;color: #8e8e8e; }
.scene_container{ display: flex;justify-content: space-between;width: 1160px;overflow: hidden;margin:15px auto 0;flex-wrap: wrap; }
.scene_content{ width: 365px;margin-bottom: 30px; }
.scene_box img{ width: 100%;height: 236px; }
.scene_content p{ text-align: center;font-size: 18px;margin: 9px 0 0; }
.scene_content span{ text-align: left;display: block;color: rgb(153, 153, 153);font-size: 14px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis; }
.scene_show_more{ text-align: center;color: #ff9100;display: none;margin:0 auto; }
.scene_show_more i{ font-size: 20px;transform: scale(1.5, 1) rotate(180deg);transition: all .2s; }
.scene_show_more p{ line-height: 1;font-size: 14px; }

.qyb{ height: 520px;background-color: #fff; }
.qyb-container{ display: flex;justify-content: space-between;margin:0 auto;width: 1160px;overflow: hidden; }
.qyb-container h3{ padding-top: 90px;font-size: 30px;font-weight: 600; }
.qyb-container .qyb-title{ font-size: 16px;color: #86878c;margin-bottom: 34px; }
.qyb-container div i{ color:#ff842f }
.qyb-desc{ margin-bottom: 14px; }
.qyb-desc-con{ box-sizing: border-box;margin: 0 7px 0 0;padding: 0;color: rgba(0,0,0,.65);font-size: 14px;font-variant: tabular-nums;line-height: 1.5;list-style: none;font-feature-settings: "tnum";position: relative;display: inline-block;color: unset;line-height: 1; }
.qyb-desc-dot{ position: relative;top: -1px;display: inline-block;width: 6px;height: 6px;background-color: #faad14;vertical-align: middle;border-radius: 50%; }
.font_s{ font-size: 16px;color: #aeaeae;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; }
.anticon{ display: inline-block;color: rgb(255, 132, 47);font-style: normal;line-height: 0;text-align: center;text-transform: none;vertical-align: -0.125em;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;width: 22px; }
.anticon svg{ display: inline-block;overflow: hidden; }
.knowMore_btn{ display: inline-block;font-size: 18px;padding-top: 20px;color: #ff842f; }
.qyb_right{ padding-top: 70px; }
.qyb_right img{ width: 600px; }


.user_comment{ padding-top: 38px;height: 416px;background-color: #f5f5f5;  }
.user_comment h2{ font-size: 30px;font-weight: 600;color: #000;text-align: center;margin: 0 0 11px 0; }
.user_comment>p{ text-align: center;color: #858585; }
.swiper-container2{ width: 900px;margin:20px auto 0; }
.swiper-slide2{ transition: 300ms;transform: scale(1,0.8);width: 720px!important;height: 242px!important;box-shadow: 0 2px 4px 1px rgb(0 0 0 / 20%); }
.swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1) !important; }
.user_desc{ display: flex;padding: 36px 34px 0 34px;box-sizing: border-box; }
.user_desc > img{ width: 48px;height: 48px;border-radius: 50%;margin-right: 20px;object-fit: cover;border: 1px solid #f5f5f5;box-shadow: 0 0 2px #d9d9d9; }
.user_name{ font-size: 16px;text-align: left; }
.user_name .user_name_s{ font-weight: 400;font-size: 14px; }
.user_name ul li{ float: left;margin-right: 8px;cursor: pointer; }
.user_name ul li i{ color: #ff8638;transition: all 0.3s;font-size: 17px }
.user_name ul:after{ content: "";display: block;clear: both; }
.user_comment_content{ margin-top: 14px; text-align: left; font-size: 16px;color: #858585;padding:0 34px; }
.user_container{ width: 100%;height: 100%; }

.news{ height: 407px;background-color: #f5f5f5;padding: 38px 0 0 0; }
.news_container{ width: 1160px;overflow: hidden;margin:0 auto; }
.news_container h2{ font-size: 30px;font-weight: 600;color: #000;text-align: center;margin: 0 0 11px 0; }
.news_container > p{ text-align: center;color: #858585;margin-bottom: 14px; }
.news_content{ width: 100%; }
.news_content ul{ display: flex;justify-content: space-around;flex-wrap: wrap; }
.news_content ul li{ width: 50%;height:50px;display: flex;justify-content: space-between;line-height: 50px; }
.news_content ul li .news_title{ display: inline-block;max-width: 380px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: rgb(102, 102, 102);cursor: pointer; }
.news_content ul li .news_title:hover{ color: #ff9100; }
.news_title span{ display: inline-block;width: 6px;height: 6px;background: #ff9100;border-radius: 50%;margin-right: 8px; }
.news_content ul li .news_time{ margin-right: 70px;line-height: 47px;font-size: 12px;color: #999;min-width: 124px; }
.news_more_btn{ width: 140px;height: 40px;line-height: 40px;border-radius: 4px;background-color: #ff9100;color: #fff!important;margin: 20px auto;cursor: pointer;text-align:center; }

.partner{ width: 100%;background: #fff;padding-top: 38px;padding-bottom: 35px; }
.partner_container{ width: 1330px;overflow: hidden;margin:0 auto; }
.partner_container h2{ font-size: 30px;font-weight: 600;color: #000;text-align: center;margin: 0 0 11px 0; }
.partner_container p{ text-align: center;color: #858585;margin-bottom: 14px;font-size: 14px; }
.partner_content{ display: flex;flex-wrap: wrap;justify-content: space-between; }
.partner_list_item{ margin: 0px 5px 10px;width: 165px;height: 79px;position: relative;text-align: center; }
.partner_content img{ width: 100%;height: 100%; }
.partner_item_cover{ position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.03);left: 0;top: 0; }
.pic_no20{ width: 140px !important;height: 78px !important;margin-top: 11px; }
.partner_list_item_no20{ background: #f5f6f7; }
.partner_show_more{ text-align: center;color: #ff9100;display: none;margin:0 auto; }
.partner_show_more i{ font-size: 20px;transform: scale(1.5, 1) rotate(180deg);transition: all .2s; }
.partner_show_more p{ line-height: 1;font-size: 14px;color: #ff9100; }



.swiper-slide-add{ transform: scale(1,.8);box-shadow: 0 0 6px rgba(0,0,0,.6);border-radius: 3px; }

.honor{ width: 100%;background: #fff;padding-top: 38px;padding-bottom: 65px;background-color: #f5f5f5; }
.honor_container{ width: 1160px;overflow: hidden;margin:0 auto; }
.honor_container h2{ font-size: 30px;font-weight: 600;color: #000;text-align: center;margin: 0 0 11px 0; }
.honor_container > p{ text-align: center;color: #858585;margin-bottom: 14px; }
.honor_content{ width: 100%; }
.swiper-slide_honor{ transition: 300ms;transform: scale(0.8);box-shadow: 0 2px 4px 1px rgb(0 0 0 / 20%);cursor: pointer; }
.show_honor_pic{ width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;background: rgba(0,0,0,.8);display: none; }
.show_honor_box{ width: 800px;background: #fff;border-radius: 8px;margin: 0 auto;position: relative;top: 50%;margin-top: -295px;text-align: center; }
.show_honor_box img{ border-radius: 8px; }
.show_honor_close{ position: absolute;width: 50px;height: 50px;background: #fff;text-align: center;line-height: 50px;right: -60px;top: -60px;border-radius: 50%;color: rgba(0,0,0,.65);cursor: pointer;box-shadow: 0 0 4px rgb(0 0 0 / 65%); }
.show_honor_close i{ font-size: 30px; }

/*ipad*/
@media screen and (max-width: 1199px) and (min-width: 750px)
{
  .smoll_box{ display: none; }

  .content{ width: auto;height: auto;margin: 20px auto 0;padding-bottom: 20px; }
  .advan-container{ justify-content: center;height: 440px;overflow: hidden; }
  .ico{ width: 46%; }
  .advan_show_more{ display: block; }

  .scene_container{ width: auto;justify-content: center;height: 706px; }
  .scene_content{ margin: 0 4px 30px 4px;width: 46%; }
  .scene .scene_title{ padding-top: 20px; }
  .scene_show_more{ display: block; }

  .news{ height: auto;padding: 20px 0 10px 0; }
  .news_container{ width: auto; }
  .news_content ul li .news_time{ display: none; }
  .news_content ul{ width: 95%;margin:0 auto; }
  .news_content ul li a{ display: block;width: 100%; }
  .news_content ul li .news_title{ max-width: 100%; }

  .qyb{ height: auto;background: url(https://www.tangpafanyi.com/0.1.0/img/qyb.0c3f0d7b.png) no-repeat center center;background-size: 100% 100%; }
  .qyb:after{ opacity: .5; }
  .qyb-container{ width: 100%;justify-content: center;color: #000;background: rgba(255,255,255,.8);padding-bottom: 20px; }
  .qyb-container h3{ padding-top: 40px; }
  .qyb-container .qyb-title{ color: #333; }
  .font_s{ color: #000; }
  .qyb_right{ display: none; }

  .user_comment{ display: none; }

  .partner{ background: #f5f5f5;padding-top: 20px; }
  .partner_container{ width: 100%; }
  .partner_content{ height: 262px;width: 96%;margin: 0 auto;overflow: hidden; }
  .partner_show_more{ display: block; }

  .honor{ display: none; }
}
/*mobile*/
@media screen and (max-width: 750px)
{
  .smoll_box{ display: none; }

  .content{ width: auto;height: auto;margin: 10px auto 0;padding-bottom: 20px; }
  .content .title h2{ font-size: 18px;margin-bottom: 0; }
  .content .title p{ font-size: 12px; }
  .advan-container{ justify-content: center;height: 440px;overflow: hidden;margin-top: 0;height: 324px; }
  .ico{ width: 46%;height: 100px; }
  .ico-img{ margin: 10px;width: 32px;height: 32px; }
  .ico-img img{ width: 32px;height: 32px;margin: 0; }
  .ico-desc{ margin-top: 10px; }
  .ico-desc span{ font-size: 14px; }
  .ico-desc p{ font-size: 10px;margin: 5px 0; }
  .tp-icon-title{ transform: scale(.6);right: -21px;top: -7px;width: 105px; }

  .scene_container{ width: auto;justify-content: center;height: auto; }
  .scene_content{ margin: 0 4px 10px 4px;width: 46%; }
  .scene .scene_title{ padding-top: 10px; }
  .scene .scene_title h2{ font-size: 18px;margin-bottom: 0; }
  .scene .scene_title p{ font-size: 12px; }
  .scene_box img{ height: 133px; }
  .scene_content p{ font-size: 14px; }
  .scene_content span{ font-size: 12px; }
  .scene{ padding-bottom: 20px; }

  .news{ height: auto;padding: 20px 0 10px 0; }
  .news_container{ width: auto; }
  .news_container h2{ font-size: 18px;margin-bottom: 0; }
  .news_container > p{ font-size: 12px;margin-bottom: 0; }
  .news_content ul li .news_time{ display: none; }
  .news_content ul{ width: 95%;margin:0 auto; }
  .news_content ul li{ height: 34px; }
  .news_content ul li a{ display: block;width: 100%; }
  .news_content ul li .news_title{ max-width: 100%;height: 100%;line-height: 37px;font-size: 14px; }
  .news_more_btn{ width: 100px;height: 32px;line-height: 32px;font-size: 14px; }


  .qyb{ height: auto;background: url(https://www.tangpafanyi.com/0.1.0/img/qyb.0c3f0d7b.png) no-repeat center center;background-size: 100% 100%; }
  .qyb:after{ opacity: .5; }
  .qyb-container{ width: 100%;justify-content: center;color: #000;background: rgba(255,255,255,.8);padding-bottom: 20px; }
  .qyb-container h3{ padding-top: 20px;font-size: 25px; }
  .qyb-container .qyb-title{ color: #333;margin-bottom: 17px; }
  .font_s{ color: #000;font-size: 14px; }
  .qyb_right{ display: none; }
  .knowMore_btn{ padding-top: 0;font-size: 16px; }

  .user_comment{ display: none; }

  .partner{ background: #f5f5f5;padding-top: 10px; }
  .partner_container{ width: 100%; }
  .partner_container h2{ font-size: 18px;margin-bottom: 0; }
  .partner_container p{ margin-bottom: 5px; }
  .partner_content{ height: 262px;width: 96%;margin: 0 auto;overflow: hidden; }
  .partner_list_item{ width: 30%;height: 56px; }
  .partner_show_more{ display: block; }

  .honor{ display: none; }
}