@charset "utf-8";
/* Time:2020/2/28 20:00:00 */

#HOT_Body { padding-top:100px; }
#Header { width:100%; height:100px; background-color:#FFF; position:fixed!important; position:absolute; top:0; left:0; z-index:200; }


#WapMenu {
	width:38px; height:38px; padding:27px; z-index:2018888; display:none;
	position:fixed!important; position:absolute; top:0; right:0;
}

#WapMenu span {
	width:100%; height:3px; margin:9px 0!important; background:#CCC;
	display:inherit; transition:.5s;
}

#WapMenu span.open:nth-child(1){ transform:rotate(45deg) translate(8.5px,8.5px); }
#WapMenu span.open:nth-child(3){ transform:rotate(-45deg) translate(8.5px,-8.5px); }
#WapMenu span.open:nth-child(2){ opacity:0 }


/* LOGO 设置 */
#TOP_Logo { height:0; margin:0 auto; z-index:266; }
#TOP_Logo #Logo { width:calc((100% - 850px)/2); min-width:200px; height:100px; text-align:center; display:table; position:absolute; z-index:88; }
#TOP_Logo #Logo span { display:table-cell; vertical-align:middle; }
#TOP_Logo #Logo img { max-width:280px; max-height:75px; width:expression(this.width>280 && this.width > this.height ? 280:auto); height:expression(this.height>75 ? auto:75); }


/*网站导航栏样式 */
#TOP_Menu { width:100%; height:auto; background:none; position:fixed!important; position:absolute; top:50px; z-index:215; }
#TOP_Menu menu { width:1000px!important; height:auto; margin:0 auto; padding-left:180px; z-index:210; }
#TOP_Menu menu div { width:auto; text-align:center; float:left; }
#TOP_Menu menu div.MenuDiv { margin-left:33px; }

#TOP_Menu menu div ul { width:auto; height:50px; text-align:center; position:relative; z-index:159; }
#TOP_Menu menu div ul:after { content:""; width:0; position:absolute; left:50%; bottom:0; border-bottom:5px solid #FFF; z-index:-1; transition:all .5s ease; }
#TOP_Menu menu div ul.Over:after,#TOP_Menu menu div ul:hover:after { width:100%; left:0; transition:all .5s ease; }

#TOP_Menu menu div,#TOP_Menu menu div ul,#TOP_Menu menu div ul a { font-size:11.5pt; line-height:32px; }
#TOP_Menu menu div ul:hover a,#TOP_Menu menu div ul.Over a { color:#00309F; font-weight:bold; }

#TOP_Menu menu div dl { width:500px; height:0; border:0; background-color:#FFF; position:absolute; top:50px; }
#TOP_Menu menu div:hover,#TOP_Menu menu div:hover dl { height:200px; transition:all .5s ease; }
#TOP_Menu menu div.MenuDiv:hover dl { height:202px; border-top:2px solid #00309F; }
#TOP_Menu menu div.MenuDiv dl dt { width:50%; height:200px; text-align:center; position:relative; }
#TOP_Menu menu div.MenuDiv dl dt img { width:300px; height:200px; z-index:195; }
#TOP_Menu menu div.MenuDiv dl dd { width:40%; height:98%; line-height:28px; padding:1% 5%; }

#TOP_Menu menu div.Language { float:right; }
#TOP_Menu menu div.Language ul { width:30px; height:30px; line-height:30px; border:1px solid #E5E5E5; box-sizing:border-box; }
#TOP_Menu menu div.Language ul a { line-height:30px;}
#TOP_Menu menu div.MenuDiv:last-child ul:after,#TOP_Menu menu div.Language ul:after { border:medium none; }



/* 标准广告样式 */
#TOP_Banner { width:100%; height:300px; padding:0; margin:0 auto; position:relative; }
#TOP_Banner div,#TOP_Banner div img { width:100%; height:100%; margin:0 auto; z-index:90; }
#TOP_Banner div img { background-position:center center; background-repeat:no-repeat; }


#SlidesBox { width:100%; height:auto; overflow:visible; margin:0 auto; position:relative; }
#SlidesBox ul.IMGBox,#SlidesBox ul.IMGBox li { width:100%; height:780px; position:relative; margin:0; padding:0; background-color: #E7E7E7;}
#SlidesBox ul.IMGBox li img { width:100%; height:100%; background-position:center; background-repeat:no-repeat; }

#SlidesBox .prev,#SlidesBox .next { width:10px; height:10px; position:absolute; left:50%; bottom:8px; margin-top:-15px; z-index:1; cursor:pointer; }
#SlidesBox .prev,#SlidesBox .next { border-left:2px solid #FFF; border-top:2px solid #FFF; }
#SlidesBox .prev:hover,#SlidesBox .next:hover { border-color:#00B119; }
#SlidesBox .next {
	 margin-left:460px;
	 -webkit-transform: rotate(135deg);
	 -moz-transform: rotate(135deg); 
	 -ms-transform: rotate(135deg); 
	 -o-transform: rotate(135deg);
}
#SlidesBox .prev {
	 margin-left:320px;
	 -webkit-transform: rotate(-45deg);
	 -moz-transform: rotate(-45deg); 
	 -ms-transform: rotate(-45deg); 
	 -o-transform: rotate(-45deg);
}


#SlidesBox .IMGnu,#SlidesBox .Athum,#SlidesBox .AFloat { width:100%; height:0; z-index:30; }
#SlidesBox .IMGnu ul { width:200px; height:25px; font:normal normal 1px/6px Arial; text-align:center; position:absolute; left:50%; margin-left:300px; bottom:0; z-index:1; }
#SlidesBox .IMGnu span { width:8px; height:8px; text-align:center; margin:3px; padding:0; border-radius:50%; cursor:pointer; display:inline-table; z-index:9; }
#SlidesBox .IMGnu span { font-family:Arial; font-size:0; line-height:0; color:#FFF; background-color:#FFF; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
#SlidesBox .IMGnu span.on { background-color:#00B119; color:#00B119; }

#SlidesBox .IMGnu ul.Mark { width:280px; height:39px; text-align:right; left:50%; margin-left:300px }
#SlidesBox .IMGnu ul.Mark span { height:16px; line-height:1.5; margin-top:0; border-radius:5%; }
#SlidesBox .IMGnu ul.Mark span.on { width:39px; }

#SlidesBox .AFloat ul { width:1180px; height:100%; text-align:center; position:absolute; top:0; left:50%; margin-left:-590px; z-index:0; }
#SlidesBox .AFloat ul li { width:100%; height:100%; text-align:left; position:relative; z-index:8; }
#SlidesBox .AFloat ul figure { width:100%; height:50%; position:absolute; bottom:-100%; display:inline-block; opacity:1; cursor:pointer; }
#SlidesBox .AFloat ul figure,#SlidesBox .AFloat ul figure p { font-size:38px; }
#SlidesBox .AFloat ul figure.On { font-size:38px; bottom:0; opacity:1; }

#SlidesBox .Athum img,#SlidesBox .Athum img.on,#SlidesBox .AFloat figure,#SlidesBox .AFloat figure.on
{ -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; }



/* 搜索条的样式 */
.AlterSearch { width:100%; height:120px; position:inherit; background:#00309F; }
.AlterSearch .MainSearch { width:100%; height:100%; position:inherit; padding:0; margin:0 auto; }
.AlterSearch .TypeSearch { width:100%; position:absolute; margin-top:-45px; z-index:0; }
.AlterSearch .TypeSearch label { width:80px; height:45px; text-align:left; padding:0 20px; position:relative; }
.AlterSearch .TypeSearch label { font-size:11.5pt; line-height:50px; color:#FFF; cursor:pointer; }

.AlterSearch .TypeSearch label:after { content:""; position:absolute; right:5%; top:0; width:30px; height:50px; z-index:1; transition:all .3s; }
.AlterSearch .TypeSearch label:after { background-repeat:no-repeat; background-position:center; background-image:url(../UPIMG/Images/Copy-5.png); }
.AlterSearch .TypeSearch label.on:after,.AlterSearch .TypeSearch label:hover:after { background-image:url(../UPIMG/Images/Copy-6.png); }

.AlterSearch .KeyWaybill { width:58%; height:60px; padding:30px 0; position:relative; float:left; }
.AlterSearch .KeyWaybill input.keyText { width:72%; height:60px; line-height:40px; padding:0 2%; border:1px solid #DDD; box-sizing:border-box; }
.AlterSearch .KeyWaybill input.keySubmit { width:28%; height:60px; text-align:center; font-size:15pt; line-height:40px; border:0; color:#FFF; }

.AlterSearch .TelCall { width:42%; height:70px; padding:25px 0; font-size:16pt;line-height:65px;color:#FFF; position:relative; float:right; }
.AlterSearch .TelCall img { width:48px; margin-right:18px; }


.AlterSearch .KeyPrice { width:100%; height:80px; padding:20px 0; float:left; }

.AlterSearch .KeyPrice span { width:90%; height:25px; padding:0 5%; font-size:14px; line-height:25px; color:#FFF; display:inline-block; }
.AlterSearch .KeyPrice input { width:85%; height:50px; line-height:50px; padding:0 5%; border:1px solid #DDD; box-sizing:border-box; }

.AlterSearch .KeyPrice div { height:100%; float:left; position:relative; color:#FFF; }
.AlterSearch .KeyPrice div.Region,.AlterSearch .KeyPrice div.Destination { width:18%; }
.AlterSearch .KeyPrice div.Weight { width:12%; }
.AlterSearch .KeyPrice div.Volume { width:24%; }

.AlterSearch div.Volume label { width:15%; height:50px; text-align:center; font-size:14px; line-height:50px; color:#FFF; }
.AlterSearch div.Volume input { width:15%; height:50px; padding:0 1%; text-align:center; position:relative; float:left; }

.AlterSearch div.Region label.Ckbx {
	position:absolute; right:18%; top:30px; z-index:1; cursor:pointer;
	width:30px; height:50px; background-repeat:no-repeat; background-position:center; background-color:transparent!important;	
}
.AlterSearch div.Region label.Ckbx { background-image:url(../UPIMG/Images/Copy-7.png); }
.AlterSearch div.Region label.Ckbx:hover { background-image:url(../UPIMG/Images/Copy-8.png); }

.AlterSearch div#RegionList.RegionList {
	width:10.15%; height:0; margin-top:79px; padding:0 .8%; position:absolute; z-index:18;
	background-color:#FFF; border:1px solid #FFF; box-sizing:border-box;
}

.AlterSearch div.RegionList li { height:25px; line-height:25px; color:#666; cursor:pointer; }
.AlterSearch div.RegionList li.on,.AlterSearch div.RegionList li:hover { font-weight:bold; color:#00309F; }

.AlterSearch .KeyPrice input[type="checkbox"] { display:none; }
.AlterSearch .KeyPrice input.Btn_Region:checked ~ div#RegionList.RegionList
{ height:auto; padding-top:8px; padding-bottom:8px; border:1px solid #CCC; display:block; transition:all .5s; }

.AlterSearch .KeyPrice input.keySubmit { min-width:120px; width:10%; height:50px; margin-top:30px; padding:0 1%; text-align:center; font-size:12pt; line-height:50px; border:0; color:#FFF; }



/* 通栏标题样式 */

#Frame_MenuNav { width:100%; height:70px; background-color:#FFF; position:relative; padding:0; }
#Frame_MenuNav:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:1px solid #DDD; z-index:0; }

div.MainMenu { height:100%; margin:0 auto; padding:0; position:relative; }
div.MainMenu ul.MenuItem { width:100%; height:100%; text-align:center; font-size:12pt; z-index:2; }
div.MainMenu ul.MenuItem label,div.MainMenu ul.MenuItem a { font-size:12pt; line-height:85px; float:none; }

div.MainMenu ul.MenuItem label { height:100%; text-align:center; display:inline-block; text-wrap:normal; white-space:nowrap; position:relative; transition:all .3s; }
div.MainMenu ul.MenuItem label:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; z-index:1; transition:all .3s; }
div.MainMenu ul.MenuItem label.active:after,div.MainMenu ul.MenuItem label:hover:after { width:100%; left:0; right:0; transition:all .3s; }
div.MainMenu ul.MenuItem label + label { margin-left:158px; }

div.MainMenu ul.MenuItem.Services label + label { margin-left:178px; }
div.MainMenu ul.MenuItem label.active a,div.MainMenu ul.MenuItem label:hover a
{ color:#00309F; font-weight:bold; }


/* FooterDiv css */

#Footer { background:#2B323A; position:relative; clear:both; z-index:1; }
#FooterDiv { height:auto; margin:0 auto; padding-top:80px; padding-bottom:60px; position:relative; clear:both; }
#Footer:before { width:100%; height:72px; background-color:#232628; content:""; position:absolute; left:0; bottom:0; z-index:0; }
#FooterDiv,#FooterDiv a { color:#666; }

#Footer .Footer-Main { width:62%; float:left; }

#Footer .Footer-Menu dl.Footer-Menu-Item { min-height:180px; border-right:1px solid #5A5A5A; }
#Footer .Footer-Menu dl.Footer-Menu-Item p,#Footer .Footer-Menu dl.Footer-Menu-Item p a { font-size:14px; line-height:32px; }
#Footer .Footer-Menu p.LinkTitle { margin-bottom:22px; }
#Footer dl a:hover,#Footer dl p.LinkTitle { color:#FFF; }

#Footer .Footer-Rcode { width:100%; margin:38px auto 30px; color:#FFF; clear:both; }
#Footer .Footer-Rcode dl.IMG-Rcode { width:20%; float:left; }
#Footer .Footer-Rcode dl.Hotline { width:78%; float:right; }

#Footer .Footer-Rcode p.Online span { display:block; width:65px; height:32px; padding-left:36px; background:#00B119 url('../UPIMG/Images/Icon-05.png') no-repeat -5px center; margin-bottom:8px; border-radius:3px; }
#Footer .Footer-Rcode p.Online span,#Footer .Footer-Rcode p.Online span a { line-height:32px; color:#FFF; }
#Footer .Footer-Rcode p.Online span:hover { background-color:#00309F; color:#FFF; }

#Footer .Footer-Rcode p.DIN-Regular { margin-top:3px; }
#Footer .Footer-Rcode p.DIN-Regular span + span { margin-left:18px; }


#Footer .Footer-Link { width:100%; min-height:65px; margin-top:5px!important; clear:both; color:#FFF; }
#Footer .Footer-Link a { margin-right:12px; color:#FFF; }
#Footer .Footer-Link a:hover { color:#666; }

#Footer .OrderMessage { width:35%; float:right; }
#Footer .OrderMessage .OrderTitle { margin-bottom:18px; font-size:14px; line-height:2; color:#FFF; }
#Footer .OrderMessage .OrderTitle span + span { margin-left:38px; }
#Footer .OrderMessage .OrderTitle span.on,#Footer .OrderMessage .OrderTitle span:hover { border-bottom:3px solid #00B119; cursor:pointer; }

#Footer .OrderMessage input { width:98%!important; padding:0 1%!important; height:32px; line-height:32px; color:#5A5A5A; margin-bottom:12px; background-color:transparent!important; border:1px solid #5A5A5A; box-sizing:border-box; }
#Footer .OrderMessage input:nth-child(1),#Footer .OrderMessage input:nth-child(2) { width:47%!important; padding:0 2%!important; }
#Footer .OrderMessage input:nth-child(2) { margin-left:4%; }
#Footer .OrderMessage input.Submit { width:88px!important; text-align:center; margin-right:2%; background-color:#5A5A5A!important; border:0; font-weight:bold; color:#FFF; }
#Footer .OrderMessage input:hover.Submit { background-color:#00B119!important; color:#FFF; cursor:pointer; }

#Footer .OrderMessage .Message { width:98%; min-height:100px; margin-bottom:12px; float:left; position:relative; }
#Footer .OrderMessage .Message textarea { width:100%; padding:1%!important; height:100%; min-height:100px; background-color:transparent; border:1px solid #5A5A5A; box-sizing:border-box; font-family: "Source Han Sans", "Microsoft YaHei", "PingFang SC", "NotoSansSC", "Microsoft JhengHei", "Arial"; color:#5A5A5A; }

#Footer .Copyright { width:100%;height:75px;margin:0 auto;padding:0;position:absolute;bottom:0;clear:both; }
#Footer .Copyright,#Footer .Copyright a { text-align:center; line-height:75px; }



#Footer .OrderMessage input::-webkit-input-placeholder,
#Footer .OrderMessage textarea::-webkit-input-placeholder {
  color: #5A5A5A;
}

#Footer .OrderMessage input:-moz-placeholder,
#Footer .OrderMessage textarea:-moz-placeholder {
  color: #5A5A5A;
}

#Footer .OrderMessage input::-moz-placeholder,
#Footer .OrderMessage textarea::-moz-placeholder {
  color: #5A5A5A;
}

#Footer .OrderMessage input:-ms-input-placeholder,
#Footer .OrderMessage textarea:-ms-input-placeholder {
  color: #5A5A5A;
}


@media screen and (min-width:1024px) and (max-width:1280px) {
}


@media screen and (min-width:768px) and (max-width:1024px) {
}


@media only screen and (max-width:768px) {
}