﻿
/* sp_layout */
.sp_layout{ width: 1200px; margin: 0 auto; clear: both; overflow: hidden; height: 100%; background: url('../images/shuimitao/bg1.jpg') repeat-y; }
.sp_layout .big{ height: 100%; overflow: hidden; margin-left: 97px; *margin-top: 13px; _margin-top: 3px; }
.sp_layout .big .title{ background: url('../images/shuimitao/bodyBg1.png') no-repeat 0px 0px; width: 992px; height: 10px; _margin-bottom: -5px; }
.sp_layout .big .foot{ background: url('../images/shuimitao/bodyBg1.png') no-repeat 0px -15px; width: 992px; height: 10px; }
.sp_layout .big .side{ background: url('../images/shuimitao/bodySideBg1.gif') repeat-y 0px 0px; width: 992px; height: 100%; overflow: hidden; padding: 20px 18px; }
.sp_layout .side .lf{ width: 686px; float: left; }
.sp_layout .side .lf .title{ width: 686px; height: 36px; background: url('../images/shuimitao/contBg1.png') no-repeat 0px 0px; }
.sp_layout .side .lf ul{ list-style: none; margin: 10px; height: 250px; }
.sp_layout .side .lf ul li{ list-style: none; float: left; width: 290px; height: 210px; margin-left: 25px; }
.sp_layout .side .lf ul li img{ width: 290px; height: 180px; }
.sp_layout .side .lf ul li p{ line-height: 20px; }
.sp_layout .side .lf ul li h3{ font-size: 13px; font-weight: bold; line-height: 16px; }
.sp_layout .side .lf ul li h3 span{ font-size: 12px; font-weight: normal; float: right; color: Red; padding-left: 10px; }

.sp_layout .side .rf{ width: 258px; float: left; margin-left: 12px; }
.sp_layout .side .rf .title{ width: 258px; height: 36px; background: url('../images/shuimitao/contBg1.png') no-repeat 0px -47px; }
.sp_layout .side .rf .cont1{ margin: 10px 0px 0px 0px; float: left; width: 258px; height: 80px; }
.sp_layout .side .rf .cont1 .img{ float: left; width: 64px; height: 69px; border: solid 1px #b1d925; text-align: center; padding-top: 2px; }
.sp_layout .side .rf .cont1 .img img{ width: 60px; height: 65px; }
.sp_layout .side .rf .cont1 .txt{ margin-left: 10px; float: left; width: 178px; }
.sp_layout .side .rf .cont1 .txt p{ line-height: 16px; }

.sp_layout .side .product{ clear: both; height: 100%; margin-bottom: 20px; overflow: hidden; }
.sp_layout .product .title.first{ background: url('../images/shuimitao/contBg1.png') no-repeat 0px -94px; height: 39px; width: 956px; padding-left: 213px; }
.sp_layout .product .title.second{ background: url('../images/shuimitao/contBg1.png') no-repeat 0px -145px; height: 39px; width: 956px; padding-left: 213px; }
.sp_layout .product .title .tab{ width: 93px; height: 34px; line-height: 34px; color: #000; float: left; margin-top: 1px; text-align: center; }
.sp_layout .product .title .tab.active{ background: url('../images/shuimitao/contBg1.png') no-repeat -741px 0px; color: #fff; font-weight: bold; }
.sp_layout .product .cont1{ clear: both; margin-left: 4px; padding-top: 5px; _padding-top: 12px; }
.sp_layout .product .cont1 .lst{ width: 119px; height: 190px; float: left; margin-right: 19px; }
.sp_layout .product .cont1 .lst img{ width: 115px; height: 106px; padding: 2px; border: solid 1px #ccc; }
.sp_layout .product .cont1 .lst p{ line-height: 16px; }
.sp_layout .product .cont1 .lst h3{ font-size: 12px; font-weight: bold; line-height: 16px; height: 32px; margin-top: 4px; margin-bottom: 4px; }

/* sp_toper */
.sp_toper{ width: 1080px; height: 394px; margin: 0 auto; clear: both; background: url('../images/shuimitao/topBg1.png') no-repeat 3.1em 5.5em; *background: url('../images/shuimitao/topBg1.png') no-repeat 3.1em 6.5em; _background: url('../images/shuimitao/topBg1.png') no-repeat 40.1em 70em; }
.sp_toper .logoArea{ margin-left: 40px; margin-top: 25px; *margin-top: 15px; height: 70px; }
.sp_toper .logoArea span{ font-size: 19px; font-weight: bold; }
.sp_toper .menuArea{ height: 49px; margin-top: 268px; *margin-top: 265px; margin-left: 35px; background: url('../images/shuimitao/topMenuBg1.png') no-repeat 0px 0px; padding-left: 30px; padding-top: 7px; }
.sp_toper .menuArea a{ width: 111px; height: 34px; line-height: 34px; color: #fff; float: left; margin-top: 2px; text-align: center; text-decoration: none; font-family: "微软雅黑", "宋体"; font-weight: bold; font-size: 16px; }
.sp_toper .menuArea a.active{ background: url('../images/shuimitao/mActive.png') no-repeat; }
.sp_toper .menuArea a:hover{ text-decoration: none; background: url('../images/shuimitao/mActive.png') no-repeat; }

/* sp_footer */
.sp_footer{ margin: 10px auto; clear: both; background: url('../images/shuimitao/footBg1.png') no-repeat left bottom; width: 1051px; height: 193px; }
.sp_footer .help{ padding: 20px 140px 10px 130px; text-align: center; }
.sp_footer .address{ padding: 5px 140px 5px 130px; text-align: center; }
.sp_footer .copyright{ padding: 5px 140px 10px 130px; text-align: center; }
.sp_footer a{ padding: 0px 6px; }


hr{ display: block; height: 1px; border: none; border-top: 1px dotted #ccc; float: left; margin-bottom: 3px; *margin-top: 2px; *margin-bottom: -12px; clear: both; width: 99%; } 
