/**
* 功能：网站布局
* 作者：Gavin
* 创建时间：2009-07-29
*/

/* banner */
#banner {
width:921px;
margin:0 auto 18px;
overflow:hidden;
position:relative;
}
#banner img{
display: block;
}
.indexBanner {
height:311px;
}

/* 主要内容区:main
---------------------------------*/
#main {
overflow: hidden;
text-align:left;
border:1px solid #fff;
background:url(../images/sprite1.gif) repeat-x 0 -996px;
padding:14px 10px 14px 11px;
}
/* sideBar */
#sidebar {
float: right;
width: 222px;
padding-left: 10px;
}

/* content */
#content {
float:left;
width:663px;
display: inline;
padding: 0 15px 100px 10px;
background: url(../images/bg_content.gif) repeat-y 100% 0;
position: relative;
min-height: 600px;
height: auto !important;
height: 600px;
overflow: visible;
}


/* 首页模块
---------------------------------*/
.title{
position: relative;
}
.title .more{
position: absolute;
right: 10px;
top: 0;
}
#nav {
height:34px;
margin:0 5px 32px;
position:relative;
}
#nav .wrap {
background: url(../images/sprite_x.gif) repeat-x 0 0;
font-family:"宋体";
font-size:14px;
font-weight:normal;
height:34px;
line-height:34px;
display: inline;
float: right;
position: relative;
}
.navLeft, .navRight{
background-repeat: no-repeat;
background-image: url(../images/sprite_seo1.gif);
position: absolute;
width: 200px;
width: 17px;
height: 34px;
top: 0;
}
.navLeft {
left: 0;
background-position: -241px -122px ;
}
.navRight {
right: 0;
background-position: -258px -122px;
}
#nav ul {
float: left;
padding:0 10px;
}
#nav li {
display:inline;
float:left;
margin:0 10px;
}
#nav li .hilight{
color: #f00;
}
#nav2 {
width: 100%;
clear: both;
}
#nav2 a{
margin: 0 5px;
}
.contentDiv{
position: absolute;
background: url(../images/bg_content_bottom.gif) no-repeat 0 0;
width: 8px;
height: 256px;
overflow: hidden;
right: 0;
bottom: 0;
}
/* order */
#order {
background: #008CD6;
color: #fff;
text-align: left;
}
#order .ot, #order .ob{
height: 5px;
width: 222px;
background-image: url(../images/sprite_seo1.gif);
background-repeat: no-repeat;
font-size:0;
}
#order .ot{
background-position: 0 -212px;
}
#order .ob{
background-position: 0 -217px;
}
#order h3 {
font-size: 14px;
padding: 8px 2px 0 10px;
}
#order h3 .hilight{
color: #FED200;
}
#order .hotline{
padding-left: 10px;
}
#formOrder {
width: 206px;
margin-left: 10px;
background: url(../images/bg_form.gif) repeat-y 0 0;
color: #666;
}
#formOrder .fb{
height: 5px;
width: 206px;
background-image: url(../images/sprite_seo1.gif);
background-repeat: no-repeat;
font-size:0;
}
#formOrder .fb{
background-position: 0 -227px;
}
#formOrder form{
padding: 8px;
}
#formOrder p{
margin: 8px 0;
line-height: 20px;
}
#formOrder label{
float: left;
width: 60px;
}
#formOrder .longLabel{
width: 100%;
}
#formOrder textarea{
font-size: 12px;
}
.defaultTitle{
background: url(../images/div_horizon.gif) no-repeat 0 100%;
padding-bottom: 6px;
height: 28px;
line-height: 28px;
}
.defaultTitle h2{
font-size: 18px;
font-weight: normal;
font-family:"microsoft yahei","微软雅黑","黑体","simsun","宋体";
}
/* seoNews */
.seoNews{
float: left;
width: 204px;
display: inline;
margin-right: 22px;
}
.seoNews .title{
height: 30px;
line-height: 30px;
background: url(../images/sprite_seo1.gif) no-repeat 0 -180px;
}
.seoNews .title h2{
font-size: 14px;
color: #0075C2;
padding-left: 10px;
}
.seoNews .title .more{
color: #0075C2;
font-family: Verdana;
}
.seoNews .content{
padding: 10px 0;
}
/***** News list *****/
.newsList2 {
margin:0 auto;
width:95%; 
}
.newsList2  h3{
font-size:12px;
font-weight:bold;
padding-bottom:10px;
}
.newsList2 li {
float:left;
line-height:18px;
position:relative;
text-align:left;
width:100%;
padding:10px 2px;
margin:0 0 20px 0; 
border-bottom:1px dashed #636363;
color:#646464;
}

.newsList2 li a {
color:#FCB712; 
float:left;
padding-top:7px;
}

.newsList2 li a:hover{
color:#000; 
}

.newsList2 li span {
color:#646464;
position:absolute;
right:10px;
top:2px;
font-size:11px;
}

.recommendNews{
float:left;
width:300px; 
}
.recommendNews li{
float:left;
width:100%;
margin-bottom:8px; 
}
/***** Related news list *****/
.relatedNews {
padding:10px;
}

.relatedNews h3 {
font-size:14px;
margin-bottom:8px;
}

.relatedNews a {
background:url(listIcon06.gif) no-repeat 0 50%;
line-height:22px;
padding-left:12px;
}
.left{
float:left;
width:300px;
margin-right:10px;
height:30px;
}
.right{
float:right;
width:300px;
margin-left:10px;
height:30px;
}
#content02 {
	FLOAT: left; WIDTH: 650px;
	border:1px solid #ccc;
	padding:15px;
}
#post{
line-height:22px;
padding:30px 10px;
}
.bottomBtn img{
padding-top:50px;
}
.link{}
.links ul{
	padding:5px 1em;
}
.links h2{
	font-size:14px;
}
.links ul li{
	display:inline;
	padding:0px 3px;
}
/* widget */
.widget{
width: 219px;
margin: 20px auto;
background-color: #F7F8F8;
}
.widget .title{
height: 26px;
line-height: 26px;
background: url(../images/sprite_seo1.gif) no-repeat 0 -121px;
}
.widget .title h2{
font-size: 14px;
color: #595757;
padding-left: 10px;
}
.widget .title .more{
right: 30px;
}
.widget .content{
padding: 8px 0;
}
#whatWeDo, #superiority {
float: left;
width: 304px;
display: inline;
min-height: 338px;
height: auto !important;
height: 338px;
overflow: visible;
}
#whatWeDo .defaultTitle, #superiority .defaultTitle{
background: none;
}
#whatWeDo .more, #superiority .more{
right: 0;
}
#whatWeDo{
padding-right: 15px;
}
#whatWeDo li{
font-size: 13px;
font-family:"microsoft yahei","微软雅黑","黑体","simsun","宋体";
height: 24px;
line-height: 24px;
background: url(../images/list_icons.gif) no-repeat -85px 0;
color: #004E9C;
padding: 8px 0 8px 25px;
}
#superiority{
background: url(../images/div_vertical.gif) no-repeat 0 50%;
padding-left: 35px;
}
.btnMore{
width: 63px;
height: 28px;
line-height: 28px;
padding-left: 24px;
background: url(../images/sprite_seo2.gif) no-repeat 0 -25px;
overflow: hidden;
}
#cases {
width: 100%;
clear: both;
}
#cases .content {
background-color: #E0E1E1;
padding: 20px;
margin: 15px 0;
}
#marqueeDemo {
width:620px;
height:170px;
margin:0 auto; 
overflow:hidden; 
}
#marqueeDemo ul li {
float:left;
text-align:left; 
width:200px;
}
#marqueeDemo ul li a{
width: 184px;
}
#marqueeDemo ul li img {
width: 182px;
height: 140px;
display:block; 
padding: 1px;
background-color: #fff;
border: 1px solid #B0B0B1;
}
#marqueeDemo ul li span{
display: block;
text-align: center;
height: 20px;
line-height: 20px;
padding-top: 6px;
}
#seoTips {
margin-right: 0;
}
#solution{
margin-bottom: 20px;
}
#solution .defaultTitle{
height: 20px;
line-height: 20px;
}
#solution .content{
background: url(../images/bg_seo_intro.jpg) no-repeat 0 0;
width: 385px;
height: 182px;
position: relative;
margin: 6px 0 0 -10px;
padding: 30px 32px 20px 250px;
overflow: hidden;
color: #fff;
}
#solution h3{
height: 38px;
line-height: 38px;
padding-left: 45px;
background: url(../images/sprite_seo1.gif) no-repeat -282px -197px;
font-size: 22px;
font-family:"microsoft yahei","微软雅黑","黑体","simsun","宋体";
font-weight: normal;
}
#solution p{
margin: 4px 0;
}
#solution p.desc{
font-size: 14px;
font-family:"microsoft yahei","微软雅黑","黑体","simsun","宋体";
line-height: 24px;
padding: 0 0 20px 45px;
}
.seoMar{
font-size:14px;
line-height:24px;
font-family:"黑体","微软雅黑","simsun","宋体";
}
.num strong{
font-size:15px;
}
#solution .btn{
float: left;
display: inline;
margin-left: 6px;
width: 184px;
height: 47px;
background-image: url(../images/sprite_seo1.gif);
background-repeat: no-repeat;
overflow: hidden;
text-indent: -9999em;
}
#solution .btnKeyword{
background-position: -135px 0;
}
#solution .btnSite{
background-position: -135px -49px;
}
.content h4{
font-size:16px;
color:#014C71;
margin-top:8px;
}
.content dl dt{
line-height:25px;
}
#superiority ul{
margin-top: 18px;
}
#superiority li {
float: left;
height: 32px;
line-height: 32px;
width: 110px;
display: inline;
margin: 0 0 5px 20px;
}
#superiority li a{
font-size: 16px;
font-family:"microsoft yahei","微软雅黑","黑体","simsun","宋体";
color: #115AA3;
}
#superiority li a:hover{
color: #F6473D;
}
#superiority li img {
background-image: url(../images/sprite_icon_32.jpg);
background-repeat: no-repeat;
width: 32px;
height: 32px;
vertical-align: middle;
margin-right: 5px;
}
.superiority1{
background-position: 0 0;
}
.superiority2{
background-position: -33px 0;
}
.superiority3{
background-position: -66px 0;
}
.superiority4{
background-position: -99px 0;
}
.superiority5{
background-position: -132px 0;
}
/* 内页内容区
---------------------------------*/
#siteSeo .content{
padding: 20px;
}
#siteSeo img {
float: left;
margin-right: 30px;
width: 119px;
height: 119px;
background: url(../images/sprite_seo1.gif) no-repeat 0 0;
}
#siteSeo dl{
line-height: 22px;
}
#siteSeo dt{
font-weight: bold;
color: #456291;
font-size: 14px;
}
#siteSeo dd{
font-size: 13px;
margin-bottom: 10px;
}
/* tab */
#seoIntro {
position: relative;
width: 653px;
}
.tabContent{
border:1px solid #D3D3D4; 
margin:0 auto;
padding:20px; 
overflow:hidden; 
display: none;
position: relative;
left: 0;
top: 37px;
z-index: 1;
width: 611px;
background:#fafafa url(../images/bg_tab_content.gif) repeat-x 0 100%;
}
#tabs {
background:url(../images/tab.gif) no-repeat 0 0;
height:33px;
padding: 5px 0 0 5px;
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 648px;
}
#tabs li{
float: left;
height:33px; 
overflow: hidden;
color:#fff; 
background: url(../images/bg_tab.gif) no-repeat 100% 0;
font-size: 16px;
font-family:"microsoft yahei","微软雅黑","黑体","simsun","宋体";
}
#tabs li span{
display: inline-block;
height: 33px;
line-height: 33px;
cursor: default;
padding:0 25px;
background: url(../images/bg_tab.gif) no-repeat 0 -33px;
}
#tabs li.active{
font-weight: bold;
color: #456291;
background-position: 100% -66px;
}
#tabs li.active span{
background-position: 0 -99px;
}
/* caseList */
.caseList {
padding-bottom: 15px;
}
.caseList li{
float: left;
width: 100%;
padding: 15px 0;
background-color: #EAF2CE;
margin-top: 15px;
}
.caseList .caseThumb{
float: left;
width: 182px;
display: inline;
margin-left: 20px;
}
.caseList .caseInfo{
float: right;
width: 400px;
display: inline;
margin-right: 25px;
color: #231815;
}
.caseInfo h3 a{
font-size: 14px;
color: #3F7D2C;
}
.caseInfo h3 a:hover{
text-decoration: underline;
}
.caseInfo h3 span{
font-size: 13px;
font-weight: normal;
color: #0075C2;
margin-left: 15px;
}
.details{
text-align: right;
}
.details a{
display: inline-block;
width: 75px;
height: 22px;
line-height: 22px;
color: #fff;
text-align: center;
background: url(../images/sprite_seo2.gif) no-repeat 0 -55px;
}
/* ourSuperiority */
#ourSuperiority{
padding-bottom: 15px;
background: url(../images/world_map.jpg) no-repeat 50% 50%;
}
#ourSuperiority li {
float: left;
width: 312px;
height: 76px;
overflow: hidden;
margin: 15px 15px 0 0;
}
#ourSuperiority li h3{
font-size: 14px;
font-family:"microsoft yahei","微软雅黑","黑体","simsun","宋体"; 
color: #0068B7;
}
#ourSuperiority li p{
margin: 5px 0;
line-height: 16px;
font-size: 13px;
}
.icon72{
width: 72px;
height: 72px;
background-repeat: no-repeat;
background-image: url(../images/sprite_icon_72.jpg);
}
#ourSuperiority  .icon72{
float: left;
margin-right: 10px;
}
.icon72-1{
background-position: 0 0;
}
.icon72-2{
background-position: -73px 0;
}
.icon72-3{
background-position: -146px 0;
}
.icon72-4{
background-position: -219px 0;
}
.icon72-5{
background-position: -292px 0;
}
/* business */
#business{
padding-bottom: 15px;
}
#business li {
float: left;
width: 300px;
height: 54px;
overflow: hidden;
margin: 15px 25px 0 0;
color: #221815;
font-family:"microsoft yahei","微软雅黑","黑体","simsun","宋体"; 
}
#business li h3{
font-size: 14px;
}
#business li p{
margin: 5px 0;
line-height: 16px;
font-size: 12px;
}
.icon48{
width: 48px;
height: 48px;
background-repeat: no-repeat;
background-image: url(../images/sprite_icon_48.jpg);
}
#business  .icon48{
float: left;
margin-right: 10px;
}
.icon48-1{
background-position: 0 0;
}
.icon48-2{
background-position: -49px 0;
}
.icon48-3{
background-position: -98px 0;
}
.icon48-4{
background-position: -147px 0;
}
.icon48-5{
background-position: -196px 0;
}
.icon48-6{
background-position: 0 -49px;
}
.icon48-7{
background-position: -49px -49px;
}
/* certificate */
#certificate .content {
padding: 15px 0;
}
#marqueeDemo2 {
width:660px;
height:182px;
margin:0 auto; 
overflow:hidden; 
}
#marqueeDemo2 ul li {
float:left;
text-align:left; 
width:222px;
}
#marqueeDemo2 ul li a{
width: 208px;
}
#marqueeDemo2 ul li img {
width: 208px;
height: 145px;
display:block; 
}
#marqueeDemo2 ul li span{
display: block;
text-align: center;
height: 31px;
line-height: 31px;
margin-top: 6px;
overflow: hidden;
background: url(../images/sprite_seo1.gif) no-repeat 1px -148px;
}
/* whatWeBring */
#whatWeBring img{
float: right;
border: 1px solid #D6D7D7;
margin-left: 15px;
}
#whatWeBring .content{
padding: 15px 20px 15px 10px;
}
#whatWeBring dt{
color: #0075C2;
font-size: 14px;
font-weight: bold;
background-repeat: no-repeat;
background-image: url(../images/list_num1.gif);
height: 34px;
line-height: 34px;
padding-left: 36px;
}
#whatWeBring dt.first{
background-position: -120px 0;
}
#whatWeBring dt.second{
background-position: -80px -37px;
}
#whatWeBring dt.third{
background-position: -40px -78px;
}
#whatWeBring dt.fourth{
background-position: -2px -119px;
}
#whatWeBring dd{
padding-left: 36px;
line-height: 20px;
}
/* caseRead */
.caseRead{
line-height: 22px;
padding: 20px;
}

/* 产品列表
---------------------------------*/
.productList {
text-align:center;
padding-bottom:20px;
}
.productList li {
width:24.9%;
float:left;
text-align:center;
overflow:hidden;
margin-top:20px;
}
.productList li a {
display:block;
}
.productList li a img {
border:#999 1px solid;
background:#fff;
padding:1px;
}
.productList li a:hover img {
border-color:#000;
}
.productList li a span {
text-align:center;
display:block;
cursor:pointer;
height:30px;
line-height:30px;
}
.productList li a:hover span {
color:#000;
text-decoration:underline;
}
/* 新闻列表
---------------------------------*/
.newsList {
margin:0 auto;
}
.newsList li {
float:left;
line-height:14px;
position:relative;
text-align:left;
width:100%;
padding:10px 0;
background:url(../images/listDiv01.gif) repeat-x 0 100%;
}
.newsList li a {
background: url(../images/list_icons.gif) no-repeat -48px -45px;
padding-left:20px;
line-height:18px;
display:block;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
top:10px;
}
.newsList02 li {
padding:5px 0;
}
.newsList02 li a{
color: #5C6C96;
}
.newsList02 li a:hover{
color: #F35613;
}
.newsList03 li {
padding:6px 0;
background: none;
}
.newsList03 li a {
background-position:-10px -77px;
}

/* 表单：左标签等宽右对齐
---------------------------------*/
fieldset {
border:none;
padding-left:120px;
}
fieldset legend {
font-weight:bold;
height:40px;
line-height:40px;
*margin-left:-7px;
}
fieldset ol {
list-style: none;
margin-top: 1em;
}
fieldset li {
display:inline;
float: left;
padding-bottom: 1em;
width: 100%;
}
fieldset li label {
float: left;
line-height:20px;
margin-right:1em;
text-align: left;
}
fieldset li span {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
width:8em;
}
fieldset input.text, fieldset textarea {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
outline:none;
padding:2px;
width:200px;
}
fieldset em {
float:left;
text-align:center;
width:7px;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:145px;
}
fieldset textarea {
height:8em;
}
.button, .pageNav a {
background:url(../images/btnBg.gif) no-repeat 0 -48px;
float:left;
height:24px;
line-height:14px;
margin:0 10px 0 0;
overflow:hidden;
padding-left:4px;
}
.button input, .pageNav a span {
background:url(../images/btnBg.gif) no-repeat 100% 0;
float:left;
border:none;
color:#666;
cursor:pointer;
font-size:12px;
display:inline;
height:24px;
line-height:24px;
outline:none;
white-space:nowrap; /* 强制不换行 */
*overflow:visible;  /*IE中input的padding值随长度变长增加bug */
padding:0 15px 0 11px;
}
.button:hover, .pageNav a:hover {
background-position:0 -72px;
}
.button:hover input, .pageNav a:hover span {
background-position:100% -24px;
color:#1D7BC4;
}
.focusField {
border:solid 1px #83C6FA;
background:#F6FCFF;
color:#000;
padding:1px;
}
.idleField {
background:#fff;
color: #6F6F6F;
border: solid 1px #7D9DB9;
padding:1px;
}
#hotline{
BACKGROUND: url(hotline.gif) no-repeat 0px 0px;
text-align:right;
font-size:18px;
color:#669FDE;
font-weight:bold;
height:35px;
line-height:35px;
width:220px;
}