@charset "gb2312";

:root {
     --swiper-theme-color: unset !important;
}

@media (max-width: 1681px) {
	.header .right .bottom .nav li a{
		min-width:auto;
	}
	.header .right .bottom .nav li{
		margin:0 20px;
	}
}

@media (max-width: 1600px) {
     .w1780 {
          max-width: 92%;
     }

     .contact_page .box {
          max-width: 92%;
     }

     .contact_page {
          padding-bottom: 600px;
     }

     .contact_page2 {
          padding-bottom: 120px;
     }
}

@media (max-width: 1514px) {}

@media (max-width: 1440px) {
	.honorary .pic{
		height:240px;
	}
	.honorary .pic .table-cell{
		height:100%;
	}
	.honorary .pic .table-cell a{
		height:100%;
	}
	.honorary .txt{
		font-size:18px;
		padding-top:20px;
	}
	.honorary aside{
		
		padding:20px;
	}
	.honor-page .font p{
		letter-spacing:2.2px;
	}
	.num_list ul li h3{
		font-size:42px;
	}
	.num_list ul li h3 span.jia{
		font-size:36px;
		margin-bottom:10px;
	}
	.num_list ul li h3 span.s{
		font-size:17px;
	}
     
	.product-page .list ul li .pro_img_box{
		width:50%;
		
	}
	.company_pic .left{
		width:24.05%;
	}
	.company_pic .right{
		width:calc(75.95% - 20px);
	}
	.product_list ul li figure{
		min-height:247px;
	}
	.product_detail figcaption .w1580{
		padding-right:11%;
	}
	.product_nav ul li a{
		font-size:19px;
	}
	.product_list ul li figcaption span{
		font-size:19px;
	}
	.product_list ul li figcaption p{
		font-size:19px;
		word-wrap: break-word;
		word-break: normal;
	}
	.product_detail figcaption .w1580 .right{
		width:40%;
	}
     .w1580 {
          max-width: 92%;
     }

     .header .right .bottom .nav li {
          margin: 0 20px;
     }

     .header {
          padding-left: 2%;
     }

     .about-page .about figure {
          width: 52%;
     }

     .about-page .about figcaption {
          width: 44%;
     }

     .about-page .about figcaption h3 {
          font-size: 36px;
     }
	 .honor-page .nav ul li{
		 flex:inherit;
		 width:calc(100% / 3);
	 }
	 .news_swiper .swiper-container .swiper-slide .picture p{
		 font-size:15px;
		 line-height:1.6;
		 display: -webkit-box;
		 word-break: break-all;
		 text-overflow: ellipsis;
		 overflow: hidden;
		 -webkit-box-orient: vertical;
		 -webkit-line-clamp:2;
	 }
	 .news_swiper .swiper-container .swiper-slide .font .tit{
		 font-size:15px;
		 line-height:1.6;
		 display: -webkit-box;
		 word-break: break-all;
		 text-overflow: ellipsis;
		 overflow: hidden;
		 -webkit-box-orient: vertical;
		 -webkit-line-clamp:2;
	 }
}

@media (max-width: 1370px) {}

@media (max-width: 1280px) {
		
	
.menu.m {
          display: block;
		  top:50px;
     }
     .m_nav {
          display: block;
          position: fixed;
          top: 100px;
          box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);
          width: 100%;
          height: 100%;
          background: rgba(255, 255, 255, 1);
          transition: all ease .5s;
          -webkit-transition: all ease .5s;
          z-index: 100;
          opacity: 1;
          visibility: visible;
          margin-top: 0;
          overflow-y: auto;
          transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
          transform: translateX(100%)
     }

     .m_nav.open {
          transform: translateX(0)
     }

     .m_nav .top {
          height: 60px;
          padding: 20px;
          box-sizing: border-box
     }

     .m_nav .top .closed {
          width: 30px;
          height: 30px;
          vertical-align: middle;
          float: right;
          cursor: pointer
     }

     .m_nav .logo {
          width: 100%;
          margin: 0 auto
     }

     .m_nav .logo img {
          height: 50px;
          display: block;
          margin: 30px auto
     }

     .m_nav .ul {
          margin-top: 10px
     }

     .m_nav .ul li {
          padding: 0 20px;
          /* border-bottom: 1px solid #f5f5f5; */
          transform: translateY(0);
          -webkit-transform: translateY(100%);
          transform: translateY(100%);
          -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
          opacity: 0
     }

     .m_nav.open .ul li {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0)
     }

     .m_nav .ul li:nth-child(1) {
          -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms
     }

     .m_nav .ul li:nth-child(2) {
          -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms
     }

     .m_nav .ul li:nth-child(3) {
          -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms
     }

     .m_nav .ul li:nth-child(4) {
          -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms
     }

     .m_nav .ul li:nth-child(5) {
          -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms
     }

     .m_nav .ul li:nth-child(6) {
          -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
     }

     .m_nav .ul li:nth-child(7) {
          -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms
     }

     .m_nav .ul li:nth-child(8) {
          -webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms
     }

     .m_nav .ul li:nth-child(9) {
          -webkit-transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms
     }

     .m_nav .ul li a {
          text-align: center;
          display: block;
          text-decoration: none;
          color: #333;
          font-size: 16px;
          height: 50px;
          line-height: 50px;
          width: 100%
     }

     .m_nav .ul li .dropdown_menu {
          display: none
     }

     .m_nav .ul li.dropdown.active .dropdown_menu {
          display: block
     }

     .m_nav .ul li .dropdown_menu a {
          display: block;
          padding: 0 40px;
          box-sizing: border-box;
          /* border-bottom: 1px solid #dddddd; */
          height: 40px;
          line-height: 40px;
          font-size: 14px;
          color: #9e9e9f
     }

     .m_nav .ul li .dropdown_menu a:last-child {
          border: 0
     }
	 .header .right {
          display: none;
     }
}

@media (max-width: 1224px) {
	.honor-page .font p{
		font-size:16px;
	}
}

@media (max-width: 960px) {}

@media (max-width: 786px) {
     .header .right {
          display: none;
     }
	 .menu.m {
          display: block;
		  top:16px;
     }

     .header {
          padding: 0 4%;
          height: 60px;
     }

     .header .logo {
          width: 80px;
     }

     .index_banner .swiper-wrapper {
          height: inherit;
     }

     .product-page {
          padding: 8% 0;
     }

     .product-page .list ul {
          flex-wrap: wrap;
     }

     .product-page .list ul li {
          width: 100%;
          flex: inherit;
          margin-right: 0;
          margin-bottom: 6%;
     }

     .product-page .list {
          margin-bottom: 0;
     }

     .honor-page .font h3 {
          font-size: 28px;
		  
     }
	.honor-page .nav ul li a aside p{
		font-size:14px;
	}
	.honor-page .nav ul li a aside span{
		font-size:12px;
	}
     .honor-page .font p {
          font-size: 14px;
          line-height: 1.6;
          width: 88%;
          margin: 10% auto;
     }
	 .honor-page .nav{
		 height:initial;
		 max-width:100%;
		 bottom:0;
		 left:0;
		 transform: translateX(0);
	 }
     .honor-page .nav ul{
         flex-wrap:wrap;
		 height:initial;
     }
	 
	 .honor-page .nav ul li{
		 width:100%;
		 height:60px;
	 }
	 .honor-page .nav ul li a{
		 padding-left:27%;
		 justify-content: flex-start;
	 }
	.honor-page .nav ul li a img{
		width:24px;
	}
     .about-page {
          padding: 10% 0;
     }

     .num_list ul {
          flex-wrap: wrap;
     }

     .num_list ul li {
          flex: inherit;
          width: 50%;
          margin-bottom: 8%;
          text-align: left;
     }

     .num_list ul li h3 span.s {
          font-size: 14px;
     }

     .num_list ul li h3 {
          font-size: 42px;
     }

     .num_list ul li h3 span.jia {
          font-size: 25px;
          margin: 0;
          margin-bottom: 10px;
     }

     .about-page .about {
          flex-wrap: wrap;
     }

     .num_list ul {
          margin-bottom: 10%;
     }

     .about-page .about figcaption h3 {
          font-size: 26px;
          margin-top: 6%;
     }

     .about-page .about figcaption p {
          font-size: 14px;
          line-height: 1.6;
          margin: 2% 0 8% 0;
     }

     .about-page .about figcaption a {
          width: 165px;
          height: 45px;
          line-height: 45px;
     }

     .news-page {
          padding: 8% 0;
     }

     .index-title h3 {
          font-size: 26px;
     }

     .swiper-button div {
          width: 42px;
          height: 42px;
     }

     .news_swiper {
          margin-top: 10%;
     }

     .news_swiper .swiper-container .swiper-slide .picture p {
          font-size: 15px;
          line-height: 1.6;
     }

     .f-top .right {
          display: none;
     }

     .footer {
          padding: 10% 4% 0 4%;
          height: 500px;
     }

     .f-bottom {
          width: 92%;
		  flex-wrap:wrap;
		  height:85px;
		  padding:10px 0;
		  
     }
	 .f-top .left .f-logo{
		 margin-bottom:20px;
	 }
	 .f-bottom p{
		 width:100%;
		 text-align:center;
	 }

     .product_nav {
          padding: 8% 0;
     }

     .product_nav ul li a {
          font-size: 14px;
          height: 60px;
     }

     .product_nav ul {
          width: 100%;
          overflow-x: scroll;
     }

     .product_nav ul li {
          min-width: 160px;
     }

     .product_list ul li {
          width: 48%;
		  margin-right:4%;
          margin-bottom: 8%;
          border-right: 1px solid #E5E5E5;
          border-top: 1px solid #E5E5E5;
     }
	 .product_list ul li:nth-child(2n){
		 margin-right:0;
	 }
	 .product_list ul li figcaption{
		 width:100%;
		 padding:0 4%;
		 height:60px;
	 }
	 .product_list ul li figcaption .yuan{
		 opacity:0;
	 }
	 .product_list ul{
		 border-top:none;
	 }
	 
	 .product_list ul li figcaption p{
		 font-size:16px;
		 top:20px;
	 }
	 .product_list ul li figcaption span{
		 width:100%;
		 font-size:16px;
		 top:40px;
		 text-align:center;
		 
	 }


     .more {
          width: 180px;
          height: 48px;
          line-height: 48px;
          margin-top: 10%;
     }

     .product_list {
          padding-bottom: 12%;
     }

     .about_page1 {
          height: initial;
          padding: 10% 0;
     }

     .inside_banner figcaption p {
          font-size: 12px;
     }

     .inside_banner figcaption h3 {
          font-size: 24px;
     }

     .inside_banner figcaption {
          left: 10%;
     }

     .i-title {
          font-size: 26px;
     }

     .info {
          font-size: 15px;
          margin-top: 8%;
     }

     .about_page1 .num_list {
          margin-top: 40px;
          padding: 30px 0;
     }

     .about_page1 .num_list ul {
          margin-bottom: 0;
     }

     .about_page2 ul li {
          width: 100% !important;
     }

     .about_page2 ul li figcaption h3 {
          font-size: 18px;
     }

     .about_page2 ul li figcaption p {
          font-size: 12px;
          margin-top: 5%;
          line-height: 1.6;
     }

     .about_page2 {
          padding-bottom: 30px;
     }

     .about_page2 ul li figcaption {
          top: 25%;
     }

     .about_page2 ul li figcaption b {
          margin: 20px 0;
     }

     .about_page2 ul li figcaption h6 {
          font-size: 16px;
     }

     .about_page2 ul li figcaption .logo {
          width: 80px;
     }

     .qiye_page1 {
          padding: 10% 0;
     }

     .company_pic {
          flex-wrap: wrap;
     }

     .company_pic .right {
          width: 100%;
     }

     .company_pic .left {
          display: none;
     }

     .company_pic {
          margin-top: 8%;
     }

     .company_pic .right ul li {
          width: 48%;
          margin-right: 4%;
     }

     .company_pic .right ul li:nth-child(3n) {
          margin-right: 4%;
     }

     .company_pic .right ul li:nth-child(2n) {
          margin-right: 0;
     }

     .qiye_page2 {
          padding: 8% 0;
     }

     .page-honorary-nav {
          width: 100%;
          margin: 6% 0;
     }

     .page-honorary-nav a {
          width: 45%;
     }

     .page-honorary-swiper .swiper-pagination {
          display: none;
     }

     .tip {
          display: none;
     }

     .honorary .txt {
          font-size: 16px;
     }

     .qiye_page3 {
          padding: 10% 0 2% 0;
          height: auto;
     }

     .qiye_page3 .ear {
          position: inherit;
          left: 0;
          top: 0;
          transform: translate(0);
          margin-top: 10%;
     }

     .qiye_page3 .ear figcaption li {
          position: inherit;
          left: 0 !important;
          top: 0 !important;
          transform: translateY(0) !important;
          flex-direction: row-reverse;
     }

     .qiye_page3 .ear figcaption li:first-child .ft {
          text-align: left;
          width: calc(92% - 68px);
     }

     .qiye_page3 .ear figcaption li:first-child .icon {
          margin-left: 0;
          margin-right: 8%;
     }

     .qiye_page3 .ear figure {
          display: none;
     }

     .qiye_page3 .ear figcaption {
          position: inherit;
          width: inherit;
          height: inherit;
     }

     .qiye_page3 .ear figcaption li {
          margin-bottom: 10%;
     }

     .qiye_page3 .ear figcaption li .ft h3 {
          font-size: 18px;
     }

     .qiye_page3 .ear figcaption li .ft p {
          font-size: 12px;
          line-height: 1.4;
     }

     .qiye_page3 .ear figcaption li:nth-child(2) {
          flex-direction: row-reverse;
     }

     .qiye_page3 .ear figcaption li:nth-child(2) .icon {
          margin-right: 8%;
     }

     .qiye_page3 .ear figcaption li:nth-child(2) .ft {
          text-align: left;
          width: calc(92% - 68px);
     }

     .qiye_page3 .ear figcaption li:nth-child(3) .ft {
          text-align: left;
          width: calc(92% - 68px);
     }

     .qiye_page3 .ear figcaption li:last-child .ft {
          text-align: left;
          width: calc(92% - 68px);
     }

     .qiye_page3 .ear figcaption li:last-child {
          flex-direction: row-reverse;
     }

     .qiye_page3 .ear figcaption li:last-child .icon {
          margin-right: 8%;
     }

     .qiye_page3 .ear figcaption li:nth-child(3) .icon {
          margin-right: 8%;
     }

     .inside_nav {
          padding: 10% 4%;
     }

     .inside_nav ul li {
          width: 48%;
          margin: 0%;
		  margin-right:4%;
     }
	 .inside_nav ul li:last-child{
		  margin-right:0%;
	 }

     .inside_nav ul li a p {
          font-size: 14px;
     }

     .inside_nav ul li a i {
          width: 20px;
          background-size: contain;
          height: 20px;
     }

     .inside_nav ul li a i.n1 {
          background-size: contain;
     }

     .inside_nav ul li.active a i.n1 {
          background-size: contain;
     }

     .inside_nav ul li a i.c1 {
          background-size: contain;
     }

     .inside_nav ul li.active a i.c1 {
          background-size: contain;
     }

     .inside_nav ul li a i.n2 {
          width: 24px;
          height: 18px;
          background-size: contain;
     }

     .inside_nav ul li.active a i.n2 {
          width: 24px;
          height: 18px;
          background-size: contain;
     }

     .inside_nav ul li a i.c2 {
          background-size: contain;
     }

     .inside_nav ul li.active a i.c2 {
          background-size: contain;
     }

     .news_list ul li a {
          padding: 6% 4%;
          flex-wrap: wrap;
     }

     .news_list ul li a figure {
          width: 100%;
     }

     .news_list ul li a figcaption {
          width: 100%;
          margin-bottom: 10%;
     }

     .news_list ul li a figcaption span.time {
          font-size: 12px;
     }

     .news_list ul li a figcaption h3 {
          font-size: 18px;
     }

     .news_list ul li a figcaption p {
          font-size: 12px;
          line-height: 1.6;
     }

     .inside_page {
          padding-bottom: 10%;
     }

     .news-banner figure {
          width: 100%;
          height: 300px;
     }

     .news-banner figure img {
          width: 100%;
          height: 100%;
          object-fit: cover;
     }

     .news-banner figcaption {
          width: 100%;
          padding: 0 8%;
     }

     .news-banner figcaption h3 {
          font-size: 18px;
     }

     .news-banner figcaption p {
          font-size: 12px;
     }

     .in_news_page {
          padding: 10% 0;
     }

     .in_news_page .box {
          padding: 10% 6%;
          font-size: 15px;
     }

     .in_news_page .box .control {
          margin-top: 30px;
          padding-top: 15%;
     }

     .in_news_page .box .control ul li {
          width: 100%;
          margin-bottom: 6%;
     }

     .in_news_page .box .control ul {
          flex-wrap: wrap;
     }

     .contact_page {
          padding-bottom: 0;
     }

     .contact_page .box {
          position: inherit;
          left: 0;
          top: 0;
          transform: translateX(0);
          margin-right: 0;
          width: 92%;
          margin: 10% auto;
          height: inherit;
     }

     .contact_page .box::before {
          display: none;
     }

     .contact_page .box::after {
          display: none;
     }

     .contact_page .box {
          flex-wrap: wrap;
     }

     .contact_page .box .left {
          width: 100%;
          padding-left: 8%;
          padding-top: 8%;
     }

     .contact_page .box .title h3 {
          font-size: 21px;
     }

     .contact_page .box .title p {
          font-size: 12px;
          margin-top: 10px;
     }

     .contact_page .box .contact_list li>img {
          width: 36px;
     }

     .contact_page .box .contact_list li p span {
          font-size: 17px;
     }

     .contact_page .box .contact_list li p span.s {
          font-size: 14px;
     }

     .contact_page .box .contact_list li {
          margin-bottom: 6%;
     }

     .contact_page .box .right {
          padding-left: 8%;
          padding-right: 6%;
          padding-bottom: 8%;
     }

     .contact_page .box .message li {
          width: 100%;
     }

     .contact_page .box .contact_list {
          margin-top: 8%;
     }

     .contact_page .box .right {
          width: 100%;
     }

     .contact_page2 .jion_tt {
          height: 160px;
     }

     .contact_page2 .jion_tt figcaption p {
          font-size: 14px;
          margin-top: 10px;
     }

     .contact_page2 .jion_tt figcaption h3 {
          font-size: 26px;
		  text-transform:uppercase;
     }

     .contact_page2 .jion_tt figcaption {
          padding-top: 10%;
     }

     .contact_page2 .box {
          padding: 10% 4%;
     }

     .jion_list li .top {
          height: 60px;
     }

     .jion_list li .top .name {
          font-size: 17px;
     }

     .jion_list li .top .i {
          width: 18px;
          height: 18px;
     }

     .jion_list li .down {
          padding: 0;
          margin-top: 4%;
     }

     .jion_list li .down .t {
          padding: 8% 4%;
     }

     .jion_list li .down .t dl dd {
          font-size: 14px;
     }

     .jion_list li .down .c {
          padding: 8% 4%;
     }

     .jion_list li .down .c p {
          font-size: 14px;
     }

     .jion_list li .down .c .con {
          flex-wrap: wrap;
     }

     .jion_list li .down .c .con span {
          font-size: 17px;
     }

     .jion_list li .down {
          margin-bottom: 5%;
     }

     .m_nav {
          top: 60px;
     }
     .index_banner{
          display: block;
     }
	 .product-page .list ul li{
		 width:48%;
		 margin-right:4%;
		 height:250px;
	 }
	 .product-page .list ul li:nth-child(2n){
		 margin-right:0;
		 
	 }
	 .product-page .list ul li .pro_text1{
		 left:8%;
		 top:8%;
	 }
	 .product-page .list ul li .pro_text1 .name_cn{
		 font-size:16px;
	 }
	 .product-page .list ul li .pro_img_box{
		 right:20px;
		 bottom:20px;
	 }
	 .honor-page .font{
		 top:10%;
	 }
	 .news_list ul li a figcaption .button{
		 width:110px;
		 height:42px;
		 line-height:42px;
		 font-size:14px;
		 margin-top:30px;
	 }
	 .about-page .about figure{
		 width:100%;
	 }
	 .about-page .about figcaption{
		 width:100%;
	 }
	 .product_list ul li figcaption p{
		 left:0;
		 width:100%;
		 text-align:center;
	 }
	 .product_list ul li:hover figcaption p{
		 text-align:center;
	 }
	 .product_list ul li figcaption span{
		 font-size:14px;
		 margin-top:5px;
	 }
	 .product_list ul li:hover figcaption span{
		 text-align:left;
	 }
	 .product_list ul li:hover figcaption p {
	  left: 0;
	  transform: translateX(0);
	}

	.product_list ul li:hover figcaption span {
	  left: 50%;
	  transform: translateX(-50%);
	}

	.product_list ul li:hover figcaption .yuan {
	  right: 4%;
	  opacity: 0;
	  transform: translateX(0);
	}

	.product_list ul li:hover figcaption::after {
	  left: 0;
	  width: 100%;
	}

	.product_list ul li:hover figure img {
	  transform: scale(1);
	}
	.m_img{
		display:block;
	}

	.pc_img{
		display:none;
	}
	.product_detail figcaption .w1580{
		flex-direction:column;
		padding:0 5%;
	}
	.product_detail figcaption .w1580 .left .name{
		font-size:32px;
	}
	.product_detail figcaption .w1580 .left p{
		font-size:14px;
		line-height: 24px;
	}
	.product_detail figcaption .w1580 .left b {
		display: block;
		width: 42px;
		height: 3px;
		margin: 20px 0 42px 0;
		background: #fff;
	}
	.honor-page{
		height:550px;
		background: url(https://www.kingcoparts.cn/aspx/main/images/mobile_page2.jpg) no-repeat center!important;
		background-size:cover!important;
	}
	.inside_nav ul li:hover a i.c1{
		background-size:contain;
	}
	.inside_nav ul li:hover a i.c2 {
	  background-size:contain;
	}

	.inside_nav ul li:hover a i.n1 {
	  background-size:contain;
	}
	.product_list ul li figure{
		min-height:initial;
	}
	.inside_nav ul li:hover a i.n2 {
	  background-size:contain;
	}
	.product-page .list{
		display:none;
	}
	.product-page  .mobile_list{
		display: block;
	}
	.product-page .list ul li .pro_text1 .name_en{
		font-size:12px;
	}
	.f-bottom p span{
		margin-right:0!important;
	}
	.f-bottom p{
		width:84%;
		margin:0 auto;
	}
	.product_list .pro_navig span{
		display:none;
	}
	.product_list .pro_navig{
		margin-top:50px;
	}
	.product_list .pro_navig ul li{
		margin:0 10px;
	}
	.qiye_page4 .index-title h3{
		font-size:22px;
	}
	.news-page .index-title{
		flex-wrap:wrap;
	}
	.qiye_page4 .news_swiper .swiper-container .swiper-slide figcaption p{
		font-size:14px;
		margin-top:15px;
	}

}

@media (max-width: 414px) {}