﻿

/*css sprite*/
.logo { background: url(../images/logo.jpg) no-repeat; }
.list .pic { background: url(../images/t01de190d34acba3ee1.jpg) no-repeat; }
.btn, .t-2, .tlist-1 li, .tlist-2 li, .tlist-3 li, .list h3 .new, .nav .hot, .nav .new, .list h3 .hot { background: url(img/s_1.png) no-repeat; }



.btn { border: none; cursor: pointer; display: inline-block; text-align: center; }
.btna, .t-2, .tlist-1 li, .tlist-2 li, .tlist-3 li, .list h3 .new, .nav .hot, .nav .new, .list h3 .hot { background: url(img/s_2.png) no-repeat; }



.btna { border: none; cursor: pointer; display: inline-block; text-align: center; }
.btn-1 { width: 51px; height: 23px; line-height: 23px; background-position: 0 -111px; color: #20a135; text-align: left; padding-left: 10px; }
.btn-1:hover { background-position: -62px -111px; color: #d56726; }
.btn-2 { width: 45px; height: 23px; line-height: 23px; background-position: -124px -111px; color: #20a135; }
.btn-2:hover { background-position: -170px -111px; color: #d56726; }
.btn-2:hover { background-position: -170px -111px; color: #d56726; }
.btn-3 { width: 168px; height: 48px; background-position: 0 -38px; }
.btn-3:hover { background-position: -169px -38px; }
.btn-4 { width: 169px; height: 48px; background-position: 0 -168px; }
.btn-4:hover { background-position: -169px -168px; }
.btn-5 { width: 169px; height: 48px; background-position: 0 -216px; }
.btn-5:hover { background-position: -169px -216px; }
.btn-6 { width: 169px; height: 48px; background-position: 0 -264px; }
.btn-6:hover { background-position: -169px -264px; }

/*slides*/
.slides { height: 252px; background: url(img/slides.png) repeat-x; margin-bottom: 10px; position: relative; overflow: hidden; }
.slides .in { width: 960px; height: 252px; margin: 0 auto; position: relative; z-index: 99; }
.slides .slide { width: 960px; height: 252px;color:#666666; position: relative; float: left; display: inline-block; float: none\0; +float:left;
}
:root .slides .slide { float: none\0/; }
@media all and (min-width:0px) {
.slides .slide { float: left\0; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.slides .slide { float: none; }
}
.slides .slide h1 { height: 0; line-height: 100px; overflow: hidden; }
.slides .slide h2 { font: normal 15px "宋体"; position: absolute; }
.slides .slide .btn { position: absolute; }
.slides .slide .btna { position: absolute; }
.slides .slide .info { color:#666666; position: absolute; line-height: 22px; }
.slides .slide .icon, .slides .slide .tit, .slides .slide .link { position: absolute; }
.slides .slide-1 { background: url(img/slide_1.jpg) no-repeat; }
.slides .slide-1 h2 { left: 461px; top: 88px; }
.slides .slide-1 .btn-3 { left: 461px; top: 126px; }
.slides .slide-1 .info { left: 639px; top: 123px; }
.slides .slide-1 .icon { width: 286px; height: 174px; left: 69px; top: 26px; }
.slides .slide-1 .tit { width: 254px; height: 48px; left: 461px; top: 36px; }
.slides .slide-1 .link { left: 461px; top: 181px; }
.slides .slide-1 .link a { color: #fff; }
.slides .slide-1 .link a:hover { color: #FFE500; text-decoration: underline; }
.slides .slide-2 { background: url(img/slide_2.jpg) no-repeat; }
.slides .slide-2 h2 { left: 443px; top: 86px; }
.slides .slide-2 .btn-3 { left: 443px; top: 126px; }
.slides .slide-2 .info { left: 621px; top: 123px; }
.slides .slide-2 .icon { width: 152px; height: 169px; left: 148px; top: 19px; }
.slides .slide-2 .tit { width: 164px; height: 48px; left: 420px; top: 36px; }
.slides .slide-3 { background: url(img/slide_3.jpg) no-repeat; }
.slides .slide-3 h2 { left: 481px; top: 86px; }
.slides .slide-3 .btn-3 { left: 481px; top: 126px; }
.slides .slide-3 .info { left: 659px; top: 123px; }
.slides .slide-3 .icon { width: 286px; height: 174px; left: 95px; top: 19px; }
.slides .slide-3 .tit { width: 254px; height: 48px; left: 461px; top: 36px; }
.slides .slide-3 .link { left: 481px; top: 181px; }
.slides .slide-3 .link a { color: #fff; }
.slides .slide-3 .link a:hover { color: #FFE500; text-decoration: underline; }
.slides .slide-4 { background: url(img/slide_4.jpg) no-repeat; }
.slides .slide-4 h2 { left: 399px; top: 77px; }
.slides .slide-4 .btn-3 { left: 397px; top: 135px; }
.slides .slide-4 .btn-4 { left: 581px; top: 135px; }
.slides .slide-4 .btn-5 { left: 763px; top: 135px; }
.slides .slide-4 .info { left: 399px; top: 100px; }
.slides .slide-4 .icon { width: 190px; height: 174px; left: 110px; top: 20px; }
.slides .slide-4 .tit { width: 289px; height: 48px; left: 398px; top: 26px; }
.slides .slide-5 { background: url(img/slide_5.jpg) no-repeat; }
.slides .slide-5 h2 { left: 443px; top: 78px; }
.slides .slide-5 .btn-3 { left: 443px; top: 135px; }
.slides .slide-5 .btn-6 { left: 624px; top: 135px; }
.slides .slide-5 .info { left: 443px; top: 100px; }
.slides .slide-5 .icon { width: 190px; height: 157px; left: 126px; top: 26px; }
.slides .slide-5 .tit { width: 254px; height: 48px; left: 437px; top: 26px; }
.slides .tab { height: 41px; position: absolute; left: 0; bottom: 0; z-index: 99; font: 15px/41px "宋体"; }
.slides .tab li { float: left; }
.slides .tab a { height: 41px; float: left; color: #fff; border-left: 1px solid #CCCCCC; text-align: center; }
.slides .tab a:hover { color: #E0F2D8; }
.slides .tab .item-1 { width: 90px; }
.slides .tab .item-2 { width: 90px; }
.slides .tab .item-3 { width: 90px; }
.slides .tab .item-4 { width: 191px; }
.slides .tab .item-5 { width: 171px; border-right: 1px solid #80dd4c; }
.slides .tab .selected { background: url(img/tab_cur.png) repeat-x; text-shadow: 0px 0px 1px #afdd99; }
.slides .tab .selected a { color:#FFFFFF; }
.slides .mask { width: 100%; height: 41px; background: #48b701; position: absolute; left: 0; bottom: 0; z-index: 9; filter: alpha(opacity = 70); opacity: 0.7; }
