@charset "utf-8";
#banner { height:231px; background:url(../images/abt_03.gif) repeat-x; overflow:hidden;}
#banner .wrap{ position:relative; z-index:1;}
#contactInfo{ position:absolute; left:84px; bottom:0; z-index:3; height:38px; line-height:38px; font-family:Arial; color:#666;}
h1{ font-size:16px; }
#content{ padding:0 12px; }
#content p{line-height:22px;}

#abt_link{ text-align:center;}
#abt_link img{ margin:0 5px;}

.contact img{ float:left; margin-right:30px;}
.contact div{ padding-top:130px; line-height:22px;}

#website .list{ width:237px; height:235px; background:url(../images/website_03.gif) no-repeat; margin-right:20px; float:left;}
.list .space{ height:50px;}
.list a{ display:block; width:225px; height:35px; line-height:35px; margin:0 auto; font-size:14px; border-bottom:1px dashed #aaa; text-indent:65px; overflow:hidden; color:#333;}
#commerce .list a{ text-indent:30px;}
.list a:hover,.list a.hover{ background:url(../images/web_list_03.gif) no-repeat; color:#069; font-weight:bold;}
#website .cont,#commerce .cont{ float:left; width:740px;}
#website .cont .intro{ width:315px; float:left;}
#website .cont .tit{ font-size:14px; font-weight:bold;}
#website .cont .tit span{ font-size:16px; color:#f30;}
#website .cont p{ text-indent:0; line-height:22px;}
#website .cont p span{ color:#215475;}
#website .cont .pic{ float:right; width:370px;}
#website .cont .pic img{ border:3px solid #adadad; border-top:none;}
#website .pic ul{ margin:0; padding:0;}
#website .pic li{ height:31px; width:184px; float:left; background:url(../images/wp_04.png) no-repeat; list-style-type:none; text-align:center; line-height:31px;}
#website .pic li a{ font-weight:bold; color:#fff;}
#website .pic li.on{ background:url(../images/wp_03.png) no-repeat;}
#website .pic div{ display:none;}

#commerce .list{ width:237px; height:235px; background:url(../images/e-commerce.gif) no-repeat; margin-right:20px; float:left;}
#commerce p{ line-height:22px;}
h2{ font-size:14px; color:#069;}
h3{ font-size:12px; color:#069;}

.case .part{ width:309px; height:263px; float:left;}
.case .part img{ border:1px solid #ccc; padding:5px; background:#fff; }
.case .part a:hover img{ border:1px solid #069;}
.case .opt{ height:52px; padding-top:15px;}
.case .opt a{ color:#666; font-size:14px;}
.case .opt a:hover{ color:#069; text-decoration:underline;}
.case .ctr{ margin:0 18px;}
.case .pages{ text-align:right; padding-right:12px;}
.case .pages a{ display:inline-block; width:23px; height:23px; line-height:23px; text-align:center; float:right; margin:0 4px;}
.case .pages .prev{ background:url(../images/case_27.gif) no-repeat;}
.case .pages .now{ background:url(../images/case_29.gif) no-repeat; color:#fff; font-weight:bold;}
.case .pages .next{ background:url(../images/case_31.gif) no-repeat;}

.case h1.title{ color:#069; text-align:center; margin-bottom:30px;}
.case .desc{ width:100%; float:left;}
.case .desc .lft{ width:60px; height:24px; float:left; background:url(../images/nav_03.gif) no-repeat;}
.case .desc .rgt{ float:right; width:910px; line-height:24px;}
.piclist{ text-align:center;}
.piclist img{ margin-top:20px;}
.seo .part{ width:480px; float:left; height:163px; float:left; background:url(../images/seobg_03.png) no-repeat;_background:url(../images/seobg_03.gif) no-repeat; overflow:hidden;}
.seo .lft{ margin-right:12px;}
.seo .part .no{ width:52px; height:54px; margin:3px 0 0 3px; float:left;}
.seo .cont{ float:right; width:400px; margin-right:20px;}
.seo .cont h3{ margin:24px 0; font-size:16px; }
.seo .cont h3 a{color:#045287;}
.seo .cont p{ text-indent:0;}
.seo .cont p a{ color:#666;}
.seo .cont h3 a:hover,.seo .cont p a:hover{ text-decoration:underline;}

.clas{ height:53px; background:url(../images/seo2_03.png) no-repeat;}
.clas h1{ text-indent:65px; color:#045287; height:49px; line-height:43px;  margin:2px 0 0 2px;}
.seo2 .ad{ height:65px; line-height:65px; color:#f60; font-weight:bold;}
.seo2 .part{ width:480px; height:157px; float:left; background:url(../images/seo2_07.png) no-repeat;}
.seo2 .lft{ margin-right:12px;}
.seo2 .part h3{ margin:17px 0 30px 22px; color:#333;}
.seo2 .part p{ margin:0 20px; text-indent:0; color:#666;}