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

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form { margin: 0px; padding: 0px; }
html { height: 100%; font-size: 62.5%; }
body { font: normal 16px 'Ubuntu', sans-serif; color: #454545; background: #fff; min-width: 1000px; position: relative; }
img { border: none; }
a { cursor: pointer; text-decoration: underline; color: #454545; }
a:hover { text-decoration: none; }
p { margin-bottom: 15px; }
p small { font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font: normal 18px 'Ubuntu', sans-serif; color:  #454545; padding-bottom: 1em; }
h1 { font-size: 28px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }
input[type='submit'], input[type='button'] { cursor: pointer; }
ul, ol { padding-left: 30px; }
ul li { list-style: disc outside; }
.set { height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; }
.fl { float: left; }
.fr { float: right; }
.rel { position: relative; }


.slide_1, .slide_2, .slide_3, .slide_4, .slide_5, #footer {min-width: 1000px; overflow: hidden; position: relative; padding: 48px 0 31px;}
    .logo {margin-bottom: 25px;}
        .logo a {display: block; width: 355px; height: 73px; background: url(../img/sprite.png) no-repeat; margin: 0 auto;}
    .title {padding-bottom: 37px; text-align: center;}

    .slider {overflow: hidden; background: url(../img/shadow_1.png) 50% 274px no-repeat; position: relative; height: 642px; margin-bottom: -76px;}
    #slider {width: 1000px; height: 512px; padding: 0; margin: 0; position: absolute;}
        .anythingSlider {position: relative; margin: 0 auto; padding-top: 30px;}
            .anythingSlider .anythingWindow {height: 100%; overflow: hidden; position: relative;  width: 100%; }
        #slider li {display: block; float: left; overflow: hidden; list-style: none; margin: 0; padding: 0; width: 866px; text-align: center;}
        .anythingControls {position: absolute; top: 0px; left: 0; width: 100%;}
            .start-stop {display: none !important;}
            .thumbNav {text-align: center; padding: 0; margin: 0;}
                .thumbNav li {list-style: none; display: inline; padding: 0 3px;}
                    .thumbNav li a {display: inline-block; width: 10px; height: 10px; background: url(../img/sprite.png) -356px 0 no-repeat; *display: inline; zoom: 1;}
                    .thumbNav li a.cur {background-position: -368px 0;}
                    .thumbNav li a span {display: none;}

            .anythingSlider .arrow  {display: none !important;}

     .t {width: 662px; margin: 0 auto; text-align: justify; font-size: 22px; line-height: 27px;}
        .t p {margin-bottom: 25px;}
        .count {text-align: center;}

.slide_2, .slide_3, .slide_4, .slide_5, #footer {background: #f7f7f7 url(../img/shadow_2.png) 50% 0 no-repeat;}
.slide_2 {padding: 56px 0 29px;}
    .slide_2_wr {width: 774px; margin: 0 auto;}
    .t2 {font-size: 22px; line-height: 27px; line-height: 27px; text-align: justify; margin-bottom: 53px;}

    .screen_1 { zoom: 1;}
        .screen_1:after, .screen_3:after {content: ''; height: 0; clear: both; float: none;}
        .screen_1-img {float: left; width: 568px; margin: 0 -90px -13px;}
        .screen_1-text {float: right; width: 342px; padding-top: 35px; padding-right: 5px; text-align: justify;}
        .but {width: 344px; margin: 24px -1px 15px;}
        .but a {width: 344px; height: 65px; display: block; text-indent: -99in; overflow: hidden; background: url(../img/sprite.png) 0 -199px no-repeat;}
        .but a:hover {background-position: 0 -264px;}
        .but a:active {background-position: 0 -329px;}
        .more {text-align: center;}

.slide_3 {background-color: #efefef; padding: 56px 0 22px;}
        .logo2 {width: 337px; height: 37px; margin: -4px 0 6px 9px; background: url(../img/sprite.png) 0 -395px no-repeat;}
        .t3 {text-align: right; font-size: 24px; margin-bottom: 38px;}
        .slide_3 .t2 {margin-bottom: 32px;}
        
        
.slide_4 {background-color: #e3e3e3; padding: 48px 0 56px;}
    .t4, .t5 {position: relative; width: 494px; padding-left: 94px; padding-right: 30px; margin: 0 auto 18px; padding-top: 2px; font-size: 22px; font-weight: bold; text-align: justify;}
        .t4:after, .t5:after {content: ''; display: inline-block; width: 100%; height: 0; font-size: 0; line-height: 0;}
    .bg_1, .bg_2 {position: absolute; display: block; width: 74px; height: 74px; left: 0; top: 0; background: url(../img/sprite.png) -356px -20px no-repeat; }
    .but2 {display: inline-block; width: 111px; height: 43px; background: url(../img/sprite.png) -337px -98px no-repeat; overflow: hidden; position: relative; text-indent: -99in; padding: 0; margin: 0; border: none; *display: inline; zoom: 1; vertical-align: middle;}

    .screen_2 {text-align: center; position: relative;}
        .soon {position: absolute; width: 94px; height: 93px; left: 50%; top: -32px; background: url(../img/sprite.png) -354px -156px no-repeat; margin-left: 130px;}
        .cach_back {position: relative; margin: -29px auto 0; text-indent: -99in; overflow: hidden; background: url(../img/sprite.png) 0 -438px no-repeat; width: 296px; height: 45px;}


.slide_5 {background-color: #dadada; padding: 48px 0 40px;}
    .t5 {width: 616px; margin-left: 0; margin-bottom: 27px; padding-top: 10px;}
    .bg_2 {background-position: -354px -259px;}

    .screen_3 { zoom: 1;}
        .screen_3-img {float: left; width: 495px; position: relative; margin-bottom: -34px;}
        .screen_3-img img {margin-left: -68px;}
        .screen_3-img  .soon {left: auto; margin: 0; right: 10px; top: -27px;}

        .screen_3-text {float: right; width: 277px;}
            .screen_3-text ul {padding: 0; margin: 79px 0 20px;}
            .screen_3-text ul li {list-style: none; padding: 0 0 19px 13px; background: url(../img/sprite.png) -329px -446px no-repeat;}

        .screen_3 > p {float: none; clear: both; padding-left: 21px;}



#footer { background-color: #373737; text-align: center; padding: 23px 0 35px;  color: #fff; font-size: 12px;}
    #footer a {color: #fff; text-decoration: none;}
    #footer a:hover {text-decoration: underline;}
    .soc {width: 312px; margin: 0 auto 12px;}
    .m1 {}
        .m1 ul {display: inline-block; *display: inline; zoom: 1; padding: 0; margin: 0;}
        .m1 ul li {display: inline; list-style: none; padding: 0 17px 0 0;}
        .copy {display: inline-block; *display: inline; zoom: 1; border-left: solid 1px #fff; padding-left: 17px; line-height: 10px;}



.but_3 {position: fixed; right: 40px; top: 0; width: 334px; height: 42px;}
    .but_3 a {display: block; float: left; height: 42px; overflow: hidden; text-indent: -99in; width: 147px; background: url(../img/sprite.png) -187px -73px no-repeat;}
    .but_3 a:first-child {width: 187px; background-position: 0 -73px;}
    .but_3 a:hover {background-position: -187px -115px; }
    .but_3 a:active {background-position: -187px -157px; }
    .but_3 a:first-child:hover {background-position: 0 -115px; }
    .but_3 a:first-child:active {background-position: 0 -157px; }