@media only screen and (max-width: 1680px){
	#banner .wrap .text1 {font-size: 34px;}
}

@media only screen and (max-width: 1500px){
	#banner .wrap .text1 {font-size: 30px;}
}

@media only screen and (max-width: 1280px){
	.wrap, .iwrap {padding-left:4%;padding-right:4%;width:100%;}
	#search {right: 4%;}

	#banner .wrap .text1 {font-size: 24px;}
	#banner .wrap .text2 {width: 100%;}
	#banner .wrap .text3 {width: 100%;}

	.itis h2 {font-size: 28px;}
	#iabout .intro .tis {font-size: 26px;}
	#iabout .list li .text h3 {font-size: 20px;}
}

@media only screen and (max-width: 1024px){
	body {font-size:14px;}
	input,select,button,textarea {font-size:14px;}
	#header {justify-content: flex-end; padding-right: 4%; height: 100px;}
	#header .logo {height:70px;}
	#header .hrs {position: static; top: auto; right: auto; margin-right: 4%;}
	#header .nav {display: none;}
	#mheader_menu {display:block;width:30px;height:36px;line-height:36px;cursor:pointer;}
	#mheader_menu span {position:relative;display:inline-block;margin-top:-4px;width:100%;height:2px;border-radius:2px;vertical-align:middle;background-color:#fff;}
	#mheader_menu span:before {position:absolute;top:8px;left:0;display:inline-block;width:100%;height:2px;content:"";border-radius:2px;background-color:#fff;transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;transition-property:top,transform;}
	#mheader_menu span:after {position:absolute;bottom:8px;left:0;display:inline-block;width:100%;height:2px;content:"";border-radius:2px;background-color:#fff;transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;transition-property:bottom,transform;}
	/*
	#mheader_menu span.active {background-color:transparent;transition-delay:0s, 0.3s;}
	#mheader_menu span.active:before {top:0px;transform:rotate(45deg);transition-delay:0s, 0.3s;}
	#mheader_menu span.active:after {bottom:0px;transform:rotate(-45deg);transition-delay:0s, 0.3s;}
	*/
	#header.fd #mheader_menu span {background-color:#000;}
	#header.fd #mheader_menu span:before {background-color:#000;}
	#header.fd #mheader_menu span:after {background-color:#000;}

	#search {position:absolute;transition:all ease-out 300ms;}
	#search.hide {top:0;opacity:0;visibility:hidden;}
	#search.show {top:100%;opacity:1;visibility:visible;}

	#footer {padding-bottom: 5%;}
	#footer .shares {padding-top: 20px; padding-bottom: 20px;}
	#footer .shares a {margin: 0 5px; width: 30px; height: 30px; line-height: 30px;}
	#footer .shares a i {font-size: 14px;}
	#footer .copyright {padding: 15px;}
	#ftop {bottom: 10px; right: 10px; width: 30px; height: 30px;}
	#ftop i {font-size: 22px;}
	
	.nodata {font-size:16px;}
	.editorc_box {padding-top:3.5%;}
	.editorc,.editorc2 {font-size:14px;}
	.mhide {display: none;}
	#bnav-m, #bname-m {display:block;}
	#bnav, #fos {display:none;}
	#video_play {width:857px;height:480px;}
	/*===================================================================================*/
	#banner .wrap .text1 {font-size: 20px;}
	#banner .wrap .text2 {margin-top: 2.5%;}
	#banner .wrap .text3 {margin-top: 2.5%; padding: 16px; border-radius: 6px;}
	#banners {height: 400px;}
	#banners .wrap h2 {font-size: 40px;}

	.itis h2 {font-size: 24px;}
	.itis h2::before {width: 40px; height: 2px;}
	.itis h2::after {width: 40px; height: 2px;}

	#itrack {padding-top: 5%; padding-bottom: 5%;}

	#iabout .wrap {padding-top: 5%; padding-bottom: 5%;}
	#iabout .intro {margin-right: 4%;}
	#iabout .intro .tis {font-size: 24px;}
	#iabout .list {gap: 20px;}
	#iabout .list li:nth-child(even) > div {/*margin-top: -40px;*/}
	#iabout .list li .text {padding: 30px; border-radius: 8px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);}
	#iabout .list li .text i {width: 60px; height: 60px; font-size: 24px;}
	#iabout .list li .text h3 {margin-top: 15px; font-size: 18px;}
	#iabout .list li .imgs {padding: 10px; border-radius: 8px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);}

	#ifw .wrap {padding-top: 5%; padding-bottom: 5%;}
	#ifw .rows {margin-top: 5%;}
	#ifw .rows .imgs img {padding: 10px; box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.1);}
	#ifw .rows .text .tis {font-size: 20px;}
	#ifw .rows:first-child {margin-top: 3%;}
	#ifw .rows:nth-child(odd) .text {padding-right: 6%;}
	#ifw .rows:nth-child(even) .text {padding-left: 6%;}

	#ilx .wrap {padding-top: 5%; padding-bottom: 5%;}
	#ilx .cont {gap: 20px; margin-top: 4%;}
	#ilx .lxfs {padding: 15px 20px;}
	#ilx .lxfs i {font-size: 26px;}
	#ilx .lxfs .name {margin-top: 15px; font-size: 16px;}
	#ilx .lxfs .text {margin-top: 5px;}
	#ilx .lxfs .text p:not(:first-child) {margin-top: 10px;}
	#ilx .message {padding: 20px;}
	#ilx .message .inputs {width: 100%;}
	#ilx .message .inputs:nth-child(n+2) {margin-top: 15px;}
	#ilx .message .inputs input {padding: 0 10px; height: 38px;}
	#ilx .message .inputs textarea {padding: 8px 10px; height: 100px;}
	#ilx .message .btns {margin-top: 30px;}
	#ilx .message .btns button {height: 42px; font-size: 16px; border-radius: 21px;}
	/*===================================================================================*/
	#history .intro {padding-top: 7%; padding-bottom: 7%;}
	#history .intro .editorc {margin-right: 5%;}

	#history .wrap {padding-top: 4%; padding-bottom: 7%;}
	#history .htis {padding-bottom: 15px; font-size: 24px;}
	#history .rows {margin-top: 5%;}
	#history .rows .text .tis {font-size: 30px;}
	#history .rows:nth-child(odd) .text {padding-left: 8%;}
	#history .rows:nth-child(even) .text {padding-right: 8%;}
	/*===================================================================================*/
	#track_result .wrap {padding-bottom: 5%;}
	#track_result .list:not(:first-child) {margin-top: 5%;}
	#track_result .list p {padding-left: 4%;}
	#track_result .list p span {top: 0; left: 0;}
	#track_result .list dl dt {padding-left: 4%; width: 160px;}
	#track_result .list dl dd {padding-left: 4%;}
	#track_result .loading {padding-top:1%; padding-bottom: 5%;}
	#track_result .errmsg {padding:1% 5% 5% 5%; font-size: 14px;}
}

@media only screen and (max-width: 800px){
	#iabout .wrap {display: block;}
	#iabout .intro {margin-right: 0;}
	#iabout .list {margin-top: 4%; width: 100%;}
	#iabout .list li {border-radius: 8px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); background-color: #fff; overflow: hidden;}
	#iabout .list li:nth-child(even) > div {margin-top: 0;}
	#iabout .list li .text {padding: 30px; border-radius: 0; box-shadow: none;}
	#iabout .list li .text i {width: 60px; height: 60px; font-size: 24px;}
	#iabout .list li .text h3 {margin-top: 15px; font-size: 18px;}
	#iabout .list li .imgs {padding: 10px; border-radius: 0; box-shadow: none;}

	#ilx .cont {grid-template-columns: repeat(2,1fr);}
	#ilx .message {grid-row: 3/3; grid-column: 1/3;}
}

@media only screen and (max-width: 640px){
	#banners {height: 300px;}
	#banners .wrap {padding-top: 50px;}
	#banners .wrap h2 {font-size: 30px; text-align: center;}

	.itis h2 {font-size: 20px;}
	.itis h2::before {width: 30px; height: 2px;}
	.itis h2::after {width: 30px; height: 2px;}

	#itrack textarea {width: 100%; height: 150px;}
	#itrack button {width: 200px; height: 46px; font-size: 18px; border-radius: 23px;}
	#iabout .intro .tis {font-size: 20px;}
	#iabout .list li .text h3 {font-size: 16px;}
	#ifw .rows {display: block; margin-top: 6%;}
	#ifw .rows .imgs img {padding: 8px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);}
	#ifw .rows .text {margin-top: 4%;}
	#ifw .rows .text .tis {font-size: 16px;}
	#ifw .rows:first-child {margin-top: 4%;}
	#ifw .rows:nth-child(odd) .text {padding-right: 0;}
	#ifw .rows:nth-child(even) .text {padding-left: 0;}
	/*===================================================================================*/
	#history .intro {display: block; padding-top: 5%; padding-bottom: 6%;}
	#history .intro .editorc {margin-right: 0;}
	#history .intro .imgs {margin-top: 5%; width: 100%;}
	#history .htis {padding-bottom: 10px; font-size: 20px;}
	#history .rows .text .tis {font-size: 24px;}
	/*===================================================================================*/
	#win_ts {position:fixed;top:20%;left:10%;z-index:99999;margin-left:0px;padding:25px 3%;width:74%;color:#fff;font-size:16px;line-height:normal;text-align:center;opacity:0;transition:all 0.6s;border-radius:6px;background-color:rgba(0,0,0,0.7);overflow:hidden;}
	/*===================================================================================*/
	.editorc, .editorc2 {line-height:1.6;}
	.editorc p {margin-bottom:15px;}
	.editorc p:last-child {margin-bottom:0px;}
	.editorc a {text-decoration:underline;}
	.editorc ul {margin-bottom:15px;padding-left:1.4em;}
	.editorc ul:last-child {margin-bottom:0px;}
	.editorc ul li {list-style-type:disc;}
	.editorc ol {margin-bottom:15px;padding-left:1.5em;}
	.editorc ol li {list-style-type:decimal;}
	.editorc ol:last-child {margin-bottom:0px;}
	.editorc table.border {margin-bottom:15px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
	.editorc table.border td,.editorc table.border th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
	.editorc table.border td table {margin-bottom:0px;}
	.editorc table.border td p {margin:0px;padding:0px;}
	.editorc table.border th p {margin:0px;padding:0px;}
		
	.editorc_tbe table {margin-bottom:15px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
	.editorc_tbe td {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
	.editorc_tbe td table {margin-bottom:0px;}
	.editorc_tbe td p,.editorc_tbe th p {margin:0px;padding:0px;}
	.editorc_tbe table.no-border {border:none;}
	.editorc_tbe table.no-border table {border:none;}
	.editorc_tbe table.no-border td {border:none;padding:0px;}
	.editorc_tbe table.no-border th {border:none;padding:0px;}
}

@media only screen and (max-width: 480px){
	#header {padding-right: 5%; height:60px;}
	#header .logo {height:40px;left:10px;}
	#header .hrs {margin-right: 5%;}
	#header .hrs .lang {display: none;}
	#header .hrs .whatsapp {padding: 0 8px; height: 26px; line-height: 26px; font-size: 12px;}
	#header .hrs .whatsapp i {margin-right: 5px;}
	#mheader_menu {width:26px;}
	#mheader_menu span {margin-top:-2px;}
	#mheader_menu span:before {top:7px;left:0;}
	#mheader_menu span:after {bottom:7px;left:0;}

	#banner .wrap .text1 {font-size: 16px;}
	#banner .wrap .text1 i {margin-right: 5px;}
	#banner .wrap .text2 {margin-top: 3%;}
	#banner .wrap .text2 span {margin: 5px; padding: 0 8px; height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; border-radius: 11px;}
	#banner .wrap .text3 {margin-top: 4%; padding: 10px;}
	#banner .wrap .text3 i {margin-right: 5px;}
	#banners {height: 180px;}
	#banners .wrap {padding-top: 30px;}
	#banners .wrap h2 {font-size: 20px;}

	#search {right: 0; padding: 0; width:100%; height:auto; box-sizing: border-box; background-color: #333;}
	#search input {padding-left: 15px; padding-right: 60px; height: 50px; color:#fff; border-bottom: none;}
	#search i {top: 0; right: 5%; width: 26px; height: 50px; line-height: 50px; font-size:18px; color:#fff;}

	#footer {padding-bottom: 5%;}
	#footer .shares {padding-top: 5%; padding-bottom: 4%;}
	#footer .shares a {margin: 0 5px; width: 26px; height: 26px; line-height: 26px;}
	#footer .shares a i {font-size: 14px;}
	#footer .copyright {padding: 10px; font-size: 12px; line-height: 1.6;}
	#ftop {bottom: 10px; right: 10px; width: 24px; height: 24px;}
	#ftop i {font-size: 18px;}

	.wrap, .padlr {padding-left:5%;padding-right:5%;}
	.nodata {padding:100px 0;font-size:16px;}
	.editorc_nrs, .editorc_box {padding-top:4.5%;}
	.input_text {padding:0 8px;height:36px;line-height:36px\9;}
	.input_area {padding:6px 8px;height:120px;line-height:1.65;}
	.button_wd {width:130px;height:38px;}
	/*===================================================================================*/
	.itis h2 {font-size: 18px;}
	.itis h2::before {margin-right: 10px;}
	.itis h2::after {margin-left: 10px;}

	#itrack {padding: 5%;}
	#itrack textarea {margin-top: 12px; margin-bottom: 15px; width: 100%; height: 120px;}
	#itrack button {width: 160px; height: 38px; font-size: 16px; border-radius: 18px;}
	
	#iabout .intro .tis {font-size: 18px;}
	#iabout .intro .editorc {margin-top: 5px;}
	#iabout .list {margin-top: 5%; gap: 15px;}
	#iabout .list li {border-radius: 6px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
	#iabout .list li .text {padding: 15px;}
	#iabout .list li .text i {width: 40px; height: 40px; font-size: 20px;}
	#iabout .list li .text h3 {margin-top: 10px; font-size: 14px;}
	#iabout .list li .imgs {padding: 8px;}

	#ifw .rows {margin-top: 8%;}
	#ifw .rows .text {margin-top: 5%; padding-top: 0;}
	#ifw .rows:first-child {margin-top: 5%;}

	#ilx .cont {display: block; margin-top: 0;}
	#ilx .lxfs {margin-top: 5%; padding: 15px;}
	#ilx .lxfs i {font-size: 20px;}
	#ilx .lxfs .name {margin-top: 10px; font-size: 14px;}
	#ilx .lxfs .text {margin-top: 5px;}
	#ilx .lxfs .text p:not(:first-child) {margin-top: 0;}

	#ilx .message {margin-top: 5%; padding: 15px;}
	#ilx .message .inputs:nth-child(n+2) {margin-top: 12px;}
	#ilx .message .btns {margin-top: 15px;}

	#history .intro {padding-bottom: 8%;}
	#history .htis {padding-bottom: 10px; font-size: 16px;}
	#history .wrap {padding-top: 5%;}
	#history .rows {display: block; margin-top: 10%;}
	#history .rows .text {margin-top: 5%;}
	#history .rows .text .tis {font-size: 18px;}
	#history .rows .text .tis::after {margin-top: 5px; margin-bottom: 10px; width: 42px; height: 2px;}
	#history .rows:first-child {margin-top: 5%;}
	#history .rows:nth-child(odd) .text {padding-left: 0;}
	#history .rows:nth-child(even) .text {padding-right: 0;}
	/*===================================================================================*/
	#track_result .wrap {padding: 0 0 10% 0;}
	#track_result .list:not(:first-child) {margin-top: 8%;}
	#track_result .list p {padding-left: 12%; padding-bottom: 8px; font-size: 14px;}
	#track_result .list p span {top: 2px; left: 5%; width: 14px; height: 14px;}
	#track_result .list p span::before {left: 3px; right: 3px;}
	#track_result .list p span::after {left: 3px; right: 3px;}
	#track_result .list dl {display: block; padding: 8px 0;}
	#track_result .list dl dt {padding-left: 5%; width: 100%; color:#999;}
	#track_result .list dl dd {padding-left: 5%;}
}