@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td,div{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft yahei",tahoma,arial}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,i{font-style:normal;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
button,input,select,textarea{font-size:100%;outline:none}
table{width: 100%; border-collapse:collapse;border-spacing:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}

body{background: #fff; color: #333;}
a{text-decoration:none;outline:none;color: #666;}
a:hover{color: #2c5cc3;}
.box1190{ width: 1190px; margin: 0 auto;}
.more{ display: block; width: 39px; height: 7px; float: right; background: url(/logistics-web/static/img/more.png) no-repeat;}
.header a,.footer a,.main a,.main li,.backtop,.adminbox a{ transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}

/*header*/
.header{ height: 80px;}
.header img{ margin: 15px 0 0;}
.header .lang,.header .menu,.header span{ float: right;}
.header span{ color: #ddd; font-size: 20px; padding: 0 20px 0 12px; margin: 22px 0 0;}
.menu{ margin: 22px 0 0;}
.lang{ margin: 20px 0 0;}
.lang a{ color: #bbb;}
.lang a:hover{ color: #305dc3;}
.menu a{ display: inline-block; font-size: 16px; padding: 5px; margin: 0 5px; border-bottom: 2px solid #fff;}
.menu a:hover, .menu a.act{ color: #305dc3; border-bottom: 2px solid #305dc3;}
/*banner*/
.banner,.en_banner{height: 400px;}
.banner_n{ height: 200px; background: url(/logistics-web/static/img/banner_n.jpg) no-repeat 50% 0;}
.focusImages{ position: relative; z-index: 1; width: 100%; height: 300px; overflow: hidden;}
.focusImages li{ position: absolute; width: 100%; z-index: 1; left: 0; top: 0; overflow: hidden;}
.focusImages li a{ position: relative; display: block;}
.focusImages li a img{ position: absolute; left: 50%; top: 0;}
.focusImages li p{ position: absolute; right: 0; bottom: 0; padding: 1em; line-height: 1.5em; background: #000; background: rgba(0, 0, 0, 0.4); color: #fff; /*display: none;*/ z-index: 1;font-size: 14px;text-align:center;}
.focusNumBox{ position: absolute; z-index: 2; left: 50%; bottom: 10px;}
.focusNumBox a{ display: inline-block; width: 20px; height: 6px;  margin: 0 3px;background: #fff; color: #000;}
.focusNumBox a.hideNumTxt{ text-indent: -99em;}
.focusNumBox a.focusSel{background: #305dc3; color: #fff;line-height: 20px; text-align: center; text-decoration: none; overflow: hidden;}
.focusPreArr,.focusNextArr{ display: none; position: absolute; z-index: 3; top: 50%; width: 40px; height: 90px; background: url(/logistics-web/static/img/imgArr.png) no-repeat; color: #fff;}
.focusNextArr{background-position: -62px 0;right: 160px;}
 .focusPreArr:hover,.focusNextArr:hover{background:url(/logistics-web/static/img/imgArr.png) 0 -110px no-repeat;}
.focusNextArr:hover{background-position: -62px -110px;}
.focusPreArr{ left: 160px;}
/*main*/
.main{}
.wrap{ background: #f8f8f8;}
.wrap_pos{ position: relative; z-index: 2; top: -50px;}
.serviceItem{padding: 0 0 60px;}
.en_serviceItem{padding: 0 0 30px;}
.serviceItem h1,.en_serviceItem h1{ font-size: 24px; font-weight: normal; padding: 50px 0 30px;}
.serviceItem li{ display: inline-block; background: #fff; border: 1px solid #eee; margin: 0 3px 0 0; margin: 0 2px 0 0 \9;}
.serviceItem li:last-child{ margin: 0;}
.serviceItem li:hover,.en_serviceItem li:hover{ background: #305dc3; border: 1px solid #305dc3;}
.serviceItem li a{ display: block;  width: 162px; height: 228px; overflow: hidden; text-align: center; font-size: 18px; font-weight: bold; color: #777;}
.serviceItem li a:hover,.en_serviceItem li a:hover{ color: #fff;}
.serviceItem li span{ display: block; width: 93px; height: 93px; margin: 35px 35px 25px; background: url(/logistics-web/static/img/icons.png) no-repeat;}
.serviceItem li span.i01{ background-position: 0 0;}
.serviceItem li span.i02{ background-position: -93px 0;}
.serviceItem li span.i03{ background-position: -186px 0;}
.serviceItem li span.i04{ background-position: -279px 0;}
.serviceItem li span.i05{ background-position: -372px 0;}
.serviceItem li span.i06{ background-position: -465px 0;}
.serviceItem li span.i07{ background-position: -558px 0;}
.serviceItem li:hover span.i01{ background-position: 0 -93px;}
.serviceItem li:hover span.i02{ background-position: -93px -93px;}
.serviceItem li:hover span.i03{ background-position: -186px -93px;}
.serviceItem li:hover span.i04{ background-position: -279px -93px;}
.serviceItem li:hover span.i05{ background-position: -372px -93px;}
.serviceItem li:hover span.i06{ background-position: -465px -93px;}
.serviceItem li:hover span.i07{ background-position: -558px -93px;}
.en_serviceItem li{display: inline-block; background: #fff; border: 1px solid #eee; margin: 0 8px 10px 0; margin: 0 6px 10px 0;}
.en_serviceItem li:nth-child(even){ margin: 0 0 5px;}
.en_serviceItem li a{ display: block;  width: 585px; height: 130px; overflow: hidden; font-size: 18px; font-size: 14px \9; font-weight: bold; color: #777;zoom:1;}
.en_serviceItem li a:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.en_serviceItem li a i{ float: left; display: block; width: 93px; height: 93px; margin: 15px 30px; background: url(/logistics-web/static/img/icons.png) no-repeat;}
.en_serviceItem li i.i01{ background-position: 0 0;}
.en_serviceItem li i.i02{ background-position: -93px 0;}
.en_serviceItem li i.i03{ background-position: -186px 0;}
.en_serviceItem li i.i04{ background-position: -279px 0;}
.en_serviceItem li i.i05{ background-position: -372px 0;}
.en_serviceItem li i.i06{ background-position: -465px 0;}
.en_serviceItem li i.i07{ background-position: -558px 0;}
.en_serviceItem li i.i08{ background-position: -651px 0;}
.en_serviceItem li:hover i.i01{ background-position: 0 -93px;}
.en_serviceItem li:hover i.i02{ background-position: -93px -93px;}
.en_serviceItem li:hover i.i03{ background-position: -186px -93px;}
.en_serviceItem li:hover i.i04{ background-position: -279px -93px;}
.en_serviceItem li:hover i.i05{ background-position: -372px -93px;}
.en_serviceItem li:hover i.i06{ background-position: -465px -93px;}
.en_serviceItem li:hover i.i07{ background-position: -558px -93px;}
.en_serviceItem li:hover i.i08{ background-position: -651px -93px;}
.en_serviceItem li a p{ margin: 20px 0 0 105px; margin: 20px 0 0 105px;}
.en_serviceItem li a p:last-child{ font-size: 12px; font-weight: normal; margin-top: 10px;}

.indexNews,.en_indexNews{ background: #f8f8f8; padding: 10px 0;}
.indexNews h1,.en_indexNews h1{ font-weight: normal; font-size: 22px; margin: 0 0 15px;}
.indexNews h1 .more,.en_indexNews h1 .more{ margin: 20px 0 0;}
.en_indexNews p{ font-size: 14px; color: #666; line-height: 30px;}
.comInfo,.Inews{ float: left; width: 33%;}
.comInfo{ position: relative; z-index: 1; background: #fff; width: 336px; height: 380px; padding: 30px;}
.onlineSys{ position: absolute; left: 15px; right: 15px; top: 243px; height: 35px; padding: 25px 40px 25px 90px; background: url(/logistics-web/static/img/ico01.png) #305dc3 no-repeat 40px 27px; font-size: 20px; color: #fff;}
.onlineSys:hover{ background: url(/logistics-web/static/img/ico01.png) #3667d9 no-repeat 40px 27px; color: #fff;}
.onlineSys i{ display: block; width: 33px; height: 11px; float: right; background: url(/logistics-web/static/img/arrow.png) no-repeat; margin-top: 10px;}
.price{background: url(/logistics-web/static/img/q.png) #305dc3 no-repeat 40px 20px;}
.price:hover{ background: url(/logistics-web/static/img/q.png) #3667d9 no-repeat 40px 20px; color: #fff;}
.onlineSys:hover i{ background-position: 0 -11px;}
.comInfo p{ font-size: 14px; color: #666; text-indent: 2em; line-height: 2em;}
.Inews{ width: 336px; padding: 30px 0 30px 60px;}
.Inews li{ border-bottom: 1px solid #e8e8e8; padding: 10px 0;}
.Inews .time,.Inews .content{ color: #bbb; line-height: 2em;}
.Inews .frist .time{ float: left; width: 60px; height: 60px; background: #2c5cc3; text-align: center; vertical-align: middle; font-size: 25px; color: #fff; line-height: 45px;}
.Inews .frist .time span{ display: block; font-size: 12px; margin-top: -20px;}
.Inews .frist .content,.Inews .frist a{ margin: 0 0 0 70px;}
.Inews .frist a{ margin-top: 6px;}
.Inews a,.Inews .content{ display: block; height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.Inews a{ font-size: 14px;}
.detail .content{height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width:80%;color:#bbb}
.linker{ padding: 0 0 95px;}
.linker h1{ font-weight: normal; font-size: 22px; margin: 40px 0 20px;}
.linker li{ float: left; margin: 10px 16px 0 0; margin: 10px 13px 0 0 \9;}
.linker li:nth-child(6),.linker li:nth-child(12){ margin-right:0;}
/*footer*/
.footer{}
.footer .link{ background: #292c31; padding: 40px 0;}
.footer .link .box{ float: left; width: 255px; border-right: 1px solid #2e3338; margin-right: 55px; margin-right: 40px \9;}
.footer .link .box:last-child{ margin-right: 0; border: 0;}
.footer .link .box h1{ font-size: 18px; color: #ddd; margin-bottom: 20px;}
.footer .link .box a{ display: block; line-height: 24px; color: #999;}
.footer .link .box a:hover{ color: #fff;}
.footer .link .box p{ width: 49%; float: left;}
.footer .link .box span{ display: block; color: #999; margin-top: 15px;}
.footer .copyright{ background: #24272b; text-align: center; color: #555; line-height: 50px;}
.en_footer{}
.en_footer .link .box{ width: 355px;}
.en_footer .link .box p{ width: 99%; float: none;}

/*backtop*/
.backtop{ display: none; position: fixed; z-index: 2; right: 10px; bottom: 10px; width: 40px; height: 40px; background: url(/logistics-web/static/img/backtop.png) #d5d7db;}
.backtop:hover{ background: url(/logistics-web/static/img/backtop.png) #2c5cc3;}

/*leftbox*/
.leftbox{ float: left; width: 240px;}
.fixbox{ position: fixed; top: 0;}
.leftbox h1{ background: #305dc3; height: 70px; line-height: 70px; font-size: 20px; color: #fff; padding: 0 30px;}
.nav li{ border: 1px solid #eee; border-top: 0;}
.nav li a{ display: block; height: 48px; padding: 0 0 0 30px; line-height: 48px; background: url(/logistics-web/static/img/nav_arr.png) #fff no-repeat 200px center; font-size: 14px;}
.nav li a:hover,.nav li a.sel{ color: #305dc3; background: url(/logistics-web/static/img/nav_arr_sel.png) #eff2fa no-repeat 200px center;}
.line{ height: 2px; background: #305dc3;}

/*rightbox*/
.rightbox{ float: right; width: 940px; background: #fff;}
.rightbox h1{ background: #305dc3; height: 50px; line-height: 50px; font-size: 18px; color: #fff; padding: 0 30px;}
.rightbox h1 span{ float: right; font-size: 12px; color: #fff; font-weight: normal;}

/*content*/
.page_content{ padding: 40px 40px; border: 1px solid #eee; border-top: 0;}
.page_content h2{ font-size: 18px;}
.page_content .txt{ margin: 0 0 40px;}
.page_content .txt:last-child{ margin: 0;}
.page_content .txt p{ font-size: 14px; text-indent: 2em; line-height: 30px; color: #666;}
.page_content .txt_en{ margin: 0 0 40px;}
.page_content .txt_en:last-child{ margin: 0;}
.page_content .txt_en p{ font-size: 14px; line-height: 30px; color: #666;}
.page_content .img{ margin: 0 0 20px;}
.branch{ border-bottom: 1px solid #eee; padding: 0 0 30px; margin-bottom: 30px;}
.branch:last-child{ border: 0; padding: 0; margin: 0;}
.branch p{ color: #666; font-size: 14px; line-height: 25px;}
.branch p.mt20{ margin-bottom: 10px;}
.web{ font-size: 14px;}
.web li{ padding: 18px 0; border-bottom: 1px solid #eee;}
.excList li,.newsList li{ background: #fff; border-bottom: 1px solid #eee; zoom: 1;}
.excList li:after,.newsList li:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.excList li:hover,.newsList li:hover{ background: #f8f8f8;}
.excList .time,.newsList .time{ float: left; width:100px; font-size: 14px; color: #ccc; border-right: 1px solid #eee; margin: 20px 20px;}
.excList .time span,.newsList .time span{ display: block; font-size: 26px; color: #bbb; line-height: 24px;}
.excList .tit{ display: block; float: left; width: 430px; height: 24px; padding: 0 0 0 35px; margin: 32px 30px 0 0; background: url(/logistics-web/static/img/ico_excel.png) no-repeat; font-size: 14px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.excList .downBtn{ display: block; float: left; width: 135px; height: 30px; line-height: 30px; text-align: center; background: #fff; border: 1px solid #305dc3; color: #305dc3; font-size: 14px; border-radius: 2px; margin: 30px 35px 0;}
.excList .downBtn:hover{ background: #305dc3; color: #fff;}
.newsList .tit{ display: block; width: 650px; height: 24px; line-height: 24px; font-size: 14px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; padding: 20px 0 0;}
.newsList .intro{ width: 650px; height: 24px; color: #bbb; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.newsDetail{}
.newsDetail .titBox{ text-align: center; border-bottom: 1px solid #eee; padding: 0 0 10px;}
.newsDetail .titBox h3{ font-size: 18px; font-weight: normal;}
.newsDetail .titBox p{ color: #999; line-height: 30px;}
.newsDetail .newsContent{ padding: 20px 0 0; font-size: 14px; line-height: 24px; color: #666;}
/*job*/
.fullbox{ float: none; width: 100%;}
.jobTxt{ text-indent: 2em; font-size: 14px; line-height: 25px; margin: 0 0 30px;}
.jobList{ border-top: 1px solid #eee;}
.jobList th,.jobList td{ border-bottom: 1px solid #eee; color: #555; padding: 0 30px;}
.jobList th{ font-size: 18px; text-align: left; line-height: 55px;}
.jobList td{ font-size: 14px; line-height: 53px;}
.jobList tbody tr:hover,.jobList td[colspan]{ background: #f8f8f8;}
.jobList td[colspan]{ display: none; padding: 20px 30px; position: relative;}
.jobList td[colspan] p{zoom:1; line-height: 30px;}
.jobList td[colspan] p:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.jobList td[colspan] span{ float: left; display: block; width: 80px;}
.jobList td[colspan] cite{ display: block; margin-left: 80px; font-style: normal;}
.showjob{ display: block; float: right; width: 130px; text-align: center; line-height: 30px; background: #fff; border: 1px solid #305dc3; color: #305dc3; border-radius: 3px;}
.showjob:hover,.showjob.sel{background: #305dc3; color: #fff;}
.yp,.yp:hover{ position: absolute; right: 30px; top: 30px; display: block; width: 130px; text-align: center; line-height: 30px; background: #ffa900; border: 1px solid #ffa900; color: #fff; border-radius: 3px;}
/*contact*/
#map{ width: 100%; height: 350px; overflow: hidden; border: 1px solid #eee; margin: 20px 0 0}
.map-info{ position: relative; z-index: 100; border: 1px solid #bcbcbc; box-shadow: 0 0 10px #B7B6B6; border-radius: 8px; background: rgba(255,255,255,0.9);}
.map-info-middle{ padding: 10px; background: #fff \9;}
.map-info-bottom{position: absolute; left: 114px;}
.info{ border: 1px solid #eee; border-top: 0; padding: 30px 0; margin-bottom: 40px;}
.info span{ display: block; float: left; padding-left: 70px; height: 32px; line-height: 32px; border-left: 1px solid #eee; font-size: 14px;}
.info span.ico02{ background: url(/logistics-web/static/img/ico02.png) no-repeat 30px; border-left: 0; width: 330px;}
.info span.ico03{ background: url(/logistics-web/static/img/ico03.png) no-repeat 25px; width: 100px;}
.info span.ico04{ background: url(/logistics-web/static/img/ico04.png) no-repeat 25px; width: 150px;}
.info span.ico05{ background: url(/logistics-web/static/img/ico05.png) no-repeat 25px; width: 100px;}
.business{ border-bottom: 1px solid #eee; padding: 0 0 25px; margin: 0 0 25px;}
.business h2{ line-height: 30px; margin: 0 0 10px;}
.business p{ line-height: 25px;}

/*pages*/
.pages{ padding: 30px 0 0; text-align: right; font-size: 14px;}
.pages a{ margin: 0 5px;}
.pages .firstPage{}
.pages .lastPage{}
.pages .prePage{}
.pages .nextPage{}
.pages .page{ display: inline; margin: 0 5px;}
.pages .page a{ border: 1px solid #ddd; background: #fff; padding: 0 6px; margin: 0 3px;}
.pages .page a:hover,.pages .page a.sel{ border: 1px solid #305dc3; background: #305dc3; color: #fff;}


/*login*/
.bgc{background: #f8f8f8;}
.bg{ background: url(/logistics-web/static/img/banner01.jpg) #f8f8f8 no-repeat center 240px;}
.login{ position: absolute; left: 50%; top: 110px; z-index: 10; width: 480px; height: 520px; margin-left: -240px; background: rgba(255,255,255,.9); box-shadow: 0 0 20px #eee;}
.loginHead{ height: 130px; line-height: 180px; text-align: center;}
.loginFrom{ padding: 60px 0 0; position: relative;}
.loginFrom input[type=text],.loginFrom input[type=password]{ display: block; width: 300px; height: 60px; margin: 0 auto 15px; line-height: 60px; padding: 0 0 0 40px;  border: 1px solid #ccc; font-size: 14px; }
.loginFrom input[type=text]:focus,.loginFrom input[type=password]:focus{ border: 1px solid #305dc3;}
.loginFrom input[type=text].err,.loginFrom input[type=password].err{ border: 1px solid #f55;}
.loginFrom input[type=text]{ background: url(/logistics-web/static/img/username.png) #fff no-repeat 15px center;}
.loginFrom input[type=password]{ background: url(/logistics-web/static/img/password.png) #fff no-repeat 15px center;}
.loginFrom .forget{ width: 340px; height: 30px; margin: 0 auto; line-height: 30px; padding: 0;}
.loginFrom .forget input{ margin: 0 5px 0 0; vertical-align: middle;}
.loginFrom button{ background: #305dc3; width:340px; height: 60px; line-height: 60px; color: #fff; text-align: center; margin: 15px auto 0; border: none; font-size: 20px; cursor: pointer;}
.loginFrom button:hover{ background: #3667d9;}
.tips{ /*display: none;*/ position: absolute; left: 68px; top: 16px; width: 300px; height: 30px; padding: 0 20px; line-height: 30px; background: #fff0f0; border: 1px solid #f55; font-size: 14px; text-align: center;}
.loginFooter,.adminFooter{ height: 40px; line-height: 40px; text-align: center; margin-top: 640px;}
.adminFooter{ background: #fff; margin-top: 30px;}
/*adminHead*/
.adminHead{ background: #fff; height: 60px; line-height: 60px; font-size: 18px; font-weight: bold;}
.adminHead img{ vertical-align: middle; margin-right: 20px;}
.adminHead span{ float: right; font-size: 14px; font-weight: normal;}

/*adminbox*/
.adminbox{ margin-top: 10px;}
.adminbox h2{ margin: 0 0 20px;}
.search{ font-size: 14px; color: #666; margin: 0 0 30px;}
.search input{ width:280px; height: 34px; border: 1px solid #ddd; margin: 0 10px;}
.search .btn{ display: inline-block; width: 90px; height: 34px; line-height: 34px; text-align: center; color: #fff; background: #305dc3; border-radius: 3px;}
.search .btn:hover{ background: #3667d9;}
.release{ float: right; width: 110px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #305dc3; color: #305dc3; border-radius: 3px;}
.release:hover{ background: #305dc3; color: #fff;}
.adminTable{ font-size: 12px; border-left: 1px solid #eee; border-top: 1px solid #eee;}
.adminTable th,.adminTable td{ height: 40px; line-height: 40px; padding: 0 18px; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.adminTable tr:nth-child(even),.adminTable th{ background: #f8f8f8;}
.adminTable th:first-child,.adminTable tr td:first-child{ text-align: left;}
.adminTable tr td:first-child a{ display: block; width: 480px; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.shipTit{ width: 450px; padding-left: 30px; background: url(/logistics-web/static/img/ico_excel.png) no-repeat;}
.adminTable tr td:last-child a{ color: #305dc3;}
.adminTable tr td:last-child a:hover{ color: #3667d9;}
.creat{ font-size: 14px; color: #666;}
.creat td{ padding: 5px 0; vertical-align: top; line-height: 34px;}
.creat input[type=text]{ width: 290px; height: 28px; border: 1px solid #eee; padding: 3px 10px;}
.creat textarea{ width: 100%; height: 200px; border: 1px solid #eee;}
.submit{ display: inline-block; width: 90px; height: 34px; line-height: 34px; text-align: center; color: #fff; background: #305dc3; border-radius: 3px;}
.submit:hover{ background: #3667d9; color: #fff;}
.creat input[type=file]{ position: absolute; right: 0; opacity: 0; width: 110px; height: 34px; zoom: 2;}
.creat .fileBtn{ display: inline-block; position: relative; width: 80px; height: 34px; overflow: hidden; line-height: 34px; text-align: center; border: 1px solid #305dc3; color: #305dc3; border-radius: 3px; vertical-align: middle; margin: 0 0 0 10px;}