html{font-size:20px;}
body {font-family:Helvetica,'Microsoft YaHei',Arial,sans-serif;}
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(../img/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}

.section { position: relative; overflow: hidden;}
.section .bg img { display: block; width: 100%; height: 100%;}

.section strong{ position: absolute;z-index: 10; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p-text { position: absolute;opacity: 0; transition: all 1s;}
.fade-in{ position: absolute;z-index: 10; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}

.index{background: url(index1.jpg) no-repeat;background-position: top center;background-size:cover;}
.index .cai {position:absolute;left: 50%; top: 15%; width: 700px; margin-left: -350px;}
.index .content {position:absolute;left: 50%; top: 20%; width: 700px; margin-left: -350px;}
.index .signin {margin-top:-50px;}
.index strong {left: 50%; top: 15%; width:120px; height: 45px; margin-left: -256px;}
.index .p-text {left: 50%; top: 15%; width: 510px; margin-left: -255px; margin-top: 130px;}
.index .user {position:absolute;left: 50%; top: 45%; width: 400px; margin-left: -200px; margin-top:30px;}
.index .qr {left: 50%; top: 50%; width: 160px; margin-left: -80px; margin-top: 80px;}
.category{background-color: #f8f8f8;}
.category-block{position: absolute;left:50%;top:25%;width:960px;margin-left:-480px;}
.category-block ul{list-style: none;position: relative;margin:0;padding:0;}
.category-block li{display:inline-block;*display:inline;*zoom:1;width:150px;margin:10px 80px;}
.category strong {left: 50%; top: 15%; width:370px; height: 70px; margin-left: -185px;}
.category .p-text {left: 50%; top: 15%; width: 510px; margin-left: -255px; margin-top: 130px;}
.category .content {left: 50%; top: 15%; width: 510px; margin-left: -255px; margin-top: 160px;}
.brand strong {left: 50%; top: 15%; width:164px; height: 70px; margin-left: -82px;}
.brand .p-text {left: 50%; top: 15%; width: 510px; margin-left: -255px; margin-top: 130px;}
.storage{background: url(jl1.jpg) no-repeat;background-position: top center;background-size:cover;}
.storage strong {left: 50%; top: 35%; width:164px; height: 70px; margin-left: -82px;}
.storage .p-text {left: 50%; top: 35%; width: 320px; margin-left: -160px; margin-top: 130px;}
.logistic{background: url(storage.jpg) no-repeat;background-position: top center;background-size:cover;}
.logistic strong {left: 30%; top: 40%; width:164px; height: 70px; margin-left: -82px;}
.logistic .p-text {left: 30%; top: 40%; width: 350px; margin-left: -90px; margin-top: 100px;}
.cooperate strong {left: 50%; top: 15%; width:120px; height: 45px; margin-left: -256px;}
.cooperate .p-text {left: 50%; top: 30%; width: 450px; margin-left: -190px;margin-top:100px;}
.bg-lazy{background: url(../img/lazy.jpg) no-repeat;}
.m-t{margin-top:1rem;}
.m-b{margin-bottom:1rem;}
.p-lr{padding-left:1rem;padding-right:1rem;}
.p-tb-sm{padding-top:0.5rem;padding-bottom:0.5rem;}
.p-t-lg{padding-top:1.5rem;}
.p-t{padding-top:1rem;}
.p-b{padding-bottom:1rem;}
.p-b-lg{padding-bottom:1.5rem;}
.bg-info{background-color:#f79c2d;}
.font-normal{font-weight: normal}
.font-yahei{font-family:Helvetica,Arial,微软雅黑,sans-serif;}
.text-danger{color:#ff5c5c;}
.text-dark{color:#444;}
.text-gray{color:#666;}
.text-info {color:#16b5f9;}
.text-light{color:#999;}
.text-light-more{color:#ddd;}
.text-white{color:#fff;}
.text-md{font-size:14px;}
.text-sm{font-size:12px;}
.text-xs{font-size:10px;}
.text-lg{font-size:15px;}
.text-xl{font-size:16px;}
.text-xxl{font-size:18px;}
.text-3xl{font-size:20px;}
.text-4xl{font-size: 24px;}
.text-5xl{font-size: 28px;}
.text-6xl{font-size: 32px;}
.text-7xl{font-size: 36px;}
.text-8xl{font-size: 40px;}
.text-9xl{font-size: 44px;}
.text-10xl{font-size: 48px;}
.border-b{border-bottom:1px solid #ddd;}
.border-b-white{border-bottom:1px solid #fff;}
.line-h-3xl{line-height:3;}
.line-h-xl{line-height: 2.7;}
.line-h-lg{line-height: 2.5;}
.line-h{line-height: 2;}
.line-h-md{line-height: 1.8;}
.line-h-sm{line-height: 1.428;}
.line-h-xs{line-height: 1;}
a{color:#444;text-decoration: none}
.header{background-color:rgba(255,255,255,0.8);height:75px;}
.bg-white{background-color:#fff;}
.container-box{width:1080px;margin:0 auto}
.footer{background-color: #333;height:90px;line-height: 90px;}
.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center;}
.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #ccc;}
.nav-bar{line-height: 75px;list-style: none;text-align: left;padding-left:200px;}
.nav-bar li{display:inline;margin:0 25px}
.nav-bar li.active a{color:#16b5f9;}
.icon-down{position:absolute;bottom:30px;left:50%;margin-left:-20px;}
.resize-none{resize:none;}
.message-block{position: absolute;left:50%;top:100px;width:600px;margin-left:-300px;}
.message-block .form-msg{margin:8% 0 0 0;}
.bg-21, .bg-22, .bg-23, .bg-24 { position: absolute; z-index: 1; width: 208px; left: 50%; bottom: 20%; padding-top: 210px; color: #fff;}
.bg-21 { margin-left: -851px; background: url(../img/bg21.jpg) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg-22 { margin-left: -403px; background: url(../img/bg22.jpg) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg-23 { margin-left: 195px; background: url(../img/bg23.jpg) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg-24 { margin-left: 645px; background: url(../img/bg24.jpg) 50% 0 no-repeat; opacity: 0; transition: all 1s;}

.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .p-text { opacity: 1; transition-delay: 1.7s;}
.active .fade-in{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .message-block{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .category-block{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.carousel-indicators{position: absolute;top:500px;left:50%;width:100px;height:20px;margin-left:-50px;}
.carousel-indicators li{border: solid 1px #36baed;}
.carousel-indicators .active{background-color: #36baed;}
.slides{width:1080px;margin:12% auto 0 auto;}
.clear{clear:both;}