@media (max-width:1680px) {
	.swiper-banner .banner-page {
		padding-right: 5%
	}
}
@media (max-width:1620px) {
	.arrows_Btn.news_Arr_R {
		right: -50px
	}
	.arrows_Btn.news_Arr_L {
		left: -50px
	}
	.head .navbox li {
		margin: 0 20px
	}
	.head .slogan {
		font-size: 16px
	}
	.section_why .choose-list li {
		width: 33.333%;
		padding: 0 10px;
		box-sizing: border-box
	}
	.swiper-banner .banner-page {
		padding-right: 3.5%
	}
}
@media (max-width:1540px) {
	.auto-container {
		width: 93%
	}
	.footer dl {
		padding-left: 5.5%
	}
}
@media (max-width:1510px) {
	.page-content .aboutbox .certificate .certificateitem .swiper-slide:last-child {
		margin-right: 0!important
	}
}
@media (max-width:1500px) {
	.page-content .newsbox ul li {
		margin-right: 2%
	}
}
@media (max-width:1460px) {
	.sub {
		width: 100%
	}
	.auto-container {
		width: 94%
	}
	.head .slogan {
		font-size: 16px
	}
	.head .navbox li {
		margin: 0 15px
	}
	.site-nav .auto-container {
		width: 95%
	}
	.head .navbox li .a {
		font-size: 15px
	}
	.arrows_Btn.news_Arr_R {
		right: 0
	}
	.arrows_Btn.news_Arr_L {
		left: 0
	}
	.footer dl {
		padding-left: 5%
	}
	.sub>dl dd {
		width: 16%
	}
}
@media (max-width:1440px) {
	.section-zx .wayGroups .item:nth-child(12) .text{
    left: 22%;
    top: 24%;
}
	.section-zx .wayGroups .item:nth-child(13) .text{
    left: 22%;
    top: 25%;
}
	.section-zx .wayGroups .item:nth-child(11) .text {
		
left: 42%;
		
top: 34%;
	}
	.section-zx .wayGroups .item:nth-child(9) .text,
	.section-zx .wayGroups .item:nth-child(10) .text {
		left: 9.5%;
		top: 30%
	}
	.section-zx .wayGroups .item:nth-child(7) .text,
	.section-zx .wayGroups .item:nth-child(8) .text {
		right: 23%;
        top: 0;
	}
	.section-zx .wayGroups .item:nth-child(1) .text,
	.section-zx .wayGroups .item:nth-child(2) .text {
		right: 0
	}
	.section-zx .wayGroups .item:nth-child(3) .text {
		top: 35%
	}
	.section-zx .wayGroups .item:nth-child(4) .text {
		left: 9.5%
	}
	.section-zx .wayGroups .item:nth-child(5) .text,
	.section-zx .wayGroups .item:nth-child(6) .text {
		top: 15%
	}
}
@media (max-width:1400px) {
	.section_addFrom .addFrom {
		width: auto
	}
}
@media (max-width:1360px) {
	.footer .foot_add {
		width: 480px
	}
	.section_addFrom .addFrom .right {
		padding-right: 5%
	}
}
@media (max-width:1280px) {
	.head .logo .logoImg {
		height: 42px
	}
	.head .slogan {
		display: none
	}
	.home_title {
		font-size: 32px
	}
	.footer dl {
		padding-left: 5%
	}
	.footer .foot_add {
		padding-right: 2%;
		width: 348px
	}
	.footer dl dd {
		font-size: 15px
	}
	#new-link li img {
		width: 28px
	}
	.footer dl dt {
		margin-bottom: 26px
	}
	.section_addFrom .addFrom .right {
		padding-right: 4%
	}
	.section_addFrom .addFrom .text {
		padding-left: 260px
	}
	.section_addFrom .addFrom .text .t {
		font-size: 22px
	}
	.section-zx .wayGroups .item:nth-child(1) .text,
	.section-zx .wayGroups .item:nth-child(2) .text {
		top: -1%;
		right: -20px
	}
	.section-zx .wayGroups .item:nth-child(3) .text {
		left: 22%;
		top: 29%
	}
	.section-zx .wayGroups .item:nth-child(4) .text {
		left: 7.5%;
		top: 0
	}
	.section-zx .wayGroups .item:nth-child(5) .text,
	.section-zx .wayGroups .item:nth-child(6) .text {
		left: 18%;
		top: 11%
	}
	.section-zx .wayGroups .item:nth-child(7) .text,
	.section-zx .wayGroups .item:nth-child(8) .text {
		right: 51%;
        top: 5%;
	}
	.section-zx .wayGroups .item:nth-child(7) .text::after, 
	.section-zx .wayGroups .item:nth-child(8) .text::after{
        right: -15px;
        left: unset;
        transform: rotate(-180deg);
        bottom: 15px;
	}
	.section-zx .wayGroups .item:nth-child(9) .text,
	.section-zx .wayGroups .item:nth-child(10) .text {
		left: 9%;
		top: 25%
	}
	.section-zx .wayGroups .item:nth-child(12) .text{
    left: 16%;
    top: 19%;
}
	.section-zx .wayGroups .item:nth-child(13) .text{
    left: 16%;
    top: 20%;
}
	.section-zx .wayGroups .item:nth-child(11) .text {
		left: 40%;
		top: 29%;
	}
	.page-content .trackquery .search {
		width: 100%
	}
	.section-zx .inner{
	    width: 350px;
	    padding-right: 20px;
	}
}
@media(max-width:1220px) {
	.section_addFrom .addFrom .right {
		padding-right: 2%
	}
	.footerbar .copyright a {
		margin-right: 22px
	}
	.shape {
		margin-left: 9px
	}
	.footer dl {
		padding-left: 4%
	}
	.section_addFrom .addFrom .text {
		padding-left: 230px
	}
}
@media(max-width:1152px) {
	.section-zx .wayGroups .item:nth-child(3) .text {
		left: 22%;
		top: 23%
	}
	.section-zx .wayGroups .item:nth-child(4) .text {
		left: 7.5%;
		top: 35%
	}
	.section-zx .wayGroups .item:nth-child(4) .text::after {
		top: -15px;
		left: 28%;
		transform: rotate(90deg)
	}
	.section-zx .wayGroups .item:nth-child(1) .text,.section-zx .wayGroups .item:nth-child(2) .text {
		top: -8%;
		right: 5%
	}
	.section-zx .wayGroups .item:nth-child(2) .text::after {
		top: unset;
		left: 75%;
		bottom: -15px;
		transform: rotate(-90deg)
	}
	.section-zx .wayGroups .item:nth-child(5) .text,.section-zx .wayGroups .item:nth-child(6) .text {
		left: 11%;
		top: 6%
	}
	.section-zx .wayGroups .item:nth-child(7) .text,.section-zx .wayGroups .item:nth-child(8) .text {
		left: 8%;
		top: 21%
	}
	.section-zx .wayGroups .item:nth-child(10) .text,.section-zx .wayGroups .item:nth-child(9) .text {
		left: 4%;
		top: 37%
	}
}
@media(max-width:1080px) {
	.head .navBar {
		display: none
	}
	.navbtn {
		margin-top: 34px;
		margin-left: 20px
	}
	.head .navbox li .a .mobile-navbtn{
	    display: block;
	}
	.head .logo .logoImg {
		height: 60px
	}
	.footer dl {
		padding-left: 3%
	}
	.index_title {
		font-size: 40px;
		margin-bottom: 30px
	}
	.navbtn {
		width: 30px;
		height: 30px;
		float: right;
		position: relative;
		display: block;
		z-index: 20
	}
	.navbtn i {
		height: 2px;
		background: #2054f5;
		display: block;
		overflow: hidden;
		width: 100%;
		position: absolute;
		left: 0;
		transition: all .3s
	}
	.navbtn i.bar-1 {
		top: 7px
	}
	.navbtn i.bar-2 {
		top: 15px
	}
	.navbtn i.bar-3 {
		top: 23px
	}
	.language {
		float: right;
		margin-right: 10px
	}
	.language:hover .language-dl {
		display: block
	}
	.cur_language {
		line-height: 50px
	}
	.language .language-dl {
		border-top: 1px solid #ddd;
		display: none;
		position: absolute;
		top: 50px;
		right: 0;
		z-index: 10;
		width: 100%;
		background-color: #fff
	}
	.language .language-dl dd {
		padding: 0 10px;
		border-bottom: 1px solid #ddd
	}
	.head_icon .language .language-dl dd:last-child {
		border-bottom: 0
	}
	.language .language-dl dd:hover a {
		color: #f08200
	}
	.language .language-dl dd a {
		padding: 0;
		line-height: 30px;
		color: #2a2724;
		font-size: 14px
	}
	.navbtn.open .bar-1 {
		top: 50%;
		transform: rotate(45deg)
	}
	.navbtn.open .bar-2 {
		height: 0
	}
	.navbtn.open .bar-3 {
		top: 50%;
		transform: rotate(-45deg)
	}
}
@media(max-width:991px) {
	.head .slogan {
		margin-top: 14px;
		font-size: 15px
	}
	.head .logo {
		line-height: 50px;
		margin-left: 0
	}
	.head .logo .logoImg {
		display: inline-block
	}
	.head .logo .logowhite {
		display: none
	}
	.head .logo .logoImg {
		left: auto;
		max-width: 100%;
		height: 38px
	}
	.head .slogan {
		line-height: 20px
	}
	.head .top_search {
		line-height: 50px
	}
	.navbtn {
		margin-top: 10px;
		margin-left: 10px
	}
	.head .navBar {
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		padding: 0 5%;
		background-color: #fff;
		overflow-y: scroll;
		max-height: 100%;
		transition: none;
		padding-bottom: 25px;
		border-bottom: 1px solid #eee
	}
	.head .language_head .t {
		background: url(../images/jt1.png) no-repeat right center
	}
	.head .top_search .icosearch {
		width: 30px;
		height: 30px
	}
	.index_title {
		font-size: 32px;
		margin-bottom: 20px
	}
	.readMore {
		position: relative
	}
	.readMore a img {
		margin-left: 15px;
		width: 30px
	}
	.head .navbox li {
		width: 100%;
		line-height: 40px;
		margin: 0
	}
	.head .navbox li.active .stair:after {
		background: 0 0
	}
	.head .navbox li:hover .stair:after {
		background: 0 0
	}
	.head .navbox li .a {
		font-size: 16px
	}
	.sub {
		position: relative;
		display: none
	}
	.sub_nav_box {
		display: block;
		position: relative
	}
	.sub_nav_box .left_intro {
		display: none
	}
	.sub_nav_box .menu_links dd {
		width: 33.333%;
		padding-top: 10px;
		overflow: hidden
	}
	.sub_nav_box .menu_links dd p {
		height: 60px;
		margin-top: 10px;
		font-size: 14px
	}
	.sub {
		height: auto;
		padding: 0
	}
	.sub>dl {
		display: block
	}
	.sub>dl dd {
		font-size: 14px;
		text-align: left
	}
	.sub>dl dd {
		padding: 5px 10px;
		position: relative;
		width: 100%;
		margin-right: 0
	}
	.site-nav .head .navbox li a figure {
		display: none
	}
	.sub>dl dd .small_img {
		width: 30px;
		height: 30px
	}
	.sub>dl dd .text {
		padding-left: 7px;
		margin-top: 0;
		font-size: 15px
	}
	.sub>dl dd .mobile-navbtn {
		display: block
	}
	.sub>dl a {
		display: inline-block
	}
	.sub>dl dd .t-menu li a {
		display: inline-block
	}
	.sub>dl dd .t-menu {
		position: relative;
		left: 0;
		margin-top: 0;
		display: none
	}
	.sub>dl dd .t-menu li {
		padding: 0 10px;
		line-height: 30px
	}
	.head .navbox li {
		line-height: 32px
	}
	.head .navbox .khdli .khd {
		line-height: 32px;
		height: 32px
	}
	.footerbar {
		line-height: 20px;
		height: auto;
		padding: 10px 0
	}
	.Home-banner {
		padding-top: 50px
	}
	.footerbar .copyright {
		padding: 0
	}
	.head .top_search .start_search {
		margin-left: 8px
	}
	.head .top_search .head_email {
		margin-right: 8px;
		border-color: #222;
		width: 108px;
		height: 32px;
		line-height: 30px;
		font-size: 14px
	}
	.site-nav {
		background-color: #fff
	}
	.language_head {
		color: #222;
		line-height: 50px
	}
	.site-nav .head .slogan {
		color: #333
	}
	.site-nav .head .navbox li a {
		color: #333;
		font-size: 16px
	}
	.head .navbox li:hover .stair>a {
		border-bottom: none
	}
	.site-nav .head .navbox li a:hover {
		color: #3a8cff
	}
	.site-nav .head .top_search .head_email:hover {
		-webkit-filter: grayscale(0);
		filter: grayscale(0)
	}
	.site-nav .head .top_search .head_email:hover img {
		-webkit-filter: inherit;
		filter: inherit
	}
	.site-nav .head .top_search .head_email:hover img:first-child {
		display: none
	}
	.site-nav .head .top_search .head_email:hover img:last-child {
		display: inline-block
	}
	.head .top_search .icosearch img {
		filter: brightness(0)
	}
	.index_case_row .right_arr .arr3 {
		width: 38px
	}
	.footerbar .copyright a {
		margin-right: 0
	}
	.index_case_row .arrows_Btn {
		width: 38px;
		height: 38px
	}
	.section-choose .choose-list {
		margin-top: 25px
	}
	.head .product-menu .product_left {
		width: 100%;
		float: none
	}
	.head .product-menu .product_right {
		display: none
	}
	.head .product-menu .auto-container {
		padding: 0;
		margin: 0
	}
	.head .product-menu dl {
		width: 100%;
		margin-bottom: 10px
	}
	.swiper-banner .banner-page {
		bottom: 12px
	}
	.swiper-banner .swiper-pagination-bullet {
		width: 20px;
		height: 20px;
		font-size: 12px;
		line-height: 20px
	}
	.index_case_row .right_arr {
		width: 100px;
		flex: 0 0 100px
	}
	.home_title {
		font-size: 22px;
		line-height: 1.2
	}
	.arrows_Btn {
		width: 36px;
		height: 36px
	}
	.section_case {
		padding-top: 100px;
		padding-bottom: 20px;
		margin-top: 0;
		background-size: cover;
		background-position: top -78px center;
		position: relative
	}
	.section_case::after {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: auto;
		content: '';
		width: 100%;
		height: 100px;
		background-color: #70b4ff
	}
	.section_case .home_title::after {
		font-size: 50px;
		top: -30px
	}
	.section_case .home_title {
		margin-bottom: 20px
	}
	.section_case .home-news .dec {
		padding: 15px 12px
	}
	.section_case .home-news .dec .t {
		margin-bottom: 5px;
		font-size: 16px;
		line-height: 22px;
		height: 44px;
		min-height: 44px
	}
	.section_case .home-news .dec .p {
		font-size: 14px;
		line-height: 20px
	}
	.section_case .home-news .dec .time {
		margin-top: 9px
	}
	.footerbar {
		height: auto;
		line-height: 1.2;
		padding: 20px 0
	}
	.footer .footer_content {
		padding: 20px 0 50px 0;
		background-size: 280px
	}
	.footerbar .copyright {
		padding: 0;
		line-height: 1.4;
		float: none;
		font-size: 14px
	}
	.footerbar .footer_bar_r {
		width: 100%;
		float: none;
		margin-top: 5px
	}
	.footerbar .footer_bar_r .link_box {
		margin-top: 0;
		font-size: 12px
	}
	.footerbar .footer_bar_r .link_box .links li {
		padding: 5px
	}
	.footer .foot_add {
		width: 100%;
		padding-right: 0;
		border-right: 0
	}
	.footer .f_link_letter {
		width: 100%;
		float: none
	}
	.footer dl dd {
		font-size: 14px
	}
	.footer .foot_add .jk_div {
		line-height: 22px
	}
	.footer dl dt {
		margin-bottom: 16px
	}
	.footerbar .copyright a {
		margin-right: 0;
		display: block
	}
	.shapelinks {
		float: none!important
	}
	.footer .foot_add::after {
		display: none
	}
	.shape {
		padding-bottom: 0;
		padding-top: 0
	}
	.shape img {
		width: 25px
	}
	.footer .foot_add dd {
		margin-bottom: 8px
	}
	.footer .foot_add dt {
		margin-bottom: 20px
	}
	.footer .foot_add dt div {
		font-size: 18px;
		margin-bottom: 8px
	}
	.footer .foot_add dt a {
		font-size: 14px
	}
	.footer .foot_add dd .text {
		line-height: 26px;
		font-size: 13px
	}
	.footerbar {
		text-align: left
	}
	.head .navbox li .stair {
		position: relative
	}
	.arrows_Btn.news_Arr_R {
		display: none
	}
	.arrows_Btn.news_Arr_L {
		display: none
	}
	.section-zx .wayGroups {
		height: auto;
		min-height: auto
	}
	.product_wrapper .product_body .product_item .about_c .t {
		font-size: 20px
	}
	.list_filter {
		position: relative;
		bottom: auto;
		white-space: nowrap;
		overflow-x: scroll
	}
	.list_filter .filter_item {
		min-width: 180px;
		padding: 0;
		margin: 0;
		font-size: 15px;
		line-height: 30px
	}
	.list_filter .filter_item span {
		max-width: 100%
	}
	.list_filter .filter_item img {
		height: 26px;
		margin-right: 8px
	}
	.product_wrapper .product_body .product_item .about_c p {
		font-size: 14px;
		line-height: 20px;
		margin-top: 10px
	}
	.product_wrapper .product_body .product_item .info_r {
		width: 100%;
		padding-right: 0;
		padding-left: 0
	}
	.product_wrapper .product_body .product_item .video_l {
		width: 100%;
		margin-top: 20px
	}
	.product_wrapper .product_body .product_item .about_c .more_about {
		margin-top: 20px;
		height: 32px;
		line-height: 32px
	}
	.section_why .choose-list li .item {
		padding: 10px;
		height: auto;
		max-width: unset;
		background-size: cover
	}
	.section_why .choose-list li {
		width: 100%;
		margin-bottom: 10px
	}
	.section_why .choose-list li .choose-title {
		font-size: 18px;
		margin-top: 0;
		margin-bottom: 5px
	}
	.section_why .choose-list li .item img {
		height: 24px;
		margin-right: 5px
	}
	.section_why .choose-list li p {
		margin-top: 0;
		font-size: 12px;
		line-height: 20px;
		width: 100%;
		max-width: unset
	}
	.section_why .choose-list li .item img {
		display: inline-block;
		vertical-align: middle;
		float: none
	}
	.section_why .choose-list li .item span {
		display: inline-block;
		vertical-align: middle
	}
	.section_about .about-item {
		position: relative;
		top: auto;
		display: block;
		padding: 40px 12px;
		border-radius: 20px
	}
	.section-zx .wayContent {
		padding-left: 0
	}
	.section_addFrom .addFrom {
		position: relative;
		display: block
	}
	.hwzz {
		width: 100%;
		height: auto;
		position: relative;
		bottom: auto;
		padding: 10px;
		margin-bottom: 5px
	}
	.hwzz .t {
		color: #2054f5
	}
	.hwzz .txt {
		border: 1px solid #2054f5
	}
	.hwzz::after {
		display: none
	}
	.hwzz::before {
		display: none
	}
	.section-zx .inner {
		width: 100%;
		max-width: unset;
		background-size: cover
	}
	.section_about {
		background-size: 750px;
		height: auto;
		padding-bottom: 30px;
		margin-top: 20px
	}
	.section_about .auto-container {
		padding-top: 150px
	}
	.section_about .about-item .home_title {
		width: 100%
	}
	.section_about .about-item .home_title::after {
		font-size: 50px
	}
	.section_about .about-item .home_title {
		padding-top: 0
	}
	.section_about .about-item .info {
		padding-left: 0;
		border-left: 0;
		margin-top: 20px
	}
	.section_about .about-item .info .t {
		margin-bottom: 14px;
		font-size: 15px;
		line-height: 24px
	}
	.section_about .about-item .info p,.section_about .about-item .info p span {
		font-size: 16px!important;
		line-height: 22px
	}
	.section_addFrom .addFrom {
		text-align: center;
		bottom: 0;
		margin-top: 80px;
		height: auto;
		padding: 20px 0 10px 0;
		border-radius: 20px
	}
	.section_addFrom .addFrom img {
		width: 80px;
		left: 50%;
		transform: translateX(-50%);
		top: -70px
	}
	.section_addFrom .addFrom .text {
		padding-left: 00px
	}
	.section_addFrom .addFrom .text .t {
		font-size: 15px;
		margin-bottom: 4px
	}
	.section_addFrom .addFrom .text p {
		font-size: 13px
	}
	.section_addFrom .addFrom .right {
		padding-right: 0;
		margin-top: 8px
	}
	.section_addFrom .addFrom .right .contact {
		font-size: 14px
	}
	.section_addFrom .addFrom .right .getFrom {
		font-size: 14px
	}
	.section_product {
		padding-top: 35px;
		padding-bottom: 35px
	}
	.home_title div {
		font-size: 24px
	}
	.home_title p {
		font-size: 13px;
		margin-top: 5px
	}
	.section-zx .listZx {
		position: relative
	}
	.section-zx .home_title::after {
		font-size: 60px;
		top: -20px
	}
	.section-zx .home_title {
		margin-bottom: 15px
	}
	.section-zx {
		padding-top: 35px
	}
	.section-zx .inner {
		padding: 12px 30px 12px 12px
	}
	.section-zx .inner .zx {
		font-size: 15px;
		margin-bottom: 7px
	}
	.section-zx .inner dd {
		line-height: 24px
	}
	.section-zx .inner p {
		margin-bottom: 7px
	}
	.section-zx .wayGroups .img {
		margin-top: 30px
	}
	.section-zx .wayGroups .text {
		padding: 12px;
		position: unset;
		width: 100%
	}
	.section-zx .wayGroups .text::after {
		display: none
	}
	.section-zx .wayGroups .text .t {
		font-size: 14px;
		margin-bottom: 6px
	}
	.section-zx .wayGroups .text p {
		font-size: 12px;
		line-height: 20px
	}
	.section_why {
		padding-top: 35px
	}
	.section_why .choose-list {
		display: block
	}
	.section_why .hellobox p {
		font-size: 20px;
		margin-bottom: 14px
	}
	.section_why .hellobox .getFrom {
		font-size: 14px
	}
	.section_why .hellobox .contact {
		font-size: 14px
	}
	.footer dl {
		padding-top: 0
	}
	.footer .foot_add dd .img {
		width: 100px;
		flex: 0 0 100px;
		margin-right: 9px
	}
	.section_addFrom {
		padding-bottom: 30px;
		padding-top: 0
	}
	.product_wrapper .product_body .product_item .about_c {
		max-width: unset
	}
	.page-content .paltformbox {
		flex-direction: column
	}
	.page-content .paltformbox .left {
		width: 100%;
		padding-left: 0
	}
	.page-content .paltformbox .right .itembox .item .text h2 {
		font-size: 26px
	}
	.page-content .paltformbox .right {
		width: 100%
	}
	.page-content .paltformbox .right .itembox .item .fieldbox .field ul li {
		width: 100%;
		margin-bottom: 10px
	}
	.page-content .paltformbox .right .itembox .item .fieldbox .field.faq ul {
		width: 100%
	}
	.page-content .paltformbox .right .itembox .item .fieldbox .field.faq .faq-one li,.page-content .paltformbox .right .itembox .item .fieldbox .field.faq ul li {
		width: 100%
	}
	.page-content .paltformbox .right .itembox .item .fieldbox .field h3 {
		font-size: 17px
	}
	.page-content .paltformbox .right .itembox .item .fieldbox .field ul li {
		padding: 15px
	}
	.page-content .aboutbox .recruit .recruititem {
		flex-direction: column;
		border-radius: 10px
	}
	.page-content .aboutbox .recruit .recruititem .left {
		width: 100%;
		padding: 20px;
		border: 0
	}
	.page-content .contactus .headbox .contact .header {
		padding: 20px;
		font-size: 24px
	}
	.page-content .contactus .headbox .contact .contactbox ul li {
		padding: 15px;
		flex-wrap: wrap
	}
	.page-content .contactus .headbox .contact .contactbox li .item,.page-content .contactus .headbox .contact .contactbox li .t {
		width: 100%;
		margin-bottom: 15px
	}
	.page-content .contactus .headbox .contact .contactbox {
		padding: 0
	}
	.page-content .contactus .headbox .contact .contactbox li .item p {
		width: 90%
	}
	.page-content .contactus .headbox .contact .contactbox li:nth-child(5) .item,.page-content .contactus .headbox .contact .contactbox li:nth-child(6) .item,.page-content .contactus .headbox .contact .contactbox li:nth-child(7) .item {
		width: 100%
	}
	.page-content .warehouse_address .right .itembox .item .headbox {
		padding: 15px
	}
	.page-content .warehouse_address .right .itembox .item .headbox .t img {
		width: 50px
	}
	.page-content .aboutbox .certificate .certificateitem .swiper-slide {
		height: 100%!important
	}
	.page-content .aboutbox .certificate .certificateitem .swiper-slide .item {
		text-align: center
	}
	.page-content .trackquery .search>p {
		font-size: 18px;
		width: auto
	}
	.page-content .trackquery .search .search-btn {
		font-size: 15px;
		width: 55px
	}
	.page-content .aboutbox .certificate .certificateitem .swiper-pagination {
		left: 0;
		right: 0;
		bottom: -25px
	}
	.page-content .aboutbox .certificate .certificateitem .swiper-pagination .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin-right: 5px
	}
	.page-content .aboutbox .certificate {
		padding-bottom: 30px
	}
	.head .navbox li:last-child {
		margin-top: 10px
	}
	.page-content .left .sidebar-from {
		display: none
	}
	.page-content .sidebar-from-m {
		display: block
	}
}
@media(max-width:820px) {
	.page-content .projectbox {
		flex-direction: column
	}
	.page-content .projectbox .left,.page-content .projectbox .right {
		width: 100%
	}
	.page-content .projectbox .left .leftbox .sidebar {
		display: none
	}
	.page-content .projectbox .right .project-item.item1 {
		flex-direction: column-reverse
	}
	.page-content .projectbox .right .project-item.item1 .imgbox {
		width: 100%;
		text-align: center;
		margin-bottom: 20px
	}
	.page-content .projectbox .right .project-item.item1 .imgbox img {
		width: auto
	}
	.page-content .projectbox .right .project-item.item1 .text {
		width: 100%
	}
	.Home-banner .auto-container {
		width: 100%
	}
	.page-content .dedicatedbox .headbox {
		flex-direction: column
	}
	.page-content .dedicatedbox .headbox .text {
		width: 100%;
		padding-right: 0
	}
	.page-content .dedicatedbox .headbox .imgbox {
		width: 100%;
		margin-bottom: 20px;
		text-align: center
	}
	.page-content .dedicatedbox .infobox .catebox .cateinfo-box .list .headbox {
		flex-direction: column
	}
	.page-content .dedicatedbox .infobox .catebox .cateinfo-box .list .itembox ul li {
		width: 100%;
		margin-right: 0;
		padding: 15px;
		min-height: auto;
		margin-bottom: 10px
	}
	.page-content .dedicatedbox .infobox {
		padding-bottom: 0
	}
	.page-content .dedicatedbox .infobox .precautionbox ul li {
		width: 100%;
		margin-bottom: 10px
	}
	.page-content .faqbox {
		flex-direction: column
	}
	.page-content .faqbox .left {
		width: 100%
	}
	.page-content .faqbox .right {
		width: 100%
	}
	.page-content .faqbox .right .faqitem .item .headbox {
		flex-direction: column;
		padding: 15px
	}
	.page-content .faqbox .right .faqitem .item .headbox .text h2 {
		font-size: 18px;
		margin-bottom: 15px
	}
	.page-content .faqbox .right .faqitem .item .list {
		padding: 15px
	}
	.page-content .faqbox .right .faqitem .item .list ul li:nth-child(even) {
		margin: 0
	}
	.page-content .faqbox .right .faqitem .item .headbox .imgbox {
		width: 100%;
		text-align: center;
		margin-bottom: 20px
	}
	.page-content .faqbox .right .faqitem .item .headbox .text {
		width: 100%
	}
	.page-content .warehouse_address {
		flex-direction: column
	}
	.page-content .warehouse_address .left {
		width: 100%;
		padding-left: 0
	}
	.page-content .warehouse_address .right {
		width: 100%
	}
	.page-content .warehouse_address .right .itembox .item .headbox .t {
		width: 100%;
		font-size: 17px;
		-webkit-line-clamp: unset;
		float: unset
	}
	.page-content .warehouse_address .right .itembox .item .headbox .more {
		width: auto;
		float: unset;
		text-align: center;
		overflow: hidden;
		height: auto;
		line-height: unset
	}
	.page-content .warehouse_address .right .itembox .item .content {
		padding: 15px
	}
	.page-content .warehouse_address .right .itembox .item .content table tr td:first-child,.page-content .warehouse_address .right .itembox .item .content table tr th:first-child {
		padding-left: 5px
	}
	#imgModal {
		top: 15%
	}
	.page-content .distributionbox {
		flex-direction: column
	}
	.page-content .distributionbox .left {
		width: 100%;
		padding-left: 0
	}
	.page-content .distributionbox .right {
		width: 100%
	}
	.page-content .distributionbox .right .itembox ul li {
		width: 100%;
		margin-right: 0
	}
	.page-content .distributionbox .right .itembox ul li:nth-child(even) {
		margin-left: 0
	}
	.page-content .newsbox ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px
	}
	.page-content .newsbox li .imgbox {
		text-align: center
	}
	.page-content .aboutbox .about {
		flex-direction: column
	}
	.page-content .aboutbox .about .imgbox {
		width: 100%;
		margin-bottom: 20px
	}
	.page-content .aboutbox .about .text {
		width: 100%
	}
	.page-content .aboutbox .about .text .txt h2 {
		font-size: 20px;
		line-height: 26px
	}
	.page-content .aboutbox .head-title::after {
		font-size: 40px;
		top: -20px
	}
	.page-content .aboutbox .head-title div {
		font-size: 30px
	}
	.page-content .aboutbox .head-title p {
		width: 100%
	}
	.page-content .aboutbox .about .text .txt .content,.page-content .aboutbox .about .text .txt h2 {
		padding-right: 0
	}
	.page-content .aboutbox .certificate,.page-content .aboutbox .culture,.page-content .aboutbox .photo,.page-content .aboutbox .recruit {
		padding-top: 7%
	}
	.page-content .aboutbox .culture .cultureitem {
		flex-wrap: wrap
	}
	.page-content .aboutbox .culture .cultureitem .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		text-align: center
	}
	.page-content .aboutbox .recruit .recruititem .left ul li {
		font-size: 22px;
		line-height: 26px;
		height: auto;
		margin-bottom: 10px
	}
	.page-content .aboutbox .recruit .recruititem .left ul li.active:before {
		display: none
	}
	.page-content .aboutbox .recruit .recruititem .right ul li {
		padding: 15px
	}
	.page-content .contactus .headbox {
		flex-direction: column
	}
	.page-content .contactus .headbox .contact {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px
	}
	.page-content .contactus .headbox .contact-form {
		width: 100%;
		padding: 15px
	}
	.page-content .contactus .headbox .contact-form .header p {
		font-size: 24px
	}
	.page-content .contactus .headbox .contact-form .from .submit input {
		padding: 6px 10px;
		font-size: 16px
	}
	.page-content .projectbox .right .project-item.item1 .text .txt {
		padding-right: 0
	}
	.page-content .projectbox .right .project-item .text .title {
		font-size: 24px
	}
	.page-content .projectbox .right .project-item.item2 ul {
		flex-direction: column
	}
	.page-content .projectbox .right .project-item .content ul li {
		width: 100%
	}
	.page-content .sidebar-from {
		padding: 10px
	}
	.list_filter .filter_item a {
		padding: 10px 0
	}
	.page-content .dedicatedbox .headbox .text .cate-slogan {
		width: 80%
	}
	.page-content .dedicatedbox .infobox .catebox .category-box .item .icon img {
		height: 26px
	}
	.page-content .dedicatedbox .infobox .catebox .category-box .item {
		font-size: 16px;
		width: auto;
		height: auto;
		padding: 10px 15px
	}
	.page-content .dedicatedbox .infobox .catebox .cateinfo-box {
		padding: 15px
	}
	.page-content .dedicatedbox .infobox .precautionbox p {
		-webkit-line-clamp: unset
	}
}
@media (max-width:768px) {
	.inside-pagination ul {
		width: 100%
	}
	.inside-pagination .pre-page {
		margin-right: 5px
	}
	.inside-pagination .next-page {
		margin-left: 5px;
		margin-right: 0
	}
	.inside-pagination li a {
		font-size: 16px
	}
	.inside-pagination .pre-page a img {
		margin-right: 5px
	}
	.inside-pagination li.next-page a img {
		margin-left: 5px
	}
	.inside-pagination li {
		margin-right: 8px
	}
	.page-content .trackquery .search {
		flex-direction: column;
		align-items: center
	}
	.page-content .trackquery .search .search-btn {
		width: 80px;
		height: 40px;
		margin-top: 10px
	}
	.page-content .trackquery .search .input {
		width: 95%
	}
	.page-content .trackquery {
		padding: 0
	}
	.page-content .trackquery .description {
		width: 95%
	}
	.page-content .trackquery h2 {
		margin-top: 20px;
		font-size: 24px
	}
	.page-content .dedicatedbox .headbox .text {
		padding-top: 0
	}
	.page-content .contactus .mapbox #mapbox {
		height: 400px
	}
	.footer .foot_add dt a.pc-contact,.page-content .paltformbox .right .itembox .item .fieldbox .advantage .more a.pc-contact,.section_addFrom .addFrom .right .pc-contact,.section_why .hellobox .pc-contact {
		display: none
	}
	.footer .foot_add dt a.m-contact,.page-content .paltformbox .right .itembox .item .fieldbox .advantage .more a.m-contact,.section_addFrom .addFrom .right .m-contact,.section_why .hellobox .m-contact {
		display: inline-block
	}
}