*{padding:0px; margin:0px;}
html {_overflow-y:scroll;}
/*****！！页面通用css样式定义开始******/
body{
font-family: Arial, Tahoma,"Microsoft YaHei";
font-size: 12px;
color: #5a5a5a;
}
a{text-decoration: none;}
a:link {color: #333333;}
a:visited {color: #333333;}
a:hover{color: #eb1315; text-decoration: none;}
a:active {color: #333333;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight: normal;}
img{border: 0px;}
li{list-style-type:none; }
.clear{clear:both; line-height:0; height:0; font-size:0px;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
input{border:1px solid #ccc;height:20px;line-height:20px}
.sologan{
position: absolute;
left: 20%;
top: 0;
z-index: 2;
width: 501px;
height: 596px;
}
.sologan .wrap img{
float: left;
width: 501px;
}
.storage{background: url(../../../../Public/Home/default/images/storage_bg.jpg) repeat-x bottom;}
.storage .wrap{
height: 449px;
padding-top: 18px;
}
.h2{
height: 108px;
background: url(../../../../Public/Home/default/images/h2_bg.png) no-repeat center bottom;
}
.h2 img{
display: block;
margin: 0 auto;
}
.h2 p{
padding-bottom: 18px;
font-size: 41px;
font-weight: bold;
text-align: center;
line-height: 1;
}
.storage .h2 p{
color: #004ca1;
background: url(../../../../Public/Home/default/images/storage_h2p.jpg) no-repeat center bottom;
}
.warehouse{
position: relative;
margin: 14px 0 0 27px;
width: 973px;
height: 327px;
}
.warehouse .bd ul li{
float: left;
margin-right: 28px;
}
.warehouse .bd ul li a{
display: block;
width: 289px;
height: 320px;
padding: 3px 0 0 7px;
background: url(../../../../Public/Home/default/images/warehouse_lia.png) no-repeat center center;
}
.warehouse .bd ul li a img{
display: block;
width: 282px;
height: 256px;
}
.warehouse .bd ul li a p{
width: 282px;
height: 52px;
text-align: center;
line-height: 52px;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff;
}
.warehouse .prev{
position: absolute;
top: 139px;
left: -102px;
width: 82px;
height: 83px;
background: url(../../../../Public/Home/default/images/prev_bg.png) no-repeat center center;
}
.warehouse .next{
position: absolute;
top: 139px;
right: -78px;
width: 82px;
height: 83px;
background: url(../../../../Public/Home/default/images/next_bg.png) no-repeat center center;
}
.capacity{background: url(../../../../Public/Home/default/images/capacity_bg.jpg) no-repeat center center;}
.capacity .wrap{
height: 479px;
padding-top: 40px;
}
.capacity .h2 p{
color: #004ca1;
background: url(../../../../Public/Home/default/images/storage_h2p.jpg) no-repeat center bottom;
}
.capacityul li{
float: left;
line-height: 1;
margin: 30px 12px 0 3px;
padding-bottom: 24px;
width: 237px;
background: url(../../../../Public/Home/default/images/capacity_li.png) no-repeat center bottom;
}
.capacityul li p{
height: 270px;
border: 5px solid #0098e1;
background: #fff;
}
.capacityul li p a img{
display: block;
width: 227px;
height: 202px;
}
.capacityul li p span{
display: block;
margin: 15px 0 11px;
text-align: center;
font-size: 16px;
color: #000;
}
.capacityul li p .proa{
display: none;
width: 48px;
height: 15px;
margin: 0 auto 10px;
text-align: right;
font-size: 14px;
background: url(../../../../Public/Home/default/images/capacity_lia.png) no-repeat left center;
color: #fff;
}
.capacityul li:hover p{
background: #0098e1;
cursor: pointer;
}
.capacityul li:hover p span{color: #fff;}
.capacityul li:hover p a{display: block;}
.center{background: url(../../../../Public/Home/default/images/center_img.jpg) no-repeat center center;}
.center .wrap{
position: relative;
height: 163px;
}
.centerleft{
position: absolute;
top: 32px;
left: -29px;
width: 466px;
height: 100px;
background: url(../../../../Public/Home/default/images/centerleft_bg.png) no-repeat center center;
}
.centerleft p{
width: 367px;
margin: 19px 0 0 52px;
font-size: 18px;
letter-spacing: -1px;
line-height: 30px;
color: #fff;
}
.centeright{
position: absolute;
top: 77px;
right: -29px;
width: 341px;
height: 39px;
padding: 16px 0 0 31px;
font-size: 20px;
line-height: 25px;
background: url(../../../../Public/Home/default/images/centeright_bg.png) no-repeat center center;
color: #fff;
}
.centeright strong{font-size: 28px;}
.about .wrap{
height: 428px;
padding-top: 25px;
}
.about .h2 p{
color: #ff7824;
background: url(../../../../Public/Home/default/images/about_h2p.jpg) no-repeat center bottom;
}
.aboutmain{margin-top: 9px;}
.aboutimg{
float: left;
width: 522px;
height: 311px;
margin-left: 8px;
background: url(../../../../Public/Home/default/images/about_bg.jpg) no-repeat center center;
}
.aboutimg img{
display: block;
margin: 17px 0 0 51px;
}
.aboutext{
float: left;
position: relative;
width: 470px;
height: 281px;
padding-top: 30px;
font-size: 14px;
line-height: 1.8;
color: #040000;
}
.aboutext a{
position: absolute;
top: 241px;
left: 1px;
width: 88px;
height: 35px;
text-align: center;
line-height: 35px;
background: #ff7824;
color: #fff;
}
.messcont{background: url(../../../../Public/Home/default/images/messcont_bg.jpg) no-repeat center center;}
.message{
float: left;
width: 428px;
height: 266px;
margin: 0 158px 0 5px;
font-size: 14px;
}
.message>p{
margin-top: 21px;
line-height: 24px;
color: #fff;
}
.indexform{
width: 426px;
margin: 7px 0 0 2px;
font-size: 0;
}
.indexform input[type="text"]{
height: 28px;
line-height: 28px;
text-indent: 8px;
font-size: 14px;
font-family: "Microsoft YaHei";
color: #0461a0;
border: none;
outline: none;
}
.indexform input[name="username"]{
width: 146px;
margin-right: 13px;
}
.indexform input[name="tel"]{width: 267px;}
.indexform textarea{
width: 420px;
height: 90px;
margin-top: 12px;
padding-left: 6px;
font-size: 14px;
font-family: "Microsoft YaHei";
line-height: 2;
color: #0461a0;
border: none;
outline: none;
}
.indexform input[type="submit"]{
width: 64px;
height: 22px;
margin-top: 10px;
border: 1px solid #fff;
color: #fff;
cursor: pointer;
background: none;
outline: none;
}
.contact22{
float: left;
width: 406px;
height: 266px;
padding-left: 3px;
font-size: 14px;
line-height: 2;
color: #fff;
}
.contact22 span{
display: block;
font-size: 22px;
font-weight: bold;
}