@charset "UTF-8";
/* CSS Document */

/*联系我们*/
.contact, .contactBody, .contactLine{ width:100%; float:left;}
.contactLeft{ width:338px; float: left;}
.contactLeft div{font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.contactLeft p{ line-height:30px;}
.contactRight{ width:700px; float:right;}
.contactRight img{ width:100%; float:left;}
.contactLine{ border-top:1px solid #ddd; height:40px; margin-top:40px;}



/*新闻*/
.news, .newsHot, .newsList, .newsNei, .newsNei .title, .newsNei .date, .newsNei .newsFonts{ width:100%; float:left;}
.newsHot .newsImg{ width:360px; float:left;}
.newsHot .newsText{ width:750px; float:right;}
.newsHot .newsText .newsTitle, .newsHot .newsText .newsSummary{ width:100%; float:left;}
.newsHot .newsText .newsTitle a{ color:#343434; font-weight: bold; font-size: 16px;}
.newsHot .newsText .newsTitle a:hover{ color:#e65709;}
.newsHot .newsText .newsTitle span{ float:right; font-size:14px; color: #999; font-weight: normal;}
.newsHot .newsText .newsSummary{ margin-top:20px; color: #999;}
.newsList li{ width:99%; float:left; padding-left:1%; background: url(../images/newsListBg.png) no-repeat 0 center; border-bottom: 1px dashed #31448a; margin-top:20px; line-height: 35px;}
.newsList li span{ float:right; color: #999; font-weight: normal;}
.newsList li a{ color: #343434;}
.newsList li a:hover{ color:#31448a;}

.newsNei .title{ font-size:18px; font-weight: bold; color: #31448a; text-align: center; line-height: 40px;}
.newsNei .date{ font-size:12px; color: #999; font-weight: normal;text-align:center; line-height: 24px; margin-top:10px;}
.newsNei .newsLine{ width:10%; float: left; height: 30px; margin:20px 45% 0px; border-top:1px solid #e65709;}
.newsNei .newsFonts p{ line-height: 30px; margin-bottom: 20px; text-indent: 28px;}



/*关于*/
.about{ width:100%; float:left;}
.about p{ width: 100%; float:left; line-height: 24px; margin-bottom: 10px;}






/*招聘*/
.hr, .hrList, .hrTitle, .hrList p{ width:100%; float:left;}
.hrTitle{ font-size:16px; color:#31448a;}
.hrList p{ line-height:30px;}


/*快递*/
.kuaidi, .kuaidi ul, .kuaidi ul li .kdImg, .kuaidi ul li .kdImg img, .kuaidi ul li .kdTitle{ width:100%; float:left;}
.kuaidi{ border-bottom:1px solid #31448a; padding-bottom: 20px;}
.kuaidi ul li{ width:360px; float:left; margin-left:10px; margin-right:10px; margin-top:30px;}
.kuaidi ul li .kdTitle{ text-align: center; line-height: 40px;}



/*服务*/
.serviceBiaodan{ width:100%; float:left;}
.serviceLeft{ width:555px; float:left; padding-bottom:40px;}
.bdChannel1{ width:100%; float:left; }
.bdBody1{ width:553px; float:left; border:1px solid #ddd; border-top:none;}
.bdChannel1 li{ width:90px; float:left; text-align:center; height:40px; line-height:40px;}
.bdChannel1 .li2{ width:375px; float:left; background:url(../images/libg2.jpg) repeat-x;}
.sd01{cursor:pointer; background:url(../images/libg1.jpg) no-repeat; color:#31448a; font-size:14px; font-weight:bold;}
.sd02{cursor:pointer; background:url(../images/libg2.jpg) no-repeat; font-size:16px;}
.hidden{ display:none;}
.gjcx1, .login1{ width:513px; float:left; margin:20px 20px 0px;}
.inquiry1, .inquiry1 p{ width:100%; float:left;}
.textArea1{ width:500px; float:left; padding:5px; height:105px; line-height: 24px; background:#fff; border:1px solid #ddd; border-radius: 5px;}
.inquiry1 p, .login1 li p{ line-height: 30px; color: #999;}
.inquiry1 p a, .inquiry1 p a:hover, .login1 li a, .login1 li a:hover{ color: #e65709;}
.inquiry1 .inputBtn1 { width:205px; margin:20px 147px 0px;}
.inquiry1 img{ width:100%; float:left; margin-top:20px; margin-bottom: 20px; max-height:90px;}
.login1 li{ width:100%; float:left; line-height: 35px; margin-top:20px;}
.login1 li:first-child{ margin-top:0px;}
.login1 li div{ width:70px; float:left;}
.login1 li .inputText1{ width:428px; float: left;}
.login1 .inputBtn3, .login1 .inputBtn4{ width:150px; float:left; margin-left:60px;}
.login1 li img{ width:100%; float:left; margin-top:10px; margin-bottom: 20px; max-height:90px;}

.serviceRight{ width:555px; float:right;  padding-bottom:40px; }
.bjDiv1, .bjDiv1 ul{ width:100%; float:left;}
.bjDiv1 ul li{ width:100%; float:left; line-height: 35px; margin-top:20px;}
.bjDiv1 ul li:first-child{ margin-top:0px;}
.bjDiv1 ul li div{ width:70px; float:left;}
.bjDiv1 ul li .select1{ width:485px;}
.bjDiv1 ul li .inputText2{ width:380px; }
.bjDiv1 ul li .inputText3{ width:120px;}
.bjDiv1 ul li p{ width:100%; float:left; line-height: 30px; margin-top:10px; color: #999;}
.bjDiv1 ul .priceBtn{ width:100%; float:left;}
.bjDiv1 ul .priceBtn .inputBtn2{ width:205px; margin:20px 175px 0px;}

.liuyan, .down{ width:100%; float:left;}
.liuyan .inputDiv{ width:358px; float:left; margin-left:34px; margin-top:30px; border:1px solid #ddd; border-radius: 5px; height: 40px; line-height: 40px;}
.liuyan .inputDiv:first-child{ margin-left:0px;}
.liuyan .inputText{ width:348px; float: left; margin:0px 5px; line-height: 40px; background:none; border:none;}
.liuyan .inputDiv2{ width:1148px; float:left; border:1px solid #ddd; border-radius: 5px; height: 120px; line-height: 40px; margin-top:30px;}
.liuyan .inputDiv2 textarea{ width:1138px; float:left; height: 110px; background: none; border: none; padding:5px;}
.liuyan .btnDiv{ width:200px; float: left; background: #31448a; text-align: center; border-radius: 5px; margin:30px 475px 10px 475px;}
.liuyan .btnDiv .inputBtn{ background: none; border: none; font-size: 16px; height:45px; line-height: 45px; color: #fff;  font-weight: bold;}

.downDiv{ width:100%; float:left; margin-top:30px; margin-bottom:20px;}
.downTitle{ width:100%; float:left; line-height:50px; background: #f5f5f5; text-align: center; font-weight: bold; font-size: 16px;}
.downTitleDiv1{ width:619px; float:left; border-right:1px solid #31448a;}
.downTitleDiv2{ width:194px; float:left; border-right:1px solid #31448a;}
.downTitleDiv3{ width:194px; float:left; border-right:1px solid #31448a;}
.downTitleDiv4{ width:138px; float:left;}
.downList, .downList ul{ width:100%; float:left;}
.downList ul{ line-height:40px; text-align: center; border-bottom:1px solid #ddd;}
.downList ul li a, .downList ul li a:hover{ color:#e65709;}
.downList ul .downListLi1{ width:618px; float:left; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.downList ul .downListLi2{ width:194px; float:left; border-right:1px solid #ddd;}
.downList ul .downListLi3{ width:194px; float:left; border-right:1px solid #ddd;}
.downList ul .downListLi4{ width:139px; float:left; border-right:1px solid #ddd;}
.downMore{ width:200px; float: left; background: #31448a; text-align: center; height:45px; line-height: 45px; border-radius: 5px; margin:30px 475px 10px 475px;}
.downMore a, .downMore a:hover{font-size: 16px; color: #fff;  font-weight: bold; display: block;}


/*海外仓储*/
.gyhwcc, .toucheng, .ylvs, .fahuo, .fclc{ width:100%; float:left;}
.gyhwcc p{ width:100%; float:left; margin-top:20px; text-align:center; line-height: 30px;}

.toucheng .tcPic1{ width:100%; float:left; text-align: center;}
.toucheng .tcPic2{ width:800px; float: left; text-align:center; margin-top:30px;}
.toucheng .tcText{ width:255px; float: left; border:1px solid #31448a; margin-top:30px;}
.toucheng .tcText .tcTitle{ width:100%; float:left; line-height: 45px; background: #31448a; text-indent:24px; font-size:16px; color: #fff;}
.toucheng .tcText .tcInfo{ width:100%; float:left;}
.toucheng .tcText .tcInfo div{ width:50%; float: left; text-align: center; line-height: 30px;}
.toucheng .tcText .tcInfo p{ line-height:30px; text-align: center;}

.fahuo .fclc{ margin-top:40px;}
.fahuo .fclc .lcImg{ width:168px; float: left;  height:168px; text-align: center; border-radius: 50%;background: #f5f5f5; border: 1px dashed #ddd;}
.fahuo .fclc .lcImg img{ padding:50px;}
.fahuo .fclc .lcLine{ width:75px; float: left; display: block; border-top:1px solid #31448a; margin-top:85px;}
.fahuo .fclcText{ width:100%; float:left;}
.fahuo .fclcText .lcText{ width:168px; float: left; margin-left:75px; margin-top:30px; text-align: center; line-height: 40px;}
.fahuo .fclcText .lcText:first-child{ margin-left:0px;}
.fahuo .fclcApply{ width:300px; float: left; background: #31448a; text-align: center; height:45px; line-height: 45px; border-radius: 5px; margin:30px 425px 30px 425px;}
.fahuo .fclcApply a, .fclc .fclcApply a:hover{font-size: 16px; color: #fff;  font-weight: bold; display: block;}

.ylvs{ margin-top:40px;}
.ylvsLeftTitle1, .ylvsLeftTitle2{ width:200px; float:left; line-height: 45px; text-align: center; font-size: 16px; color:#fff; border-radius: 10px; }
.ylvsLeftTitle1{margin-left:125px; }
.ylvsLeftTitle2{margin-left:250px; }
.blue{ background:#31448a;}
.yellow{ background:#e65709;}
.paddingBottom{ padding-bottom:60px;}
.ylvsLeft, .ylvsRight{ width:50%; float:left;}
.ylvsListLeft{ width:450px; float:left; }
.ylvsListCenter{ width:250px; float:left;text-align: center; font-size:80px; color: #ff0000; font-weight: bold; margin-top:140px;}
.ylvsListRight{ width:450px; float:right; }
.ylvsListLeft ul, .ylvsListLeft ul li, .ylvsListCenter ul, .ylvsListCenter ul li, .ylvsListRight ul, .ylvsListRight ul li{ width:100%; float:left;}
.ylvsListLeft ul, .ylvsListRight ul, .ylvsListCenter ul { margin-top:20px;}
.ylvsListLeft ul li, .ylvsListRight ul li{ line-height:35px; margin-top:10px; background: #f5f5f5; text-align: center;}
.ylvsListCenter ul li{ height: 35px; margin-top:10px;}
.ylvsListCenter ul li .ylvsLine{ width:50px; float:left; height:2px; margin-top:17px;}
.ylvsListCenter ul li  .blueLine{ border-top:1px solid #31448a;}
.ylvsListCenter ul li  .yellowLine{ border-top:1px solid #e65709;}
.ylvsListCenter ul li .ylvsSpan{ width:50px; float:left; height: 25px; line-height: 25px; margin-top:5px; border-radius: 5px; text-align: center; display: block; color: #fff;}

.cangchuPic{ width:100%; float:left; background:url(../images/cangchuPic.png) no-repeat top left; background-size: 100% 100%; height: 500px; position: relative;}
.points{ width:10px; height:10px; border-radius: 50%; background: #f8e700; border: 2px solid #272727;}
.position1{ position: absolute; top:190px; left: 5px;}
.position2{ position: absolute; top:170px; left: 45px;}
.position3{ position: absolute; top:80px; left: 150px;}
.position4{ position: absolute; top:10px; left: 230px;}
.position5{ position: absolute; top:180px; left: 190px;}
.position6{ position: absolute; top:60px; left: 350px;}
.position7{ position: absolute; top:230px; left: 490px;}
.position8{ position: absolute; top:370px; left: 520px;}
.position9{ position: absolute; top:480px; left: 520px;}
.position10{ position: absolute; top:115px; right: 390px;}
.position11{ position: absolute; bottom:190px; right: 30px;}
.points:hover{width:15px; height:15px; border-radius: 50%; background: #f8e700; border: 2px solid #272727;}



/*-----------------首页-----------------*/


/*新闻*/
.indexNews{ width:100%; float:left;}
.indexNewsLeft{ width:555px; float: left;}
.indexNewsRight{ width:555px; float:right;}
.indexNewsLeft ul{ margin-top:25px;}
.indexNewsRight ul{ margin-top:15px;}
.indexNewsLeft ul, .indexNewsLeft ul li, .indexNewsRight ul, .indexNewsRight ul li{ width:100%; float:left;}
.indexNewsLeft ul li, .indexNewsRight ul li{ line-height:30px;}
.indexNewsLeft ul li span, .indexNewsRight ul li span{ float:right; color: #999;}
.indexNewsLeft ul li a, .indexNewsRight ul li a{ color:#343434;}
.indexNewsLeft ul li a:hover, .indexNewsRight ul li a:hover{ color:#31448a;}
.indexNewsLeft .newsHot{ width:100%; float:left;}
.indexNewsLeft .newsImg{ width:150px; float:left;}
.indexNewsLeft .newsRight{ width:375px; float:right; }
.indexNewsLeft .newsRight .title{ width:100%; float:left; line-height: 30px;}
.indexNewsLeft .newsRight .title span{ float:right; color: #999;}
.indexNewsLeft .newsRight .title a, .indexNewsLeft .newsRight .title a:hover{ color:#343434;}
.indexNewsLeft .newsRight .summary{ width:100%; float:left; margin-top:10px; line-height: 24px; color: #999;}


/*link*/
.links, .links ul, .links ul div{ width:100%; float:left;}
.links ul{ margin-top:5px;}
.links ul li{ float:left; margin-left:14px; margin-right:14px; margin-top:15px;}
.links ul li img{ border:1px solid #ddd;}

/*about*/
.indexAbout, .aboutInfo, .aboutChannel, .aboutImg{ width:100%; float:left;}
.aboutLeft{ width:265px; float:left;}
.aboutDate{ width:265px; float:left; background:url(../images/timeBg.png) no-repeat; background-size: 100% 100%; position: relative; padding-top:20px; padding-bottom:20px;}

/*时间*/
svg { width:75px; float: left; position: absolute; margin-left:20px; width: 95px; height:95px;}
path { stroke: #31448a; stroke-linecap:round; stroke-width: 42; fill:none;}
#sec { stroke: #31448a; stroke-width: 20;}
#min { stroke: #31448a; stroke-width: 38;}
#hour { stroke: #31448a; stroke-width: 38;}

.timeText{ width:130px; float: right; margin-bottom: 15px;}
.timeText p{ line-height: 30px;}



.aboutImgUp{ width:265px; float: left; margin-top:45px;}
#demo { height:300px; float:left; overflow: hidden;}
#demo img { display: block; margin-top:20px;}
#demo img:first-child{ margin-top:0px;}

.aboutRight{ width:850px; float:right;}
.aboutChannel{ text-align:center; font-size:20px; color:#e65709; margin-bottom: 20px;} 
.aboutInfo p{ line-height:30px; margin-top:10px;}

.Box {position: relative; width: 850px; float:left; margin-top: 30px; }
.Box .content {width: 760px; float: left; margin-left:45px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 18px;height: 32px;position: absolute;top: 80px;cursor: pointer; }
.Box .Box_con .btnl {background: url(../images/arrowLeft.png) no-repeat center;left: -45px;}
.Box .Box_con .btnr {background: url(../images/arrowRight.png) no-repeat center;right: -45px;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 240px;height: 190px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 240px;height: 190px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}


 
/*picIndex*/
.picIndex{ width:100%; float:left;}
.picIndex img{ width:100%; float:left; padding:20px 0px 40px;}



/*表单*/
.indexBiaodan{ width:100%; float:left; }
.bdleft{ width:370px; float:left;}
.bdChannel{ width:100%; float:left; }
.bdBody{ width:368px; float:left; border:1px solid #ddd; border-top:none;}
.bdChannel li{ width:90px; float:left; text-align:center; height:40px; line-height:40px;}
.bdChannel .li2{ width:190px; float:left; background:url(../images/libg2.jpg) repeat-x;}
.sd01{cursor:pointer; background:url(../images/libg1.jpg) no-repeat; color:#31448a; font-size:14px; font-weight:bold;}
.sd02{cursor:pointer; background:url(../images/libg2.jpg) no-repeat; font-size:16px;}
.hidden{ display:none;}
.gjcx, .login{ width:328px; float:left; margin:20px 20px 0px;}
.inquiry, .inquiry p{ width:100%; float:left;}
.textArea{ width:316px; float:left; padding:5px; height:80px; line-height: 24px; background:#fff; border:1px solid #ddd; border-radius: 5px;}
.inquiry p, .login li p{ line-height: 40px; color: #999;}
.inquiry p a, .inquiry p a:hover, .login li a, .login li a:hover{ color: #e65709;}
.inquiry .inputBtn1 { width:205px; margin:20px 61px 0px;}
.inquiry img{ width:100%; float:left; margin-top:8px; margin-bottom: 20px;}
.login li{ width:100%; float:left; line-height: 40px; margin-top:25px;}
.login li:first-child{ margin-top:0px;}
.login li div{ width:70px; float:left;}
.login li .inputText1{ width:256px; float: left;}
.login .inputBtn3, .login .inputBtn4{ width:100px; float:left; margin-left:40px;}
.login li img{ width:100%; float:left; margin-top:10px; margin-bottom: 20px;}

.bdRight{ width:365px; float:left; margin-left:30px;}
.bjDiv, .bjDiv ul{ width:100%; float:left;}
.bjDiv ul li{ width:100%; float:left; line-height: 35px; margin-top:20px;}
.bjDiv ul li:first-child{ margin-top:0px;}
.bjDiv ul li div{ width:70px; float:left;}
.bjDiv ul li .select1{ width:90px;}
.bjDiv ul li .inputText2{ width:260px; }
.bjDiv ul li .inputText3{ width:60px;}
.bjDiv ul li p{ width:100%; float:left; line-height: 30px; margin-top:10px; color: #999;}
.select1, .inputText1, .inputText2, .inputText3{ height:33px; line-height:35px; background:#fff; border:1px solid #ddd; border-radius: 5px;}
.bjDiv ul .priceBtn{ width:100%; float:left;}
.bjDiv ul .priceBtn .inputBtn2{ width:205px; margin:20px 80px 0px;}
.inputBtn1, .inputBtn2, .inputBtn3, .inputBtn4{ border-radius: 5px; background: #31448a; text-align:center; line-height: 40px; border: none; font-size:16px; color:#fff;}
.inputBtn4{ background:#ddd;}

.vedio{ width:350px; float: right; padding-bottom: 40px;}