@charset "utf-8";
/* CSS Document */
*{
padding:0;
margin:0;
}
html{
font-size:14px;;
}
.top{
height:30px;
background:#f5f5f5;
}
.top .top-top{
width:1200px;
margin:0 auto;
height:30px;
line-height:30px;
color:#666666;
overflow:hidden;
font-size:14px;
}
.top .top-top strong{
float:right;
}
.top .top-top span{
float:left;
}
.head{
width:100%;
height:50px;
margin-top:10px;
margin-bottom:10px;
}
.head .head-h{
width:1200px;
margin:0 auto;
}
.head .head-h .head-l{
float:left;
text-align:left;
width:190px;
position:absolute;
z-index:9;
}
.head .head-h .head-r{
width:1000px;
float:right;
position:absolute;
}
.san{
width:100%;
height:120px;
background:#333;
}
.san .san-w{
width:800px;
margin:0 auto;
}
.san .san-w ul{
overflow:hidden;
}
.san .san-w ul li{
width:400px;
float:left;
border-right:1px solid #bebebe;
margin-top:25px;
height:70px;
box-sizing:border-box;
}
.san .san-w ul li img{
opacity:0;
}
.san .san-w ul li:hover img{
opacity:0.5;
transition:all 0.5s ease 0.3s;
}
.footer{
width:100%;
background:#333;
margin-top:20px;
font-size:14px;
}
.footer .footer-w{
width:1000px;
margin:0 auto;
padding-top:30px;
overflow:hidden;
padding-bottom:30px;
}
.footer .footer-w p{
text-align:center;
color:#fff;
}
.footer .footer-w p a{
color:#fff;
text-decoration:none;
margin-left:10px;
margin-right:10px;
}
.footer .footer-w p a:hover{
color:#f5881d;
}
.footer .footer-w .footer-l{
float:left;
margin-top:20px;
color:#fff;
}
.footer .footer-w .footer-l li{
margin-top:5px;
}
.footer .footer-w .footer-r{
float:right;
margin-top:20px;
color:#fff;
}
.footer .footer-w .footer-r ul{
overflow:hidden;
}
.footer .footer-w .footer-r ul li{
float:left;
text-align:center;
}
.footer .footer-w .footer-r ul li:first-child{
margin-right:100px;
}
.footer .footer-w .footer-r ul li img{
margin-bottom:10px;
}
.f-b{
background:#000;
text-align:center;
color:#fff;
padding-top:10px;
padding-bottom:10px;
font-size:14px;
}
.f-b p{
margin-bottom:5px;
}
.f-b a{
color:#fff;
text-decoration:none;
}
.f-b a:hover{
color:#F5871C;
}
.warp{
width:100%;
padding-top:20px;
padding-bottom:20px;
}
.warp .w-bt{
text-align:center;
width:1200px;
margin:0 auto;
}
.warp .w-icon{
width:960px;
margin:0 auto;
}
.warp .w-icon ul{
overflow:hidden;
width:1200px;
}
.warp .w-icon ul li{
width:240px;
text-align:center;
float:left;
margin-top:40px;
}
.warp .w-icon ul li img{
margin-bottom:10px;
transition: All 0.8s ease-in-out;
-webkit-transition: All 0.8s ease-in-out;
-moz-transition: All 0.8s ease-in-out;
-o-transition: All 0.8s ease-in-out;
}
.warp .w-icon ul li p{
color:#333;
}
.warp .w-icon ul li img:hover{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.warp .new{
width:100%;
background:#f7f5f9;
padding-top:30px;
padding-bottom:30px;
margin-top:30px;
}
.warp .new .new-w{
width:1200px;
margin:0 auto;
overflow:hidden;
}
.warp .new .new-w .new-bt{
text-align:center;
}
.warp .new .new-w .new-l{
float:left;
width:600px;
margin-top:20px;
}
.warp .new .new-w .new-r{
float:right;
width:600px;
text-align:left;
margin-top:20px;
}
.warp .new .new-w .new-r ul{
}
.warp .new .new-w .new-r ul li{
overflow:hidden;
}
.warp .new .new-w .new-r ul li:nth-child(2){
overflow:hidden;
}
.warp .new .new-w .new-r ul li a { color:#666;}
.warp .new .new-w .new-r span{
color:#aca9af;
}
.warp .new .new-w .new-r ul li:nth-child(2) h2{
margin-top:5px;
font-weight:normal;
float:left;
}
.warp .new .new-w .new-r ul li:nth-child(2) img{
float:right;
margin-right:20px;
}
.warp .new .new-w .new-r ul li:nth-child(2) img:hover{
margin-right:0px;
transition:all 0.5s ease 0.1s;
}
.warp .new .new-w .new-r .new-t{
margin-top:10px;
}
.warp .new .new-w .new-r .new-t li{
height:40px;
line-height:40px;
overflow:hidden;
border-bottom:1px solid #e6e6e6;
}
.warp .new .new-w .new-r .new-t li span{
float:left;
color:#aca9af;
}
.warp .new .new-w .new-r .new-t li em{
float:right;
margin-right:5px;
color:#aca9af;
}
.warp .new .new-w .new-r .new-t li a:hover span{
color:#f5871c;
}
.warp .new .new-w .new-r button{
margin-top:30px;
font-size:16px;
color:#fff;
background:#f5872c;
height:32px;
line-height:32px;
width:120px;
border-radius:16px;
cursor:pointer;
}
.warp .about{
width:1200px;
text-align:center;
margin:0 auto;
padding-top:30px;
}
.warp .about-w{
width:1200px;
overflow:hidden;
margin:0 auto;
}
.warp .about-w .about-l{
float:left;
margin-top:20px;
width:600px;
}
.warp .about-w .about-l img{
float:left;
}
.warp .about-w .about-l p{
float:left;
text-align:left;
width:480px;
padding-left:20px;
padding-top:5px;
}
.warp .about-w .about-l p strong{
font-size:20px;
font-weight:normal;
}
.warp .about-w .about-l p span{
color:#aca9af;
}
.warp .about-w .about-l ul{
}
.warp .about-w .about-l ul li{
overflow:hidden;
margin-top:40px;
}
.warp .about-w .about-r{
float:right;
text-align:center;
margin-top:20px;
width:600px;
}
.warp .hezuo{
background:#f2f2f2;
width:100%;
}
.warp .hezuo .hezuo-w{
width:1200px;
margin:0 auto;
text-align:center;
padding-top:20px;
}
.warp .hezuo ul{
width:1200px;
margin:0 auto;
overflow:hidden;
padding-bottom:50px;
}
.warp .hezuo ul li{
float:left;
width:200px;
text-align:center;
margin-top:20px;
}
/*关于四季物流页面样表式*/
.about-both{
width:1200px;
margin:0 auto;
margin-top:30px;
overflow:hidden;
}
.about-both p{
font-size:14px;
}
.about-both p a{
color:#333;
opacity:0.8;
text-decoration:none;
}
.about-both  p a:hover{
color:#f5871c;
}
.about-both .about-bl{
float:left;
width:240px;
margin-top:20px;
}
.about-both .about-bl h2{
height:64px;
line-height:64px;
width:240px;
text-align:center;
background:#f5881e;
font-weight:normal;
color:#fff;
}
.about-both .about-bl ul{
}
.about-both .about-bl ul li{
width:240px;
text-align:center;
height:54px;
line-height:54px;
border:1px solid #CCC;
border-top:none;
box-sizing:border-box;
}
.about-both .about-bl ul .activex{
background:#f5f5f5;
}
.about-both .about-bl ul .activex a{color:#f5881e;}
.about-both .about-bl ul li:hover{
background:#f5f5f5;
}
.about-both .about-bl ul li:hover a{
color:#f5881e;
}
.about-both .about-bl ul li a{
text-decoration:none;
color:#333;
}
.about-both .about-br{
float:left;
width:920px;
margin-left:40px;
margin-top:20px;
padding-left:10px;
padding-right:10px;
padding-bottom:30px;
box-sizing:border-box;
background:#f5f5f5;
}
.about-both .about-br .about-brw{
text-align:center;
padding-top:20px;
color:#333;
}
.about-both .about-br .about-brw h2{
font-weight:normal;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}
.about-both .about-br  p {
line-height:28px;
padding-left:10px;
padding-right:10px;
color:#5D5D5D;
}
.about-both .about-br  p strong{
font-size:16px;
font-weight:normal;
color:#333;
}
.about-both .about-br img{
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
display:inline;
}
.about-both .about-br ul{
}
.about-both .about-br ul li{
overflow:hidden;
font-size:14px;
height:48px;
line-height:48px;
border-bottom:1px dashed #999;
opacity:0.8;
color:#333;
}
.about-both .about-br ul li a{
text-decoration:none;
color:#333;
}
.about-both .about-br ul li a:hover{
color:#F5881E;
}
.about-both .about-br ul li span{
float:right;
}
.about-both .about-br .about-bw {
width:920px;
margin:0 auto;
text-align:center;
padding-top:30px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
margin-bottom:10px;
}
.about-both .about-br .about-bw h2{
font-weight:normal;
color:#333;
opacity:0.8;
margin-bottom:10px;
}
.about-both .about-br .about-bw span{
margin-right:10px;
margin-left:10px;
font-size:14px;
opacity:0.8;
}
.about-both .about-br .about-bw span a{
text-decoration:none;
color:#333;
}
.about-both .about-br .about-bw span a:hover{
color:#F5881E;
}
.about-both .about-br .about-sx{
width:860px;
margin:0 auto;
margin-top:40px;
}
.about-both .about-br .about-sx li:last-child{
border:none;
height:36px;
line-height:36px;
}
.about-both .about-br .about-sx li a{
color:#F5881E;
}
.about-both .about-br .about-sx li a:hover{
color:#333;
}
.about-both .about-br .about-zp{
width:900px;
margin:0 auto;
border-bottom:1px dashed #999;
padding-bottom:20px;
padding-top:20px;
}
.about-both .about-br .about-zp li{
text-indent:28px;
line-height:28px;
height:auto;
border-bottom:none;
}
.about-both .about-br .about-zp li strong{
font-size:16px;
}
.about-both .about-br .about-zp li p{
}
/*产品与服务样式表*/
.about-both .about-bl ul li{
width:240px;
text-align:center;
height:54px;
line-height:54px;
border:1px solid #CCC;
border-top:none;
box-sizing:border-box;
}
.about-both .about-bl ul li.product-bt{
font-size:16px;
}
.about-both .about-br .jidan{
width:700px;
margin:0 auto;
margin-bottom:30px;
}
.about-both .about-br .jidan h3{
margin-bottom:10px;
}
.about-both .about-br .jidan .form{
margin:0 auto;
border:1px solid #CCC;
padding-bottom:20px;
padding-top:40px;
}
.about-both .about-br .jidan .form p{
margin-bottom:20px;
text-align:right;
}
.about-both .about-br .jidan .form p label{
width:150px;
text-align:right;
}
.about-both .about-br .jidan .form .form-group label{
width:150px;
text-align:right;
}
.about-both .about-br .jidan .form p input{
height:36px;
line-height:36px;
width:420px;
text-align:center;
border:1px solid #ccc;
}
.about-both .about-br .jidan .form p strong{
margin-left:20px;
margin-right:70px;
color:#ff0000;
}
.about-both .about-br .jidan .form select{
width:130px;
margin-right:10px;
height:36px;
line-height:36px;
border:1px solid #ccc;
padding:0 3%;
}
.about-both .about-br .jidan .form p select option{
}
.about-both .about-br .jidan button{
width:200px;
height:40px;
line-height:40px;
color:#fff;
background:#F5881E;
border-radius:8px;
margin:0 auto;
margin-top:50px;
font-size:16px;
display:block;
}
.about-both .about-br .chaxun{
width:800px;
margin:0 auto;
margin-top:50px;
padding-bottom:30px;
}
.about-both .about-br .chaxun textarea{
width:700px;
margin:0 auto;
border:1px solid #ccc;
text-align:center;
padding-left:10px;
padding-top:10px;
}
.about-both .about-br .chaxun button{
width:200px;
height:36px;
line-height:36px;
color:#fff;
background:#F5881E;
border-radius:8px;
margin:0 auto;
margin-top:30px;
font-size:16px;
}
.about-both .about-br .chaxun p.chaxun1{
margin-bottom:20px;
text-align:right;
margin-right:150px;
}
.about-both .about-br .chaxun p.chaxun1 strong{
color:#ff0000;
}
.about-both .about-br .chaxun label{
font-size:16px;
text-align:right;
}
.about-both .about-br .chaxun select{
width:200px;
height:30px;
line-height:30px;
padding-left:20px;
border:1px solid #ccc;
}
.about-both .about-br .chaxun input{
height:36px;
line-height:36px;
width:360px;
text-align:center;
border:1px solid #ccc;
margin-left:4px;
margin-right:46px;
}
.about-both .about-br .chaxun .chaxun2{
width:200px;
height:36px;
line-height:36px;
color:#fff;
background:#F5881E;
border-radius:8px;
margin:0 auto;
margin-top:30px;
font-size:16px;
display:block;
}
.about-both .about-br .bangzhu{
width:660px;
margin:0 auto;
margin-top:50px;
}
.about-both .about-br .bangzhu p{
font-size:16px;
margin-top:20px;
}
.about-both .about-br .bangzhu p input{
height:36px;
line-height:36px;
width:360px;
text-align:center;
border:1px solid #ccc;
margin-left:4px;
margin-right:46px;
}
.about-both .about-br .bangzhu p textarea{
width:350px;
margin:0 auto;
border:1px solid #ccc;
text-align:center;
padding-left:10px;
padding-top:10px;
vertical-align:middle;
}
.about-both .about-br .bangzhu button{
width:200px;
height:36px;
line-height:36px;
color:#fff;
background:#F5881E;
border-radius:8px;
margin:0 auto;
margin-top:30px;
margin-left:125px;
font-size:16px;
}
.about-both .about-br .lianxi{
width:900px;
margin:0 auto;
margin-top:30px;
margin-bottom:30px;
overflow:hidden;
}
.about-both .about-br .lianxi .lianxil{
float:left;
margin-right:20px;
}
.about-both .about-br .lianxi .lianxil ul{
}
.about-both .about-br .lianxi .lianxil ul li{
border:none;
height:auto;
padding-left:20px;
line-height:30px;
font-size:16px;
}
.about-both .about-br .lianxi .lianxil ul li strong{
color:#F5881E;
}
.about-both .about-br .lianxi .lianxir{
float:left;
width:480px;
/*	border:1px solid #D6D6D6;
*/}
.about-both .about-br .lianxi .lianxir img{
vertical-align:middle;
max-width:100%;
height: auto;
width: auto\9; /* ie8 */
}