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

 
html{height:100%;min-height:650px}
body{padding:0;text-align:center;position:relative;margin:0;height:100%;min-height:300px;min-width:990px;-webkit-font-smoothing:antialiased}
.body-wrapper{min-height:0!important}
.pointer{color:#9b59b6;font-family:cursive;font-size:30px;margin-top:15px}
.main section>img{position:absolute;max-width:100%;z-index:1}
.onepage-wrapper {
    display: block;
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%;
}
.main {
    float: left;
    margin: 0 auto;
    width: 100%;
}
.main section.page1 {
	 background: url("../images/hw_bg.png") no-repeat center;
	 height:590px;
	 width:100%;
}

.main section {
    overflow: hidden;
}
.main section.page2 .page_container {
    background: none repeat scroll 0 0 #fff;
    overflow: hidden;
}
.main section .page_container {
    height: 650px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}
element.style {
    left: 0;
    position: absolute;
    top: 200%;
}

#carousel-demo-2:before {
    border-top: 4px solid #e93533;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 28px;
    height: 60px;
    line-height: 60px;
}
#carousel-demo-2 {
    height: 650px;
    margin: 0 auto;
    position: relative;
    width: 990px;
}
#carousel-demo-2 .ui-switchable-prev-btn, #carousel-demo-2 .ui-switchable-next-btn {
    color: #666;
    cursor: pointer;
    height: 50px;
    position: absolute;
    top: 267px;
    width: 52px;
    z-index: 99;
}
#carousel-demo-2 .ui-switchable-prev-btn {
    background: url("../images/hw_right.png") no-repeat scroll 0 0 transparent;
    left: 0;
}
#carousel-demo-2 .ui-switchable-next-btn {
    background: url("../images/hw_left.png") no-repeat scroll 0 0 transparent;
    right: 0;
}
#carousel-demo-2 .ui-switchable-prev-btn:hover, #carousel-demo-2 .ui-switchable-next-btn:hover {
    animation: 0.75s ease-in-out 0s alternate none infinite running pulse;
}
#carousel-demo-2 .ui-switchable-prev-btn {
 
    left: 0;
}
#carousel-demo-2 .ui-switchable-next-btn {
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    right: 0;
}
#carousel-demo-2 .ui-switchable-disabled-btn {
    color: #ddd;
    cursor: default;
}
#carousel-demo-2 .scroller {
    height: 250px;
    left: 99px;
    overflow: hidden;
    position: absolute;
    top: 212px;
    width: 400px;
}
#carousel-demo-2 .scroller .ui-switchable-content {
    height: 250px;
    margin: 0;
    padding: 0;
}
#carousel-demo-2 .scroller .ui-switchable-content .ui-switchable-panel {
    display: block;
    float: left;
    height: 250px;
    width: 400px;
}
#carousel-demo-2 .scroller .ui-switchable-content .ui-switchable-panel dt, #carousel-demo-2 .scroller .ui-switchable-content .ui-switchable-panel dd {
    color: #fff;
    text-align: left;
}
#carousel-demo-2 .scroller .ui-switchable-content .ui-switchable-panel dl {
    margin-top: 32px;
}
#carousel-demo-2 .scroller .ui-switchable-content .ui-switchable-panel dt {
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    list-style-type: decimal;
}
#carousel-demo-2 .scroller .ui-switchable-content .ui-switchable-panel dt:before {
    content: "·";
    padding-right: 5px;
}
#carousel-demo-2 .scroller .ui-switchable-content .ui-switchable-panel dd {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
}
#carousel-demo-2 .ui-switchable-nav {
    font-size: 16px;
    height: 42px;
    left: 99px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 170px;
    z-index: 99;
}
#carousel-demo-2 .ui-switchable-nav .ui-switchable-trigger {
    cursor: pointer;
    float: left;
    height: 36px;
    line-height: 36px;
    list-style: outside none none;
    text-align: center;
}
#carousel-demo-2 .ui-switchable-nav .ui-switchable-trigger:after {
    border-bottom: 2px solid #fff;
    content: "";
    display: block;
    float: left;
    height: 36px;
    opacity: 0.6;
    width: 20px;
}
#carousel-demo-2 .ui-switchable-nav .last-child:after, #carousel-demo-2 .ui-switchable-nav .ui-switchable-trigger:last-child:after {
    display: none;
    width: 0;
}
#carousel-demo-2 .ui-switchable-nav .ui-switchable-trigger span {
    background: url("../images/hard_dosf.png") no-repeat scroll 0 0 transparent;
    border-bottom: 2px solid #fff;
    color: #fff;
    display: block;
    float: left;
    opacity: 0.6;
    padding-left: 30px;
    transition: all 500ms ease 0s;
}
#carousel-demo-2 .ui-switchable-nav .ui-switchable-active span {
    color: #fff;
    opacity: 1;
}
#carousel-demo-2 .ui-switchable-nav li .waimai {
    background-position: 0 0;
}
#carousel-demo-2 .ui-switchable-nav li .canyin {
    background-position: 0 -65px;
}
#carousel-demo-2 .ui-switchable-nav li .shangmen {
    background-position: 0 -133px;
}
#carousel-demo-2 .ui-switchable-nav li .kuaidi {
    background-position: 0 -200px;
}
.downloadcontent-title {
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    height: 46px;
    line-height: 46px;
    padding-left: 20px;
    text-align: left;
}
.downloadcontent-container {
    padding: 50px 0 0 55px;
}
.mapp-qrcode-container {
    border-right: 1px solid #d9d9d9;
    float: left;
    height: 153px;
    text-align: left;
    width: 166px;
}
.main section.page3 .page_container {
	background: url("../images/hardware.jpg") top center no-repeat #d56700;
	-webkit-transition: all .5s cubic-bezier(0.86,0,0.07,1);
	-moz-transition: all .5s cubic-bezier(0.86,0,0.07,1);
	-o-transition: all .5s cubic-bezier(0.86,0,0.07,1);
	-ms-transition: all .5s cubic-bezier(0.86,0,0.07,1);
	transition: all .5s cubic-bezier(0.86,0,0.07,1);
}
.main section.page3 .bg0 {
background: url("../images/hardware.jpg") top center no-repeat #d56700;
}
.main section.page3 .bg1 {
background: url("../images/hardware2.jpg") top center no-repeat #8e2a12;
}
.main section.page3 .bg2 {
background: url("../images/hardware3.jpg") top center no-repeat #b7c256 !important;
}
.main section.page3 .bg3 {
background: url("../images/hardware4.jpg") top center no-repeat #537d8c;
}