html,body{height:100%}
body{background-color:rgb(255,255,255);color:rgb(51,51,51);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:14px;line-height:1.42857;margin:0px;font-weight:600}
section{display:block}
img{border:0px none;max-width:100%;height:auto;vertical-align:middle}

a{background:transparent none repeat scroll 0% 0%;border:medium none;text-decoration:none;cursor:pointer;overflow-wrap:break-word;transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-delay:0s;transition-property:background-color,color}
a {color:rgb(66,139,202);text-decoration:none}
a:hover, a:focus { color:#00aeff}
a:focus { outline: thin dotted; outline-offset: -2px}

h2,h3{font-family:inherit;font-weight:500;line-height:1;color:inherit;margin-top:20px;margin-bottom:10px;font-size:2em}
h3{font-size:1.5em;line-height:1.5em}
.text-center{text-align:center}

.con{width:90%;max-width:1570px}

.col-lg-10{position:relative;min-height:1px;padding-right:15px;padding-left:15px}

@media (min-width:1200px){.col-lg-10{ float: left;width:83.3333%}}


#top{background-position:center 0%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;display:table;width:100%;height:100%;min-height:100%;overflow:hidden;vertical-align:middle;z-index:1}
.top{display:block;position:absolute;left:0px;right:0px;z-index:9999;margin:20px auto}
.tl,.tr{float:left;display:inline-block;margin:20px 0px}.tr {float:right}
.l a{font-weight:400;letter-spacing:2px;font-size:30px;color:rgb(255,255,255);text-transform:uppercase}
#txt{position:relative;display:table-cell;vertical-align:middle;z-index:2;text-align:center}
.txt { position: relative; color: rgb(255, 255, 255); z-index: 3; margin-left: auto; margin-right: auto; padding: 0px ! important; }
.b2,.b3{font-weight:400;margin:0px auto 40px}.b2{font-size:42px;line-height:44px}.b3{line-height:30px}
#mask{}
.margin-0-auto { margin: 0px auto; float: none ! important; }


a.bt{display:inline-block;background-color:rgb(221,53,52);color:rgb(255,255,255);text-align:center;cursor:pointer;position:relative;padding:5px 30px;line-height:33px;font-size:15px;font-weight:bold;border-radius:5px;box-shadow:0px -3px rgba(0,0,0,.2) inset; transition:none 0s ease 0s}
a.bt:hover{color:rgb(255,255,255);transition:all 0.1s ease-in-out 0s;box-shadow:0px -1px rgba(0,0,0,.2) inset;top:1px}
a.bt.medium-btn{padding:5px 20px 7px ! important;line-height:33px ! important;font-size:15px ! important;font-weight:bold ! important;margin:0px 0px 20px}
.bt{font-size:19px;font-weight:500;margin:0px 0px 20px;  letter-spacing: 0.02em;}
a.medium-btn{padding:5px 20px ! important;line-height:33px ! important;font-size:15px ! important;font-weight:bold ! important;margin:0px 0px 20px}
.l > .default{ display: block; }
#test{width:100%;height:400px;background:#fff;margin-top: 99px;}


@media only screen and (min-device-width:320px) and (max-device-width:1024px) {html {-moz-text-size-adjust:none}}

@media (max-width: 767px) {.b2,.b3{margin:0px auto 20px}.b2{font-size:32px}.b3{font-size:16px;line-height:22px}
.tl,.tr{float:none;display:block;margin:20px auto 0px;text-align:center}.tr{margin:20px 0px}
#txt .txt .banner-content{position:relative;top:80px}
    .top{margin:0px auto 20px}
}
@media (max-width:480px){.b2,.b3{margin:0px auto 20px}.b2{font-size:28px}.b3{font-size:14px;line-height:22px}.top{margin:0px auto 20px}.tl{margin:40px auto 0px}.tr{float:none;display:block;margin:20px 0px;text-align:center}#txt .txt .banner-content{position:relative;top:80px}}
@media (max-width: 360px) {.b2,.b3{margin:0px auto 20px}.b2{font-size:28px}.b3{font-size:12px}#txt .txt .banner-content{position:relative;top:60px}}
@media (max-width: 319px) {.b2,.b3{margin:0px auto 10px}.b2{font-size:24px}.b3{font-size:13px}#txt .txt .banner-content{position:relative;top:70px}.tr{margin:15px 0px 0px}a.bt{padding:3px 20px 5px;font-size:12px}}


#sl,ul{height:248px}
#sl{margin:auto;overflow:hidden;/*padding:20px;*/margin-top:0px;position:relative;width:600px}
#sl li{float:left;position:relative;width:600px;display:inline-block;height:248px}
#sl ul{list-style:none;position:absolute;left:0px;top:0px;width:3000px;transition:left .3s linear;-moz-transition:left .3s linear;-o-transition:left .3s linear;-webkit-transition:left .3s linear;margin-left:-33px;font-family:century gothic;color:#fff}

.sl{margin:0 auto;padding:0;width:550px;min-height:180px}
.sl h4{color:#fff;font-size:2.2em;font-weight:700;text-shadow:-1px 0px 0px rgba(0,0,0,.6); letter-spacing: 0.02em;}
.sl p{font-size:1.5em;margin:10px 25px;line-height:150%;text-align:center;font-weight:500;color:#fff}


#sl{margin:0 auto auto;overflow:hidden;position:relative;width:800px}
#sl,ul{height:270px}
#sl li{display:inline-block;float:left;height:248px;position:relative;width:800px}
.sl{margin:0 auto;min-height:180px;padding:0;width:750px}

@-webkit-keyframes slide-animation {0%{opacity:1}2.5%{opacity:1}47.5%{left:0px;opacity:1}50%{opacity:0.5}52.5%{left:-800px;opacity:1}95%{left:-800px;opacity:1}97.5%{left:-800px;opacity:0}100%{left:0px;opacity:0}}
@-webkit-keyframes slide-test {0%{opacity:1}2.5%{opacity:1}47.5%{top:0px;opacity:1}50%{opacity:0.5}52.5%{top:-200px;opacity:1}95%{top:-200px;opacity:1}97.5%{top:-200px;opacity:0}100%{top:0px;opacity:0}}

@media screen and (min-width:600px) and (max-width:884px){.sl{margin:0 auto;padding:0;width:600px;min-height:180px}#sl{margin:auto;padding:20px 0;margin-top:0px;width:600px}#sl li{width:600px;height:300px}.sl h4{color:#fff;font-size:1.8em}
@-webkit-keyframes slide-animation {0%{opacity:1}2.5%{opacity:1}47.5%{left:0px;opacity:1}50%{opacity:0.5}52.5%{left:-600px;opacity:1;color:#F69}95%{left:-600px;opacity:1}97.5%{left:-600px;opacity:0}100%{left:0px;opacity:0}}	
}
@media screen and (min-width:480px) and (max-width:599px){.sl{margin:0 auto;padding:0;width:460px;min-height:180px}#sl{margin:auto;padding:20px 0;margin-top:0px;width:480px}#sl li{width:460px;height:300px}.sl h4{color:#fff;font-size:1.8em}
@-webkit-keyframes slide-animation {0%{opacity:1}2.5%{opacity:1}47.5%{left:0px;opacity:1}50%{opacity:0.5}52.5%{left:-460px;opacity:1;color:#F69}95%{left:-460px;opacity:1}97.5%{left:-460px;opacity:0}100%{left:0px;opacity:0}}	
}
@media (max-width: 479px) {.sl{margin:0 auto;padding:0;width:300px;min-height:180px}#sl{margin:auto;padding:20px 0;margin-top:0px;width:320px}#sl li{width:300px;height:300px}.sl h4{color:#fff;font-size:1.6em}
@-webkit-keyframes slide-animation {0%{opacity:1}2.5%{opacity:1}47.5%{left:0px;opacity:1}50%{opacity:0.5}52.5%{left:-300px;opacity:1;color:#F69}95%{left:-300px;opacity:1}97.5%{left:-300px;opacity:0}100%{left:0px;opacity:0}}	
}#sl ul{-webkit-animation:slide-animation 15s infinite;text-transform:none}#slider ul:hover{-moz-animation-play-state:paused;-webkit-animation-play-state:paused}.l{text-align:center;margin:5% 0}