@charset "utf-8";
/* CSS Document */
/**::selection{background:red;}*/
/*behavior: url(../js/PIE.htc);*/
.hover{transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
.hover,.hover:hover,.hover:visited,.hover:active,.hover:link{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
from, div, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table, a, p, form,em ,i{ margin: 0; padding: 0; border: 0; font-weight: normal; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form,em,i { list-style-type: none; font-style:normal; }
body { margin: 0 auto; padding: 0; font: normal 12px/20px "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial;color: #666; word-break: break-all; text-align: justify; background:#f2f2f2; width: 100%; }
img, li { vertical-align: top; }
.img { display: block; }
.clear { clear: both; width: 0; height: 0; border: 0; margin: 0; padding: 0; visibility: hidden; font-size: 0; line-height: 0; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
*:focus {outline: none;}
a { text-decoration: none; color:#424242;}
a:hover { color: #e7161a; text-decoration:underline;}
.fl{float:left;}
.fr{float:right;}
.pd25{ padding:0 25px 25px;}
.pd25-two{ padding:25px;}
.wrap{width:1022px; margin:0 auto; /* position:relative; */ }
img{max-width:100%;}
.textindent{ text-indent:0 !important;}
.border-none{border:none !important;}
.text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page-header{ height:45px;}
.topWrap{ background:#333; width:100%; height:44px; line-height:44px; border-bottom:1px solid #fff;  position:fixed; left:0; top:0; z-index:999999999999;}
.logo{ background:url(images/logo.gif) no-repeat; width:27px; height:44px; margin-right:60px;}
.nav{ width:714px;}
.nav li{float:left; padding:0 40px 0 0;}
.nav li a{font-size:14px; color:#fff;}
.topSearch{ width:15px; height:15px; background:url(images/top_1.gif) no-repeat; margin:15px 0 0 75px;}
.topR{ padding:11px 0 0 0;}
.topR li{float:left; margin-left:8px; position:relative;}
.topR .QR,.topR .QR img{ width:200px; height:200px;}
.topR .QR{ position:absolute; right:0; top: 33px; display:none;}
.topR li:hover .QR{display:block;}
.FocusScrool {width:1240px;height: 668px;position: relative;margin: 0 auto 0px;overflow:hidden;background:url(images/gupiao.png) repeat-x 0 bottom;/* background:url(images/shadow.gif) no-repeat center bottom;*/}
.FocusScrool .pic {/* position: relative; */z-index: 0; width:100% !important; margin-bottom:40px;}
.FocusScrool .pic li{width:100% !important; height:668px; /*background-size:100% 100% !important;*/}
.FocusScrool .pic img,.FocusScrool .pic a { width: 100%; height: 668px; display: block; text-indent:-999999px;}
.FocusScrool .hd {width:100%;position: absolute;top: 620px;height:33px;/* background:url(images/png2.png);*/text-align: center;/*text-indent: 63px; */font-size: 0;z-index: 1;}
.FocusScrool .hd li {margin:18px 5px 0;width: 14px;height: 14px;overflow: hidden;/*background:url(images/icoCircle.png) no-repeat 0 0;*/cursor: pointer;display: inline-block; *display:inline;background: #000;border-radius:0;zoom: 1;border-radius:50%;}
.FocusScrool .hd .on {background: #FFFFFF;}
.FocusScrool .prev, .FocusScrool .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=20); opacity: 0.2; }
.FocusScrool .prev { left: 0; }
.FocusScrool .next { background-position: 0 -90px; right: 0; }
.FocusScrool .prev:hover, .FocusScrool .next:hover { filter: alpha(opacity=50) !important; opacity: 0.5 !important; }
.FocusScrool .wrap{height:0; line-height:0; position:relative;}

.page-footer{ border-top:2px solid #fff; padding:20px 0 0; color:#515151; font-size:12px; margin-top:20px;}
.page-footer dl{ border-bottom:1px solid #e3e3e3; padding:0 0 10px;line-height:20px;}
.page-footer dd{ float:left; width:16%; padding:0 2%;}
.page-footer dd h2 a{ font-size:14px; color:#313131; line-height:30px;}
.page-footer dd li a{ font-size:12px;  color:#676767;}
.copy{ line-height:24px; padding:10px 0; text-align:center;}
.page-footer a{color:#515151;}


.mainL{ width:860px;}
.mainR{ width:340px;}
.mainT{ height:36px; line-height:36px; border-bottom:1px solid #ddd; line-height:36px;}
.mainT .t1{border-bottom: 1px solid #006994;color: #006994;font-size:16px;padding:0 10px 0 0;margin-right:10px;}
.mainT .t2{ color:#a69fa0;}
.mainT a.more{font-size:12px; color:#6d6d6d;}
.mainPicList{}
.mainPicList li{float:left;padding:15px;width: 254px;}
.mainPicList li img{ width:254px; height:169px;}
.mainPicList li a p{ height:30px; line-height:30px; color:#313131;}
.mainPicList li a:hover{text-decoration:none;}
.mainPicList li a:hover p{color:#e7161a; text-decoration:none;}
.mainNews{line-height:36px;}
.mainNews li a{ background:url(images/001.gif) no-repeat left center; padding:0 0 0 15px; display:block; height:36px;}
.mainNews li a:hover{ background:url(images/002.gif) no-repeat left center; color:#e7161a; text-decoration:none;}
.mainAbout{padding:10px 0 0 0;height: 250px;overflow: hidden;}
.mainAbout img{ padding:0 0 10px;}
.mainS-Top{ margin-top:15px;}
.mainS-Top li{border:1px solid #dcdddd;height:95px;overflow:hidden;padding: 0 10px 0 0; margin:0 0 15px 0;}
.mainS-Top h2{font-size:13px;color:#333333;line-height: 25px;font-weight: bold;margin-top: 5px;}
.mainS-Top p{ line-height:27px; height:54px; overflow:hidden; color:#666666;}
.mainS-Top img{width:113px;height:95px;float:left;margin-right: 10px;}
.scrool-01{ position:relative;}
.scrool-01 .prev,.scrool-01 .next{width:20px;height:20px;background:url(images/003.gif) no-repeat 0 0;position:absolute;top: 0;z-index:10;margin-top: -25px;cursor:pointer;}
.scrool-01 .prev{/* left:-30px; */right: 24px;}
.scrool-01 .next{background-position:right 0;right: -0px;}
.scrool-02{}
.scrool-02 li{width:270px; text-align:center;}
.scrool-02 li img{width:270px; height:270px;}

.page-container{ background:#fff; padding:20px 0 40px;}
.pageL{width: 200px;float:left;margin-left: 20px;}
.pageLt{ background:#ddd; line-height:40px; border-bottom:1px solid #fff; color:#6f6f6f; padding:0 0 0 30px;}
.pageLt span{ color:#e7161a; font-size:16px;}
.pageL ul{ /*padding:15px 0;*/}
.pageL li{/* padding:5px 0; */}
.pageL li a{font-size: 14px;line-height: 35px;color:#656565;padding: 0 0 0 15px;display:block;text-decoration:none;background: #ddd;margin-bottom: 15px;}
.pageL li.on a{background: #006994;color:#fff;}
.pageL_oth{ background:#f0f0f0; padding:10px; margin-top:20px;}
.pageL_oth .t{ font-size:14px; color:#3c6994; line-height:30px; border-bottom:1px dashed #3c6994;}
.pageL_oth .con{ font-size:12px; line-height:24px; color:#515151; padding:10px 0;}
.pageL_oth .mes,.pageL_oth .mes li{line-height:22px; vertical-align:top;}
.pageL_oth .mes li{height:22px;margin: 5px 0;}
.pageL_oth .mes span{float:left;}
.pageL_oth .mes a{padding:0 0 0 10px;float:left;margin: 0;background: none;}
.pageR{width: 760px;float:right;margin-right: 20px;}
.breadCrumb{ height:44px; line-height:44px; color:#666; font-size:12px; border-bottom:1px solid #cdcdcd;}
.breadCrumb p{ font-size:13px;}
.breadCrumb p a{ color:#666;}
.breadCrumb p a:hover{ text-decoration:underline;}
.breadCrumb span{ color:#146ea8; font-size:18px; height:43px; line-height:43px; border-bottom:2px solid #146ea8; float:left; background:url(images/pageIcon01.gif) no-repeat left center; padding:0 10px 0 35px; font-weight:bold;}
.ad{ height:500px; margin-bottom:10px;}
.Detail{ color:#535353; font-size:14px; line-height:26px; min-height:600px;/*padding: 20px 0 0 0;*/ margin:0 auto;}
.Detail img{margin:0 auto; display:block;}
.Detail p{ padding:0px 0 15px; /* text-indent:25px; */}
.DetailTab{}
.DetailTab .hd{ width:139px; float:left;}
.DetailTab .hd li{ width:132px; height:35px; text-align:center; background:#ddd; color:#000; font-size:14px; line-height:35px; margin-bottom:13px; position:relative; cursor:pointer;}
.DetailTab .hd li em{ width:7px; height:13px; background:url(images/i6_07.png) no-repeat; position:absolute; right:-7px; top:11px; display:none;}
.DetailTab .hd li.on{ background:#006a94; color:#fff;}
.DetailTab .hd li.on em{ display:block;}
.DetailTab .hd a{ color:#000; display:block;}
.DetailTab .hd li.on a{ color:#fff;}
.DetailTab .hd span{display:block;}
.DetailTab .bd{ width:950px; min-height:300px; float:right;}


.pageRNav{ padding:0 0 10px;}
.pageRNav h2{ height:45px; line-height:45px; background:#175c95; color:#fff; padding:0 0 0 15px; font-size:16px; font-weight:bold; margin:0 0 5px;}
.pageRNav li{ height:34px; line-height:34px; border-bottom:1px solid #d6d6d6;}
.pageRNav li a{ display:block; height:34px; padding:0 0 0 15px; font-size:14px; color:#333; background:#ededed;}
.pageRNav li a:hover,.pageRNav li.on a{ background:#34acff; color:#fff; text-decoration:none;}
.pageRBox{background:#ededed; margin:0 0 10px 0;}
.pageRBoxT{ line-height:40px; height:40px; font-size:16px; color:#185d95; border-bottom:1px solid #d6d6d6; padding:0 0 0 15px;}
.pageRBoxC{ padding:15px;}
.pageRNews{}
.pageRNews li a{ display:block; height:25px; line-height:25px; color:#333; background:url(images/pageIcon02.gif) no-repeat left center; padding:0 0 0 10px;}
.pageRCon{ color:#333; line-height:18px;}

.pageTitle{ text-align:center; line-height:88px; font-size:36px; color:#434343; background:url(images/line.gif) no-repeat center bottom; margin-bottom:60px;}
.pageTab{ text-align:center; margin-bottom:60px;}
.pageTab li{ display:inline-block; *display:inline; *zoom:1;}
.pageTab li a{width:185px; height:42px; border:2px solid #b7b7b7; font-size:18px; line-height:42px; color:#b7b7b7; text-align:center; text-decoration:none !important; display:block;}
.pageTab li.on a,.pageTab li a:hover{ background:#c9151e; border-color:#c9151e; color:#fff;}

.about{}
.about-3{width:1012px;}
.about-4{ width:958px;}
.history{ background:url(images/i6_03.gif) repeat-y center 0; min-height:300px;}
.history .top{ background:url(images/i6_02.gif) no-repeat center 0; height:80px;}
.history .bottom{ background:url(images/i6_08.gif) no-repeat center bottom; height:80px;}
.history .box{width: 498px; /*position:relative;*//* margin-bottom: 20px; */padding: 10px 0;}
.history span{ width:103px; height:32px; background:url(images/i6.gif) no-repeat center 0; font-size:14px; text-align:center; color:#fff; display:block; position:absolute; top:0;}
.history .L .box{ /* margin-right:610px; */width: 488px;float: left;}
.history .R .box{ margin-left: 612px;}
.history .L span{ right: -113px;}
.history .R span{ left: -113px;}
.history em{ width:7px; height:13px; position:absolute; top:10px;}
.history .L em{ right:-7px; background:url(images/i6_04.png) no-repeat;}
.history .R em{ left:-7px; background:url(images/i6_06.png) no-repeat;}
.history .L.on em{background:url(images/i6_07.png) no-repeat;}
.history .R.on em{background:url(images/i6_05.png) no-repeat;}
.history li.on span{ background-position:0 bottom;}
.history p{ border-radius:4px; background:#ededed; padding:15px;font-size:13px; padding:15px; text-indent:0; color:#656565;}
.history li.on p{ background:#006a94; color:#fff;}
.history p{ position:relative;}
.history .L p{ float:right}
.history .R p{ float:left;}

.newsList{ overflow:hidden;}
.newsList li{ background: #fff; border-top:1px dotted #e2e2e2; margin-top:-1px;}
.newsList img{ width:230px; height:150px; float:left;}
.newsListR{ width:845px; float:right;}
.newsList a{ display:block; padding:15px;}
.newsList a span{ font-size: 18px; color: #9d9d9d;}
.newsList a em{ background:#1a5e96; display:block; float:left; color:#fff; padding:0 10px;}
.newsList a h2{ font-size: 13px; color:#000;}
.newsList a p{ font-size:12px; color:#585858; padding:0; line-height: 24px; height:96px; overflow:hidden;}
.newsList a:hover,.newsList a:hover span,.newsList a:hover h2,.newsList a:hover p{ color:#fff;}
.newsList a:hover{ background:#ca3826;}
.newsList a:hover em{display:none;}

.caseList{}
.caseList li{float:left; width:270px; padding: 0 5px 30px;}
.caseList li img{ height:192px; width:270px;}
.caseList a h2{ text-align:center; font-size:18px; color:#393939; line-height:30px;}
.caseList a p,.caseList a:hover p{ font-size:12px; line-height:22px; color:#666; text-decoration:none !important; text-align:left; padding:0; height:66px; overflow:hidden;}
.caseList a:hover{ text-decoration:none;}
.caseList a:hover h2{ text-decoration:underline;}


.mess{ width:500px;}
.mess dl{ padding:20px 0 0px;}
.mess dd{ /*width:523px; height:57px;*/ position:relative;}
.mess img{position:absolute; left:22px; top:22px;}
.mess .text{ width:426px; height:22px; background:#fafafa; border:1px solid #eaf0f3; padding:18px 20px 18px 51px;}
.mess .btn{  width:500px; color:#e50012; height:47px; margin:0 auto;display: block; background:#fff; cursor:pointer; border:2px solid #e50012; font-size:18px; line-height:47px;}

.contact{}

.newsDetailT{ text-align:center; border-bottom:1px solid #eee;  margin-bottom:25px; }
.newsDetailT h1{ font-size:18px; color:#000; line-height:24px; padding-bottom:10px;}
.newsDetailT p{ margin-bottom:20px;}
.contactBox{ width:460px; line-height:25px; color:#333; font-size:14px;}
.contactBox h1{ font-size:20px; line-height:24px;}
.contactBox h2{ font-size:17px; line-height:20px;}
.contactBox .line{ height:0; border-top:1px dotted #000; margin:10px 0;}
.hr{}
.hrList{ padding:25px 0 0 0;}
.hrList li{ width:500px; height:230px; background:#ebebeb; padding:15px; color:#333; line-height:21px; float:left; margin: 12px; overflow:hidden;}
.hrList li strong{ font-size:15px; color:#045c80; line-height:18px; padding:0 0 8px; margin-bottom:8px; border-bottom:1px dotted #004e7a; display:block;}
.produce{}
.produceBox{ width:570px; min-height:200px;}
.produceT{ height:55px; line-height:55px; color:#006994; font-weight:bold; border-bottom:1px solid #eee; margin-bottom:15px;}
.produceBox dd{float:left; width:50%;}

.produce-2{}
.produce-2 dl{ padding:15px 0;}
.produce-2 dd,.produce-2 dd img{ float:left; width:340px; height:215px;}
.produce-2 dd img{ float:none;}
.produce-2 dt{ width:740px; float:right;}
.produce-2 dt strong{ display:block; color:#006994; font-size:16px; line-height:40px; border-bottom:1px dashed #eee; margin-bottom:8px;}
.produce-2 dt p{ text-indent:0;}
.produce-2 ul{ font-size:14px; line-height:30px;}
.produce-2 ul li{width:527px; height:290px; padding:0 0 15px; background:#eee; border:1px solid #cfcfcf;    overflow: hidden; margin:13px; float:left;}
.produce-2 li .hd{ padding:0 15px; color:#fff; font-size:16px; line-height:50px; background:#006994;}
.produce-2 li .bd{ padding:15px 15px 0;}
.produce-2 li .bd p{ padding:0;}

.pages-2{}
.page-2Col{ background:#efefef; margin-top:30px;}
.page-2colCon{ padding:25px;}
.page-2colCon.mainR-rb p{ text-indent:0; padding: 10px 0 15px;}
.page-2colCon.mainR-rb .QQ a{ float:none; display:inline-block;*display:inline; *zoom:1; padding:5px 0; vertical-align: middle;}

.page-3T{}
.page-3T dd{width:400px; background:#e5f3f9; height:40px; line-height:40px; border:1px solid #9fb7c1; border-width:1px 0; font-size:15px;}
.page-3T dd span{padding:0 15px; font-size:15px; color:#006994; font-weight:bold;}

.page-3List{}
.page-3List li{width:400px; font-size:14px; line-height:40px; height:40px; border-bottom:1px solid #e1e1e1;s}
.page-3List li span{ float:right;}
.page-3List li a{ padding:0 15px; background:url(images/i6_09.png) no-repeat left center; display:block;}
.page-3List li a:hover{background:url(images/i6_07.png) no-repeat left center}
.page-3List li a span{font-size:12px; color:#666;}
.pages-3Detail{}
.pages-3DetailT{ font-size:20px; color:#000; line-height:46px; border-bottom:1px solid #d1cfcf; margin-bottom:15px;}
.pages-3DetailHd{ line-height:30px; font-size:12px; color:#666; padding:0 0 30px;}
.pages-3DetailHd strong{ font-size:15px; color:#333}
.pages-3DetailHd .t1{width:440px; float:left;}
.pages-3DetailHd .t2{width:120px; float:left;}
.pages-3DetailHd .pic{ width:540px;}
.pages-3Detail img{margin:0 auto; display:block;}
.pages-3DetailBd{ font-size:14px; color:#666; line-height:30px;}
.pages-3DetailBd strong{ font-size:15px; color:#333}
.pages-3DetailBd p{ padding:0 0 15px;}
.pages-3DetailBd table{ background:#c3c3c3; margin-bottom:30px;}
.pages-3DetailBd th{ background:#1f92c3; font-size:14px; color:#fff; line-height:22px; padding:9px 20px;}
.pages-3DetailBd td{ background:#fff;font-size:14px; line-height:22px; padding:9px 20px;}
.pages-3DetailBd img{ padding:0 0 15px;}
.pro{}
.proL{ width:200px;}
.proLNav{ padding:0 0 15px;}
.proLNav li{ line-height:35px;text-indent:20px;}
.proLNav li a{ background:#ddd; font-size:12px; color:#333; display:block; margin-bottom:15px;}
.proLNav h3 a{ display:block; background:#006994; font-size:15px; color:#fff; font-weight:bold; }
.proLCon{ background:#f0f0f0; padding:10px; min-height:200px; font-size:12px;}
.proLCon strong{ font-size:15px; color:#006994; border-bottom:1px dashed #006994; line-height:30px; margin-bottom:10px; display:block;}
.proLCon p{ padding:0 0 10px;}
.proLCon .QQ{ line-height:30px;}
.proLCon .QQ img{vertical-align: middle; padding:0 0 0 10px;}
.proR{ width:870px;}
.proRList{ line-height:30px;border-bottom:1px solid #006995;}
.proR .proRList:last-of-type{ border:none;}
.proRListT{ font-size:15px; line-height:40px; color:#006995; font-weight:bold; border-bottom:1px solid #006995; margin-bottom:10px;}
.proRListT a{font-size:15px; color:#006995; font-weight:bold}
.proRList dd{}
.proRList dd a{ font-size:14px; font-weight:bold; color:#000;}
.proRList dd a:hover{ text-decoration:underline;}
.proRList dl{ padding:0 0 40px;}
.proRList dt a{ font-size:14px; color:#666; width:20%; float:left;}
.proRList dt a:hover{ color:#000;}
.prorList2T{ font-size:16px; font-weight:bold; color:#00a0e9; line-height:30px; background:url(images/i10.gif) no-repeat left center; padding:0 0 0 25px;}
.prorList2Th{ background:#ccc; font-size:12px; font-weight:bold; color:#333; line-height:33px;}
.prorList2Th span{ padding:8px;}
.prorList2Th .t2{ width:100px;}
.prorList2Th .t3{ width:80px;}
.prorList2{ border:1px solid #ccc; border-top:none;}
.prorList2 p{ padding:0 15px; color:#000;}
.prorList2 .hd{ color:#034eb5; line-height:22px;}
.prorList2 .hd a{color:#034eb5;}
.prorList2 a:hover{ text-decoration:underline;}
.prorList2 .hd{ padding:5px 0 ;}
.prorList2 .hd .t1{ font-weight:bold;}
.prorList2 .hd .t2{ float:left; background:#4ebb00; margin-left:15px; border-radius:4px; color:#fff; padding:0 5px;}
.prorList2 .hd .t3{width:100px;padding:0 8px;}
.prorList2 .hd .t4{width:80px;padding:0 8px;}
.prorList2 .hd i{ width:30px; height:16px; float:left; background:url(images/i12_02.gif) no-repeat right center; margin-right:10px; cursor:pointer;}
.prorList2.Disable .hd i{background:url(images/i12_03.gif) no-repeat right center; cursor:text;} 
.prorList2 .bd{ display:none;}
.prorList2 .bd li{line-height:20px; padding:5px 0 0 30px;;}
.prorList2 .bd .t3{width:80px;padding:0 8px;}
.prorList2 .bd .t2{width:100px;padding:0 8px;}
.prorList2 .bd .t1{ width:610px;}
.proDetail{}
.proDetail .hd{ margin-bottom:40px;}
.proDetail .hdT{ height:45px; line-height:45px; background:#006994; font-size:14px; color:#fff; font-size:16px; padding:0 20px;}
.proDetail .hd dl{ border:1px solid #d6d6d6; border-top:none; padding:25px;}
.proDetail .hd dd{ width:250px; height:220px; border-right:1px solid #d6d6d6; padding:0 20px; margin-right:40px; float:left;}
.proDetail .hd dd img{ max-width:250px; max-height:220px; display:block; margin:0 auto;}
.proDetail .hd dt{ width:450px; float:left; color:#333; line-height:25px;}
.proDetail .bd{}
.proDetail .bdT{ background:#a1d8e6; font-size:15px; font-weight:bold; padding:0 60px 0 25px; height:40px; line-height:40px; color:#000;}
.proDetail .bd li{ line-height:30px;}
.proDetail .bd li span{width:105px;}
.proDetail .bd a{ float:left; width:670px; padding:0 0 0 10px;}



.page2List{}
.page2List li{float:left; text-align:center; width:190px;padding: 0 28px 15px; font-size:12px;}
.page2List img{width: 188px; height: 218px;border: 1px solid #ccc;}
.page3List{}
.page3List li img{ width:150px; height:150px; padding:1px; border:1px solid #cdcdcd}
.page3List li{ width:154px;padding: 0 15px 15px;}




.page{text-align:center;}
.page a{display:inline-block; *display:inline; *zoom:1; border-radius:4px; margin:0 2px; line-height:38px; padding:0 15px; border:1px solid #e0e0e0; color:#666;/*transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;*/}
.page a:hover{background:#2498C6; color:#fff; border-color:#2498C6;}
.page a.current{background:#9d000b; color:#fff; border-color:#9d000b;}
.page a.Disable{background:#fff; color:#c1c1c1; border-color:#c1c1c1;}



.fengye{ height:38px; line-height:38px; margin:10px 25px 30px 10px;}
.off{ width:60px; height:38px; line-height:38px; font-size:12px; border:1px #CCC solid;  display:block; margin-right:5px; float:left; text-align:center;border-radius:4px;}
.fenkong{ float:left;}
.fenkong a{width:40px; height:40px; line-height:40px; font-size:12px;color:#FFF;  display:block; margin-right:5px; float:left; text-align:center;border:1px #CCC solid;border-radius:4px;}
.fenyeon{width:38px; height:38px; line-height:38px; font-size:12px; background:#B5873A; color:#FFF; font-weight:bold; display:block;border:1px #CCC solid;border-radius:4px;}