﻿.banner{
    width:100%;
    min-width:1200px;
    height:450px;
    overflow:hidden;
}
.slider {
    width: 100%;
    height: 450px;
    background-color: #eee;
}
.slider section.first {display: block;}

.slider-sections {
    position: relative;
    width: 100%;
}

.slider-sections section {
    display: none;
    width: 100%;
    height: 450px;
}

.sectionDiv {
    width: 1200px;
    height: 450px;
    margin: 0 auto;
    position: relative;
}

.button {
    float: left;
    width: auto !important;
    list-style: none;
}

    .button a,
    .button button,
    .button input {
        height:52px;
        font-size: 24px;
        line-height: 52px;
        color: #fff !important;
        text-decoration: none;
        padding: 0px 25px;
        display: block;
        width: auto;
        position: relative;
        z-index: 2;
        border: none;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
        box-shadow:0px 0px 3px #ccc;
        background: url(/Contents/images/index/yuanjiao.png);
        /*background: #55adf6;
        background: -moz-linear-gradient(left, #55adf6 0%, #5e7aeb 100%); 
        background: -webkit-linear-gradient(left, #55adf6 0%,#5e7aeb 100%); 
        background: -o-linear-gradient(left, #55adf6 0%,#5e7aeb 100%); 
        background: -ms-linear-gradient(left, #55adf6 0%,#5e7aeb 100%); 
        background: linear-gradient(left, #55adf6 0%,#5e7aeb 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55adf6', endColorstr='#5e7aeb',GradientType=1 );*/ 
        /*-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all  0.3s ease;*/
}
header .header-content .button a,
#content .button a:hover {
    text-decoration: none;
}


.slider-sections section img {
    position: absolute;
    left: 0px;
}

.slider-sections section h2 {
    font-size: 40px;
    color: #ffffff;
    font-weight: normal;
    position: absolute;
    top: 86px;
    left: 560px;
}

.slider-sections section .copy {
    position: absolute;
    top: 161px;
    width: 620px;
    left: 560px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    line-height: 25px;
}

.slider-sections section p.button {
    position: absolute;
    top: 280px;
    left: 560px;
}

.slider-nav {
    position: absolute;
    bottom: 5px;
    left: 50%;
    list-style: none;
    overflow: hidden;
    padding: 2px;
    z-index: 10;
    margin: 0;
}

.slider-nav ol, .slider-nav li {}
.slider-nav li{float:left;}
.slider-nav li a
{
   display:block;
   width:8px;
   height:8px;
   overflow:hidden;
   margin:5px;
   background: #fff;
   border-radius:5px;
   text-decoration:none;
   text-indent:-999px;
}
.slider-nav li a:hover{}
.slider-nav li a.selected{width:30px;}
