@charset "utf-8";
/* author: Dianping.com - UED - iZ
 * build: 2011-03-30  
 */

/* -------------------------------------- @reset -----------------------------------------*/

/* -------------------------------------- /@reset -----------------------------------------*/




/* -------------------------------------- @declare ---------------------------------------*/
/* ----------- fix float ---------- */
.s-header:after,.pro-list:after,.sol-item-inner:after,.s-pageTitle:after,.showcase-list:after,.features-list:after
{clear:both; display:block; height:0; content:'\20';}

.s-header,.pro-list,.sol-item-inner,.s-pageTitle,.showcase-list,.features-list
{zoom:1;}

/* ----------- inline-block ---------- */

/* ----------- css sprite ---------- */
.s-header .s-siteName a
{ background-image: url(i/logo.png); background-repeat: no-repeat;}

.pro-list .pro-item li,.s-promotion .p-features h5,.s-article .entry-list li
{ background-image: url(i/g.comm.png); background-repeat: no-repeat;}

.features-list .fi-inner,.features-list .fi-inner em,.fi-inner .content .detail,.fi-inner .content h3,.s-nav a sup
{ background-image: url(i/c.promotion.png); background-repeat: no-repeat;}

/* ----------- font family ---------- */
.s-header .s-nav li,.s-block .s-blockTitle h2,.pro-list .pro-item h3,.sol-item h3,.s-pageTitle h2,.s-article h3,.fi-inner .content h3
{ font-family: \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,sans-serif; font-weight: bold; letter-spacing: 1px;}

/* -------------------------------------- /@declare ---------------------------------------*/



/*布局 可选*/
/* ------------------------------------- @layout --------------------------------------*/
.s-wrapper { width: 960px; margin: 0 auto;}
.s-header { height: 80px;}
.s-main { line-height: 1.65;}

/* ------------------------------------- /@layout --------------------------------------*/




/* ------------------------------------- @components --------------------------------------*/

/* ------------------------------------- /@components --------------------------------------*/




/* ------------------------------------- @modules --------------------------------------*/
.s-header .s-siteName { float: left; margin-top: 24px;}
.s-header .s-siteName a { float: left; width: 309px; height: 38px; text-indent: -9999px; outline: none;}
.s-header .s-nav { float: right; display: inline; margin-top: 37px;}
.s-header .s-nav li { display: inline; font-size: 14px; color: #CCC;}
.s-header .s-nav li a { margin: 0 10px 0 8px; padding-bottom: 2px; position:relative;}
.s-header .s-nav li a:hover { color: #F39800;}
.s-header .s-nav .current a { color: #F39800; border-bottom: 2px solid #F39800;}
.s-nav a sup{ position:absolute; left:45px; top:-12px; display:block; width:24px; height:14px; background-position:0 -420px; text-indent:-999px; overflow:hidden;}

.s-pageTitle { height: 35px; margin-bottom: 10px; line-height: 35px; color: #666; background: #333;}
.s-pageTitle h2 { float: left; height: 35px; padding: 0 25px; font-size: 1.25em; color: #FFF; border-right: 5px solid #FFF; background: #F39800;}
.s-pageTitle a { color: #FFF;}
.s-pageTitle a:hover { color: #F39800;}
.s-pageTitle h2 a:hover { color: #FFF;}
.s-pageTitle .current { font-weight: bold;}
.s-pageTitle .current a { color: #F39800;}
.s-pageTitle dl { font-size: 1.2em;}
.s-pageTitle dl dt,.s-pageTitle dl dd,.s-filter ul,.s-filter ul li { display: inline;}
.s-pageTitle dl dt a { margin: 0 18px 0 20px;}
.s-filter ul li { margin-left: 15px;}
.s-filter-nav { display: inline; padding-left: 15px; font-size: 1.2em;}
.s-filter-nav li { display: inline;}
.s-filter-nav a { margin: 0 15px;}

.pro-list { margin-left: -10px;}
.pro-list .pro-item { float: left; width: 475px; margin: 0 0 10px 0; padding-left: 10px;}
.pro-list .pro-item-inner { width: 405px; padding: 25px 35px; color: #777; background: #F8F8F8 url(i/pro-list.png) right top no-repeat;}
.pro-list .pro-item h3 { margin-bottom: 13px; font-size: 1.25em; color: #333;}
.pro-list .pro-item li { margin-bottom: 2px; padding-left: 10px; background-position: 0 9px;}
.pi-b .pro-item-inner { background-position: right -200px;}
.pi-c .pro-item-inner { background-position: right -400px;}
.pi-d .pro-item-inner { background-position: right -600px;}

.sol-item { margin-bottom: 15px;}
.sol-item h3 { margin-bottom: 6px; padding-left: 23px; font-size: 1.25em; color: #333;}
.sol-item h3 em { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; font-style: italic;}
.sol-item-inner { padding: 16px 25px 17px 54px; color: #777; border-bottom: 1px solid #ECECEC; background: #F8F8F8;}
.sol-item-inner strong { margin-right: 5px; color: #F39800;}
.sol-item-inner a { text-decoration: underline; color: #777;}
.sol-item-inner a:hover { text-decoration: none;}
.sol-item-intro { float: left; width: 306px; margin-right: 30px;}
.sol-item-logo { float: left; width: 76px; height: 57px;}
.sol-item-case { float: right; width: 445px;}
.sol-item-case h4 { margin-bottom: 2px; font-weight: bold; color: #333;}
.sol-item-case h4 a { text-decoration: none; color: #333;}
.sol-item-case h4 a:hover { color: #F39800;}

.b-cases .more { text-align: right; margin-bottom: 5px; padding-bottom: 15px;}
.b-cases .more a { color: #F39800;}
.b-cases .more a:hover { text-decoration: underline;}

.b-contact { padding: 20px 0; text-align: center; border: solid #ECECEC; border-width: 1px 0;}
.b-contact a { display: block; width: 139px; height: 41px; margin: 0 auto; font-size: 1.4em; font-weight: bold; line-height: 41px; text-indent: -9999px; outline: none; color: #FFF; background: #FF9837 url(i/btn-contact.png);}

.showcase-list { margin-left: -10px; color: #777;}
.showcase-list li { float: left; width: 475px; margin-bottom: 10px; padding-left: 10px;}
.showcase-list .showcase-item { float: left; width: 427px; padding: 20px 23px 20px 25px; background: #F8F8F8;}
.showcase-list .showcase-item .content { float: right; width: 288px;}
.showcase-list .showcase-item .thumb { float: left; width: 120px; height: 90px;}
.showcase-list .showcase-item h3 { margin-bottom: 6px; font-weight: bold; color: #333;}
.showcase-list .showcase-item h3 a { text-decoration: none; color: #333;}
.showcase-list .showcase-item h3 a:hover { color: #F39800;}
.showcase-list .showcase-item h3 strong { margin-right: 5px; color: #F39800;}
.showcase-list a { text-decoration: underline; color: #777;}
.showcase-list a:hover { text-decoration: none;}

.s-article .qa-list p { margin-bottom: 3px; text-indent: 0;}
.qa-list li { margin-bottom: 2.5em;}
.qa-list p strong { color: #333;}
.qa-list p strong em { margin-right: 5px; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; color: #F39800;}

.features-list { margin-left: -10px;}
.features-list li { float: left; width: 184px; height: 171px; padding-left: 10px;  }
.features-list .fi-inner { position: relative; float: left; width: 184px; height: 171px; cursor: pointer;}
.features-list .fi-inner em { float: left; width: 50px; height: 70px; margin-right: 9px; text-indent: -9999px;}
.fi-a em { background-position: 1px -179px;}
.fi-b em { background-position: -69px -179px;}
.fi-c em { background-position: -133px -179px;}
.fi-d em { background-position: 1px -259px;}
.fi-e em { background-position: -69px -259px;}
.fi-inner .content { float: right; width: 123px; color: #777;}
.fi-inner .content .title-wrapper { margin: 18px 0 7px;}
.fi-inner .content h3 { display: inline; padding-right: 22px; font-size: 1.3em; color: #F39800; background-position: right -385px;}
/*
.fi-inner .content .detail { display: block; width: 67px; height: 20px; margin-top: 13px; text-align: center; line-height: 18px; line-height: 20px\9; color: #777; background-position: 0 -350px;}
*/
.fi-inner .content .detail { position: absolute; left: 60px; top: 126px; display: block; width: 67px; height: 20px; text-align: center; line-height: 18px; line-height: 20px\9; color: #777; background-position: 0 -350px;}
.fi-inner:hover .content .detail { color: #EE9500; background-position: 0 -380px;}

.s-footer { margin-top: 20px; padding: 15px 0 50px; text-align: center; color: #888;}
.s-footer a { color: #66C;}
.s-footer a:hover { color: #FFF; background: #66C;}
.s-footer li { display: inline; color: #888;}
.s-footer ul { padding-bottom: 10px;}
.s-footer ul a { color: #61646E;}
.s-footer ul a:hover { color: #C00; background: none;}


/* ------------------------------------- /@modules --------------------------------------*/




/*区块 可选*/
/* ------------------------------------- @block --------------------------------------*/
.s-block .s-blockTitle { position: relative; width: 960px; height: 30px; margin-bottom: 10px; border-bottom: 1px solid #CCC; background: none;}
.s-block .s-blockTitle h2 { display: inline; *position: absolute; left: 0; *bottom: -1px; padding-bottom: 4px; font-size: 1.45em; font-weight: bold; border-bottom: 1px solid #F39800;}
.s-block .s-blockTitle h2 strong { color: #F39800;}

.page-index .s-focus { width: 960px; /*height: 450px;*/ margin-bottom: 25px; background: #EEE;}
.b-pros { margin-bottom: 35px;}

.s-article { position: relative; width: 858px; padding: 35px 50px; font-size: 1.2em; color: #777; border: 1px solid #ECECEC;margin-top:18px;}
#add {margin-top: 25px;}
#click-details {height:42px; padding: 0 10px; background: #f39800; color:#fff; text-align: center;line-height: 42px; font-size: 16px; font-weight: bold; display: inline-block;}
.btn-default {height:42px; padding: 0 10px; background: #f39800; color:#fff; text-align: center;line-height: 42px; font-size: 16px; font-weight: bold; display: inline-block;}
.s-article h3 { margin-bottom: .4em; font-size: 2.2em; font-weight: bold; color: #F39800;}
.s-article h3  span{ font-size:.6em;}
.s-article h4 { display: block; margin: 2.5em 0 .7em; font-weight: bold; color: #333;}
.s-article h5 { display: block; margin-bottom: 3px; font-weight: bold; color: #333;}
.s-article p { margin-bottom: .5em; text-indent: 2em;}
.s-article p.intro { text-indent: 0;}
.s-article .entry-list li { margin-bottom: 0; padding-left: 10px; background-position: 0 10px;}
.s-article a { text-decoration: underline; color: #F39800;}
.s-article a:hover { text-decoration: none;}
.s-article .related-link { position: absolute; right: 20px; top: 10px; text-decoration: none; color: #F39800;}
.s-article .related-link:hover { text-decoration: underline;}


.s-promotion h3 { margin-bottom: .1em; color: #333;}
.s-promotion .p-desc { margin-bottom: 20px; font-weight: bold; text-indent: 0; color: #F39800;}
.s-promotion .p-features { margin-bottom: 25px;}
.s-promotion .p-features h5 { margin-bottom: 1px; padding-left: 10px; background-position: 0 -30px;}
.s-promotion .p-features li p { margin-bottom: 11px; font-size: .8em; text-indent: .8em;}
.s-promotion .p-img {}

/* ------------------------------------- /@block --------------------------------------*/




/*区域 可选*/
/* ------------------------------------- @region --------------------------------------*/

/* ------------------------------------- /@region --------------------------------------*/