#cc{
	position: relative;
	top: -87px;
}

.w1447 {
  margin: 0 12.3vw;
  width: calc(100% - 24.6vw);
  box-sizing: border-box;
}
.w1200 {
  width: calc(100% -37.5vw);
  margin: 0 18.75vw;
  box-sizing: border-box;
}
.header_box { 
  background: #fff;
  padding: 10px 0;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  transition: 0.5s;
  display: none;
  border-bottom: 1px solid #f5f5f5;
}
.header_box .header_main {
  width: 94%;
  margin: auto;
}
.header_box .header_main .logo img {
  height: 55px;
}
.header_box .header_main .header_menu {
  display: flex;
  align-items: center;
}
.header_box .header_main .header_menu span {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 3px;
  background-color: #999;
  border-radius: 2px;
  vertical-align: middle;
  cursor: pointer;
}
.header_box .header_main .header_menu span::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 3px;
  left: 0;
  border-radius: 2px;
  top: -10px;
  background-color: #999;
  -webkit-transition-duration: 0.3s, 0.3s;
  -moz-transition-duration: 0.3s, 0.3s;
  -ms-transition-duration: 0.3s, 0.3s;
  -o-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  -moz-transition-delay: 0.3s, 0s;
  -ms-transition-delay: 0.3s, 0s;
  -o-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
}
.header_box .header_main .header_menu span::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 3px;
  left: 0;
  border-radius: 2px;
  bottom: -10px;
  background-color: #999;
  -webkit-transition-duration: 0.3s, 0.3s;
  -moz-transition-duration: 0.3s, 0.3s;
  -ms-transition-duration: 0.3s, 0.3s;
  -o-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  -moz-transition-delay: 0.3s, 0s;
  -ms-transition-delay: 0.3s, 0s;
  -o-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
}
.header_box .header_main .act span {
  background: none;
}
.header_box .header_main .act span::before {
  transform: rotate(45deg);
  top: 0;
}
.header_box .header_main .act span::after {
  bottom: 0;
  transform: rotate(-45deg);
}
.mob_header {
  position: fixed;
  top: 75px;
  left: 0;
  width: 100%;
  height: calc(100% - 75px);
  background: #fff;
  z-index: 100;
  display: none;
}
.mob_header .mob_top {
  width: 90%;
  margin: auto;
}
.mob_header .mob_top .btn {
  line-height: 50px;
}
.mob_header .mob_top .btn span {
  font-size: 26px;
  color: #666;
}
.mob_header .bob_nav {
  margin: 50px 2vw 0 3vw;
  padding-bottom: 50px;
  padding-right: 1vw;
  height: calc(100% - 150px);
  overflow-y: scroll;
  overflow-x: hidden;
  box-sizing: border-box;
}
.mob_header .bob_nav .nav_item {
  border-bottom: 1px solid #eee;
}
.mob_header .bob_nav .nav_item > a {
  line-height: 55px;
  font-size: 16px;
  width: 100%;
}
.mob_header .bob_nav .nav_item > a span {
  color: #000;
}
.mob_header .bob_nav .nav_item > a i {
  color: #999;
  transition: 0.4s;
  display: inline-block;
}
.mob_header .bob_nav .nav_item .act i {
  transform: rotate(45deg);
}
.mob_header .bob_nav .nav_item .nav_select {
  display: none;
}
.mob_header .bob_nav .nav_item .nav_select .select_item {
  border-top: 1px dashed #eee;
}
.mob_header .bob_nav .nav_item .nav_select .select_item > a {
  width: 100%;
  color: #666;
  line-height: 50px;
  font-size: 15px;
  box-sizing: border-box;
}
.mob_header .bob_nav .nav_item .nav_select .select_item > a i {
  color: #999;
  transition: 0.4s;
  display: inline-block;
}
.mob_header .bob_nav .nav_item .nav_select .select_item ul {
  display: none;
}
.mob_header .bob_nav .nav_item .nav_select .select_item ul li {
  border-bottom: 1px dashed #ddd;
}
.mob_header .bob_nav .nav_item .nav_select .select_item ul li a {
  display: block;
  width: 100%;
  color: #999;
  line-height: 50px;
  font-size: 14px;
  box-sizing: border-box;
  padding: 0 20px;
  background: #f5f5f5;
}
.index_header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #fff;
}
.index_header .box .boxLeft {
  padding: 8px 0;
}
.index_header .box .boxLeft a {
  display: block;
}
.index_header .box .boxLeft a img {
  height: 50px;
}
.index_header .box .boxCen .item {
  margin: 0 3.625rem;
}
.index_header .box .boxCen .item p {
  line-height: 70px;
  position: relative;
  font-weight: bold;
}
.index_header .box .boxCen .item p::after{
	content: '';
	position: absolute;
	bottom: 16px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fe6a00;
	opacity: 0;
}
.index_header .box .boxCen .item p a {
  font-size: 1.25rem;
  color: #333;
  font-family: 'Noto Sans SC';
}
.index_header .box .boxCen .item .nav {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  background: #fff;
  min-height: 50px;
  border-top: 2px solid #f7f7f7;
  visibility: hidden;
  opacity: 0;
  z-index: 102;
}

.index_header .box .boxCen .item .nav .two_tit {
  background: #f7f7f7;
  width: 32%;
  box-sizing: border-box;
  padding: 35px 0 35px 12.3vw;
}
.index_header .box .boxCen .item .nav .two_tit .content1 {
  font-size: 16px;
  font-family: 'Noto Sans SC';
}
.index_header .box .boxCen .item .nav .two_tit .content1 a {
  color: #000;
  font-weight: bold;
}
.index_header .box .boxCen .item .nav .two_tit .content1 a:hover {
  color: #fe6a00;
}
.index_header .box .boxCen .item .nav .two_tit .content2 {
  margin-top: 1.125rem;
  font-size: 16px;
  color: #999;
  font-family: 'Noto Sans SC';
  line-height: 25px;
}
.index_header .box .boxCen .item .nav .twp_main {
  width: 68%;
  padding: 35px 0 35px 4.25rem;
  box-sizing: border-box;
}

.index_header .box .boxCen .item .nav2 .twp_main{
    width: 100%;
    padding: 35px 0 35px 37.25rem;
}
.index_header .box .boxCen .item .nav .twp_main .two_item {
  margin-right: 6rem;
}
.index_header .box .boxCen .item .nav .twp_main .two_item h6 a {
  font-size: 1.125rem;
  color: #fe6a00;
  font-family: 'Noto Sans SC';
  font-weight: bold;
}
.index_header .box .boxCen .item .nav .twp_main .two_item ul {
  margin-top: 1.25rem;
}
.index_header .box .boxCen .item .nav .twp_main .two_item ul li {
  line-height: 1.75rem;
}
.index_header .box .boxCen .item .nav .twp_main .two_item ul li a {
  font-size: 1rem;
  font-family: 'Noto Sans SC';
  color: #666;
}
.index_header .box .boxCen .item .nav .twp_main .two_item ul li a:hover {
  color: #fe6a00;
}
.index_header .box .boxCen .item:hover p a {
  color: #fe6a00;
}
.index_header .box .boxCen .item:hover p::after{
 opacity: 1;
}
.index_header .box .boxCen .item:hover .nav {
  visibility: initial;
  opacity: 1;
}
.index_header .box .boxCen .active p a {
  color: #fe6a00;
}
.index_header .box .boxCen .active p::after{
	opacity: 1;
}
.index_header .box .boxRight {
  line-height: 50px;
  padding: 10px 0;
  box-sizing: border-box;
}
.index_header .box .boxRight a {
  font-size: 1.125rem;
  color: #000;
}
.index_header .box .boxRight a img {
  position: relative;
  top: -2px;
  margin-right: 2px;
}
.index_sticky {
  /* position: fixed; */
}
.index_banner .banner .swiper-slide {
  position: relative;
}
.index_banner .banner .swiper-slide .img img {
  width: 100%;
  height: calc(100vh - 87px);
  object-fit: cover;
}
.index_banner .banner .swiper-slide video{
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.index_banner .banner .swiper-slide .img2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8%;
}
.index_banner .banner .swiper-slide .img2 img {
  width: 48.5rem;
}
.index_banner .banner .swiper-slide .img3 img {
  animation: circleRoate 15s infinite linear ;
}
@keyframes circleRoate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.index_banner .banner .swiper-slide .main {
  position: absolute;
  top: 0;
  right: 12.3vw;
  height: 100%;
  display: flex;
  align-items: center;
}
.index_banner .banner .swiper-slide .main .box .content1 {
  font-size: 4.625rem;
  font-family: 'Noto Sans SC';
  font-weight: bold;
}
.index_banner .banner .swiper-slide .main .box .content2 {
  font-size: 2.625rem;
  color: #fe6a00;
  font-family: 'Noto Sans SC';
  margin-top: 1.5rem;
  font-weight: 500;
}
.index_banner .banner .swiper-slide .main .box .content3 {
  margin-top: 1.75rem;
}
.index_banner .banner .swiper-slide .main .box .content3 a {
  font-size: 1.75rem;
  color: #fff;
  background: #fe6a00;
  display: inline-block;
  padding: 0 1.25rem;
  line-height: 3.25rem;
  text-align: center;
  border-radius: 1.625rem;
}
.index_banner .banner .swiper-pagination {
  bottom: 4rem;
}
.index_banner .banner .swiper-pagination span {
  width: 1.875rem;
  height: 4px;
  border-radius: 2px;
  background: #fff;
  opacity: 1;
  transition: 0.4s;
}
.index_banner .banner .swiper-pagination .swiper-pagination-bullet-active {
  background: #fe6a00;
}
.index_banner .banner .swiper-container {
  --swiper-theme-color: #ff6600;
  /* 设置Swiper风格 */
  --swiper-navigation-color: #fff;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 40px;
  /* 设置按钮大小 */
}
.index_banner .banner .swiper-container .swiper-button-next {
  right: 4.25rem;
  transition: 0.4s;
}
.index_banner .banner .swiper-container .swiper-button-next:hover {
  --swiper-navigation-color: #fe6a00;
  /*  */
}
.index_banner .banner .swiper-container .swiper-button-prev {
  left: 4.25rem;
  transition: 0.4s;
}
.index_banner .banner .swiper-container .swiper-button-prev:hover {
  --swiper-navigation-color: #fe6a00;
  /*  */
}
.p94 {
  padding-top: 5.875rem;
}
.p94_ {
  padding-bottom: 5.875rem;
}
.m45 {
  margin-top: 2.8125rem;
}
.p80 {
  padding-top: 5rem;
}
.p80_ {
  padding-bottom: 5rem;
}
.index_tit {
  text-align: center;
}
.index_tit h5 {
  font-size: 2.625rem;
  font-family: 'Noto Sans SC';
  font-weight: bold
}
.index_tit h6 {
  font-family: 'Noto Sans SC';
  font-size:1.125rem;
  color: #666;
  margin-top: 0.625rem;
  /* text-transform: uppercase; */
}
.index_pro .box .banner {
  position: relative;
}
.index_pro .box .banner .swiper-container {
  padding: 10px;
}
.index_pro .box .banner .item {
  padding: 2.8125rem 2.8125rem 3.4375rem;
  position: relative;
  border: 1px solid #eeeeee;
  box-shadow: 0px 0px 10px #eeeeee;
  border-radius: 5px 5px 3rem 5px;
  transition: 0.4s;
}
.index_pro .box .banner .item .num {
  width: 3.125rem;
  height: 3.125rem;
  background: #fe6a00;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px 0px 50px 0;
  font-size: 1.5rem;
  color: #fff;
  line-height: 3.125rem;
  box-sizing: border-box;
  padding-left: 0.3125rem;
}
.index_pro .box .banner .item .content1 {
  font-size: 1.875rem;
  font-family: 'Noto Sans SC';
  position: relative;
  font-weight: bold
}
.index_pro .box .banner .item .content1::after {
  position: absolute;
  bottom: -6px;
  left: 0;
  content: '';
  width: 1.625rem;
  height: 2px;
  background: #fe6a00;
}
.index_pro .box .banner .item .content2 {
  margin-top: 1.125rem;
  font-size: 1rem;
  color: #999;
  font-family: 'Noto Sans SC';
  line-height: 1.875rem;
  height: 5.625rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: justify;
  text-justify: distribute-all-lines;
  
}
.index_pro .box .banner .item .content3 {
  margin-top: 2.1875rem;
}
.index_pro .box .banner .item .content3 a {
  display: inline-block;
  width: 7.25rem;
  line-height: 2.2rem;
  font-size: 0.875rem;
  color: #fe6a00;
  box-shadow: 0px 0px 10px #ddd;
  text-align: center;
  border-radius: 1.2rem;
  transition: 0.4s;
}
.index_pro .box .banner .item .content3 a:hover {
  background: #fe6a00;
  color: #fff;
  box-shadow: 0px 0px 10px #ffe1cb;
}
.index_pro .box .banner .item:hover {
  border: 1px solid #fe6a00;
  box-shadow: 0px 0px 10px #ffe1cb;
}
.index_pro .box .index_page {
  display: none;
}
.index_btn p {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  box-shadow: 0px 0px 10px #ddd;
  line-height: 3.125rem;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.4s;
  background: #fff;
}
.index_btn p span {
  font-size: 1.125rem;
  font-family: 'Noto Sans SC';
  color: #fe6a00;
}
.index_btn p:hover {
  box-shadow: 0px 0px 10px #fe6a00;
  background: #fe6a00;
}
.index_btn p:hover span {
  color: #fff;
}
.index_btn .prev {
  left: -5.625rem;
}
.index_btn .next {
  right: -5.625rem;
}
.index_link {
  display: flex;
  justify-content: center;
}
.index_link a {
  font-size: 1rem;
  color: #fff;
  display: inline-block;
  background: #fe6a00;
  min-width: 10.25rem;
  line-height: 2.875rem;
  border-radius: 1.4375rem;
  text-align: center;
  box-sizing: border-box;
  padding: 0 1rem;
}
.index_link1 {
  display: flex;
  justify-content: center;
}
.index_link1 a {
  font-size: 1rem;
  color: #fe6a00;
  display: inline-block;
  background: #fff;
  min-width: 10.25rem;
  line-height: 2.875rem;
  border-radius: 1.4375rem;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0px 0px 15px #eee;
  padding: 0 1rem;
}
.index_service .box {
  position: relative;
}
.index_service .box .img img {
  width: 100%;
}
.index_service .box .main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 4.375rem 2.5rem 0;
  box-sizing: border-box;
}
.index_service .box .main .item {
  width: 15.625rem;
}
.index_service .box .main .item .content1 {
  font-family: 'Noto Sans SC';
  font-size: 2.25rem;
  font-weight: bold;
}
.index_service .box .main .item .content2 {
  font-size: 1rem;
  color: #999;
  line-height: 2.25rem;
  height: 9rem;
  margin-top: 1.375rem;
}
.index_service .box .main .item .content3 {
  margin-top: 4.125rem;
}
.index_service .box .main .item .content3 .index_link {
  justify-content: flex-start;
}
.index_app {
  background: url(../images/bg1.png) no-repeat 50% 50%;
  background-size: cover;
}
.index_app .box .swiper-wrapper .swiper-slide .item .img img {
  width: 100%;
  transition: 0.4s;
  border-radius: 0.3125rem;
}
.index_app .box .swiper-wrapper .swiper-slide .item .text {
  padding: 1.5rem 2.625rem;
}
.index_app .box .swiper-wrapper .swiper-slide .item .text .content1 {
  font-size: 1.5rem;
  color: #fe6a00;
  font-family: 'Noto Sans SC';
  border-left: 3px solid #fe6a00;
  height: 1.875rem;
  line-height: 1.875rem;
  padding-left: 0.625rem;
  font-weight: bold;
}
.index_app .box .swiper-wrapper .swiper-slide .item .text .content2 {
  margin-top: 1rem;
  font-size: 1rem;
}
.index_page {
  position: initial;
  text-align: center;
  padding-top: 2rem;
}
.index_page span {
  width: 1.875rem;
  height: 4px;
  border-radius: 2px;
  background: #fff;
  opacity: 1;
  transition: 0.4s;
  margin: 0 0.3125rem;
}
.index_page .swiper-pagination-bullet-active {
  background: #fe6a00;
}
.index_www .box .boxLeft {
  width: 35%;
}
.index_www .box .boxLeft .content1 {
  font-family: 'Noto Sans SC';
  font-size: 1.875rem;
}
.index_www .box .boxLeft .content2 {
  margin-top: 2.125rem;
}
.index_www .box .boxLeft .content2 .item .list .top {
  font-size: 1.25rem;
  font-weight: bold;
  color: #fe6a00;
}
.index_www .box .boxLeft .content2 .item .list .top span {
  font-size: 2.25rem;
  font-weight: bold
}
.index_www .box .boxLeft .content2 .item .list .bot {
  font-size: 1rem;
  color: #666;
  line-height: 1.5rem;
  height: 3rem;
  margin-top: 0.5rem;
}
.index_www .box .boxLeft .content2 .item .list:nth-child(2) {
  width: 12.5rem;
}
.index_www .box .boxLeft .content3 span {
  margin-top: 3.125rem;
  color: #fe6a00;
  border-top: 1px solid #ddd;
  padding-top: 3.125rem;
  font-size: 1.125rem;
  display: inline-block;
}
.index_www .box .boxRight {
  width: 60%;
  position: relative;
  /*opacity: 0;*/
}
.index_www .box .boxRight .map .echatrs {
  width: 100%;
  height: 40rem;
}
.index_www .box .boxRight .map .echatrs > div {
  transform: scale(1.2);
}
.index_www .box .boxRight .main {
  position: absolute;
  left: -4rem;
  bottom: 0;
  z-index: 2;
  width: 16.25rem;
  background: #fe6a00;
  box-sizing: border-box;
  padding: 2rem 2.375rem 1rem;
  border-radius: 5px 5px 3.125rem 5px;
}
.index_www .box .boxRight .main .content1 {
  font-size: 1.5rem;
  color: #fff;
  font-family: 'Noto Sans SC';
  border-bottom: 1px solid #fff;
  padding-bottom: 0.625rem;
}
.index_www .box .boxRight .main .content1 img {
  vertical-align: baseline;
  margin-right: 0.625rem;
}
.index_www .box .boxRight .main .content2 {
  font-size: 1rem;
  color: #fff;
  line-height: 2.25rem;
  padding: 1.25rem 0;
}
.index_www .box .boxRight .main .content2 span {
  font-size: 1.875rem;
  color: #fff;
  font-weight: bold;
  vertical-align: bottom;
}
.index_cooperate {
  background: url(../images/bg2.png) no-repeat 50% 50%;
  background-size: cover;
}
.index_cooperate .box {
  --swiper-theme-color: #ff6600;
  /* 设置Swiper风格 */
  --swiper-navigation-color: #fff;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 40px;
  /* 设置按钮大小 */
}
.index_cooperate .box .banner {
  position: relative;
}
.index_cooperate .box .banner .item {
  position: relative;
  overflow: hidden;
  transition: 0.4s;
}
.index_cooperate .box .banner .item::after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  box-sizing: border-box;
  border: 4px solid #fe6a00;
  border-left-color: #fff;
  border-top-color: #fff;
  border-radius: 0 0 3.75rem 0;
  opacity: 0;
  transition: 0.4s;
}
.index_cooperate .box .banner .item img {
  width: 100%;
}
.index_cooperate .box .banner .item:hover {
  border-radius: 0 0 3.75rem 0;
}
.index_cooperate .box .banner .item:hover::after {
  opacity: 1;
}
.index_cooperate .box .banner .active {
  border-radius: 0 0 3.75rem 0;
}
.index_cooperate .box .banner .active::after {
  opacity: 1;
}
.index_cooperate .box .swiper-button-next {
  right: -4.25rem;
  transition: 0.4s;
}
.index_cooperate .box .swiper-button-next:hover {
  --swiper-navigation-color: #fe6a00;
  /*  */
}
.index_cooperate .box .swiper-button-prev {
  left: -4.25rem;
  transition: 0.4s;
}
.index_cooperate .box .swiper-button-prev:hover {
  --swiper-navigation-color: #fe6a00;
  /* 单独设置按钮颜色 */
}

.index_cooperate1{
	background: #f8f8f8;
	
}
.index_cooperate1 .banner{
	position: relative;
}

.index_footer {
  background: #fbfbfb;
}
.index_footer .box .foot .boxLeft .list {
  margin-right: 7.1875rem;
}
.index_footer .box .foot .boxLeft .list h5 {
  font-size: 1.125rem;
  color: #000;
  margin-bottom: 0.625rem;
  font-weight: bold;
}
.index_footer .box .foot .boxLeft .list .item {
  font-size: 1rem;
  line-height: 1.875rem;
}
.index_footer .box .foot .boxLeft .list .item a {
  color: #999;
}
.index_footer .box .foot .boxLeft .list:last-child {
  margin-right: 0;
}
.index_footer .box .foot .boxCen .boxTop p {
  font-size: 1.125rem;
  cursor: pointer;
  margin-right: 2.5rem;
  border-left: 3px solid #FBFBFB;
  padding-left: 0.5rem;
  height: 1.25rem;
  line-height: 1.25rem;
  transition: 0.4s;
  font-weight: bold;
}
.index_footer .box .foot .boxCen .boxTop p:last-child {
  margin-right: 0;
}
.index_footer .box .foot .boxCen .boxTop .active {
  color: #fe6a00;
  border-left: 3px solid #fe6a00;
  font-weight: bold;
}
.index_footer .box .foot .boxCen .boxBot {
  margin-top: 1.25rem;
}
.index_footer .box .foot .boxCen .boxBot .list {
  display: none;
}
.index_footer .box .foot .boxCen .boxBot .list .item {
  margin-bottom: 0.625rem;
  position: relative;
  font-size: 1rem;
  color: #999;
  padding-left: 6rem;
  line-height: 1.5rem;
  /*width: 17.5rem;*/
  box-sizing: border-box;
}
.index_footer .box .foot .boxCen .boxBot .list .item p {
  position: absolute;
  top: 0;
  left: 0;
}
.index_footer .box .foot .boxCen .boxBot .list .item p img {
  margin-right: 10px;
}
.index_footer .box .foot .boxCen .boxBot .list .item:last-child {
  margin-bottom: 0;
}
.index_footer .box .foot .boxCen .boxBot .active {
  display: block;
}
.index_footer .box .foot .boxRight {
  font-size: 0.875rem;
  color: #666;
  text-align: center;
}
.index_footer .box .foot .boxRight img {
  width: 6.625rem;
}
.index_footer .box .foot .boxRight p {
  margin-top: 5px;
  font-weight: bold;
}
.index_footer .footer {
  margin-top: 3.4375rem;
  padding-top: 1.375rem;
  border-top: 1px solid #ddd;
  padding-bottom: 3rem;
}
.index_footer .footer .left {
  font-size: 1rem;
  color: #666;
}
.index_footer .footer .left a {
  color: #666;
}
.index_footer .footer .right {
  font-size: 1rem;
}
.index_footer .footer .right a {
  color: #666;
}
.column_banner {
  position: relative;
}
.column_banner .img {
  position: relative;
}
.column_banner .img img {
  width: 100%;
}
.column_banner .img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.column_banner .main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
}
.column_banner .main .box .content1 {
  font-size: 3.25rem;
  font-family: 'Noto Sans SC';
  color: #fff;
  font-weight: bold;
}
.column_banner .main .box .content2 {
  font-size: 1.75rem;
  color: #fff;
  margin-top: 2rem;
  font-weight: 100;
  font-weight: bold;
}
.column_banner .main .box .content3 {
  margin-top: 2.5rem;
}
.column_nav {
  position: sticky;
  top: 71px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background: #fff;
  z-index: 99;
  border-top: 1px solid #ddd;
}
.column_nav .box .item {
  margin: 0 2rem;
}
.column_nav .box .item a {
  font-size: 1.125rem;
  display: block;
  line-height: 5rem;
  color: #000;
  font-weight: bold;
}
.column_nav .box .active a {
  color: #fe6a00;
  border-bottom: 2px solid #fe6a00;
}
.news_box .box {
  box-shadow: 0px 0px 15px #eee;
}
.news_box .box .boxLeft {
  width: 50%;
  box-sizing: border-box;
  padding: 4.375rem 4.625rem 3rem 4.625rem;
}
.news_box .box .boxLeft .content1 {
  font-size: 1rem;
  color: #999;
}
.news_box .box .boxLeft .content2 {
  font-size: 1.5rem;
  font-family: 'Noto Sans SC';
  margin: 1.75rem 0;
  font-weight: bold;
}
.news_box .box .boxLeft .content3 {
  font-size: 1.125rem;
  color: #666;
  line-height: 2.25rem;
}
.news_box .box .boxLeft .content4 {
  margin-top: 2.8125rem;
}
.news_box .box .boxRight {
  width: 50%;
  overflow: hidden;
}
.news_box .box .boxRight img {
  width: 100%;
  transition: 0.4s;
}
.news_box .box .boxRight:hover img {
  transform: scale(1.1);
}
.news_box1 .box .link .item {
  padding: 3.125rem 0;
  border-bottom: 1px solid #ddd;
  transition: 0.4s;
}
.news_box1 .box .link .item a .content1 {
  text-align: center;
}
.news_box1 .box .link .item a .content1 div {
  font-size: 2.875rem;
  color: #fe6a00;
  font-weight: bold;
}
.news_box1 .box .link .item a .content1 p {
  font-size: 1rem;
  color: #999;
  font-weight: bold;
  margin-top: -0.5rem;
}
.news_box1 .box .link .item a .content2 {
  width: 75%;
}
.news_box1 .box .link .item a .content2 div {
  font-size: 1.375rem;
  color: #000;
  transition: 0.4s;
  margin-top: 0.5rem;
  font-weight: bold;
}
.news_box1 .box .link .item a .content2 p {
  font-size: 1.125rem;
  color: #666;
  margin-top: 0.9375rem;
}
.news_box1 .box .link .item a .content3 {
  display: flex;
  align-items: center;
}
.news_box1 .box .link .item a .content3 p {
  width: 2.75rem;
  height: 2.75rem;
  line-height: 2.75rem;
  text-align: center;
  border: 1px solid #fe6a00;
  border-radius: 50%;
  color: #fe6a00;
  transition: 0.4s;
}
.news_box1 .box .link .item:hover {
  border-bottom: 1px solid #fe6a00;
}
.news_box1 .box .link .item:hover a .content2 div {
  color: #fe6a00;
}
.news_box1 .box .link .item:hover a .content3 p {
  background: #fe6a00;
  color: #fff;
}
.fengye {
  margin-top: 3.125rem;
  text-align: center;
}
.fengye div a {
  width: 2.8125rem;
  height: 2.8125rem;
  line-height: 2.8125rem;
  border-radius: 50%;
  border: 1px solid #ddd;
  display: inline-block;
  margin: 0 0.625rem;
}
.fengye div a:hover {
  background: #fe6a00;
  border: 1px solid transparent;
  color: #fff;
}
.fengye .active {
  color: #fe6a00;
  border: 1px solid transparent;
}
.fengye p {
  margin: 0 5px;
}
.fengye p a {
  width: 2.8125rem;
  height: 2.8125rem;
  line-height: 2.8125rem;
  margin: 0 0.5rem;
  display: inline-block;
}
.fengye p a:hover {
  color: #fe6a00;
}
.brand_box {
  border-bottom: 1px solid #ddd;
}
.brand_box .box {
  font-size: 1rem;
  color: #999;
  line-height: 5rem;
}
.brand_box .box span,
.brand_box .box a {
  font-size: 1rem;
  color: #999;
}
.news_box2 .box .content1 {
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
.news_box2 .box .content1 h5 {
  font-size: 1.75rem;
  font-family: 'Noto Sans SC';
  font-weight: bold;
}
.news_box2 .box .content1 div {
  font-size: 1rem;
  color: #999;
  margin-top: 0.75rem;
}
.news_box2 .box .content1 div span {
  display: inline-block;
  margin: 0 1.5625rem;
}
.news_box2 .box .content2 {
  font-size: 1.125rem;
  line-height: 2.25rem;
  padding-top: 3.125rem;
}
.news_box2 .box .content2 li{
	list-style: disc;
}
.news_box2 .box .content2 img {
  max-width: 100%;
}
.news_box2 .box .content3 {
  margin-top: 4.625rem;
}
.news_box2 .box .content3 div a {
  width: 2.8125rem;
  height: 2.8125rem;
  line-height: 2.8125rem;
  border-radius: 50%;
  border: 1px solid #ddd;
  margin: 0 0.625rem;
  text-align: center;
  box-shadow: 0px 5px 12px #f5f5f5;
  color: #fe6a00;
  display: inline-block;
}
.news_box2 .box .content3 div a span {
  font-family: 'Noto Sans SC';
}
.news_box2 .box .content3 div a:hover {
  background: #fe6a00;
  color: #fff;
}
.about_box {
  background: url(../images/about2.png) no-repeat left top;
  background-size: 100% auto;
}
.about_box .box .boxleft {
  width: calc(100% - 30.4vw);
  box-sizing: border-box;
  padding-right: 6.25rem;
}
.about_box .box .boxleft .content1 {
  font-size: 1rem;
  line-height: 2.25rem;
  color: #666;
  text-align: justify;
}
.about_box .box .boxleft .content2 {
  margin-top: 2.5rem;
}
.about_box .box .boxleft .content2 .item div {
  color: #fe6a00;
  font-size: 2rem;
  font-family: 'Noto Sans SC';
}
.about_box .box .boxleft .content2 .item div span {
  font-size: 3.5rem;
  font-weight: bold;
}
.about_box .box .boxleft .content2 .item p {
  font-size: 1rem;
}
.about_box .box .boxRight {
  width: 30.4vw;
}
.about_box .box .boxRight img {
  width: 100%;
  border-radius: 0 0 4.25rem 0;
}
.app_box .box .list .item {
  box-shadow: 0px 0px 1.25rem #eee;
  margin-left: 12.3vw;
  margin-bottom: 4.625rem;
}
.app_box .box .list .item .boxLeft {
  width: 40.5%;
  overflow: hidden;
}
.app_box .box .list .item .boxLeft img {
  width: 100%;
  transition: 0.4s;
}
.app_box .box .list .item .boxRight {
  width: 40.5%;
  box-sizing: border-box;
  padding: 4.875rem 8.25rem 0 0;
  margin-right: 12.3vw;
  position: relative;
}
.app_box .box .list .item .boxRight .content1 {
  font-size: 1.875rem;
  font-weight: bold;
}
.app_box .box .list .item .boxRight .content2 {
  font-size: 1.125rem;
  line-height: 2.25rem;
  margin-top: 1.375rem;
}
.app_box .box .list .item .boxRight .content3 {
  margin-top: 4.75rem;
}
.app_box .box .list .item .boxRight .num {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10rem;
  font-family: 'gilroy_bold';
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #f5f5f5;
}
.app_box .box .list .item:hover .boxLeft img {
  transform: scale(1.1);
}
.app_box .box .list .item:last-child {
  margin-bottom: 0;
}
.app_box .box .list .item:nth-child(2n) {
  flex-flow: row-reverse;
  margin-right: 12.3vw;
  margin-left: 0;
}
.app_box .box .list .item:nth-child(2n) .boxRight {
  margin-right: 0;
  margin-left: 12.3vw;
}

.app_box  .index_link1 a:hover{
	background: #fe6a00;
	color: #fff;
}
 .index_cooperate .index_link1 a:hover{
	background: #fe6a00;
	color: #fff;
}
.app_box1 .box .boxLeft {
  width: 43%;
}
.app_box1 .box .boxLeft .content1 h5 {
  font-size: 2.625rem;
  font-family: 'Noto Sans SC';
  padding-top: 1.5625rem;
  font-weight: bold;
}
.app_box1 .box .boxLeft .content1 div {
  font-size: 1rem;
  color: #666;
  /* font-size: 100; */
  /* text-transform: uppercase; */
  margin-top: 0.75rem;
}
.app_box1 .box .boxLeft .content1 p span {
  display: inline-block;
  width: 50px;
  height: 2px;
  background: #fe6a00;
}
.app_box1 .box .boxLeft .content2 {
  font-size: 1rem;
  line-height: 2.25rem;
  color: #666;
  margin-top: 1.375rem;
}
.app_box1 .box .boxRight {
  width: 47%;
}
.app_box1 .box .boxRight p {
  overflow: hidden;
}
.app_box1 .box .boxRight p img {
  width: 100%;
  transition: 0.4s;
}
.app_box1 .box .boxRight:hover img {
  transform: scale(1.1);
}
.app_box2 {
  background: url(../images/appbg.png) no-repeat 50% 50%;
}
.app_box2 .box .banner {
  position: relative;
}
.app_box2 .box .banner p {
	overflow: hidden;
}
.app_box2 .box .banner p img {
  width: 100%;
  transition: 0.4s;
}
.app_box2 .box .banner p:hover img{
	transform: scale(1.1);
}
.pro_box .box .list .main .boxLeft {
  width: 46.5%;
}
.pro_box .box .list .main .boxLeft .banner {
  position: relative;
}
.pro_box .box .list .main .boxLeft .banner p img {
  width: 100%;
}
.pro_box .box .list .main .boxLeft .banner .index_btn {
  opacity: 0;
  transition: 0.3s;
}
.pro_box .box .list .main .boxLeft .banner .index_btn p {
  z-index: 5;
}
.pro_box .box .list .main .boxLeft .banner .index_btn .prev {
  left: 2.5rem;
}
.pro_box .box .list .main .boxLeft .banner .index_btn .next {
  right: 2.5rem;
}
.pro_box .box .list .main .boxLeft .banner .swiper-pagination {
  bottom: 18px;
}
.pro_box .box .list .main .boxLeft .banner .swiper-pagination span {
  background: #fff;
  opacity: 1;
  margin: 0 10px;
}
.pro_box .box .list .main .boxLeft .banner .swiper-pagination .swiper-pagination-bullet-active {
  background: #fe6a00;
}
.pro_box .box .list .main .boxLeft .banner:hover .index_btn {
  opacity: 1;
}
.pro_box .box .list .main .boxRight {
  width: 48%;
  display: flex;
  align-items: center;
}
.pro_box .box .list .main .boxRight .item {
  padding: 1.2rem 0;
  border-bottom: 1px solid #ddd;
  transition: 0.4s;
}
.pro_box .box .list .main .boxRight .item div {
  font-size: 1.375rem;
  color: #000;
  font-family: 'Noto Sans SC';
  transition: 0.4s;
}
.pro_box .box .list .main .boxRight .item p {
  font-size: 1rem;
  color: #999;
  margin-top: 0.625rem;
  line-height: 1.5rem;
  height: 3rem;
 -webkit-line-clamp: 20;

}
.pro_box .box .list .main .boxRight .item:first-child {
  padding-top: 0;
}
.pro_box .box .list .main .boxRight .item:hover {
  border-bottom: 1px solid #fe6a00;
}
.pro_box .box .list .main .boxRight .item:hover div {
  color: #fe6a00;
}
.pro_box .box:nth-child(2n) {
  background: #f7f7f7;
}
.pro_box .box:nth-child(2n) .list .main {
  flex-flow: row-reverse;
}
.pro_box1 .box {
  font-size: 1.125rem;
  line-height: 2.25rem;
  color: #666;
}
.pro_box2 {
  background: #f7f7f7;
}
.pro_box2 .box .banner .swiper-container {
  padding: 10px;
}
.pro_box2 .box .banner .item {
  background: #fff;
  padding: 5rem 0;
  box-shadow: 0px 0px 1rem #eee;
  border-radius: 5px 5px 4rem 5px;
  position: relative;
}
.pro_box2 .box .banner .item .main1 {
  text-align: center;
}
.pro_box2 .box .banner .item .main1 .content1 p {
  width: 5rem;
  height: 5rem;
  background: #fe6a00;
  border-radius: 0.3125rem;
  margin: auto;
  display: flex;
  align-items: center;
}
.pro_box2 .box .banner .item .main1 .content1 p img {
  margin: auto;
  max-width: 3rem;
  max-height: 3rem;
}
.pro_box2 .box .banner .item .main1 .content2 {
  margin-top: 2rem;
  margin-bottom: 1.25rem;
}
.pro_box2 .box .banner .item .main1 .content2 span {
  display: inline-block;
  height: 1px;
  width: 3.25rem;
  background: #fe6a00;
}
.pro_box2 .box .banner .item .main1 .content3 {
  font-size: 1.5rem;
  font-family: 'Noto Sans SC';
  color: #fe6a00;
}
.pro_box2 .box .banner .item .main2 {
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #fe6a00;
  text-align: center;
  padding: 3.125rem 2.5rem 0;
  box-sizing: border-box;
  border-radius: 5px 5px 4rem 5px;
  opacity: 0;
  transition: 0.4s;
}
.pro_box2 .box .banner .item .main2 .content1 {
  font-size: 1.5rem;
  font-family: 'Noto Sans SC';
  color: #fff;
}
.pro_box2 .box .banner .item .main2 .content2 {
  margin-bottom: 1.25rem;
}
.pro_box2 .box .banner .item .main2 .content2 span {
  display: inline-block;
  height: 1px;
  width: 3.25rem;
  background: #fff;
}
.pro_box2 .box .banner .item .main2 .content3 {
  font-size: 1rem;
  color: #fff;
  text-align: left;
  line-height: 1.875rem;
  font-weight: 100;
}
.pro_box2 .box .banner .item:hover .main2 {
  top: 0;
  opacity: 1;
}
.pro_box3 .box {
  font-size: 1.125rem;
  line-height: 2.25rem;
  color: #666;
}
.pro_box3 .box img {
  width: 100%;
}
.pro_box4 .box .boxLeft {
  width: 52%;
}
.pro_box4 .box .boxLeft img {
  width: 100%;
}
.pro_box4 .box .boxRight {
  width: 36%;
}
.pro_box4 .box .boxRight .content1 {
  margin-top: 4rem;
}
.pro_box4 .box .boxRight .content1 div {
  text-align: left;
}
.pro_box4 .box .boxRight .content2 {
  font-size: 1rem;
  line-height: 2.25rem;
  color: #666;
  margin-top: 2.1875rem;
}
.pro_box5 {
  background: #f7f7f7;
}
.pro_box5 .box .boxLeft {
  width: 26.25rem;
}
.pro_box5 .box .boxLeft .item {
  background: #fff;
  padding: 2.25rem 3.125rem;
  box-sizing: border-box;
  box-shadow: 0px 0px 1.25rem #ddd;
  margin-bottom: 1.5625rem;
}
.pro_box5 .box .boxLeft .item:last-child {
  margin-bottom: 0;
}
.pro_box5 .box .boxLeft .item .left {
  width: 4.375rem;
  margin-right: 2.1875rem;
}
.pro_box5 .box .boxLeft .item .left img {
  max-width: 100%;
  margin-top: 1rem;
}
.pro_box5 .box .boxLeft .item .right {
	width: 67%;
}
.pro_box5 .box .boxLeft .item .right .tit {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
}
.pro_box5 .box .boxLeft .item .right .text {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #666;
}
.pro_box5 .box .boxRight {
  background: #fff;
  box-shadow: 0px 0px 1.25rem #ddd;
  width: 65%;
  display: flex;
  align-items: center;
}
.pro_box5 .box .boxRight p {
  margin: auto;
  max-width: 100%;
  padding: 2rem;
  box-sizing: border-box;
}
.pro_box5 .box .boxRight p img {
  max-width: 100%;
}
.pro_box6 .box .content1 {
  font-size: 1rem;
  line-height: 2.25rem;
  color: #666;
}
.pro_box6 .box .content2 .banner {
  position: relative;
}
.pro_box6 .box .content2 .banner .swiper-container {
  padding: 50px 0;
}
.pro_box6 .box .content2 .banner .swiper-slide .item img {
  width: 100%;
  transition: 0.4s;
}
.pro_box6 .box .content2 .banner .swiper-slide-active {
  z-index: 3;
}
.pro_box6 .box .content2 .banner .swiper-slide-active .item img {
  width: 100%;
  transform: scale(1.3);
}
.pro_box7 .box {
  width: 46.36vw;
  margin: auto;
  position: relative;
}
.pro_box7 .box .img {
  margin-top: 5rem;
  /* height: 23.18vw; */
  overflow: hidden;
  position: relative;
}
.pro_box7 .box .img > img {
  width: 100%;
}
.pro_box7 .box .img p {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
}
.pro_box7 .box .img p img {
  margin: auto;
}
.pro_box7 .box .content1 {
  position: absolute;
  top: 4rem;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 7.125rem;
}
.pro_box7 .box .content1 .item {
  color: #fe6a00;
  font-family: 'Noto Sans SC';
}
.pro_box7 .box .content2 {
  position: absolute;
  top: 12rem;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.pro_box7 .box .content2 .item {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  background: #fe6a00;
  display: flex;
  align-items: center;
}
.pro_box7 .box .content2 .item:nth-child(2) {
  position: relative;
  top: -16rem;
}
.pro_box7 .box .content2 .item p {
  margin: auto;
}
.pro_box7 .box .content2 .item p img {
  max-width: 3.75rem;
  max-height: 4.375rem;
}
.pro_box8 {
  background: #f7f7f7;
}
.pro_box8 .box .item {
  background: #fff;
  width: 24%;
  box-sizing: border-box;
  padding: 3.125rem 3.125rem 0;
  border-radius: 5px 5px 3.125rem 5px;
}
.pro_box8 .box .item .content1 {
  font-size: 1.5rem;
  font-family: 'Noto Sans SC';
  font-weight: bold;
}
.pro_box8 .box .item .content2 {
  font-size: 1.125rem;
  color: #999;
  line-height: 2.25rem;
  margin-top: 1.125rem;
  height: 4.5rem;
}
.pro_box8 .box .item .content3 img {
  width: 15rem;
}
.pro_box9 {
  background: #f7f7f7;
}
.pro_box9 .box {
  background: #fff;
  text-align: center;
}
.pro_box9 .box img {
  max-width: 100%;
}
.pro_box10 .box .item {
  width: 49%;
  position: relative;
}
.pro_box10 .box .item .img {
  overflow: hidden;
}
.pro_box10 .box .item .img img {
  width: 100%;
  transition: 0.4s;
}
.pro_box10 .box .item:hover .img img{
	transform: scale(1.1);
}
.pro_box10 .box .item .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  box-sizing: border-box;
  padding: 5.5rem 4.0625rem 0;
}
.pro_box10 .box .item .text .content1 {
  font-family: 'Noto Sans SC';
  font-size: 2.625rem;
  font-weight: bold;
}
.pro_box10 .box .item .text .content2 {
  font-size: 1rem;
  /* text-transform: uppercase; */
  margin-top: 0.625rem;
}
.pro_box10 .box .item .text .content3 {
  margin-top: 5px;
}
.pro_box10 .box .item .text .content3 span {
  display: inline-block;
  width: 2.25rem;
  height: 2px;
  background: #fe6a00;
}
.pro_box10 .box .item .text .content4 {
  font-size: 1rem;
  color: #fff;
  line-height: 2.25rem;
  margin-top: 10px;
  padding-right: 5rem;
}
.pro_box10 .box .item .text .content4 span {
  font-size: 12px;
  transform: scale(0.5);
  display: inline-block;
}
.pro_box11 .box {
  font-size: 1.125rem;
  color: #666;
  line-height: 2.25rem;
}
.pro_box12 {
  background: #f7f7f7;
}
.pro_box12 .box .banner .swiper-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pro_box12 .box .banner .swiper-wrapper .swiper-slide {
  width: 32%;
  height: auto !important;
}
.pro_box12 .box .banner .swiper-wrapper .swiper-slide .item {
  width: 100%;
  background: #fff;
  padding: 4.25rem 0;
  text-align: center;
  margin-bottom: 1.5rem;
  border-radius: 5px;
  box-shadow: 0px 0px 15px #eee;
  position: relative;
}
.pro_box12 .box .banner .swiper-wrapper .swiper-slide .item .main1 {
  transition: 0.2s;
}
.pro_box12 .box .banner .swiper-wrapper .swiper-slide .item .main1 .content1 img {
  height: 3.75rem;
}
.pro_box12 .box .banner .swiper-wrapper .swiper-slide .item .main1 .content2 {
  font-size: 1.75rem;
  font-family: 'Noto Sans SC';
  margin-top: 1.5rem;
  font-weight: bold;
}
.pro_box12 .box .banner .swiper-wrapper .swiper-slide .item .main2 {
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 5px;
  border-bottom: 2px solid #fe6a00;
  opacity: 0;
  transition: 0.4s;
}
.pro_box12 .box .banner .swiper-wrapper .swiper-slide .item .main2 .content1 {
  font-size: 1.75rem;
  font-family: 'Noto Sans SC';
  color: #fe6a00;
  padding-top: 2.5rem;
  font-weight: bold;
}
.pro_box12 .box .banner .swiper-wrapper .swiper-slide .item .main2 .content2 {
  font-size: 1rem;
  color: #666;
  line-height: 1.875rem;
  text-align: justify;
  padding: 1.125rem 2.8125rem 0;
}
.pro_box12 .box .banner .swiper-wrapper .swiper-slide .item:hover .main1 {
  opacity: 0;
}
.pro_box12 .box .banner .swiper-wrapper .swiper-slide .item:hover .main2 {
  top: 0;
  opacity: 1;
}
.pro_box13 .box .item {
  width: 49%;
  position: relative;
  box-shadow: 0px 0px 16px #eee;
  padding: 30px;
  box-sizing: border-box;
}
.pro_box13 .box .item .img {
  overflow: hidden;
}
.pro_box13 .box .item .img img {
  max-width: 100%;
  transition: 0.4s;
  margin: auto;
}
.pro_box14 {
  background: #f7f7f7;
}
.pro_box14 .box img {
  width: 100%;
}
.pro_box15 .box img {
  width: 100%;
}
.pro_box16 {
  padding: 2.625rem 0 4.25rem;
  background: #f7f7f7;
  position: relative;
}
.pro_box16 .index_tit {
  position: absolute;
  top: 5rem;
  width: 100%;
}
.pro_box16 .box {
  position: relative;
}
.pro_box16 .box .img {
  width: 51vw;
  margin: auto;
}
.pro_box16 .box .img img {
  width: 100%;
}
.pro_box16 .box .list .item {
  position: absolute;
  width: 17vw;
  text-align: right;
}
.pro_box16 .box .list .item .content1 {
  font-size: 1.5rem;
  font-family: 'Noto Sans SC';
  font-weight: bold;
}
.pro_box16 .box .list .item .content2 {
  font-size: 1.125rem;
  color: #999;
  line-height: 1.875rem;
  margin-top: 1rem;
}
.pro_box16 .box .list .item1 {
  top: 19%;
  left: 0;
}
.pro_box16 .box .list .item2 {
  top: 48%;
  left: 0;
}
.pro_box16 .box .list .item3 {
  top: 77%;
  left: 0;
}
.pro_box16 .box .list .item4 {
  top: 19%;
  right: 0;
  text-align: left;
}
.pro_box16 .box .list .item5 {
  top: 48%;
  right: 0;
  text-align: left;
}
.pro_box16 .box .list .item6 {
  top: 77%;
  right: 0;
  text-align: left;
}
.pro_box16 .box .list .item7 {
  text-align: center;
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
}
.pro_box17 {
  background: url(../images/probg1.png) no-repeat 50% 50%;
}
.pro_box17 .box .banner .swiper-container .swiper-wrapper .swiper-slide .item {
  background: #fff;
  padding: 2rem 2.1875rem;
  border-radius: 5px 5px 3.125rem 5px;
}
.pro_box17 .box .banner .swiper-container .swiper-wrapper .swiper-slide .item .content1 {
  font-size: 1.375rem;
  font-family: 'Noto Sans SC';
  font-weight: bold;
}
.pro_box17 .box .banner .swiper-container .swiper-wrapper .swiper-slide .item .content2 {
  margin-top: 1.25rem;
}
.pro_box17 .box .banner .swiper-container .swiper-wrapper .swiper-slide .item .content2 p {
  font-size: 1.125rem;
  color: #666;
  line-height: 2.625rem;
}
.pro_box17 .box .banner .swiper-container .swiper-wrapper .swiper-slide .item .content3 {
  font-size: 1rem;
  color: #666;
  border-top: 1px solid #ddd;
  padding: 1rem 0 0;
  margin-top: 1.625rem;
}
.pro_box17 .box .banner .swiper-container .swiper-wrapper .swiper-slide .item .content3 span {
  font-size: 1.625rem;
  font-family: 'Noto Sans SC';
  color: #fe6a00;
}
.pro_box17 .box .banner .swiper-container .swiper-wrapper .swiper-slide .item .content4 {
  margin-top: 1.5rem;
}
.pro_box17 .box .banner .swiper-container .swiper-wrapper .swiper-slide .item .content4 a {
  font-size: 1rem;
  color: #fff;
  display: inline-block;
  line-height: 2.8125rem;
  border-radius: 1.75rem;
  background: #fe6a00;
  width: 100%;
  text-align: center;
}
.pro_box18 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  display: none;
}
.pro_box18 .box {
  width: 53.125rem;
  max-width: 90%;
  margin: auto;
  background: #fff;
  padding: 3.125rem 0;
  position: relative;
}
.pro_box18 .box > span {
  font-size: 2rem;
  top: 2rem;
  right: 2rem;
  position: absolute;
  z-index: 5;
  color: #999;
  cursor: pointer;
}
.pro_box18 .box .content1 {
  text-align: center;
}
.pro_box18 .box .content1 h5 {
  font-size: 1.75rem;
  font-family: 'Noto Sans SC';
}
.pro_box18 .box .content1 p {
  font-size: 1rem;
  color: #999;
  margin-top: 0.5rem;
}
.pro_box18 .box .content2 {
  padding: 0 5rem;
  margin-top: 1.75rem;
}
.pro_box18 .box .content2 .item {
  width: 48%;
  margin-bottom: 1.25rem;
}
.pro_box18 .box .content2 .item input {
  display: block;
  width: 100%;
  background: #f7f7f7;
  height: 45px;
  font-size: 16px;
  border: 0;
  box-sizing: border-box;
  padding: 0 2rem;
}
.pro_box18 .box .content2 .item textarea {
  display: block;
  width: 100%;
  background: #f7f7f7;
  height: 90px;
  font-size: 16px;
  border: 0;
  box-sizing: border-box;
  padding: 1rem 2rem;
  resize: none;
}
.pro_box18 .box .content2 .item1 {
  width: 100%;
}
.pro_box18 .box .content2 .item2 {
  width: 100%;
}
.pro_box18 .box .content2 .item3 {
  text-align: center;
  width: 100%;
  padding-top: 1rem;
}
.pro_box18 .box .content2 .item3 input {
  margin: auto;
  font-size: 1rem;
  color: #fff;
  display: block;
  line-height: 3rem;
  border-radius: 1.75rem;
  background: #fe6a00;
  width: 13.125rem;
  text-align: center;
  border: 0;
  cursor: pointer;
}
.index_fixed {
  z-index: 5;
  right: 10px;
  bottom: 50px;
  position: fixed;
  display: none;
}
.index_fixed .item {
  background: #fff;
  width: 4.5rem;
  height: 4.5rem;
  box-shadow: 0px 0px 15px #eee;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
}
.index_fixed .item .main {
  display: flex;
  height: 100%;
  align-items: center;
}
.index_fixed .item .main > div {
  margin: auto;
}
.index_fixed .item .main > div .text {
  font-size: 0.875rem;
  color: #333;
  margin-top: 5px;
}
.index_fixed .item .ewm {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateX(-110%) translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  box-shadow: 0px 0px 15px #eee;
}
.index_fixed .item .ewm img {
  width: 6.625rem;
}
.index_fixed .item .call {
  position: absolute;
  height: 100%;
  left: 0;
  top: 50%;
  transform: translateX(-110%) translateY(-50%);
  transition: 0.4s;
  background: #fff;
  font-size: 1.25rem;
  font-family: 'Noto Sans SC';
  padding: 0 1rem;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 15px #eee;
  opacity: 0;
  visibility: hidden;
}
.index_fixed .item .call a {
  white-space: nowrap;
  display: block;
}
.index_fixed .item:hover .ewm {
  opacity: 1;
  visibility: initial;
}
.index_fixed .item:hover .call {
  opacity: 1;
  visibility: initial;
}
.index_fixed .go {
  background: #fe6a00;
}
@media screen and (max-width: 1440px) {
  .w1200 {
    margin: 0 12.3vw;
    width: calc(100% - 24.6vw);
  }
  .m45 {
    margin-top: 2.8125rem;
  }
  .pro_box2 .box .banner .item .main2 .content3{
	  min-height: 5.625rem;
  }
  .index_fixed .item{
	  width: 5.5rem;
	  height: 5.5rem;
  }
  .index_banner .banner .swiper-slide .img2 img {
      width: 45rem;
  }
}

@media screen and (max-width: 1280px) {
	.index_banner .banner .swiper-slide .img2 img {
	    width: 40.5rem;
	}
}


@media screen and (max-width: 992px) {
	
	#cc{
		top: -76px;
	}
  .column_nav {
    top: 75px;
  }
  .index_header {
    display: none;
  }
  .index_banner .banner .swiper-slide .img img {
    height: auto;
  }
  .index_banner .banner .swiper-slide .main .box .content1 {
    font-size: 2rem;
  }
  .index_banner .banner .swiper-slide .main .box .content2 {
    font-size: 2rem;
  }
  .index_banner .banner .swiper-container .swiper-button-next {
    display: none;
  }
  .index_banner .banner .swiper-container .swiper-button-prev {
    display: none;
  }
  .index_banner .banner .swiper-pagination {
    bottom: 1rem;
  }
  .index_banner .banner .swiper-slide .main .box .content3 a {
    font-size: 1.2rem;
    padding: 0 2rem;
  }
  .index_banner .banner .swiper-slide .main {
    right: 3vw;
  }
  .index_tit h5 {
    font-size: 2rem;
  }
  .index_fixed {
    /* display: none !important; */
  }
  .w1447 {
    margin: 0 3vw;
    width: calc(100% - 6vw);
  }
  .w1200 {
    margin: 0 3vw;
    width: calc(100% - 6vw);
  }
  .w1280 {
    margin: 0 3vw;
    width: calc(100% - 6vw);
  }
  .index_pro .box .banner .item .content1 {
    font-size: 1.5rem;
  }
  .index_btn {
    display: none;
  }
  .m45 {
    margin-top: 2.8125rem;
  }
  .index_page {
    display: block !important;
  }
  .index_page span {
    background: #fff;
  }
  .index_service .box .main {
    position: initial;
  }
  .index_service .box .main .item {
    width: 48%;
  }
  .index_service .box .main .item .content1 {
    font-size: 1.8rem;
  }
  .index_www .box .boxLeft .content1 {
    font-size: 1.8rem;
  }
  .index_www .box .boxLeft {
    width: 100%;
  }
  .index_www .box .boxRight {
    width: 100%;
  }
  .index_www .box .boxRight .main {
    left: 0vw;
  }
  .index_www .box .boxRight .main .content2 span {
    font-size: 1.5rem;
  }
  .index_www .box .boxRight .map .echatrs > div {
    transform: scale(1);
  }
  .index_footer .box .foot .boxLeft {
    display: none;
  }
  .p94 {
    padding-top: 4rem;
  }
  .index_cooperate .box .swiper-button-next {
    display: none;
  }
  .index_cooperate .box .swiper-button-prev {
    display: none;
  }
  .column_banner .main .box .content1 {
    font-size: 2rem;
  }
  .column_banner .img img {
    height: 28rem;
    object-fit: cover;
  }
  .column_banner .main .box .content2 {
    font-size: 1.5rem;
  }
  .column_nav .box .item {
    margin: 0 1rem;
  }
  .pro_box12 .box .banner .swiper-wrapper {
    flex-wrap: initial;
  }
  .index_pro .index_page span,
  .pro_box6 .index_page span {
    background: #ddd;
  }
  .index_pro .index_page .swiper-pagination-bullet-active,
  .pro_box6 .index_page .swiper-pagination-bullet-active {
    background: #fe6a00;
  }
  .pro_box16 .index_tit {
    position: initial;
    top: 0;
  }
  .pro_box16 .box .list .item {
    position: initial;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    text-align: left;
    margin-bottom: 2rem;
  }
  .pro_box16 .box .list .item:last-child {
    margin-bottom: 0;
  }
  .pro_box16 .box .list .item7 {
    transform: translateX(0%);
  }
  .pro_box8 .box .item {
    margin-bottom: 2rem;
    width: 48%;
  }
  .pro_box10 .box .item {
    width: 100%;
    margin-bottom: 1rem;
  }
  .pro_box10 .box .item:last-child {
    margin-bottom: 0;
  }
  .pro_box10 .box .item .text .content1 {
    font-size: 2rem;
  }
  .pro_box7 .box {
    width: 94vw;
  }
  .pro_box7 .box .img {
    /* height: 45vw; */
  }
  .pro_box12 .box .banner .swiper-wrapper .swiper-slide .item .main2 {
    position: initial;
    opacity: 1;
    background: none;
  }
  .pro_box12 .box .banner .swiper-wrapper .swiper-slide .item .main2 {
    border: 0;
  }
  .pro_box12 .box .banner .swiper-wrapper .swiper-slide .item .main2 .content1 {
    display: none;
  }
  .pro_box12 .box .banner .swiper-wrapper .swiper-slide .item .main1 .content2 {
    font-size: 1.5rem;
  }
  .pro_box4 .box .boxRight {
    width: 100%;
    margin-top: 1rem;
  }
  .pro_box4 .box .boxLeft {
    width: 100%;
  }
  .pro_box5 .box .boxLeft {
    width: 100%;
  }
  .pro_box5 .box .boxRight {
    width: 100%;
    margin-top: 2rem;
  }
  .pro_box2 .box .banner .item .main2 {
    position: initial;
    opacity: 1;
    background: none;
    padding: 1.25rem 2.5rem;
  }
  .pro_box2 .box .banner .item .main2 .content3 {
    color: #333;
  }
  .pro_box2 .box .banner .item .main2 .content1 {
    display: none;
  }
  .pro_box2 .box .banner .item .main2 .content2 {
    display: none;
  }
  .pro_box .box .list .main .boxLeft {
    width: 100%;
  }
  .pro_box .box .list .main .boxRight {
    width: 100%;
    margin-top: 2rem;
  }
  .pro_box .box:nth-child(2n) .list .main {
    flex-flow: column;
  }
  .pro_box .box .list .main .boxLeft .banner .index_btn {
    display: block;
    opacity: 1;
  }
  .app_box .box .list .item {
    margin-left: 0vw;
  }
  .app_box .box .list .item .boxLeft {
    width: 50%;
  }
  .app_box .box .list .item .boxRight {
    width: 50%;
    margin: 0;
    padding: 1.5rem 2rem;
  }
  .app_box .box .list .item .boxRight .content3 {
    margin-top: 1.75rem;
  }
  .app_box .box .list .item .boxRight .content1 {
    font-size: 1.5rem;
    font-weight: bold;
  }
  .app_box .box .list .item:nth-child(2n) .boxRight {
    margin-right: 0;
    margin-left: 3vw;
  }
  .app_box .box .list .item:nth-child(2n) {
    margin-right: 0vw;
  }
  .app_box .box .list .item .boxRight .content2 {
    line-height: 2rem;
    margin-top: 1.2rem;
  }
  .app_box .box .list .item .boxRight .num {
    font-size: 6rem;
  }
  .app_box1 .box .boxLeft {
    width: 100%;
  }
  .app_box1 .box .boxRight {
    width: 100%;
    margin-top: 1rem;
  }
  .index_tit h6 {
    padding: 0 3vw;
  }
  .p80 {
    padding-top: 4rem;
  }
  .p80_ {
    padding-bottom: 4rem;
  }
  .p94 {
    padding-top: 4rem;
  }
  .p94_ {
    padding-bottom: 4rem;
  }
  .app_box1 .box .boxLeft .content1 h5 {
    font-size: 2rem;
    padding: 0;
  }
  .about_box .box .boxleft {
    padding: 0;
    width: 100%;
  }
  .about_box .box .boxRight {
    width: 100%;
    margin-top: 2rem;
  }
  .about_box .box .boxleft .content2 .item div span {
    font-size: 2.5rem;
    font-weight: bold;
  }
  .news_box .box .boxLeft {
    width: 100%;
    padding: 3rem;
  }
  .news_box .box .boxRight {
    width: 100%;
    margin-top: 2rem;
  }
  .news_box2 .box .content1 h5 {
    font-size: 1.5rem;
  }
  .header_box {
    display: block;
  }
  .pro_box16 .box .img{
	  display: none;
  }
  .pro_box16 .box .list{
	  margin-top: 3rem;
  }
  .pro_box12 .box .banner .swiper-wrapper .swiper-slide .item {
      padding: 3.25rem 0;
      margin-bottom: 0;
  }
  .pro_box12 .box .banner .swiper-wrapper .swiper-slide .item:hover .main1 {
      opacity: 1;
  }
  
  .index_banner .banner .swiper-slide .img2 img {
      width: 52%;
  }
  
}
@media screen and (max-width: 669px) {
  .header_box .header_main .logo img {
    height: 40px;
  }
  .mob_header {
    top: 60px;
    height: calc(100% - 60px);
  }
  .index_banner .banner .swiper-slide .main .box .content1 {
    font-size: 1.4rem;
  }
  .index_banner .banner .swiper-slide .main .box .content2 {
    font-size: 1.2rem;
  }
  /* .index_banner .banner .swiper-slide .img img {
    height: 20rem;
  } */
  .index_banner .banner .swiper-pagination {
    bottom: 5px;
  }
  .index_service .box .main {
    padding: 2rem 0rem 0;
  }
  .index_service .box .main .item .content1 {
    font-size: 1.5rem;
  }
  .index_tit h5 {
    font-size: 1.5rem;
  }
  .index_app .box .swiper-wrapper .swiper-slide .item .text {
    padding: 2.125rem 1.625rem 0;
  }
  .index_www .box .boxLeft .content1 {
    font-size: 1.4rem;
  }
  .index_www .box .boxLeft .content2 .item .list .top span {
    font-size: 1.5rem;
    font-weight: bold;
  }
  .index_www .box .boxRight .map .echatrs {
    height: 29rem;
  }
  .index_www .box .boxRight .main {
    position: initial;
  }
  .index_footer .box .foot .boxCen .boxTop p {
    margin-right: 1.5rem;
  }
  .index_footer .footer {
    text-align: center;
  }
  .index_footer .footer .left a {
    display: block;
  }
  .index_cooperate {
    background-size: auto;
  }
  .index_footer .footer .right {
    width: 100%;
  }
  .index_footer .footer {
    margin-top: 3rem;
    padding-bottom: 2rem;
  }
  .column_nav {
    top: 60px;
  }
  .pro_box12 .box .banner .swiper-wrapper .swiper-slide .item .main1 .content2 {
    font-size: 1.4rem;
  }
  .column_nav {
    overflow: scroll;
  }
  .column_nav .box {
    white-space: nowrap;
    flex-wrap: nowrap;
  }
  .column_nav .box .item {
    width: 33.333%;
    margin: 0;
    padding: 0 1rem;
  }
  .column_nav::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  .column_nav::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0);
  }
  .column_nav::-webkit-scrollbar-track {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0);
  }
  .pro_box7 .box .content2 .item {
    width: 6rem;
    height: 6rem;
  }
  .pro_box7 .box .content2 .item p img {
    max-width: 3rem;
    max-height: 4rem;
  }
  .pro_box7 .box .img {
    /* height: 57vw; */
  }
  .pro_box8 .box .item {
    width: 100%;
  }
  .pro_box8 .box .item .content3 {
    text-align: center;
  }
  .pro_box10 .box .item .text {
    padding: 1rem 2rem;
  }
  .pro_box10 .box .item .text .content1 {
    font-size: 1.5rem;
  }
  .pro_box10 .box .item .text .content4 {
    padding-right: 0;
  }
  .column_nav .box {
    justify-content: flex-start;
  }
  .column_nav .box .item {
    width: auto;
  }
  .pro_box6 .box .content2 .banner .swiper-container {
    padding: 40px 0;
  }
  .app_box .box .list .item .boxLeft {
    width: 100%;
  }
  .app_box .box .list .item .boxRight {
    width: 100%;
  }
  .app_box .box .list .item:nth-child(2n) {
    flex-flow: column;
  }
  .app_box .box .list .item {
    margin-bottom: 2rem;
  }
  .app_box .box .list .item .boxRight .content1 {
    font-size: 1.4rem;
  }
  .app_box1 .box .boxLeft .content1 h5 {
    font-size: 1.5rem;
  }
  .news_box .box .boxLeft .content2 {
    font-size: 1.4rem;
  }
  .news_box1 .box .link .item a .content2 {
    width: 66%;
  }
  .fengye p a {
    display: none;
  }
  .fengye p .active {
    display: block;
  }
  .news_box2 .box .content1 h5 {
    font-size: 1.4rem;
  }
  .index_footer .footer .left{
	  width: 100%;
  }
  #cc{
  	top: -61px;
  }
  .index_footer .box .foot .boxCen .boxBot .list .item{
     width: auto;
  }
  
}







.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.sjx{ display:none}
.cent{ margin: 0 12.3vw; margin-top: 0px; width: calc(100% - 24.6vw); box-sizing: border-box;}
.xbanner{ position:relative}
.xbanner h2 img{ width:100%}
.xbann-1{ position:absolute; right:2%; top:26%; max-width:700px; background:#000; background-color: rgba(0,0,0,0.52); filter: Alpha(opacity=52); padding:3%;border: #999 1px solid; border-radius:20px}
.xbann-1 h1{ font-size:42px; font-weight:bold; color:#fff}
.xbann-1 p{ font-size:16px; line-height:28px; margin-top:4%; text-align: justify; color:#fff}
.xbann-1 h2{ position: absolute; right: 8%; bottom: -20px;}
.xbann-1 h2 a{ background: #fe6a00; color: #fff; border-radius: 30px; font-size:18px; padding: 10px 40px; display: inline-block;}
.ypt1-1{ margin-top:4%; background:#ececec;position: relative;}
.ypt1-z,.ypt1-y{ width:50%}
.ypt1-z{ padding:0 6%;height: 100%;position: absolute;display: table; box-sizing: border-box;}
.ypt1-y p img{ width:100%}
.ypt1-z.right{ right:0}
.ypt1-2 p{ font-size:35px; text-align:center; line-height:60px; font-weight:bold}
.ypt1-2,.ypt1-3{ height:100%;display: table-cell;vertical-align: middle;}
.ypt1-3 p{ font-size:16px; line-height:30px;}
.ypt1-3 p strong{ display:block}
.ypt1-3,.ypt1-z:hover .ypt1-2{ display:none}
.ypt1-z:hover .ypt1-3{ display:table-cell}
.ypt1-1:hover div p{ color:#fff}
.ypt1-1:hover{ background:#dd5323}
.he_ZoomInImg,.ypt1-y p,.ypt3-2 p a,.ypt4-1 h2 a,.hl3-2 p,.wan1-1 dl dt,.slick-slide dl dt{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.he_ZoomInImg .he_ZoomInImg_img,.ypt1-y p img,.ypt3-2 p a img,.ypt4-1 h2 a img,.hl3-2 p img,.wan1-1 dl dt img,.slick-slide dl dt img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img,.ypt1-y p:hover img,.ypt3-2 p a:hover img,.ypt4-1 h2 a:hover img,.hl3-2 p:hover img,.wan1-1 dl:hover dt img,.slick-slide dl dt:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.2);transform:scale(1.1);}
.ny-bt{ text-align:center; font-size:42px; font-weight:bold; margin:6% 0 4%}
.ny-bt span{ display:block; font-weight:normal; color:#6c6969; font-size:18px; margin-top:1%}
.ypt2-1:nth-child(1){ background:#ececec}
.ypt2-1:nth-child(1) .ypt2-y p{ overflow:hidden}
.ypt2-1:nth-child(1) .ypt2-y p img{ float:right}
.ypt2-1{ padding:5% 0}
.ypt2-z{ width:42%;}
.ypt2-z1{ width:40%}
.ypt2-y{ width:50%;}
.ypt2-y p img{ max-width:100%}
.ypt2-z{ margin-top:9%; position:relative; color:#666}
.ypt2-z h2{ font-weight:bold; position:absolute;left:7%; top:40px;background: linear-gradient(to right, #df5425, #fe8056); font-size:18px; color:#fff; padding:10px 20px; border-radius:30px}
.ypt2-z p{ padding:20% 7% 10%; font-size:16px; line-height:28px; color:#666;box-shadow: 0 0 10px #ccc;}
.ypt3{ background:#ececec; overflow:hidden; padding-bottom:6%}
.ypt3-1{ overflow:hidden; padding:15px 6%;}
.ypt3-2{ float:left; margin:0 7%; width:36%; background:#f8f8f8; border-radius:20px; padding:4.5% 5%;box-shadow: 0 0 15px #ddd; box-sizing: border-box;}
.ypt3-2 h2 a{ display:block; font-size:20px; font-weight:bold}
.ypt3-2 h4{ font-size:14px; margin-top:3%; color:#666}
.ypt3-2 p a{ display:block;}
.ypt3-2 p a img{ width:100%}
.ypt3-2 p{ margin-top:13%;}
.ypt3-2 h3{ margin-top:15%;}
.more{ display:block; width:120px; font-size:16px; text-align:center; line-height:40px; background:#a6a5a4; border-radius:30px; color:#fff}
.more:hover{ background:#dd5222; color:#fff}
.ypt3-2 h3 .more{ margin:auto}
.ypt3-2 h2 a:hover,.ypt4-1 h3 a:hover{ color:#fe6a00}
.ypt4{ margin-bottom:6%; margin-left:-2%; overflow:hidden} 
.ypt4-1{ float:left; width:23%; margin-left:2%}
.ypt4-1 h2 a{ display:block}
.ypt4-1 h2 a img{ display:block; width:100%}
.ypt4-1 h3,.ypt4-1 h4{ margin-top:6%}
.ypt4-1 h3 a{ display:block; font-size:20px; font-weight:bold;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ypt4-1 p{ font-size:16px; line-height:26px; margin-top:5%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.hl1{ margin:4% 0; padding:6% 0; background:url(../images/cp-hl-1.jpg) no-repeat center; overflow:hidden} 
.ny-bt .a1{ color:#666;}
.hl1 p img{ width:100%}
.hl2{ overflow:hidden; margin-left:-3%; margin-bottom:6%}
.hl2-1{ float:left; width:30.333%; margin-left:3%; border:#ec9e83 1px solid; border-radius:20px; padding:4% 5%; height:488px; overflow:hidden; box-sizing: border-box;}
.hl2-1 h2 img{ display:block; margin:0 auto 8%}
.hl2-1 h2{ font-size:30px; font-weight:bold; text-align:center}
.hl2-1 p{ font-size:16px; color:#666; line-height:28px; text-align:center; margin-top:8%}
.hl3{ background:#ececec; overflow:hidden; padding-bottom:6%;}
.hl3-1{ margin-top:-3%; margin-left:-2%;overflow: hidden;}
.hl3-2{ float:left; width:23%; margin-left:2%; margin-top:3%; background:#f5f5f5;}
.hl3-2 h2{ font-size:21px; padding:18% 6% 0%; font-weight:bold; background:url(../images/cp-hl-9.jpg) no-repeat left 6% top 24%;height: 145px;overflow: hidden; box-sizing: border-box;}
.hl3-2 p img{ width:100%}
.ypt3-11{ margin-bottom:6%}
.ypt33{ padding-bottom:0}

.ypt22{ margin-bottom:6%} 
.ypt22 .ypt2-1{ padding:1% 0}
.ypt22 .ypt2-1:nth-child(1){ margin-bottom:5%} 
.wan2{ background:#ececec; overflow:hidden; padding-bottom:6%; margin-bottom:6%}
.wan2 p img{ width:100%}
.wan1{ margin-top:4%;}
.wan1-1{ margin-left:-0.5%; overflow:hidden;}
.wan1-1 dl,.wan1-2{ float:left; margin-left:0.5%; margin-top:0.5%; width:24.5%}
.wan1-2{ width:49.5%; background:#242424; position:relative;padding-top:20px; box-sizing: border-box;}
.wan1-2 .ny-bt,.wan1-2 .ny-bt span{ color:#fff}
.wan1-2 .ny-bt{ margin: 50px 0 30px; font-size:30px;}
.wan1-2 .ny-bt span{ font-size:16px;}
.wan1-1 dl{ position:relative;overflow: hidden;}
.wan1-1 dl dt img{ display:block; width:100%}
.wan1-2,.wan1-1 .aa1 dt{ height:730px;}
.wan1-1 .aa1 dt{ display: flex;  flex-direction: column; justify-content: center; align-items: center; }
.wan1-1 .aa1 dt img{ width:100%; height:100%; margin: auto; display: block;}
.wan1-1 dd{ position:absolute; left:0; bottom:0; width:100%;background:#000; background-color: rgba(0,0,0,0.7); filter: Alpha(opacity=70); text-align:center; font-size:30px; font-weight:bold; color:#fff; padding:20px 0;}
.wan1-1 dd img{ vertical-align:middle; margin-right:10px;}
.wan1-1 dl:hover dd{ display:block}
.wan1-5{ position:absolute; left:0; width:100%; bottom:0; background:#0c0c0c; padding:40px 0}
.wan1-5 p{ text-align:center}
.wan1-5 p img{ margin:0 3.5%}
.wan1-3{ padding:0 10%; overflow:hidden}
.wan1-4{ float:left; width:46%; margin:0 2%}
.wan1-4 h2{ font-size:16px; color:#fff; margin-top:40px;}
.wan1-4 p{ font-size:16px; color:#fff; margin-top:15px;margin-left: 0;}

.wan1-11 dl{ width:49.5%}
.wan1-11 dl:nth-child(2){ width:32.9%;}
.wan1-22{ width:66.1%;}
.wan1-44{ width:96%}
.wan1-33{ padding:0 30%}
.wan1-55 p img{ margin:0 7%}
.jj1{ overflow:hidden; margin-left:-1%; margin-bottom:6%}
.jj1-1{ float:left; width:32.333%;}
.jj1-1:nth-child(2){ margin:0 1%;}
.jj1-1 h2{ text-align:center; font-weight:bold; font-size:30px;}
.jj1-1 h2 img{ display:block; margin:0 auto 4%}
.jj1-1 p{ margin-top:4%; font-size:16px; line-height:28px;padding: 0 5%; text-align: justify; color:#666}

.wan1-45{ width: 32.333%; margin: 0 0.5%}
.wan1-45 h2{ line-height: 40px;}
.wan1-34{ padding:0 2%}

.wan1-12 dl{ width:32.833%}
.wan1-35{ padding:0 40%}
.wan1-46{ width:96%}

/* chayin: center the solution text block within the black wan1-2 panel, text left-aligned */
.chayin-page .wan1-3{ display:flex; flex-wrap:wrap; justify-content:center;}
.chayin-page .wan1-4{ float:none; text-align:left;}
.chayin-page .wan1-4 h2{ text-align:left;}

.wan1-13 dl{ width:49.5%}
.wan1-23,.wan1-13 dl:nth-child(1),.wan1-13 dl:nth-child(3){ width:32.833%}
.wan1-23, .wan1-13 .aa1 dt{ height:630px}
.wan1-36{ padding:20px 22% 0;}

.wan1-99{width: 160px;
  padding: 0;
  margin: auto;}
  
  
.wan1-98{width: 296px;
  padding: 0;
  margin: auto;}
  
.wan1-97{width: 237px;
  padding: 0;
  margin: auto;}
.ypt22 .ypt2-z h2{ left:50%; margin-left:-56px}
.ypt22 .ypt2-1:nth-child(2) .ypt2-z h2{ margin-left:-92px}
.ypt22 .ypt2-z p{ text-align:center}

.famar{ margin-bottom:6%}
.ypt3-112{ padding: 15px 0%; margin-bottom: 0;}
.ypt3-112 .ypt3-2{ margin: 0 1%;  width: 31.333%; padding:4.5% 2%}

.index_header .box .boxRight .hq1{ padding: 6px 12px; background: #fe6a00; color: #fff; border-radius: 5px; margin-right: 30px;}
.index_header .box .boxRight .hq1 img{ vertical-align:middle; margin-right:10px}
.wan2-qd{ background:none; padding-bottom:0}
.ypt2-1-qd:nth-child(1){ background:none;}
.ypt2-1-qd:nth-child(2){ background: #ececec;}
.ypt2-1-qd{ padding:0}
.ypt2-1-qd:nth-child(2){ padding:5% 0}
.ypt22 .ypt2-1-qd h2{ margin-left: -94px;}
.ypt22 .ypt2-1-qd:nth-child(2) .ypt2-z h2{ margin-left: -56px;}
.ypt222{ margin-bottom:0}
.qqt1{background: #fe6a00;border-radius: 10px;overflow: hidden;padding: 0.5% 0 1% 9%;margin-top: -35px;z-index:1;position: relative;}
.qqt1 dl{float: left;width: 25%;overflow: hidden;}
.qqt1 dl dt{float: left;width: 16%;}
.qqt1 dl dt img{width: 100%;}
.qqt1 dl dd{width: 80%;color: #fff;float: right;font-size: 18px;margin-top: 8px;}
.qqt2{margin: 4% 0 6%;box-shadow: 0 0 20px #ddd;border-radius: 20px;padding: 8% 15%;}
.qqt2 input,.qqt2 select{height: 45px;line-height: 45px;padding: 0 10px;border: #ccc 1px solid;border-radius: 5px;padding: 0 15px; display:block;width: 100%;box-sizing: border-box;font-size: 16px;margin-top: 10px;}
.qqt2 textarea{border: #ccc 1px solid;padding: 10px 15px;height: 160px;border-radius: 5px;display: block;width: 100%;box-sizing: border-box;font-size: 16px;margin-top: 10px; resize: none}
.qqt2 h1{ font-size:36px; font-weight:bold; text-align:center}
.qqt2 h2{ font-size:22px; text-align:center;color: #999;margin-top: 1%;margin-bottom: 3%;}
.qqt2 h3{ text-align:center; color:#999; font-size:16px;margin-top: 3%;}
.qqt2 p{ float:left; width:95%; margin-left:5%;font-size: 18px;margin-top: 30px;}
.qqt2 p.mnm1{ width:45%}
.qqt2 .mnm2{clear: both;width: 95%;background: #fe6a00;text-align: center;color: #fff;font-size: 20px;height: 50px;line-height: 50px;margin-left: 5%;border-radius: 40px;box-sizing: border-box;margin-top: 4%;}
.qqt2 p span{ color:#f00} 
.qqt2-1{ overflow:hidden; margin-left:-5%}
.qqt2-2{ overflow:hidden}


@media (max-width: 1440px){
.cent{ max-width:1200px;}
  .xbann-1 h1{ font-size:28px}
  .xbann-1 p{ font-size:14px; line-height:26px;}
  .xbann-1 h2 a{ font-size:16px}
  .xbann-1{ max-width:600px; top: 23%;}
.ypt1-2 p{ line-height:50px}
.ypt1-3 p,.ypt2-z p{ font-size:14px; line-height:26px}
.ypt1-2 p,.ny-bt{ font-size:30px}
.ny-bt span,.ypt2-z h2{ font-size:16px}
.ypt3-2 h2 a{ font-size:22px}
.ypt3-1{ padding:15px 2%}
.ypt3-2{ margin:0 5%; width: 40%;}
.more{ width:100px;font-size: 14px; line-height:35px}
.ypt4-1 h3 a{ font-size:18px}
.ypt4-1 p{ font-size:14px; line-height:24px}
.hl2-1 h2 img{ width:120px}
.hl2-1 h2{ font-size:22px}
.hl2-1 p{ font-size:16px; line-height:28px}
.hl2-1{ height:388px} 
.hl3-2 h2{ font-size:18px; height:120px}
.wan1-4 h2{ font-size:18px;}
.wan1-4 p{ font-size:14px;}
.wan1-1 dd{ font-size:22px;}
.wan1-2, .wan1-1 .aa1 dt{ height:550px}
.wan1-5{ padding:30px 0}
.wan1-4 h2{ margin-top:20px;}
.wan1-4 p{ margin-top:3%}
.wan1-2{ padding-top:1%}
.wan1-1 dd img,.wan1-5 p img{ width:40px}
.jj1-1 h2{ font-size:19px}
.wan1-45 h2{ line-height:35px}
.wan1-23, .wan1-13 .aa1 dt{ height:480px}
.ypt2-z h2{ top:30px}
.ypt22 .ypt2-1-qd h2{ margin-left: -84px;}
.ypt22 .ypt2-1-qd:nth-child(2) .ypt2-z h2 { margin-left: -51px;}
.qqt1 dl dd,.qqt2 p{ font-size:16px}
.qqt2 h1{ font-size:30px}
.qqt2 h2,.qqt2 .mnm2{ font-size:18px}
.qqt2 input,.qqt2 select,.qqt2 textarea,.qqt2 h3{ font-size:14px}
	}
@media (max-width: 992px){
.cent{margin: 0 3vw; margin-top: 0px; width: calc(100% - 6vw);}
  .xbann-1 h1{ font-size:22px}
  .xbann-1 p{ font-size:14px; line-height:22px; margin-top:2%; -webkit-line-clamp:4;}
  .xbann-1 h2{ bottom:-16px}
  .xbann-1 h2 a{ font-size: 15px; padding: 7px 25px;}
  .xbann-1{ max-width:400px;top: 19%;}
.ypt1-2 p, .ny-bt{ font-size:22px}
.ypt1-2 p{ line-height:35px}
.wan1-2 .ny-bt{ margin:25px 0 10px}
.ypt1-z{ padding:0 4%}
.ny-bt span, .ypt2-z h2{ font-size:14px}
.ypt1-3 p, .ypt2-z p{ line-height:22px}
.ypt2-z p{ padding:64px 7% 7%}
.ypt2-z h2{ padding:8px 15px}
.ypt3-2 h2 a{ font-size:16px}
.ypt3-1{ padding:10px 0}
.ypt4-1 h3 a{ font-size:15px}
.more{ width:90px; line-height:30px}
.ypt1-3 p{ font-size:12px; line-height:18px}
.hl2-1 h2 img{ width:90px}
.hl2-1 h2,.hl3-2 h2{ font-size:18px}
.hl2-1 p{ font-size:14px; line-height:22px}
.hl2-1{ padding:3%; height:280px}
.hl3-2 h2{ padding:19% 6% 0; height:100px; background-size:25px;font-size: 16px;}
.ypt3-2 h4{ font-size:14px} 
.ypt3-2{margin: 0 4%;width: 42%;padding: 4.5% 4%;}
.wan1-2, .wan1-1 .aa1 dt{ height:350px}
.wan1-1 dd{ font-size:18px; padding:10px 0}
.wan1-1 dd img, .wan1-5 p img{ width:30px}
.wan1-5{ padding:15px 0}
.wan1-4 h2{ font-size:16px}
.wan1-4 p{ font-size:12px;margin-left: 0;}
.wan1-3{ padding:0 5%}
.wan1-2{ padding-top:0}
.wan1-4 h2{ margin-top:7px}
.wan1-4 p{ margin-top:5px}
.wan1-33{ padding:0 20%}
.jj1-1 h2 img{ width:65px}
.jj1-1 h2{ font-size:16px}
.jj1-1 p{ font-size:14px; line-height:22px; padding:0}
.wan1-45{ width:49%}
.wan1-45 h2{ line-height:26px}
.wan1-35{ padding:0 35%} 
.wan1-36{ padding:20px 16% 0;}
.wan1-23, .wan1-13 .aa1 dt{ height:300px}
.ypt2-z h2{ top:15px}
.ypt22 .ypt2-z h2{ margin-left:-43px}
.ypt22 .ypt2-1:nth-child(2) .ypt2-z h2{ margin-left:-71px}
.famar {
  margin-bottom: 6%;
}
.ypt22 .ypt2-1-qd h2{ margin-left: -70px;}
.ypt22 .ypt2-1-qd:nth-child(2) .ypt2-z h2 { margin-left: -42px;}
.qqt2 h1{ font-size:24px}
.qqt1 dl dd{ font-size:14px}
.qqt2 h2, .qqt2 .mnm2{ font-size:16px}
.qqt2 h2{ margin-bottom:3%}
.qqt2 p{ font-size:15px}
.qqt1 dl dd{ margin-top:4px}
	} 
@media (max-width: 669px){
.sjx{ display:block}
.pcx{ display:none}
.ypt1-2 p, .ny-bt{ font-size:16px}
.ypt1-1{ display:flex; flex-direction:column; align-items:center;}
.ypt1-z,.ypt1-y{ width:100%}
.ypt1-z{ padding:2rem 6%; box-sizing:border-box; position:relative; z-index:2; height:auto; display:block;}
.ypt1-2,.ypt1-3{ display:block; text-align:center; height:auto;}
.ypt1-3{ display:none}
.ypt1-1:hover div p{ color:inherit}
.ypt1-1:hover{ background:#ececec}
.ny-bt span{ font-size:12px}
  .xbann-1 p{-webkit-line-clamp: 2; font-size:12px; line-height:18px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical;text-align:left;}
  .xbann-1{ max-width:230px;top: 50%;padding: 4%; transform: translateY(-50%);}
  .xbann-1 h1{ font-size:14px}
  .xbann-1 h2{ bottom: -12px;}
  .xbann-1 h2 a{ font-size: 13px; padding: 3px 15px;}
.ypt2-z,.ypt2-y{ width:100%}
.ypt2-y{ margin-top:5%}
.ypt2-z{ margin-top:0}
.ypt2-1{ padding:6% 0 5%}
.ypt2-z p{ padding: 55px 7% 5%;}
.ypt2-z h2{ padding: 6px 12px;top:15px;}
.ypt3-2{ width:98%; margin-left:2%; margin-right:0; margin-top:4%}
.ypt3-1{ margin-left:-2%; margin-top:-4%} 
.ypt3-2 p{ margin-top:6%}
.ypt3-2 h3{ margin-top:5%}
.ypt4-1{ width:48%; margin-top:4%}
.ypt4{ margin-top:-4%}
.ypt4-1 p{ line-height:22px}
.ypt22 .ypt2-1{ padding:5% 0}
.ypt22{ margin-bottom:0}
.hl2-1{ width:97%; margin-top:3%}
.hl2{ margin-top:-3%}
.hl2-1 h2, .hl3-2 h2{ font-size:14px}
.hl2-1 h2 img{ width:70px; margin-bottom:4%}
.hl2-1 p{ margin-top:4%}
.hl2-1{ height:inherit}
.hl3-2{ width:95%}
.hl3-2 h2{ height:inherit; padding: 8% 6% 4%;}
.wan1-1 dl, .wan1-2,.wan1-1 dl:nth-child(1),.wan1-1 dl:nth-child(3){ width:49.5%}
.wan1-1{ position:relative; padding-top:403px}
.wan1-2{ width:99.5%; position:absolute; top:0; left:0; height:400px;}
.wan1-1 .aa1 dt{ height:inherit; display:block}
.wan1-1 .aa1 dt img{ width:100%; max-height:inherit}
.wan1-4 h2{ font-size:13px; margin-top:15px}
.wan1-4 p{ margin-top:7px}
.wan1-1 dd img, .wan1-5 p img{ width:25px; margin-right: 5px;}
.wan1-1 dd{ font-size:12px; display:block}
.wan1-11{ padding-top:0}
.wan1-22{ position:relative;}
.wan1-22,.wan1-11 dl:nth-child(2){ width:49.5%}
.wan1-11 .aa1 dt,.wan1-22{ height:260px}
.wan1-11 .aa1 dt img{ width:auto; max-height: 100%;}
.wan1-33{ padding:0 5%}
.jj1{ margin-top:-4%}
.jj1-1{ width:100%; margin-top:4%}
.jj1-1 h2 img{ width:50px; margin-bottom:3%}
.jj1-1 p{ margin-top:3%}
.jj1-1:nth-child(2){ margin:4% 0 0}
.jj1-1 h2{ font-size:15px}
.jj1-1 p{ font-size:12px; line-height:18px}
.wan1-35{ padding:0 15%}
.wan1-36{ padding:15px 25% 0}
.wan1-36 .wan1-4 h2{ margin-top:15px}
.wan1-23{ height:300px}
.wan1-13{ padding-top:303px}
.wan1-44 h2,.wan1-46 h2{ margin-top:8px}
.wan1-99{width: 130px;}
.wan1-98{width: 100%; box-sizing: border-box;}
.wan1-97{width: 178px}
.wan-66{ display:none}
.ypt3-2 h4{ font-size:12px}
.ypt1-3 p, .ypt2-z p,.ypt4-1 p{ font-size:12px; line-height:18px}
.more{ font-size:13px} 
.ypt22 .ypt2-z h2{ margin-left:-40px}
.ypt22 .ypt2-1:nth-child(2) .ypt2-z h2{ margin-left:-68px}
.ypt3-112 .ypt3-2 {
  margin: 4% 0 0 2%;
  width: 98%;
  padding: 4.5% 4%;
}
.ypt3-1.ypt3-11{
  flex-wrap: wrap;
}
.ypt3-1.ypt3-11 .ypt3-2 {
  padding-left: 32%;
  position: relative;
}
.ypt3-1.ypt3-11 .ypt3-2 p {
  width: 30%;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.ypt3-1.ypt3-11 .ypt3-2 p a img {
  height: auto !important;
}
.ypt22 .ypt2-1-qd h2{ margin-left: -67px;}
.ypt22 .ypt2-1-qd:nth-child(2) .ypt2-z h2 { margin-left: -39px;}
.qqt1 dl{ width: 50%;margin: 1% 0;}
.qqt2{ padding:5%}
.qqt2 h1{ font-size:20px}
.qqt2 h2, .qqt2 .mnm2{ font-size:14px}
.qqt2 p{ margin-top:12px}
.qqt2 input,.qqt2 select{ height:35px; line-height:35px}
.qqt2 p.mnm1{ width:95%}
.qqt2 .mnm2{ height:40px; line-height:40px}
.qqt2 h3{ font-size:13px}
	}
	
.index_header .box .boxCen .item .nav .twp_main .two_item .hy_107{
    width: 170px;
}
.index_header .box .boxCen .item .nav .twp_main .two_item .hy_107 li{
    width: 50%;
    float: left;
}

.xjm1{ overflow:hidden; margin-left:-2%}
.xjm1 dl{ float:left; width:31.333%; margin-left:2%}
.xjm1 dl a{ display:block; position:relative}
.xjm1 dl dt img{ width:100%}
.xjm1 dl dd{ position:absolute; left:0; width:100%; bottom:0; padding:0 4% 4%;}
.xjm1 dl dd .aa1{ display:block; font-size:22px; color:#fff}
.xjm1 dl dd .aa2{ display:block; font-size:18px; color:#fff; margin-top:2%}
.xjm1 dl dd{ box-sizing: border-box;}
@media (max-width: 1440px){
.xjm1 dl dd .aa1{ font-size:19px}
.xjm1 dl dd .aa2{ font-size:16px} 
}
@media (max-width: 992px) {
.xjm1 dl dd .aa1{ font-size:16px}
.xjm1 dl dd .aa2{ font-size:14px} 
}
@media (max-width: 669px) {
.xjm1 dl dd .aa1{ font-size:14px}
.xjm1 dl dd .aa2{ font-size:12px}	
.xjm1{ margin-top:-2%}
.xjm1 dl{ width:98%; margin-top:2%}
.ypt22 .ypt2-1:nth-child(1) {
  margin-bottom:0;
}
}

/* ===== 二阶段修改：交互动画 ===== */

/* 产品优势卡片 hover (白→浅橙, 0.4s) */
.pro_box5 .item{ transition: background-color 0.4s ease, box-shadow 0.4s ease;}
.pro_box5 .item:hover{ background-color: #fff5ed;}

/* feature_cards 卡片 hover (上移+阴影, 0.3s) */
.pro_box12 .swiper-slide .item{ transition: transform 0.3s ease, box-shadow 0.3s ease;}
.pro_box12 .swiper-slide .item:hover{ transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.15);}

/* 新模块图片按 w1447 宽度显示 */
.pro_box7 .box{ width: calc(100% - 24.6vw); margin: 0 12.3vw; box-sizing: border-box;}
.pro_box7 .box .img{ margin-top: 2rem;}
.pro_box7 .box .img > img{ width: 100%; height: auto;}
.pro_box7 .box p{ font-size: 1.125rem; color: #666; line-height: 2rem; text-align: left;}
.pro_box12 .box .banner .swiper-wrapper .swiper-slide .item .main1 .content1 img{ width: auto;}

/* 统一所有 section 内容宽度、字体、对齐 */
/* 说明小字通用规则：单排居中，多排左对齐 */
.desc-wrap { text-align: center; }
.desc-wrap > p { display: inline-block; text-align: left; max-width: 100%; font-size: 15px; color: #666; line-height: 1.9; }

/* 一、产品介绍 (.pro_box11) */
.pro_box11 .box{ font-size: 15px; color: #666; line-height: 1.9; text-align: center; max-width: 1200px; margin: 0 auto; width: 100%; padding: 0 20px; box-sizing: border-box;}
.pro_box11 .box p{ text-align: left; max-width: 100%; margin: 60px auto 0;}
.pro_box11 .index_tit{ margin-bottom: 0;}
.pro_box11{ padding-bottom: 50px !important;}
@media (max-width: 768px){
  .pro_box11 .box{ font-size: 14px; padding: 0 20px;}
}

/* 二、一卡多网 / text_with_image (.pro_box7) */
.pro_box7 .index_tit{ width: 100%; max-width: 1200px; margin: 0 auto 40px; text-align: center;}
.pro_box7 .index_tit h6{ margin-top: 14px;}
.pro_box7 .box{ width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.pro_box7 .box .img{ margin-top: 40px;}
.pro_box7 .box .img > img{ display: block; width: 100%; height: auto;}
.pro_box7.p80_{ padding-bottom: 67px;}
.pro_box7 .box p{ font-size: 15px; color: #666; line-height: 1.9; text-align: left;}
@media (max-width: 768px){
  .pro_box7 .box{ padding: 0 20px;}
  .pro_box7[style*="padding-bottom"]{ padding-bottom: 64px !important;}
}

/* 三、产品优势卡片 hover 增强阴影 */
.pro_box8 .box img{ max-width: 100%;}
.pro_box14 .box img,.pro_box15 .box img{ width: 100%;}
.pro_box9 .box img{ width: 100%;}
/* 适用场景：去掉橙米色渐变装饰背景，改为纯白 */
.pro_box17{ background: #fff !important;}
/* text_with_image 内容与上方 section 齐平 */

/* B2B2C分销卡片 hover (上移+阴影, 0.3s) */
.pro_box6 .swiper-slide{ transition: transform 0.3s ease, box-shadow 0.3s ease;}
.pro_box6 .swiper-slide:hover{ transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.15);}

/* 首页服务模式 B2B/B2B2C 橙色短线 */
.index_service .item .content1{ position: relative; padding-bottom: 12px;}
.index_service .item .content1::after{ content:''; display:block; width:40px; height:3px; background:#ff6b01; margin-top:8px; border-radius:2px;}

/* 首页行业解决方案卡片投影 */
.index_app .swiper-slide .item{ box-shadow: 0 4px 16px rgba(0,0,0,0.08); border-radius: 8px; overflow: hidden; transition: box-shadow 0.3s ease, transform 0.3s ease;}
.index_app .swiper-slide .item:hover{ box-shadow: 0 8px 28px rgba(0,0,0,0.15); transform: translateY(-4px);}
.index_app .box .banner{ padding-bottom: 16px; margin-bottom: -16px;}
.index_app .box .banner .swiper-container{ overflow: visible;}
/* 去掉左侧竖杠 */
.index_app .swiper-slide .item .text .content1{ border-left: none !important; padding-left: 0 !important;}
/* 文字在图片下方自然撑开 */
.index_app .swiper-slide .item{ overflow: hidden; display: flex; flex-direction: column; height: 100%;}
.index_app .swiper-slide .item .img{ line-height: 0; flex-shrink: 0;}
.index_app .swiper-slide .item .img img{ border-radius: 0 !important; display: block; width: 100%;}
.index_app .swiper-slide .item .text{ padding: 16px !important; background: transparent; flex: 1;}
.index_app .swiper-wrapper{ align-items: stretch !important;}
.index_app .swiper-slide{ height: auto !important;}
.index_app .swiper-slide .item .text .content1{ font-size: 1.3rem !important;}
.index_app .swiper-slide .item .text .content2{ font-size: 0.9rem !important; color: #888 !important; margin-top: 6px !important;}
.index_app .swiper-slide .item .text .content3{ margin-top: 24px; display: flex; justify-content: flex-start;}
.sol-card-btn a{ font-size: 0.85rem !important; min-width: auto !important; line-height: 2.2rem !important; padding: 0 1.5rem !important; display: inline-flex !important; align-items: center; gap: 4px;}
@media (max-width: 768px){
  .index_app{overflow: hidden;}
}
@media (max-width: 415px){
  .index_app .swiper-slide .item .text .content3{margin-top:18px ;}
}
/* 解决方案卡片 hover (上移+阴影, 0.3s) */
.sol-tag-card{ transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;}
.sol-tag-card:hover{ transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.15);}

/* 服务案例卡片 hover */
.sol-case-card{ transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;}
.sol-case-card:hover{ transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.15);}

/* 售后支持卡片 - 纯图片卡片，无padding */
.about-support-card{ transition: transform 0.3s ease, box-shadow 0.3s ease;}

/* 解决方案详情 - 标签卡片 */
.sol-tags-grid{ display:flex; flex-wrap:wrap; gap:16px; justify-content:center;}
.sol-tag-card{ padding:16px 32px; border-radius:8px; background:#f5f5f5; font-size:1rem; font-weight:600; color:#333; text-align:center; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor:pointer;}
.sol-tag-card:hover{ transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.15); background:#ff6b01; color:#fff;}

/* 解决方案详情 - 全宽横幅 */
.sol-banner-full{ width:100%; overflow:hidden;}
.sol-banner-full img{ width:100%; height:auto;}
@media (max-width:992px){.sol-banner-full .lpk_pc{display: none;}}
/* 解决方案详情 - 服务案例 左3图竖排+右橙色文字 */
.sol-cases-row{ display:flex; gap:10px; align-items:stretch;}
.sol-cases-left{ display:flex; flex-direction:row; gap:10px; flex:4;}
.sol-cases-right{ flex:6; display:flex;}
.sol-case-img-card{ border-radius:8px; overflow:hidden; height: 400px; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.sol-case-img-card:hover{ transform: translateY(-8px); box-shadow: 0 12px 28px rgba(0,0,0,0.14);}
.sol-case-img-card img{ width:100%; height:100%; object-fit:cover; display:block;}
.sol-case-orange-card{ flex:1; box-sizing:border-box; background:#ff6b01; border-radius:8px; padding:28px; display:flex; align-items:center; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.sol-case-orange-card:hover{ transform: translateY(-8px); box-shadow: 0 12px 28px rgba(0,0,0,0.14);}
.sol-case-orange-card p{ color:#fff; font-size:16px; line-height:1.8; text-align:left;}
@media (max-width:768px){ .sol-cases-row{ flex-direction:column;}}

/* 解决方案 - 售后服务横版卡片 */
.sol-as-card{ display:flex; border-radius:12px; overflow:hidden; box-shadow: 0 4px 16px rgba(0,0,0,0.08);}
.sol-as-left{ flex:1; padding:40px; background:#fff; display:flex; align-items:center;}
.sol-as-left p{ font-size:0.9rem; color:#555; line-height:1.8;}
.sol-as-right{ flex:0 0 50%;}
.sol-as-right img{ width:100%; height:100%; object-fit:cover; min-height:280px;}
@media (max-width:768px){ .sol-as-card{ flex-direction:column;} .sol-as-right{ flex:0 0 auto;}}

/* 解决方案 - 技术支持 */
.sol-ts-text{ max-width:900px; margin:0 auto 30px; color:#555; font-size:0.9rem; line-height:1.8; text-align:left;}
.sol-ts-text p{ margin-bottom:16px;}
.sol-ts-images{ display:flex; gap:0; justify-content:center;}
.sol-ts-images img{ flex:1; min-width:0; height:auto; object-fit:cover;}
.sol-case-card{ flex:1; min-width:260px; max-width:31%; border-radius:8px; overflow:hidden; background:#fff; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor:pointer;}
.sol-case-card:hover{ transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.15);}
.sol-case-img{ width:100%; height:200px; overflow:hidden;}
.sol-case-img img{ width:100%; height:100%; object-fit:cover;}
.sol-case-title{ font-size:1.1rem; font-weight:bold; padding:16px 16px 8px; color:#333;}
.sol-case-desc{ font-size:0.875rem; padding:0 16px 16px; color:#666; line-height:1.6;}
.app_box_desc p{ font-size:1rem; line-height:1.8; color:#555;}

/* 相关产品 - 两卡片等高 */
.ypt3-1.ypt3-11{ display:flex; justify-content:center; align-items:stretch; overflow:hidden;}
.ypt3-1.ypt3-11 .ypt3-2{ float:none; display:flex; flex-direction:column; align-items:center;}
.ypt3-1.ypt3-11 .ypt3-2 p{ flex:1; display:flex; align-items:center;}
.ypt3-1.ypt3-11 .ypt3-2 p a img{ width:100%; height:224px; object-fit:contain;}

/* HiveLink pages: fixed px font sizes (matching homepage 产品与服务) */
@media (max-width: 1440px) {
  .ny-bt { font-size: 30px !important; }
  .ny-bt span { font-size: 16px !important; }
  .jj1-1 h2 { font-size: 24px !important; }
  .jj1-1 p { font-size: 16px !important; }
  .wan1-4 h2 { font-size: 16px !important; }
  .wan1-4 p { font-size: 16px !important; }
  .wan1-1 dd { font-size: 22px !important; }
  .hl2-1 h2 { font-size: 24px !important; }
  .hl2-1 p { font-size: 16px !important; }
}
@media (max-width: 992px) {
  .ny-bt { font-size: 24px !important; }
  .jj1-1 h2 { font-size: 20px !important; }
  .jj1-1 p { font-size: 16px !important; }
  .wan1-4 h2 { font-size: 14px !important; }
  .wan1-4 p { font-size: 14px !important; }
  .hl2-1 h2 { font-size: 20px !important; }
  .hl2-1 p { font-size: 16px !important; }
}
@media (max-width: 768px) {
  .ny-bt { font-size: 18px !important; }
  .ny-bt span { font-size: 12px !important; }
  .jj1-1 h2 { font-size: 16px !important; }
  .jj1-1 p { font-size: 14px !important; line-height: 22px !important; }
  .wan1-4 h2 { font-size: 13px !important; }
  .wan1-4 p { font-size: 12px !important; }
  .wan1-1 dd { font-size: 14px !important; }
  .hl2-1 h2 { font-size: 16px !important; }
  .hl2-1 p { font-size: 14px !important; }
}

