@charset "utf-8";
/* CSS Document */
/* 全局样式 */
body{ padding:0; margin:0; font-size:12px;background:#FFF;font-family: "微软雅黑"; color: #666;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul{list-style:none;}
img{border:0px;}
.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}
a{text-decoration:none; color:#666;}
a,input,button{ outline:none; }
.fl{ float:left;}
.fr{ float:right;}
input, select {outline: none;}
table{border-collapse: collapse;border-spacing: 0;}
table, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;vertical-align: baseline;}
.search-cnt .dropdown-cell:after,.search-cnt:after,.page-desc:after,page-wrapper:after,.code:after{content: '\20';display: block;height: 0;clear: both;}


/*=============================================引导页=============================================*/
.ui-page-top{ min-width:1000px; background:url(../images/ui_bg.jpg) center no-repeat #283237; position:relative;}
.topbar{ position:relative; z-index:2; overflow:hidden;}
.topbar .logo{ width:200px; height:140px; float:left; overflow:hidden; margin-top:30px;}
.topbar .mg-80{ margin-left:80px;}
.topbar .logo a{ display:block;width:200px; height:140px; background:url(../images/logo7.png) no-repeat; border-radius: 1rem; background-color: #fff;}
.topbar-rt{ float:right; margin:30px 80px 0 0;}
.topbar-rt .top-item{ display:inline; float:left; position:relative;}
.topbar-rt .top-item .top-item-link{ color:#fff; padding:0 28px; line-height:40px;z-index:2; font-size:14px; }
.topbar-rt .top-item a:hover{ color:#ff771c;}
.topbar-rt .top-item .item-bg,.topbar-rt .top-item .item-sub-bg {height: 40px; opacity: .3;filter: alpha(opacity=30);width: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.topbar-rt .top-sub {left: 0;top: 0px;width: 100%;background:#346287; text-align:center;}
.topbar-rt .top-sub a{ color:#fff;}

.topbar-rt .top-sub .sub-qq a { display:block; padding:5px 15px; height:32px; line-height:32px; border-bottom:1px solid #416e96;}
.topbar-rt .top-sub .sub-qq a img{ width:32px; height:32px; float:left;}
.topbar-rt .top-sub .phone.sub-qq{ padding: 10px 15px;}
.topbar-rt .top-sub .sub-qq iframe{ height:40px;}
.topbar-rt .top-sub-item {position: relative;z-index: 2;white-space: nowrap;color: #fff;padding: 0 15px;}
.topbar-rt .item-service .item-sub-bg {width: 125px;height: 72px;}
.icon{ padding-left: 5px;}
.icon02{ padding-right: 5px;}

/*搜索框*/
.search-bar{ width:760px; position:absolute; z-index:2; left: 50%; top:0; margin:240px 0 0 -360px;}
.search-bar h1 {text-align: center;font-size: 48px;color: #fff;font-weight: 600;margin-bottom: 50px;}
.search-tab{ width:100%; height:38px;}
.search-tab .tab-item{ display:inline; float:left; position:relative; cursor:pointer;}
.search-tab .tab-item a{ color:#fff; width:100px;text-align:center;position: relative;z-index: 2;height: 18px;padding: 10px 0;font-size: 14px;color: #fff; float:left;}
.search-tab .tab-selected{display:inline; float:left; position:relative; cursor:pointer;}
.search-tab .tab-selected a{font-weight: 700;}
.search-tab .tab-selected .tab-bg{ width:100px; position:absolute;height: 38px;;background: #000;opacity: .4;filter: alpha(opacity=40);position: absolute;top: 0;left: 0;z-index: 1;}
.search-cnt{ width:100%; position:relative; height:58px;}



.search-cnt .search-bg {width:100%;height:58px;background: #000;opacity: .4;filter: alpha(opacity=40);position: absolute;top: 0;left: 0;z-index: 1;}
.search-cnt .search-inner{ margin:5px; background:#fff; height:48px; width:750px; position:relative; display:inline; float:left; z-index:2; }
.search-cnt .input-pol{background:url(../images/icons.png) -158px 14px no-repeat;}
.search-cnt .input-pod, .search-cnt .input-pol {display: inline;float: left;width: 330px;margin-top: 0;position: relative;}
.search-cnt label {display: inline;float: left;color: #aeaeae;padding: 0 10px;line-height: 48px;}
.search-cnt .input-pod .search-input, .search-cnt .input-pol .search-input {width: 265px;display: inline;float: left;padding: 17px 0 16px;border: 0;background: #fff;}
.search-cnt .dropdown-pol{ position:absolute; top:49px; left:0; width:330px; background:#fff;}
.search-cnt .dropdown-cnt {height: 198px;overflow: hidden;overflow-y: auto;}
.search-cnt .dropdown-cell {display: block;padding:8px 10px;color: #333;}
.search-cnt .dropdown-cell .port-code { display:inline; float:left;text-transform: uppercase;}
.search-cnt .dropdown-cell .port-name { display:inline;float:right;}
.search-cnt .dropdown-cell:hover{ background:#e2e2e2;}
.search-cnt .cell-cur,.search-cnt .cell-cur:hover{background:#A6A8AA;color: #fff;}
.search-cnt .search-btn{display: inline;float: right;width: 88px;height: 48px;background:url(../images/icons.png) 0 0 no-repeat;border: 0; cursor:pointer;}
.search-cnt .search-btn:hover{ background-position:0px -48px;}

/*业务介绍*/
.page-desc{ padding:70px 0px; min-width:1080px;}
.desc-wrapper{ width:1080PX; margin:0 auto;}
.page-desc .desc-item{ width:145px; text-align:center; display:inline; float:left; padding:0px 35px 0;}
.page-desc .desc-item h2 {color: #444;font-size: 20px;font-weight: 400; line-height:50px;}
.page-desc .desc-item P {color: #b2b1b1; line-height:20px;}

.page-desc .desc-item div{ width: 145px; height: 100px;}

.shipping{ background:url(../images/icons.png) 28px -128px no-repeat;}
.airlift{ background:url(../images/icons.png) -200px -128px no-repeat;}
.storage{ background:url(../images/icons.png) -426px -128px no-repeat;}
.truck{ background:url(../images/icons.png) -656px -128px no-repeat;}
.declare{ background:url(../images/icons.png) -879px -128px no-repeat;}
.whfw{ background:url(../images/icons.png) 28px -251px no-repeat;}

/*页面底部*/
.page-foot{background: #F3F3F3;padding: 15px 0 0 0;color: #333;min-width: 1080px;}
.ft-img{ margin-right:20px;display:inline-block;}
.page-foot .ft-wrapper {border-top: 0;padding: 15px 0;background: #F3F3F3;}
.footer-list {width: 480px;margin: 0 auto;}
.footer-list li{ display:inline-block;}
.footer-list li a,.footer-list li span{color:#999;}
.footer-list li a:hover{color:#ff771c;}
.footer-list li span{ padding:0 25px;}
.footer-copyright {color: #bbb;line-height: 40px;}
.code,.footer-copyright,.page-foot p,.footer-list{ text-align:center;}
.ft-wrapper a{ display:inline-block; padding:0 5px;}