/*html5*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block;}
audio,canvas,video{display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) { display: none;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea, 
th, td,
img{border:medium none; margin: 0; padding: 0;}
/*form*/
button,input,select,textarea {margin: 0; font-size: 100%; vertical-align: middle;}
button,input {*overflow: visible;line-height: normal;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
input[type="search"] { -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
textarea { overflow: auto; vertical-align: top;}
body, button, input, select, textarea {
	font: 16px/1.2 var(--font-family, 'Nunito-Light'), Arial, Helvetica, sans-serif;
}
body{ letter-spacing:0.02em;}
select{-webkit-appearance: menulist-button;}
/** 设置默认字体 **/
h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility; letter-spacing:0.02em;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999;}

/*h1{font-family: 'PT Serif', serif; letter-spacing:0.02em; font-weight:400; font-size:60px; line-height:1.1666667em;}*/
h1 {
	font-family: var(--font-family, 'Nunito-Light'), serif;
	letter-spacing: 0.02em;
	font-weight: 400;
	font-size: 46px;
	line-height: 1.3043em;
}
h2 {
	font-family: var(--font-family, 'Nunito-Light'), serif;
	letter-spacing: 0.02em;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.3333em;
}
h3 {
	font-family: var(--font-family, 'Nunito-Light');
	letter-spacing: 0.02em;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.3333em;
}
h4 {
	font-family: var(--font-family, 'Nunito-Light'), serif;
	letter-spacing: 0.02em;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.4166666em;
}
h5 {
	font-family: var(--font-family, 'Nunito-Light');
	letter-spacing: 0.02em;
	font-size: 16px;
	line-height: 2.5em;
}
h6 {
	font-family: var(--font-family, 'Nunito-Light');
	letter-spacing: 0.08em;
	font-size: 12px;
	line-height: 3.3333em;
}

/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none; color:#333; outline: none;}
a:link{color:#000;}
a:visited{color:#000;}
a:hover { text-decoration: underline; color:#09b4e6; }
a:focus{ text-decoration:none;}
/** 重置表格元素 **/
table { border-collapse:collapse; border-spacing:0; }
/**禁止拉动**/
textarea{resize:none;}
/*重置表单元素*/
input,button,select,textarea{outline:none;}
/*选中文字背景色*/
::-moz-selection{background: var(--primary-color,#14264f); color:#ffffff; text-shadow: none;} 
::selection {background: var(--primary-color,#14264f); color:#ffffff; text-shadow: none;}
/*常用样式*/
.clears{zoom:1;}
.clears:after{clear:both; content:"."; display:block; margin:0; padding:0; font-size:0; height:0; line-height:0; overflow:hidden;} 
.al{ text-align:left;}
.ar{ text-align:right}
.ac{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.underline{ text-decoration:underline;}
.vm { vertical-align: middle; height: 100%;}
.width-100 { width: 100%;}
.pointer {cursor: pointer;}
.hide {display: none;}
.upp{ text-transform:uppercase;}

.div-table{ display:table; height:100%; width:100%;}
.table-cell{ display:table-cell; vertical-align:middle; height:100%;}
img{ max-width:100%;}

.container-fluid{ padding-left:40px; padding-right:40px; }
.row{ margin-left:-15px; margin-right:-15px;}
.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{ padding-left:15px; padding-right:15px; transition:all 0.25s;}

.css3-animation{transition: all 0.5s ease, opacity 1s ease; opacity: 0; transform:translateY(10px); }
.css3-animation.scrolltothis{/*animation:imgAnimation  1s ;*/ opacity:1; transform:translateY(0);}
.css3-animation-3d{    transition: all 0.5s ease, opacity 1s ease;   opacity: 0;   transform: translateY(200px) translateZ(-500px) rotateX(90deg);}
.css3-animation-3d.scrolltothis{    transition: all 0.5s ease, opacity 1s ease;   opacity: 1; transform: translateY(0) translateZ(0) rotateX(0deg);}
.css3-animation-txt{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateX(100px);}
.css3-animation-txt.scrolltothis{opacity: 1;  transform:translateX(0);}
.css3-animation-txt-y{transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateY(100px);}
.css3-animation-txt-y.scrolltothis{opacity: 1;  transform:translateY(0);}
.css3-animation-txt-right{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateX(-100px);}
.css3-animation-txt-right.scrolltothis{opacity: 1;  transform:translateX(0);}

@-moz-keyframes imgAnimation {
	0% {transform:translateY(10px); opacity:0;}
	100% { transform:translateY(0); opacity:1;}
}
@-webkit-keyframes imgAnimation {
	0% {transform:translateY(10px); opacity:0;}
	100% { transform:translateY(0); opacity:1;}
}

@keyframes imgAnimation {
	0% {transform:translateY(10px); opacity:0;}
	100% { transform:translateY(0); opacity:1;}
}

.animation-delay-05{ transition-delay:0.25s;}
.animation-delay-1{ transition-delay:0.5s;}
.animation-delay-15{ transition-delay:0.75s;}
.animation-delay-2{ transition-delay:1s;}
.animation-delay-25{ transition-delay:1.25s;}
.animation-delay-3{ transition-delay:1.5s;}

.load-fadeIn, .load-fadeInRight, .add-fadeInLeft, .add-fadeInRight, .add-slideInUp, .add-fadeInUp, .add-fadeInDown, .load-pulse{ opacity:0;}
.opacity-0{ opacity:0;}
.animated{ opacity:1;}
/**/
/**/
.select-container{position:relative;display:inline-block;vertical-align:top}
.select-container .icon-select-arrows{display:block;width:29px;height:28px;position:absolute;top:1px;right:1px;border-left:1px solid #ddd;background-color:#fff;background-size:40px 40px;background-position:top right;z-index:30;cursor:pointer;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAIAAAD3rtNaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk0OEZDMDkwN0NCRDExRTNBRDJCRUZERDg1OTgzRkRFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk0OEZDMDkxN0NCRDExRTNBRDJCRUZERDg1OTgzRkRFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTQ4RkMwOEU3Q0JEMTFFM0FEMkJFRkREODU5ODNGREUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTQ4RkMwOEY3Q0JEMTFFM0FEMkJFRkREODU5ODNGREUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yLNhBAAAAhElEQVR42mL4DwafPn/umzwbSEK4TAwMDL9+/Z40bd6VqzeAJJANFGH69+/fzLlL7t1/BOQASSAbKMKsrm14/ORZBhh48fL1ly9fGYGmMGAAJgZsgGXJ8nX7Dx1DFnK0s2KKCg8w0NOGCwHZQBEmIEhPjlFSlAMKAUkgGyjCgNUXAAEGANEEWEG/zTCLAAAAAElFTkSuQmCC) no-repeat 10px center}
.select-container select{appearance:none;position:relative;z-index:29;cursor:pointer;border:1px solid #ddd;width:100%;outline:0;height:30px;padding:0 42px 0 12px;line-height:28px;border-radius:0;background:#fff;font-family:inherit;color:#333;font-size:14px}
.checkbox,.radio{margin-top:6px; margin-bottom:0; font-size:14px;}
.checkbox.inline,.radio.inline{display:inline-block;vertical-align:top;margin-right:18px}
.checkbox.inline:last-child,.radio.inline:last-child{margin-right:0}
.checkbox label,.radio label{display:block;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer; }
.checkbox input[type=checkbox],.checkbox input[type=radio],.radio input[type=checkbox],.radio input[type=radio]{position:absolute;top:0;left:0;visibility:hidden}
.checkbox .custom-checkbox,.checkbox .custom-radio,.radio .custom-checkbox,.radio .custom-radio{display:inline-block;vertical-align:top;margin:0 6px 0 0;width:18px;height:18px;background:#fff;border:1px solid #ccc;position:absolute; left:0;}
.checkbox .custom-checkbox{ background:#fff;transition:box-shadow 180ms ease;box-shadow:inset 0 0 0 12px #fff;top:-2px;}
.checkbox .icon-check{width:11px;height:11px;background-size:cover;position:absolute;top:3px;left:3px;transform:scale(0);transition:all 180ms ease}
.checkbox input[type=checkbox]:checked+.custom-checkbox{border-color:#ccc;box-shadow:none}
.checkbox input[type=checkbox]:checked+.custom-checkbox .icon-check{transform:scale(1)}
.radio .custom-radio{border-radius:18px;background:#2095F0;box-shadow:inset 0 0 0 12px #fff;transition:all 180ms ease;top:-2px}
.radio input[type=radio]:checked+.custom-radio{border-color:#ccc;background:#f7603a;box-shadow:inset 0 0 0 4px #fff}
.icon-check{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23f7603a%22%20d%3D%22M13.483%201.992l-7.186%207.066-3.778-3.715-2.518%202.475%205.037%204.954%201.259%201.237%209.704-9.541-2.518-2.476z%22/%3E%3C/svg%3E');background-repeat:no-repeat}
.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.checkbox label, .radio label{ padding-left:24px;}

.controls {
  text-align: left;
  position: relative;
}
	.controls input[type="text"],
	.controls input[type="password"],
	.controls input[type="email"],
	.controls input[type="tel"],
	.controls textarea,
	.controls button,
	.controls select {
		height: auto;
		padding: 6px 8px;
		font-size: 14px;
		font-family: var(--font-family, 'Nunito-Light');
		/*border-top:none;
  border-left:none;
  border-right:none;*/
		border: 1px solid #ccc;
		border-radius: 0;
		width: 100%;
		color: #333;
		font-weight: normal;
		background-color: transparent;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
.controls input[type="text"]:focus, .controls input[type="text"]:hover,.controls input[type="password"]:focus, .controls input[type="password"]:hover,
.controls input[type="email"]:focus,
.controls input[type="email"]:hover,
.controls input[type="tel"]:focus,
.controls input[type="tel"]:hover,
.controls textarea:focus,
.controls textarea:hover,
.controls button:focus,
.controls button:hover,
.controls select:focus,
.controls select:hover {
  outline: none;
  border-color: #ccc;
  font-weight:normal;
}
.controls input[type="text"]:focus + label, .controls input[type="text"]:hover + label,
.controls input[type="email"]:focus + label,
.controls input[type="email"]:hover + label,
.controls input[type="tel"]:focus + label,
.controls input[type="tel"]:hover + label,
.controls textarea:focus + label,
.controls textarea:hover + label,
.controls button:focus + label,
.controls button:hover + label,
.controls select:focus + label,
.controls select:hover + label {
  /*font-family: 'Nunito-Regular';*/
  color: #333;
  cursor: text;
  font-weight:normal;
}
.controls .fa-sort,.controls .fa-angle-down {
  position: absolute;
  right: 10px;
  top: 12px;
  color: #f7603a;
  font-size:24px;
}
.controls .fa{pointer-events: none;}
.controls select {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
	.controls label {
		position: absolute;
		font-size: 16px;
		font-family: var(--font-family, 'Nunito-Light');
		left: 12px;
		top: 14px;
		color: #333;
		display: inline-block;
		padding: 4px 5px 4px 5px;
		font-weight: normal;
		text-transform: capitalize;
		background-color: rgba(255, 255, 255, 0);
		pointer-events: none;
		-moz-transition: color 0.3s, top 0.3s, background-color 0.8s;
		-o-transition: color 0.3s, top 0.3s, background-color 0.8s;
		-webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;
		transition: color 0.3s, top 0.3s, background-color 0.8s;
	}
.controls label.active {
  top: -11px;
  color: #333 !important;
  background-color:#fff;
  font-size:12px;
  font-weight:normal;
  text-transform: uppercase;
}
.controls textarea {
  resize: none;
  height: 140px;
}
.controls button {
  cursor: pointer;
  background-color: #07B3A1;
  border: none;
  color: #fff;
  padding: 12px 0;
}
.controls button:hover {
  background-color: #08ccb7;
}
/*body*/
body{-webkit-text-size-adjust:none;/*chrome 字体中文版限制问题*/}
#wrap{}

.page-banner{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;}
.loadone.page-banner{opacity: 1;}
.css3-animation-banner-txt{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateX(100px); transition-delay:0.5s;}
.loadone .css3-animation-banner-txt{opacity: 1;  transform:translateX(0);}

.landscape-show{ position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.85); z-index:9999; color:#fff; display:none;}
.landscape-show img{ max-width:212px;}
.landscape-show p{ font-size:24px; padding-top:30px;}

.form-group{ margin-bottom:5px;}
.form-control {
	border-radius: 0; /* keep square corners */
	height: auto; /* let padding dictate total height */
	padding: 6px 8px; /* adjust up/down to taste */
	font-size: 14px; /* or whatever size you need */
	line-height: 1.2; /* tighter lines, if necessary */
}
.form-control:focus{ box-shadow:none; outline:none;}

.btn {
	border-radius: 0;
	height: auto;
	font-family: var(--font-family, 'Nunito-SemiBold');
	font-size: 12px;
	line-height: 19px;
	padding: 8px 12px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.btn:hover,.btn:focus{ box-shadow:none;}
.btn-primary, a.btn-primary{ background-color:var(--primary-color,#14264f); border-color:var(--primary-color,#14264f);}
.btn-tertiary, a.btn-tertiary {
	background-color: var(--tertiary-color,#14264f);
	border-color: var(--tertiary-color,#14264f);
	color: #fff;
}
.btn-tertiary:hover
{
	background-color: var(--secondary-color, #0d6efd);
	border-color: var(--secondary-color, #0d6efd);
	color: #fff;
}
.btn-wt, a.btn-wt{ border-color:#fff; color:#fff;}
.btn-wt:hover{ color:#fff;}
.btn-gt, a.btn-gt{ border-color:#a6b1bd; color:#333;}
.btn-gt:hover{}
.btn-blue, a.btn-blue{ background-color:#09b4e6; color:#fff;}
.btn-blue:hover,.btn-blue:focus{}
.btn-lg{ height:60px; padding-top:21px; padding-bottom:20px;}
.btn-ban,a.btn-ban{ position:relative; color:var(--primary-color,#14264f); padding-left:25px; padding-right:85px; border:none;}
.btn-ban span{ background-color:var(--primary-color,#14264f); position:absolute; top:0; right:0; bottom:0; width:60px; text-align:center; padding:19px; line-height:22px; color:#fff;}
.btn-ban span img{}
.btn-ban span i{ font-size:16px; vertical-align:middle;}
.btn-ban.btn-ban-al{ padding-left:85px; padding-right:25px;}
.btn-ban.btn-ban-al span{ right:auto; left:0;}

.btn-ban-blue{ background-color:#ecf2fb;}
.btn-ban-blue span{ background-color:#09b4e6;}
/*head*/
#wp-header{}
#header{ position:fixed; z-index:9;}
#logo{}
#nav{}

.pc-menu {
	font-family: var(--font-family, 'Nunito-SemiBold');
	text-transform: uppercase;
	font-size: 12px;
	position: fixed;
	width: 100%;
	background-color: #fff;
	-moz-box-shadow: 0 0 12px rgba(71,71,71,.4);
	-webkit-box-shadow: 0 0 12px rgba(71,71,71,.4);
	box-shadow: 0 0 12px rgba(71,71,71,.4);
}
.pc-menu a:hover,.pc-menu a:focus{ text-decoration:none;}
.header-top{ text-align:right; transition:all 0.3s ease;}
.header-top li{ display:inline-block; padding-left:30px;}
.header-top i{ color:#09b4e6; vertical-align:middle; margin-right:2px; margin-top:-2px;}
.header-top a{ display:block; padding:13px 0; color:var(--primary-color,#14264f); transition:all 0.3s ease;}
.header-main .col-sm-8{ padding-left:0;}
.pc-logo{ max-width:414px; margin-top:-37px; transition:all 0.3s ease;}
.menu-list{ transition:all 0.3s ease;}
.menu-list li{ display:inline-block; position:relative; z-index:7;}
.menu-list li>a{ display:block; position:relative; padding-top:16px; padding-bottom:16px; color:#333; transition:all 0.3s ease;}
.menu-list li>a:after{ content:""; display:block; position:absolute; transition:all 0.3s ease; height:2px; left:0; width:0; background-color:#000;}
.menu-list li:hover>a:after{ width:100%;}

.main-menu{ padding-right:15px;}
.main-menu li{ padding:0 15px;}
.main-menu li>a{ padding-left:7px; padding-right:7px;}
.sub-menu{ position:absolute; left:0; white-space:nowrap; font-size:12px; background-color:#fff; padding:15px 25px; transition: opacity 0.3s ease 0.2s, visibility 0.3s ease 0.2s; opacity:0; visibility:hidden;}
.sub-menu a{ line-height:33px;}
.sub-menu a:hover{ color:#a6a6a6;}
.main-menu li:hover .sub-menu{ opacity:1;    visibility: visible;}

.scroll{}
.scroll .header-top {background-color: var(--primary-color, #14264f);}
.scroll .header-top a{ color:#fff; font-size:13px; padding:1px 0;}
.scroll .pc-logo{ margin-top:4px;}
.scroll .menu-list li>a{ padding-top:17px; padding-bottom:18px;}
.scroll .main-menu{ float:left;}

.mob-menu{ background-color:#fff; position:fixed; top:0; width:100%; transition:all 0.3s ease; border-bottom:1px solid #ddd;}
.nav-up:not(.open) {  transform: translateY(-169px);}
.mob-menu.open{ background-color:var(--primary-color,#14264f);}
.mob-menu.open .mob-logo img{ opacity:0;}
.navbar{background-color:#fff;}
.navbar-toggle .icon-bar{ background-color:#303c47;}

.mob-logo{ padding:11px 0; max-width:117px; line-height:1em;}
.mob-logo {
	/*background: var(--logo-url,url(../../_images/logo-w.png)) center no-repeat;*/
	background-size: 100% auto;
}
.mob-logo a{ display:block;}
.mob-logo img{ vertical-align:middle; transition:all 0.3s ease;}

.hamburger-menu{margin:auto;height:46px;cursor:pointer;}
.bar,.bar:after,.bar:before{width:23px;height:3px;}
.bar{position:relative;background:#303c47;transition:all 0s .3s;transform:translateY(21px);}
.bar.animate{background:rgba(255,60,71,0);}
.bar:before{position:absolute;bottom:7px;left:0;background:#303c47;content:"";transition:bottom .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1);}
.bar:after{position:absolute;top:7px;left:0;background:#303c47;content:"";transition:top .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1);}
.bar.animate:after{top:0; background-color:#fff;transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1);transform:rotate(45deg);}
.bar.animate:before{bottom:0; background-color:#fff;transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1);transform:rotate(-45deg);}

.mob-menu-child{ background-color:var(--primary-color,#14264f); text-transform:capitalize; width:100%; position:fixed; top:46px; bottom:0; overflow:hidden; display:none; overflow-y:auto;}
.mob-menu-child a{ color:#fff; display:block; font-size:16px; line-height:52px; font-family: 'PT Serif', serif;}
.mob-menu-child a:focus{ text-decoration:none;}
.mob-menu-child ul{ border-top:1px solid #506680;}
.mob-menu-child li{ position:relative;  border-bottom:1px solid #506680; }
.mob-menu-child li a{ position:relative;}
.mob-menu-child li i.fa-angle-down{ position:absolute; right:0; font-size:20px; top:0; padding-top:15px; padding-bottom:15px;  transition:all 0.3s ease; color:#fff; /*width:30px; text-align:right;*/}
.mob-menu-child li.active i.fa-angle-down{ transform:rotate(180deg);}
.mob-menu-child li i.fa-phone{ color:#09b4e6; vertical-align:middle; font-size:18px; margin-right:5px;}


/*.mob-menu-child ul>li{opacity:0; transform: scale(1.1) translateY(-24px); transition:all .35s;}
.mob-menu-child ul>li:nth-child(2){transition-delay:0.3s;}
.mob-menu-child ul>li:nth-child(3){transition-delay:0.35s;}
.mob-menu-child ul>li:nth-child(4){transition-delay:0.4s;}
.mob-menu-child ul>li:nth-child(5){transition-delay:0.45s;}
.mob-menu-child ul>li:nth-child(6){transition-delay:0.5s;}*/

.open .mob-menu-child ul>li{opacity:1; transform:none;}

.mob-sub-menu{ font-size:14px; display:none; border-top:1px solid #506680; padding:15px 0;}
.mob-sub-menu a{ color:#fff; font-size:14px; line-height:30px; text-transform:none; padding-left:40px; font-family: 'Nunito-SemiBold'; text-transform:uppercase;}


/*content*/
#wp-content{}
#content{}
/*.content{ position:relative; z-index:8; padding-top:107px; transition:all 0.3s ease;}
.scroll .content{ padding-top:88px;}*/
.content {
	padding-top: 88px;
}

.scroll .content {
	padding-top: 50px; /* or whatever your “compact” header height is */
}

.home-banner{ height:calc(100vh - 107px); background-repeat:no-repeat; background-size:cover; background-position: center; max-width:100%; overflow :hidden ; position:relative;}
.home-banner {}
.home-banner .swiper-slide{ height:calc(100vh - 107px); overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.home-banner .swiper-slide video{ min-height:100vh; position:absolute; /*left:50%; margin-left:-50%;*/ min-width:100%; /*max-width:100%;*/}
.home-banner-txt{ position:absolute; top:0; right:0; bottom:0; left:0; color:#fff;}
.home-banner-txt h1{ margin-bottom:230px;}
.home-banner .container-fluid{ max-width:1220px;}
.home-link-wrap{ position:absolute; bottom:0; left:0; width:100%;}
.home-link-bar {background-color: var(--bs-primary-rgba, rgba(20, 38, 79, 0.9));padding: 30px 0;}
.home-link-bar .col-xs-12:after{ content:""; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background-color:#546b87;}
.home-link-bar .col-xs-12:last-child:after{ display:none;}
.home-link-bar a{ color:#fff;}
.home-link-bar a:hover{ text-decoration:none;}
.home-link-bar .div-table{ margin:10px 0;}
.home-link-bar .table-cell{ height:68px;}
.home-link-block{ text-align:center; color:#fff;}

.page-wrap {
	position: relative;
	display: flex;
}
.page-side{background-color:var(--secondary-color,#05162a);}
.page-main{ padding-bottom:70px;}

.login-side{ background-color:#edf0f6; padding:40px;}
.login-side h4{ margin-bottom:10px;}
.login-side .btn{ width:100%;}
.new-side{ padding:40px 0; color:#fff; background-color:var(--secondary-color,#05162a);}
.new-side a{ color:#fff; text-decoration:none;}
.new-side a:hover,.new-box a:focus{}
.title-h4:after{ content:""; display:block; width:30px; height:2px; background-color:#fff; margin:20px 0;}
.new-box{ margin-top:10px; border-top:1px solid #506680; color:#fff; padding-bottom:20px;}
.new-box h6{ margin:15px 0; text-transform:uppercase; color:#a6b1bd;}
.new-box h4{}
.new-side .btn{ width:100%;}

.home-top{ padding-top:60px; border-bottom:1px solid #14264f;}
.home-top h1{ color:#09b4e6; margin-bottom:10px;}

.home-section-02{ padding:70px 0;}
.home-section-02-banner{ background:url(../../_images/home-01.jpg) center no-repeat; background-size:cover;}
.home-section-02 img{ width:100%;}
.home-section-02 .btn{ position:absolute; bottom:0;}

.home-section-03{ background-color:#09b4e6; color:#fff; padding-top:100px; margin-bottom:120px;}
.home-section-03 h2{ margin-bottom:60px;}

.home-section-04{}
.home-section-04 .fr{ z-index:99;}
.home-section-04-img{ background:url(../../_images/home-02.jpg) center no-repeat; background-size:cover; height:430px}
.home-section-04-img img{ opacity:0; vertical-align:middle;}
.home-section-04-box{ background-color:#ecf2fb;margin-top: 0px !important;}
.home-section-04-box h1{ color:#09b4e6;}
.home-section-04-box p{ padding:30px 0;}
.home-section-04-box-padding{ padding:60px 16.6666666% 0; min-height:290px;}

.page-side-links {
	color: #3A556E;
	padding: 1.5rem 0;
}
	.page-side-links dt {
		padding: 1rem 1.5rem;
		font-size: .875rem;
		text-transform: uppercase;
		margin-bottom: .25rem;
	}
.page-side-links dt a{ color:#fff;}
.page-side-links dt a:hover,.page-side-links dt a:focus{ text-decoration:none;}
	.page-side-links dd a {
		color: #343A40;
		display: block;
		padding: .5rem 1.5rem;
		margin-left: 1.5rem;
		font-size: 12px;
		text-transform: uppercase;
		font-family: var(--font-family,'Nunito-SemiBold');
		font-weight: 500;
	}
.page-side-links dd a:hover,.page-side-links dd a.active{ color:#fff; background-color:var(--primary-color,#14264f); text-decoration:none;}

.Services-page-main{ padding-bottom:50px;}

.page-banner{ color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page-banner .table-cell,.page-banner iframe{ height:300px; vertical-align:bottom;}
.page-banner h1{ padding:40px 0;}
.CFS-banner{ background-image:url(../../_images/Services-banner.jpg);}

.Services-line{ padding-top:50px;}
.blue-ul{ color:#09b4e6; list-style:disc; padding-left:18px;}
.blue-ul li span{ color:#333;}

.blue-dl{}
.blue-dl dd{ color:#333; line-height:inherit;}
.blue-dl dd span{ color:#09b4e6; margin-right:5px; }

.grey-bg{ background-color:#f5f6f8; padding:60px 0 80px; margin-top:50px; color:var(--primary-color,#14264f);}
.grey-bg.Security-grey{ padding:40px 0;}
.grey-bg h1{ color:#09b4e6; border-bottom:1px solid #ccc; padding-bottom:30px;}
.property-statistics-line{ border-bottom:1px solid #ccc;}
.property-statistics-line.last{ border-bottom:none;}
.property-statistics-line table{ width:100%; margin:15px 0;}
.property-statistics-line table td img{ margin-right:15px;}
.property-statistics-line tr>td:first-child{ padding-right:15px;}
.property-statistics-line tr>td:last-child{ padding-left:15px;}

.Inland-banner{ background-image:url(../../_images/Services-Inland.jpg);}
.Inland-map{ margin-top:50px;}
.Trucking-banner{ background-image:url(../../_images/Services-Trucking.jpg);}
.Technology-banner{ background-image:url(../../_images/Services-Technology.jpg);}

.Technology-box h4{ margin-top:10px;}
.Technology-box.mob-show table{ width:100%;}
.Technology-box.mob-show tr>td:first-child{ padding-right:10px;}
.Technology-box.mob-show tr>td:first-child img{ max-width:30px;}
.Technology-box.mob-show tr>td:last-child{ padding-left:10px;}
.Security-banner{ background-image:url(../../_images/Services-Security.jpg);}

.Security-bottom{ background-image:url(../../_images/Services-Security-bottom.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; margin-top:50px;}
.Security-bottom img{ opacity:0;}

.Availability-banner{ background-image:url(../../_images/Availability-banner.jpg);}

.Availability-search{ padding-top:10px;}
.Availability-search .btn{ width:100%;}
.Availability-search select{ /*-webkit-appearance:none;*/}
.Availability-search option{ height:34px; padding-top:10px;}
.Availability-info{ padding-top:10px; padding-bottom:30px;}
.Availability-info table{ width:100%;}
	.Availability-info th {
		padding-right: 15px;
		font-family: var(--font-family, 'Nunito-SemiBold');
		font-weight: 400;
		vertical-align: top;
		color: var(--font-color,#05162a);
	}
.Availability-info td{ padding-left:15px; vertical-align:top;}

.table thead th {
	font-family: var(--font-family, 'Nunito-SemiBold');
	background-color: var(--secondary-color,#05162a);
	color: #343A40;
	text-transform: uppercase;
}
.table > thead > tr > th {
	border-bottom: none; /* keep it if you really don’t want a bottom border */
	padding: 6px 8px; /* vertical 6px, horizontal 8px */
}

/* ----- Tighter table cells ----- */
.table > tbody > tr > td {
	/* remove those absolute values: */
	position: static !important;
	top: auto !important;
	left: auto !important;
	height: auto !important;
	/* shrink padding: */
	padding: 4px 8px !important;
	/* flatten borders: */
	border-top: none !important;
}

/* optional: slightly tighter striped row bg */
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #edf0f6;
	/* you can remove or keep this rule unchanged */
}
.table-bordered th,
.table-bordered td {
	/*border-width: var(--bs-border-width) !important;
	border-style: solid !important;*/
	border: 1px solid #dee2e6 !important;
}
.Pick-Up-table{ margin-top:20px;}
.Pick-Up-table h4{ margin-bottom:15px;}

.IPI-Tracing-banner{ background-image:url(../../_images/IPI-Tracing-banner.jpg);}
.IPI-Inland-title{ padding-top:20px; padding-bottom:15px; color:var(--secondary-color,#05162a);}
.IPI-Inland-title a,.IPI-Inland-title h6{ color:var(--primary-color,#14264f);}

.IPI-Inland-title.IPI-Inland-title-paddiing{ padding-top:40px;}

.CustomerLogin{ background-color:#f8f8f8;}
.CustomerLogin-box{ background-color:#fff; border:1px solid #ddd; text-align:center; max-width:450px; margin:17% auto; padding:70px 20px;}
.CustomerLogin-box h1{ margin-bottom:20px;}
.CustomerLogin-box form{ max-width:280px; margin:0  auto;}
.CustomerLogin-box .btn{ width:100%;}
	.CustomerLogin-box p a {
		font-family: var(--font-family, 'Nunito-SemiBold');
		color: #09b4e6;
	}

.Guarantee_Whs_Fee-banner{ background-image:url(../../_images/Guarantee_Whs_Fee-banner.jpg);}
.Forms-banner{ background-image:url(../../_images/Forms-banner.jpg);}

.Forms-main{ padding-top:50px;}
.Forms-main table{ width:100%;}
.Forms-main h6{ text-transform:uppercase;}
.Forms-main table{ border-top:1px solid #ccc;}
.Forms-main td{ border-bottom:1px solid #ccc;}
.Forms-main a:hover{ text-decoration:none;}
.Forms-main a i{ color:#57cde0; margin-right:5px;}

.News-banner{ background-image:url(../../_images/News_banner.jpg);}
.News-main{ padding-top:65px;}
.News-main a:hover{ text-decoration:none;}
.News-box{ border-top:1px solid #506680; margin-bottom:60px;}
.News-box h6{ text-transform:uppercase; color:#a6b1bd;}
.News-box h4{ height:4.2499998em; overflow:hidden; color:#333;}
.News-main .btn{ width:100%;}

.New-main{ padding-top:50px;}
.New-main h6{ text-transform:uppercase; color:#a6b1bd;}
.New-main h1{ font-size:60px;}
.New-main h1:after{ content:""; display:block; height:2px; width:30px; background-color:#09b4e6; margin:30px 0;}
.New-main p{ margin:30px 0;}

.Contact-side {
	color: #F5F7FA;
	padding: 20px 40px;
	font-size: 12px;
}
.Contact-side-box{ padding-top:20px;}
.Contact-side h4{ color:#09b4e6; margin-bottom:10px;}
.Contact-side p{ margin-bottom:10px; line-height:20px;}
.Contact-side .btn{ width:100%;}
.Contact-side table{ width:100%;}
.Contact-side td{ text-transform:uppercase; line-height:20px;}

.Contact-main{ padding-top:40px;}
.Contact-main h1{}
.Contact-main h4{ color:#09b4e6; border-bottom:1px solid #ccc; padding:30px 0 10px;}
.Contact-main h6{ margin-top:20px;}
.Contact-main td{ vertical-align:top;}
.Contact-line{}
.Contact-bottom{}
.Contact-bottom h6{ white-space:nowrap;}

.Contact-boxttom-side{ display:none;    background-color: var(--secondary-color,#05162a);}
.Contact-boxttom-side .Contact-side{ padding:0;}
.Contact-boxttom-side .Contact-side-box{ padding:0;}
.Contact-boxttom-side h4{ border-bottom:none;}

.Terms-main{ padding-top:50px;}
.Terms-main h1{}
.Terms-main h1:after{ content:""; display:block; width:30px; height:2px; background-color:#09b4e6; margin:30px 0;}
.Terms-main p{ margin-bottom:40px;}
.Terms-main p:last-child{ margin-bottom:0;}
	.Terms-main p strong {
		font-family: var(--font-family, 'Nunito-SemiBold');
	}

.About-banner{ background-image:url(../../images/aboutBanner.jpg);}
.About-main{}
.About-main .home-top{ border-bottom:none;}
.About-main p{ margin-top:20px; margin-bottom:45px;}
.About-main div.ac{ margin:7% 0;}

.SiteMap-banner{ background-image:url(../../_images/SiteMap-banner.jpg);}
.SiteMap-main{ padding-top:50px;}
.SiteMap-main h5{ text-transform:uppercase;}
.SiteMap-main ul{ padding-left:30px;}
.SiteMap-main li{ text-transform:capitalize;}
.SiteMap-main li a{ color:#09b4e6;}
/*foot*/
#wp-footer{}
.footer{ background-color:var(--primary-color,#14264f); font-size:12px;}
.footer .container-fluid{ max-width:1220px;}
.footer a{ color:#fff;}

.footer-top{ border-bottom:1px solid #57687a; padding:30px 0 15px;}
.footer-top img{ max-width:255px;}

.footer-main{ padding:20px 0;}
.footer-main li{ padding:5px 0; }
	.footer-main li a {
		text-transform: uppercase;
		font-family: var(--font-family, 'Nunito-SemiBold');
	}
.footer-main dl{ padding-bottom:15px;}
	.footer-main dt {
		text-transform: uppercase;
		font-family: var(--font-family, 'Nunito-SemiBold');
		color: #fff;
		padding-top: 5px;
	}
.footer-main dd{ color:#a6b1bd; line-height:20px;}

.footer-bottom {
	color: #a6b1bd;
	font-family: var(--font-family, 'Nunito-Regular');
	border-top: 1px solid #57687a;
	padding: 15px 0;
}
.footer-bottom p{}

#topcontrol{ text-align:center; width:40px; height:40px; font-size:20px; z-index:999;
border-radius: 20px;
background-color: #edeff5;
-moz-box-shadow: 0 0 5px rgba(215,215,215,.75);
-webkit-box-shadow: 0 0 5px rgba(215,215,215,.75); 
box-shadow: 0 0 5px rgba(215,215,215,.75); 
}

@media (max-width:768px) and (orientation : landscape) {
  .mob .landscape-show{ display:block;}
}

.page-wrap {
	display: flex;
	/* optional if you need it: height:100vh; */
}

.page-side {
	flex: 0 0 200px; /* sidebar stuck at 200px wide, never grows or shrinks */
}

.page-side-invisible {
	flex: 0 0 200px; /* sidebar stuck at 200px wide, never grows or shrinks */
}
.page-main {
	flex: 1 1 auto; /* content fills whatever’s left */
}

/*@media screen and (min-width: 1920px) {
	.page-side {
		width: 200px !important;*/ /* match your 1200–1919px size */
		/*top: 0;
		left: 0;
		bottom: 0;
		position: absolute;
	}
	.page-side-invisible {
		width: 200px !important;*/ /* match your 1200–1919px size */
		/*top: 0;
		left: 0;
		bottom: 0;
		position: absolute;
	}

	.page-main {
		margin-left: 200px !important;*/ /* same here */
	/*}
}
@media (min-width: 1200px) and (max-width: 1919px) {
	.page-side {
		width: 200px !important;
		top: 0;
		left: 0;
		bottom: 0;
		position: absolute;
	}
	.page-side-invisible {
		width: 200px !important;
		top: 0;
		left: 0;
		bottom: 0;
		position: absolute;
	}

	.page-main {
		margin-left: 200px !important;
	}
}*/
@media (min-width:992px) and (max-width:1199px){
	/*.page-side {
		width: 200px !important;
		top: 0;
		left: 0;
		bottom: 0;
		position: absolute;
	}
	.page-side-invisible {
		width: 200px !important;
		top: 0;
		left: 0;
		bottom: 0;
		position: absolute;
	}*/
  .login-side{ padding:30px;}
  .new-side{ padding:30px 0;}
  .new-side .container-fluid{ padding-left:30px; padding-right:30px;}
  .Contact-side{ padding:10px 30px;}
	.page-main {
		margin-left: 200px !important;
	}
}
@media screen and (min-width:1400px){
  .home-section-04-box-padding{min-height:420px;}	
}
@media screen and (min-width:992px) {
  body{display: flex;  min-height: 100vh;  flex-direction: column;}
  .content{    flex: 1;}
  body.ie{ display:block;}
  .ie .content{ display:block; }
  
  .mob-menu{ display:none;}
  .tablet-show{ display:none;}
}
@media screen and (min-width:768px){
  .mob-show{ display:none;}
  .page-main{ min-height:calc(100vh - 150px);}
}
@media screen and (max-width:1400px){
  .pc-logo{ margin-top:-8.937198%;}

}
@media screen and (max-width:1080px){
  .main-menu li{ padding:0 8px;}
}
@media (min-width: 992px) and (max-width: 1400px){
  .home-section-04-box h1{ font-size:28px;}
  .home-section-04-box p{ padding:15px 0;}
  .home-section-04-box-padding{ min-height:420px;}
}
@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (min-width: 768px) and (max-width: 991px) {
  body{ font-size:14px; line-height:1.71428em;}
  h1{ font-size:28px; line-height:1.3571em;}
  h2{ font-size:18px; line-height:1.6666em;}
  h3{ font-size:18px; line-height:1.6666em;}
  h4{ font-size:16px; line-height:1.25em;}
  h5{ font-size:15px; line-height:2em;}
  h6{ font-size:11px; line-height:1.3636em;}
  .container-fluid{ padding-left:40px; padding-right:40px; }
  .row{ margin-left:-10px; margin-right:-10px;}
  .col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{ padding-left:10px; padding-right:10px; }
  
  .btn-lg{padding: 12px 12px 13px; height:40px;} 
  .btn-ban, a.btn-ban{ padding-right:65px;}
  .btn-ban.btn-ban-al{ padding-left:65px; padding-right:25px;}
  .btn-ban span{ width:40px; padding:9px;}
  .btn-ban span i{ margin-top:-2px;}
  
  .form-control{ font-size:14px;}
  
  .hamburger-menu{ margin:11px auto;}
  .mob-logo{ max-width:221px; padding:12px 0;}
  .mob-menu-child{ top:68px;}
  .mob-sub-menu a{ font-size:15px; line-height:35px;}
  
  .footer-top img{ max-width:127.5px;}
  .footer-main{ padding:15px 0 5px;}
  .footer-bottom{ padding:5px 0;}
  
  .content{ padding-top:68px;}
  .scroll .content{ padding-top:68px;}
  .home-banner{ /*height:calc(100vh - 68px);*/ height:409px;}
  .home-banner .swiper-slide{ /*height:calc(100vh - 68px);*/ height:409px;}
  .home-link-bar{ padding:20px 0;}
  .home-link-bar .div-table{ margin:5px 0;}
  .home-link-bar .table-cell{ height:40px;}
  .home-link-bar img.home-link-icon{ max-height:32px;}
  .home-link-bar img.arrow-icon{ max-width:24px;}
  
  .login-side{ display:none;}
  .new-side .btn{ margin-top:20px;}
  .home-section-03{ padding-top:60px; margin-bottom:110px;}
  .home-section-03 h2{ margin-bottom:30px;}
  
  .home-section-04-box p{ padding:10px 0;}
  .home-section-04-img{ height:290px;}
  .home-section-04-box-padding{ padding-top:30px;}
  
  .page-banner .table-cell,.page-banner iframe{ height:329px;}
  
  .grey-bg h1{ padding-bottom:20px;}
  .grey-bg{ padding:30px 0 55px;}
  .grey-bg.Security-grey{ padding:30px 0;}
  
  .New-main h1{ font-size:32px;}
  .News-box{ margin-bottom:40px;}
}
/* 默认宽屏样式 */
@media all and (max-width: 991px) {
  .pc-menu{ display:none;}
  .tablet-hide{ display:none;}
  #topcontrol{ padding-top:8px;}
  #topcontrol i{ vertical-align:middle;}
  .page-side-links{ display:none;}
  .property-statistics-line tr>td:first-child{ padding-right:10px;}
  .property-statistics-line tr>td:last-child{ padding-left:10px;}
  
  .Availability-info th{ padding-right:10px; padding-top: 5px; padding-bottom: 5px;}
  .Availability-info td{ padding-left:10px; padding-top: 5px; padding-bottom: 5px;}
  .Forms-main td{ padding:10px 0;}
  
  .News-box h6{ padding:15px 0 10px;}
  .new-side .col-sm-4{ display:none;}
  .new-side .col-sm-4:nth-child(2),.new-side .col-sm-4:nth-child(3),.new-side .col-sm-4:nth-child(4){ display:block;}
  
  .New-main h6{ margin-bottom:15px;}
  .Contact-side{ display:none;}
  .Contact-page{ padding-bottom:0;}
  .Contact-boxttom-side{ display:block; padding-bottom:40px; padding-top:10px; margin-top:50px;}
  .Contact-boxttom-side .col-sm-2:after{ content:""; display:block; width:1px; background-color:#506680; height:170px; margin:40px auto 0;}
  .Contact-boxttom-side .Contact-side{ display:block;}
}
@media all and (max-width: 767px) {
  body{ font-size:13px; line-height:1.5384em;}
  /*h1{ font-size:25px; line-height:1.28em;}*/
  h1{ font-size:20px; line-height:1.25em;}
  h2{ font-size:15px; line-height:1.6666em;}
  h3{ font-size:16px; line-height:1.25em;}
  h4{ font-size:14px; line-height:1.25em;}
  h5{ font-size:14px; line-height:1.7142em;}
  h6{ font-size:11px; line-height:1.3636em;}
  .container-fluid{ padding-left:20px; padding-right:20px; }
  .row{ margin-left:-10px; margin-right:-10px;}
  .col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{ padding-left:10px; padding-right:10px; }
  
  /*.btn{ height:30px; padding: 6px 12px 9px;}*/
  .btn-lg{ height:30px; padding: 7px 12px 8px;}
  .btn-ban, a.btn-ban{ padding-right:55px;}
  .btn-ban.btn-ban-al{ padding-left:55px; padding-right:25px;}
  .btn-ban span{ width:30px; padding:4px;}
  .btn-ban span img{ max-width:11px;}
  .btn-ban span i{ font-size:12px;}
  
  .form-control{ font-size:13px;}
  
  .mob-hide{ display:none;}
  #topcontrol{ padding-top:8px;}
  #topcontrol i{ vertical-align:middle;}
  .mob-menu-child a{ font-size:14px; line-height:42px;}
  .mob-sub-menu a{ line-height:30px;}
  .mob-menu-child li i.fa-angle-down{ padding-top:10px; padding-bottom:10px;}
  
  .footer{ text-align:center;}
  .footer-top{ display:none;}
  .footer-main { padding:20px 0 5px;}
  .footer-main ul{ display:none;}
  .footer-main dl{ padding-bottom:10px;}
  .footer .ar{ text-align:center;}
  .footer-bottom .ar{ margin-bottom:5px;}

	.content { /*padding-top:46px; min-height:calc(100vh - 278px);*/
		padding-top: 0 !important;
	}
	.scroll .content {
		padding-top: 30px;
	}
  .home-banner{ height:87.5vw;}
  .home-banner .table-cell{ vertical-align:top;}
  .home-banner .swiper-slide{ height:87.5vw;}
  .home-banner-txt h1{ margin-bottom:10px; margin-top:14.0625vw;}
  .home-banner-txt h1 br{ display:none;}
  .home-link-wrap{ display:none;}
  
  .login-side{ display:none;}
  .title-h4:after{ margin:15px 0 20px;}
  .new-side{ padding:20px 0;}
  .new-box{ margin-top:0; padding-bottom:20px;}
  .new-box h6{ margin-top:20px;}
  
  .page-main{ padding-bottom:50px;}
  
  .home-top{ padding-top:50px;}
  .home-top p{ margin-bottom:15px;}
  .home-section-02{ padding:35px 0;}
  .home-section-02-banner{ height:calc(100vw - 40px); }
  .home-section-02-banner img{ opacity:0;}
  
  .home-section-03{ padding-top:30px; margin-bottom:35px;}
  .home-section-03 h2{ margin-bottom:15px;}
  
  .home-section-04-img{ height:calc(100vw - 40px);}
  .home-section-04-box p{ padding:15px 0;}
  .home-section-04-box-padding{ padding:25px 8.333333% 0; min-height:auto;}
  
  .Services-page-main{ padding-bottom:30px;}
  
  .page-banner .table-cell,.page-banner iframe{ height:87.5vw;}
  .Services-line{ padding-top:30px ; line-height:24px;}
  .Services-line p{ font-size:14px; line-height:24px;}
  .property-statistics-line .col-xs-12:first-child:after{ display:block; content:""; /*left:10px; right:0; bottom:0;*/ height:1px; background-color:#ccc;}
  .grey-bg{ padding:20px 0 25px; margin-top:30px;}
  .grey-bg.Security-grey{ padding:20px 0}
  .grey-bg h1{ padding-bottom:15px;}
  .Inland-map{ margin-top:30px;}
  .Technology-box{ margin-bottom:30px;}
  .Services-line .col-xs-12:last-child .Technology-box{ margin-bottom:0;}
  .Technology-box h4{ margin-top:5px; margin-bottom:5px;}
  .Technology-line-bottom h4{ margin-top:30px;} 
  .Security-bottom{ margin-top:30px;}
  
  .Availability-search{ padding-top:30px;}
  .Availability-info{ padding-top:5px; padding-bottom:25px;}
  .IPI-Inland-title.IPI-Inland-title-paddiing{ padding-top:30px;}
  .IPI-Inland-title .ar{ text-align:left; padding-top:15px;}
  
  .CustomerLogin{ background-color:#fff;}
  .CustomerLogin-box{ border:none; margin:0 auto; padding:50px 0;}
  .Forms-main{ padding-top:30px;}
  .News-main{ padding-top:30px;}
  .News-box{ margin-bottom:30px;}
  .News-box h4{ height:auto;}
  
  .New-main{ padding-top:30px;}
  .New-main h1{ font-size:25px;}
  .New-main h1:after{ margin:25px 0;}
  .New-main p{ margin:25px 0; } 
  .Contact-main{ padding-top:30px;}
  .Contact-main h6{ margin-bottom:5px;}
  .Contact-main h4{ padding-top:15px;}
  .Contact-bottom h4{ padding-top:50px;}
  .Contact-page{ padding-bottom:0;}
  .Contact-boxttom-side .col-sm-2:after{ width:100%; height:1px; margin:30px auto 15px;}
  .Terms-main{ padding-top:30px;}
  .Terms-main h1:after{ margin:20px 0;}
  .Terms-main p{ margin-bottom:20px;}
  .SiteMap-main{ padding-top:30px;}
  .Availability-search {
		padding-top: 47px !important; /* Fix padding specifically for mobile */
	}
}
@media all and (max-width: 320px) {
    
}

/*Retina Displays*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2){
	
}
/* 本条为CSS2部分，IE8及以下只支持本条 */
/*打印*/
@media print
{
	
}
/* make footer more compact */
footer.footer .footer-top {
	padding: 10px 0 5px; /* reduce top/bottom padding */
}

footer.footer .footer-main {
	padding: 8px 0; /* shrink the main middle section */
}

footer.footer .footer-bottom {
	padding: 5px 0; /* tighten the very bottom */
	font-size: 11px; /* optionally scale down the text */
}

/* optional: reduce the side padding inside the footer */
footer.footer .container-fluid {
	padding-left: 20px;
	padding-right: 20px;
}