/*--全局共用参数--*/
a:link, a:active, a:visited {color:#333333;text-decoration:none;}
a:hover {color:#197b30;text-decoration:underline;}
/*----------------------------------*/
/*----页面整体框架----*/
.container {width:100%;margin:0 auto;background:#282828;}
/*----页面头部框架----*/
.header {width:100%;height:80px;padding:0px;margin:0 auto;background: url(../images/header-bg.png) repeat-x #282828;overflow:hidden;float:left;}
.header .head {width:1000px;height:80px;clear:both;margin:0 auto;}
.header .logo {width:285px;height:80px;background:url(../images/logo.png) no-repeat;font-size:24px;color:#fff;line-height:80px;text-indent:-9999px;float:left;}
/*--页面导航--*/
.nav {width:650px;*width:670px;-width:670px;height:55px;padding:25px 0 0 45px;overflow:hidden;float:right;}
.nav li {padding-right:10px;*padding-right:5px;-padding-right:5px;font-size:14px;font-weight:normal;text-align:center;float:left;}
.nav li a:link, .nav li a:visited, .nav li a:active {height:30px;padding-left:5px;color:#cacaca;display:block;text-decoration:none;float:left;}
.nav li span {height:20px;padding:4px 10px 6px 5px;cursor:pointer;float:left;}
.nav li a:hover {height:30px;padding-left:5px;color:#eaeaea;display:block;background:url(../images/nav-l.png) 0 -30px no-repeat;text-decoration:none;float:left;}
.nav li a:hover span {height:20px;padding:4px 10px 6px 5px;background:url(../images/nav-r.png) right -30px no-repeat;}
.nav li#current a {height:30px;padding-left:5px;background:url(../images/nav-l.png) no-repeat;color:#f1f1f1;display:block;text-decoration:none;float:left;}
.nav li#current a span {height:20px;padding:4px 10px 6px 5px;background:url(../images/nav-r.png) right top no-repeat;}
/*--首页轮转图片播放器--*/
.banner {width:100%;height:400px;padding:0px;background:#007d3b;float:left;}
.slidebox {height:400px;width:100%;clear:both;}
#flash {width:1000px;height:400px;overflow:hidden;margin:0 auto;padding:0;clear:both;position:relative;}
#flash a {width:1000px;height:400px;display:none;}
#flash img {width:item1 1000px;height:400px;border:0;}
.slide {width:90px;padding-left:910px;z-index:999;height:30px;overflow:hidden;position:absolute;padding-top:13px!important;padding-top:12px;bottom:0px;left:0px;text-align:center;}
.slide .dq {display:block;float: left;width: 12px;height: 12px;margin:2px 4px;cursor: pointer;background: url(../images/slide.png) no-repeat 0px -12px;-background: url(../images/slide.gif) no-repeat 0px -12px;overflow:hidden;}
.slide .no {display:block;float: left;width: 12px;height: 12px;margin:2px 4px;cursor: pointer;background:url(../images/slide.png) no-repeat 0px 0px;-background:url(../images/slide.gif) no-repeat 0px 0px; overflow:hidden;}
/*----------------------------------*/
/*----网站首页框架----*/
.mainbody {width:100%;padding:0;background:url(../images/content-bg.png) repeat-x #fff;font-family:"微软雅黑";float:left;}
/*--栏目名称--*/
.name {width:auto;height:30px;background:url(../images/icon.jpg) 0 7px repeat-x;float:left;}
.name i {width:16px;height:16px;margin-top:8px;color:#fff;font-size:14px;font-family:Arial, Helvetica, sans-serif;font-style:normal;text-align:center;background: url(../images/icon.png) no-repeat #00803c;float:left;}
.name b {height:20px;line-height:20px;color:#2b2b2b;font-size:16px;font-weight:normal;padding:5px;float:left;}
.name sub {height:20px;line-height:20px;color:#197b30;font-size:14px;padding:6px 5px 4px 0;float:left;}
.name em {color:#666;font-size:12px;padding:5px;float:right;}
.name em a:link, .name em a:active, .name em a:visited, .name em a:hover {color:#666;}
/*--服务 Services--*/
.services {width:980px;height:255px;overflow:hidden;clear:both;margin:0 auto;padding:10px 10px 0 10px;}
.services .name {width:980px;float:left;}
.services .cont {width:1000px;float:left;}
.services h1 {width:228px;height:39px;border:1px solid #e0e0e0;border-bottom:none;background-color:#fff;float:left;}
.services h1 b {height:20px;line-height:20px;color:#2b2b2b;font-size:16px;font-weight:normal;padding:8px 5px 5px 10px;float:left;}
.services h1 sub {height:20px;line-height:20px;color:#197b30;font-size:14px;font-weight:normal;padding:10px 5px 5px 5px;float:left;}
.services p {width:218px;height:70px;display:block;overflow:hidden;padding:5px;font-size:12px;line-height:140%;border:1px solid #e0e0e0;border-top:none;background-color:#fff;float:left;}
.services font {width:218px;height:35px;display:block;overflow:hidden;font-size:12px;line-height:140%;}
/*--服务列表--*/
.services .lineone {width:230px;height:180px;margin:10px 20px 10px 0;float:left;}
.services .linetwo {width:230px;height:190px;margin:5px 20px 0 0;background:url(../images/sever-bg.png) 0 180px no-repeat;float:left;}
.services .lineone img {width:230px;height:60px;float:left;}
.services .linetwo img {width:230px;height:60px;float:left;}
/*--网站分栏--*/
.twocolumn {width:980px;overflow:hidden;clear:both;margin:0 auto;padding:0 10px 0 10px;}
/*--案例 Portfolio--*/
.portfolio {width:570px;height:220px;overflow:hidden;float:left;}
.portfolio .name {width:565px;float:left;}
.portfolio .cont {width:570px;float:left;}
.portfolio a:link h1, .portfolio a:active h1, .portfolio a:visited h1 {color:#666666;cursor:pointer;}
.portfolio a:hover h1 {color:#197b30;text-decoration:underline;cursor:pointer;}
.portfolio h1 {width:420px;height:20px;padding:5px 0 5px;font-size:14px;float:left;}
.portfolio h1 b {width:60px;height:16px;font-size:12px;text-align:center;font-family:Arial, Helvetica, sans-serif;background:url(../images/time.png) no-repeat #00803c;color:#fff; margin-right:10px;float:left;}
.portfolio p {width:420px;font-size:12px; line-height:160%;float:left;}
/*--案例列表--*/
.portfolio .lineone {width:570px;height:70px;margin-top:10px;float:left;}
.portfolio .linetwo {width:570px;height:70px;margin-top:10px;background-color:#f7f7f7;float:left;}
.portfolio .lineone img {width:120px;height:60px;margin-right:15px;border:5px solid #f7f7f7;float:left;}
.portfolio .linetwo img {width:120px;height:60px;margin-right:15px;border:5px solid #e0e0e0;float:left;}
/*--关于 About--*/
.about {width:352px;height:220px;padding-left:30px;overflow:hidden;background:url(../images/about-line.png) left 15px no-repeat;float:right;}
.about .name {width:352px;float:left;}
.about .cont {width:355px;float:left;font-size:12px;padding-top:8px;line-height:160%;}
.aboutline {width:366px;padding-top:18px;}
.aboutline li {width:61px;float:left;}
.aboutline li a {width:61px;float:left;}
/*----网站下部框架----*/
.blackbody {width:100%;padding:0 0 5px 0;background: url(../images/footer-bg.png) bottom repeat-x #282828;font-family:"微软雅黑"; float:left;}
.blackbody .name i {background: url(../images/black.png) no-repeat #00803c;}
.blackbody .name b {color:#fff;}
.blackbody .name sub {color:#00a53c;}
.blackbody .name em {color:#b0b0b0;}
.blackbody .name em a:link, .blackbody .name em a:active, .blackbody .name em a:visited, .blackbody .name em a:hover {color:#b0b0b0;}
.blackbody .twocolumn {padding:10px;}
.blackbody a:link, .blackbody a:active, .blackbody a:visited {color:#b0b0b0;text-decoration:none;}
.blackbody a:hover {color:#eaeaea;text-decoration:underline;}
/*--联系 Conatact--*/
.conatact {width:580px;height:110px;overflow:hidden; background:url(../images/map.png) 355px 10px no-repeat;float:left;}
.conatact .name {width:333px;float:left;}
.conatact .cont {width:600px;float:left;}
.conatact .qrcode {width:41px;height:41px;margin:15px 10px 0 0;border:5px solid #434343;cursor:pointer;float:left;}
.conatact .qrcode-max {width:82px;height:82px;border:5px solid #434343;margin:-62px 0 0 -5px;*margin:-22px 0 0 -50px;-margin:-22px 0 0 -50px;position:absolute;display:none;float:left;}
.conatact .phone {width:268px;height:51px;margin:15px 10px 0 0;float:left;}
/*--博客 Blog-*/
.blog {width:352px;height:110px;padding-left:30px;overflow:hidden;background:url(../images/blog-line.png) left 10px no-repeat;float:right;}
.blog .name {width:352px;float:left;}
.blog .cont {width:350px;float:left;}
.blog .digest {width:276px;float:left;}
.blog .digest h1 {font-size:14px;padding:10px 0 5px 0;}
.blog .digest p {font-size:12px;color:#b0b0b0; line-height:150%;} 
.blog .calendar {width:66px;height:58px;margin-top:10px;background:url(../images/calendar.png) no-repeat;float:right;}
.blog .calendar h1 {width:48px;height:40px;padding-left:18px;font-size:30px;color:#434343;}
.blog .calendar span {width:40px;height:18px;padding-left:26px;font-size:12px;color:#fff;}
/*--版权信息--*/
.footer {width:988px;height:32px;padding:18px 2px 0 10px;color:#676767;text-align:center;clear:both;margin:0 auto;font-size:12px;}
.foot-l {width:700px;height:32px;float:left;}
.foot-l a:link, .foot-l a:active, .foot-l a:visited {color:#676767;text-decoration:none;}
.foot-l a:hover {color:#b0b0b0;text-decoration:underline;}
.foot-r {width:267px;height:32px;overflow:hidden;float:right;}
.footer span {padding:5px 10px 0 0;display:block;float:left;}
.imline li {width:20px;padding:3px 10px 0 0;float:left;}
.imline li a {width:20px;height:20px;text-indent:-9999px;background:url(../images/im.png) no-repeat;-background:url(../images/im.gif) no-repeat;float:left;}
.imline li a:hover {width:20px;height:20px;text-indent:-9999px;background:url(../images/im.png) no-repeat;-background:url(../images/im.gif) no-repeat;float:left;}
.imline .im-1 a { background-position:0 0}
.imline .im-1 a:hover {background-position:0 -20px}
.imline .im-2 a {background-position:-20px 0}
.imline .im-2 a:hover {background-position:-20px -20px}
.imline .im-3 a {background-position:-40px 0}
.imline .im-3 a:hover {background-position:-40px -20px}
.imline .im-4 a {background-position:-60px 0}
.imline .im-4 a:hover {background-position:-60px -20px}
.imline .im-5 a {background-position:-80px 0}
.imline .im-5 a:hover {background-position:-80px -20px}
.imline .im-6 a {background-position:-100px 0}
.imline .im-6 a:hover {background-position:-100px -20px}
.imline .im-7 a {background-position:-120px 0}
.imline .im-7 a:hover {background-position:-120px -20px}
.imline .im-8 a {background-position:-140px 0}
.imline .im-8 a:hover {background-position:-140px -20px}
.imline .im-9 a {background-position:-160px 0}
.imline .im-9 a:hover {background-position:-160px -20px}
.imline .im-10 a {background-position:-180px 0}
.imline .im-10 a:hover {background-position:-180px -20px}
/*--返回顶部--*/
.goto {width:30px;height:75px;background-color:#fff;position:fixed;-position:absolute;z-index:9999;-top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||200)-(parseInt(this.currentStyle.marginBottom, 10)||0)));right:0;bottom:25%;}
.goto p {line-height:25px}
.goto a {background:url(../images/goto.png) no-repeat;display:block;text-indent:999em;width:30px;margin:0;border:0;overflow:hidden;float:left}
.goto .top {background-position:0 0;height:25px}
.goto .feedback {background-position:0 -25px;height:25px}
.goto .bottom {background-position:0 -50px;height:25px}
.goto .top:hover {background-position:-30px 0}
.goto .feedback:hover {background-position:-30px -25px}
.goto .bottom:hover {background-position:-30px -50px}
/*-----------------------------------------------------------------------------------------------------------*/
/*--信息页面--*/
.infobody {width:100%;padding:0;background:#f7f7f7;font-family:"微软雅黑";float:left;}
.infobody .banner {height:120px;}
/*--当前栏目--*/
.infobody .column {width:980px;height:100px;padding:10px;margin:0 auto;color:#f1f1f1;clear:both;}
.infobody .column h1 {font-size:36px;font-weight:normal;}
.infobody .column h2 {font-size:18px;font-weight:normal;}
.infobody .column h3 {font-size:14px;padding-top:5px;font-weight:normal;float:left;}
/*--站内搜索--*/
.search {float:right;}
.search .keyword {width:130px;height:19px;padding-left:5px;font-size:12px;border:1px solid #999999;border-right:none;color:#666666;float:left;}
.search .button {width:21px;height:21px;border:none;color:#235282;background: url(../images/search.jpg) no-repeat #e4e4e4;cursor:pointer;float:left;}
/*--服务列表--*/
.infobody .services {width:980px;height:360px;overflow:hidden;clear:both;background:#fff;margin:10px auto 0 auto;padding:10px 10px 0 10px;}
.infobody .services p {width:218px;height:190px;display:block;overflow:hidden;padding:5px;font-size:12px;line-height:140%;border:1px solid #e0e0e0;border-top:none;background-color:#fff;float:left;}
.infobody .services font {width:218px;height:auto;padding-top:10px;display:block;overflow:hidden;font-size:12px;line-height:140%;}
.infobody .services .lineone {width:230px;height:300px;margin:10px 20px 10px 0;float:left;}
.infobody .services .linetwo {width:230px;height:310px;margin:5px 20px 0 0;background:url(../images/services-bg.png) 0 300px no-repeat;float:left;}
/*--位置导航--*/
.breadcrumb {width:100%;margin-bottom:10px;border-bottom:1px solid #e0e0e0;background:#fff;float:left;}
.breadcrumb .place {width:980px;height:30px;color:#484848;padding:0 10px 0 10px;clear:both;margin:0 auto;}
.breadcrumb b {height:20px;padding:5px 10px 5px 0;background:url(../images/breadcrumb.png) right no-repeat;font-weight:normal;display:block;float:left;}
.breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited, .breadcrumb a:hover {height:20px;padding:5px 15px 5px 5px;background:url(../images/breadcrumb.png) right no-repeat;color:#197b30;display:block;float:left;}
.breadcrumb em {height:20px;padding:5px 10px 5px 5px;display:block;color:#333333;float:left;}
/*--合作 Cooperation--*/
.cooperation {width:980px;height:190px;overflow:hidden;background:#fff;clear:both;margin:10px auto 10px auto;padding:10px 10px 0 10px;}
.cooperation .name {width:980px;float:left;}
.cooperation .cont {width:1000px;height:100px;padding-top:80px;background:url(../images/cooperation.png) 0 10px no-repeat;float:left;}
.cooperation .cont ul {width:970px;padding-left:30px;}
.cooperation .cont li {width:140px;margin-right:20px;font-size:12px;line-height:160%;float:left;}
.cooperation a:link, .cooperation a:active, .cooperation a:visited, .cooperation a:hover {color:#197b30;font-weight:bold;text-decoration:underline;}
.cooperation .cont h3 {font-size:14px;padding-bottom:5px;color:#197b30;}
/*--客户 Customer--*/
.customer {width:980px;overflow:hidden;background:#fff;clear:both;margin:10px auto 10px auto;padding:10px;}
.customer .name {width:980px;float:left;}
.customer .cont {width:1000px;float:left;}
.customer .cont ul {width:1000px;}
.customer .cont li {width:152px;height:62px;margin:13px 13px 0 0;float:left;}
.customer .cont li a:link, .customer .cont li a:active, .customer .cont li a:visited {width:150px;height:60px;border:1px solid #e0e0e0;float:left;}
.customer .cont li a:hover {width:150px;height:60px;border:1px solid #c9c9c9;float:left;}
/*--微博 Weibo--*/
.weibo {width:980px;height:auto;overflow:hidden;background: none #fff;clear:both;margin:10px auto 10px auto;padding:10px;float:none;}
.weibo .name {width:980px;float:left;}
.weibo .cont {width:980px;float:left;}
.weibo .cont-l {width:470px;padding-top:10px;float:left;}
.weibo .cont-r {width:470px;padding-top:10px;float:right;}
/*--------二级页面重名样式表--------*/
/*--关于 About--*/
.infobody .about {width:980px;height:auto;overflow:hidden;background: none #fff;clear:both;margin:10px auto 0 auto;padding:10px;float:none;}
.infobody .about .name {width:980px;float:left;}
.infobody .about .cont {width:650px;height:300px;font-size:12px;padding:8px 330px 0 0;line-height:160%;background:url(../images/logo.jpg) right top no-repeat;float:left;}
.infobody .about .cont p {margin:20px 0 10px 0;}
/*--联系 Contact--*/
.infobody .contact {width:980px;height:auto;overflow:hidden;background: none #fff;clear:both;margin:10px auto 0 auto;padding:10px;float:none;}
.infobody .contact .name {width:980px;float:left;}
.infobody .contact .cont {width:980px;font-size:12pxline-height:160%;float:left;}
.infobody .contact .cont-l {width:470px; margin-top:10px;padding:10px;background:url(../images/conatact.png) 120px 30px no-repeat #272727;float:left;}
.infobody .contact .cont-r {width:470px;padding-top:10px;float:right;}
/*--------二级案例展示样式表--------*/
.exhibition {width:980px;overflow:hidden;clear:both;background:#fff;margin:10px auto 10px auto;padding:10px;}
.splitter {padding:0;margin:10px 0 20px 0;font-size:14px;text-align:left;float:left;}
.splitter:after {display:block;height:0px;clear:both;overflow: hidden;content: ""}
.splitter b {padding:5px 5px 0 0;color:#197b30;float:left;}
.splitter li {padding-left:10px;float:left;}
.splitter li ul {padding-left:10px;float:left;}
.splitter ul li {height:30px;padding-left:5px;margin-right:10px;float:left;}
.splitter ul li a:link, .splitter ul li a:active, .splitter ul li a:visited, .splitter ul li a:hover {height:20px;padding:5px 10px 5px 5px;color:#333;line-height:20px;text-decoration:none;float:left;}
.splitter ul li.segment-0 {background:url(../images/button-l.png) 0 -30px no-repeat #dcdcdc;float:left;}
.splitter ul li.segment-2 {background:url(../images/button-l.png) 0 -30px no-repeat #dcdcdc;margin-right:5px;float:left;}
.splitter ul li.segment-1 {background:url(../images/button-l.png) 0 -30px no-repeat #dcdcdc;margin-right:5px;float:left;}
.splitter ul li.segment-0 a {background:url(../images/button-r.png) right -30px no-repeat #dcdcdc;float:left;}
.splitter ul li.segment-1 a {background:url(../images/button-r.png) right -30px no-repeat #dcdcdc;float:left;}
.splitter ul li.segment-2 a {background:url(../images/button-r.png) right -30px no-repeat #dcdcdc;float:left;}
.splitter ul li.selected-0 {background:url(../images/button-l.png) no-repeat #007d3b;float:left;}
.splitter ul li.selected-1 {background:url(../images/button-l.png) no-repeat #007d3b;float:left;}
.splitter ul li.selected-2 {background:url(../images/button-l.png) no-repeat #007d3b;float:left;}
.splitter ul li.selected-0 a:link, .splitter ul li.selected-0 a:active, .splitter ul li.selected-0 a:visited, .splitter ul li.selected-0 a:hover {background:url(../images/button-r.png) right 0 no-repeat #007d3b;color:#fff;float:left;}
.splitter ul li.selected-1 a:link, .splitter ul li.selected-1 a:active, .splitter ul li.selected-1 a:visited, .splitter ul li.selected-1 a:hover {background:url(../images/button-r.png) right 0 no-repeat #007d3b;color:#fff;float:left;}
.splitter ul li.selected-2 a:link, .splitter ul li.selected-2 a:active, .splitter ul li.selected-2 a:visited, .splitter ul li.selected-2 a:hover{background:url(../images/button-r.png) right 0 no-repeat #007d3b;color:#fff;float:left;}

.actions:after {display:block;height:0px;clear:both;overflow:hidden;content:""}
.actions {margin-left:-40px}
.actions-two {padding-left:155px}
.actions p {margin:0px 0px 0px 40px;width:260px;float:left}
.actions p a {min-height:42px;display:block;font:bold 24px/1 "helvetica neue", sans-serif;background:url(i/actions.png) no-repeat;border-bottom-width:0px;color:#fff;text-decoration:none;padding-top:24px;-webkit-transition:opacity 0.25s ease-out;-moz-transition:opacity 0.25s ease-out;opacity:0.5}
.actions p a strong {margin-top:10px;text-shadow:none;}
.actions p a:hover {opacity:0.9999}
.actions p a:focus {opacity:0.9999}
.actions p a.download {padding-left:74px}
.actions p a.demos-n-docs {padding-left:60px;background-position:-270px 0px}
.actions p a.fork {padding-left:76px;background-position:-540px 0px}
.actions p a.download > span {text-transform:lowercase;font-variant:small-caps;display:block;font-size:13px;opacity:0.25}

#performance-toggle {text-align:center;font-size:11px;margin-right:0px;-webkit-transition:opacity 0.25s linear;-moz-transition:opacity 0.25s linear;opacity:0.5}
#performance-toggle:hover {opacity:0.999}
.demo {width:980px;overflow:hidden;padding-left:10px;*padding-left:0;-padding-left:0;float:left;}
.image-grid {width:980px;margin:0;}
.image-grid:after {display:block;height:0px;clear:both;overflow:hidden;content:""}
.image-grid li {width:326px;height:220px;text-align:center;overflow:hidden;float:left;}
.image-grid li img {width:300px;height:150px;padding:4px;border:1px solid #ededed;background:#fff;display:block}
.image-grid li strong {padding-top:10px;display:block;color:#000}