@charset "gb2312";
/* 
  =======
ҳҳģʽ
=======
 */

/*pages_top*/
.topline{background:#261b0f; height:3px; 
line-height:3px; font-size:0; overflow:hidden;
}
.globalTop{
width:940px;
background:url(../images/topbg.gif) repeat-x 0 0;
height:78px; text-align:right; margin-bottom:2px;
padding-right:20px;
}
.globalTop .call{
padding-top:40px;
}
.globalTop .call span{
font-size:25px; color:#fa5e00;
font-weight:bold;
font-family:"";
}

.logo{
float:left;
margin:30px auto auto 20px;
}
/*nav*/
#nav{
width:960px; margin:0 auto;
background:url(../images/navbg.gif) repeat-x 0 0;
height:42px;
}
#nav span{
display:block; float:left;
background:url(../images/bg.gif) repeat-x 0 0;
width:8px; height:42px;
}
#nav span.r{
background:url(../images/bg.gif) no-repeat -10px 0;
float:right;
}
#nav ul,#nav li{
float:left; height:42px; line-height:42px; color:#fff;
}
#nav li{
background:url(../images/navbg1.gif) no-repeat right 50%;
padding:0 5px; position:relative;
}
#nav li .dot{position:absolute; top:-3px; right:8px;}
#nav li.noborder{
background:none;
}
#nav li a{
display:block; width:70px; text-align:center; color:#fff;
text-decoration:none; line-height:50px; _margin-bottom:-20px;
}


#nav li a.ec{
display:block; width:120px; text-align:center; color:#fff;
text-decoration:none; line-height:50px; _margin-bottom:-20px;
}

#nav li a.ec1 {
color:#FFFFFF;
display:block;
line-height:50px;
text-align:center;
text-decoration:none;
width:80px;
}
#nav li a.ec2 {
color:#FFFFFF;
display:block;
line-height:50px;
text-align:center;
text-decoration:none;
width:50px;
}

#nav li a:hover,#nav li a.cur{
background:url(../images/bg.gif) no-repeat 0 -86px; color:#000;
text-decoration:none;
}
/*footer*/
#copy{
width:960px; background:url(../images/copyBg.gif) repeat-y top left;
padding:25px 0; text-align:center; margin-top:5px;
background:#f7f7f7;
}
#copy p,#copy p a{
color:#10a1cd; text-decoration:none;
margin-bottom:0px;
}
/* Layout */
.global{
width:960px; height:auto;
position:relative;
border:1px #e0e8eb solid;
background:#f6f6f4;
}


/*down_banner*/
.ecdown_banner{
width:452px; height:216px;
margin:4px; padding-left:499px;
background:url(../images/ec_down_banner.gif) no-repeat top left;
}
.ecdown_banner h1{
height:36px; width:auto; text-align:left; display:block;
padding-top:25px; margin-bottom:10px; float:left;
}
.ecdown_banner .content{
height:71px; width:400px; text-align:left; 
display:block; overflow:hidden; float:left;
}
.ecdown_banner .bottom{
height:46px; width:404px; padding-bottom:13px; display:block; float:left;
background:url(../images/down_button_bg.gif) no-repeat bottom left;
}

/*ϵͳҪ*/
.system_require{
width:681px; height:357px; background:url(../images/system_require_bg.gif) no-repeat top left;
float:left; margin-left:4px; _margin-left:2px;
}
.system_require h1{
height:35px; font-size:16px; font-family:""; line-height:35px; padding-top:8px;
text-align:left; text-indent:45px; display:block; color:#10a1cd;
}
.system_require .content{
padding:10px 25px; text-align:left;
}
.system_require .content b{
font-weight:bold; font-size:14px; color:#1c1b1b;
}

/*history_edition*/
.history_edition{
width:261px; height:230px; display:inline;
background:url(../images/history_edition.gif) no-repeat top left;
float:right; clear:right; margin-right:5px; 
}
.history_edition h1{
height:42px; line-height:42px; text-align:left; text-indent:40px;
font-size:12px; color:#10A1CD; padding-top:5px;
}
.history_edition p{
width:237px; height:auto; padding:5px 10px; margin-bottom:12px; display:block;
text-align:left; text-indent:24px; line-height:22px;
}


/*template*/
.WholeTemplate{
width:948px; border:1px #e3e9ec solid; margin:8px auto;
text-align:left;
padding-left:2px;
background: #f2f7f7 url(../images/templatebg.gif) no-repeat top left;}
.WholeTemplate h1{
font-size:16px; font-family:"΢ź"; color:#10a1cd;
text-align:left; text-indent:50px; line-height:40px; margin-bottom:6px; padding-top:5px;
}
.WholeTemplate h4{font-size:16px; font-family:"΢ź"; color:#10a1cd;
text-align:left;line-height:32px; margin-bottom:6px;
background:url(../images/titbg.gif) repeat-x bottom;height:32px; overflow:hidden; margin:8px 10px 0 40px; 
}
.template{
width:950px; 
}
.template h3{
font-size:12px; color:#777; font-weight:bold; width:97%;
border-bottom:1px #ccc solid; margin:10px auto;
text-align:left; height:30px; line-height:30px;
}
.PageLest{ width:681px; float:left; background: url(../images/leftbg.gif) no-repeat top left;margin:8px 4px; text-align:left; background-color:#f2f7f7; 
border:1px #e3e9ec solid; }
.PageLest h1{
font-size:16px; font-family:"΢ź"; color:#10a1cd;
text-align:left; text-indent:50px; line-height:47px; margin-bottom:6px; padding-top:5px;
}
.PageRight{ width:264px; float:right;}
.FreeTemplate{margin-top:8px;}
.FreeTemplate ul{background:url(../images/rightbg.gif) no-repeat;}
.FreeTemplate li{ width:240px; margin:0 auto 10px auto; border-bottom:1px dashed #d3e1e5;  padding-bottom:40px; *padding-bottom:20px;}
.FreeTemplate img{ width:166px; height:162px; padding-top:10px;}
.FreeTemplate ul h2{ color:#0587c3; padding-left:30px; text-align:left; font-size:14px; height:40px; line-height:40px;}
.FreeTemplate h6
{
color:#027396;
padding:5px 14px 8px 14px;
text-align:left;
}
.FreeTemplate h6 a{
font-size:12px; font-weight:bold; color:#027396;
}
.FreeTemplate h6 a:hover{
color:#666;
}
.more{ font-weight:normal;margin-right:10px; height:50px;}
.more img{ font-weight:normal;margin-right:10px; height:30px; width:78px;height:23px;}
.more a{ color:#10a1cd; }
.more a:hover{color:#000;}
.PicList{
width:227px; 
min-height:1px;
display: -moz-inline-stack;
display: inline-block;
padding:21px 0 0 0;
text-align:center;
vertical-align: top;
margin:20px 0 0 60px;
zoom:1;
*display:inline;
_height:1px;
background:url(../images/newlibg.gif) no-repeat;
}
.WholeTemplate .PicList{margin:20px 0 0 4px; }
.PicList .PicListT{background:url(../images/newlibgt.gif) no-repeat bottom; width:228px;margin:0 auto 5px auto;overflow:hidden; padding-bottom:10px;}
.PicList img{
width:200px; height:248px;
border:1px #ccc solid; margin:10px auto 10px auto;
}
.PicListT h6{
color:#027396;
padding:5px 14px 8px 14px;
text-align:left;
}

.PicListT h6 a:hover{
color:#666;
}
.PicListT h6 a{
font-size:12px; font-weight:bold; color:#027396;
}
.PicList p ,.FreeTemplate p, .PageLest p{
clear:both; text-align:left;
font-size:12px; line-height:20px; padding:0 10px;
}
.PicList p a:hover,.FreeTemplate p a:hover, .PageLest p a:hover{
background:url(../images/template_ico1.gif) no-repeat left top;
color:#10a1cd;
}
.TemplateLeft{ float:left; *text-indent:2px;}
.PicList p a, .FreeTemplate p a, .PageLest p a{
background:url(../images/template_ico2.gif) no-repeat left top; 
font-size:12px; line-height:20px; text-indent:18px; color:#666666;
float:right;
*padding-right:8px;
}
.none{ display:none;}
.attrTit{background:url(../images/titbg.gif) repeat-x;height:42px;border-left:1px solid #ced2d2;width:940px;}
.attrTit h2{background:url(../images/templateh2bg.gif) no-repeat right top;
 font-weight:700; color:#5678d0; text-align:center;  float:left;  height:42px; padding:0 15px;display:inline; white-space:nowrap;cursor:pointer; border-bottom:none; font-size:14px; color:#000; line-height:42px;position:relative; top:1px;
}
.attrTit h2 span{display:block; width:6px; height:42px;}
.attrTit .h2bg{height:42px; border-bottom:none; font-weight:normal; color:#444; font-size:12px;line-height:42px;background:url(../images/rightline.gif) no-repeat right top;}
.captcha img{ position:relative; top:5px;}

/*introduction*/
.introduction{

}
.introduction .banner{
width:205px; height:58px; margin:6px auto; padding:158px 187px 0 556px;
background:url(../images/intro_banner.gif) no-repeat top left;
}
.introduction .ecshop{
height:357px; width:948px; margin:0 auto 20px auto;
background:url(../images/ecBg.gif) no-repeat 0 0;
}
.introduction .ecshop h1{
background:url(../images/ecBg_caption.gif) no-repeat left top;
height:42px; font-size:12px;
}
.introduction .ecshop .content{
width:90%; margin:0 auto; padding-top:20px; height:auto;
}
.introduction .ecshop p{
text-align:left; display:block;
margin-bottom:12px; 
}
.introduction .ecshop {
background:url("../images/ecBg.gif") no-repeat scroll 0 0 transparent;
height:357px;
margin:0 auto 20px;
width:948px;
position:relative;  /* 此处为新增加的相对浮动属性*/
}
.ecshop .ec_pic {
position:absolute;
top:50px;
left:700px;
width:172px;
height:34px;
overflow:hidden;
}

/*custom*/
.custom{
width:951px; margin:10px auto;
}
.custom_banner{
width:951px; height:216px; margin:6px auto;
}
.custom .left{
width:681px; float:left;
}
.custom .right{
width:261px; float:right; background:url(../images/sell_bg.gif) no-repeat top left;
}

/*custom-flow*/
.flow{
weith:681px; background:#fff; padding:5px 0 0 0; margin-bottom:8px;
}
.flow h3{
height:30px; background:url(../images/custom-flow-caption.gif) no-repeat left top;
font-size:16px; line-height:30px; text-align:left; color:#10a1cd; text-indent:50px;
}
.flow img{
width:678px; height:119px; margin:0 auto;
}

/*custom-developent*/
.development{
background:url(../images/custom_bg.gif) no-repeat top left;
width:679px; border:1px #e3e9ec solid; margin-bottom:8px;
}
.development h3{
height:30px; line-height:30px; font-size:16px; color:#10a1cd;
text-align:left; text-indent:46px; padding-top:12px;
}
.development .content{
padding:15px 20px 0 20px;
}
.development p{
display:block; margin-bottom:12px; text-align:left;
}

/*custom-message*/
.message{
width:679px; border:1px #e3e9ec solid; background:#fff;
}
.message p{
height:40px; text-indent:40px; display:block; text-align:left; 
line-height:40px; margin-bottom:6px;
}
.message h3{
height:21px; width:659px; background:url(../images/message.gif) no-repeat top left;
text-align:left; text-indent:32px; font-size:12px; color:#000; line-height:21px; margin:0 auto;
}
.message .content{
width:657px; border:1px #e3e9ec solid; border-top:none; color:#000; background:#fff;
margin-bottom:10px;
}
.message .frame{ 
width:100px; border:1px #ccc solid; float:left;
}
.message .frame1{
width:260px; height:100px; border:1px #ccc solid; float:left; white-space:normal;
word-wrap:break-word; word-break:break-all;
}

/*custom-۴*/
.sell_right{
width:261px; float:right; background:url(../images/sell_bg.gif) no-repeat top left;
margin:10px 3px 0 0;
}
.sell{
background:#fff; border:1px #acbfc7 solid; margin:60px auto 0 auto;
width:235px;
}
.sell h2{
background:url(../images/sell_caption.gif) no-repeat bottom left; padding-top:10px; color:#000;
height:29px; width:221px; margin:0 auto; font-size:12px; line-height:29px; text-align:left; text-indent:20px; 
}
.sell .cont{
width:93%; border-bottom:1px #d4e2e6 dashed; overflow:hidden; zoom:1; padding:10px 0px;
}
.custom_contact{
border-top:4px #d3e1e5 solid; margin:0 1px; background:#f8fbfb;
}
.custom_contact h4{ 
font-size:13px; color:#0587c3; line-height:14px; padding-top:13px; text-align:left; text-indent:20px;
background:url(../images/custom_contact_caption.gif) no-repeat bottom left;
}

/*service*/
.service{
width:679px; float:left; margin:10px 0 0 3px; border:1px #E3E9EC solid; 
background:#fff url(../images/custom_bg.gif) no-repeat top left; padding-bottom:20px;
}
.service h1{
height:30px; line-height:30px; font-size:16px; color:#10a1cd;
text-align:left; text-indent:46px; padding-top:12px;
}
.service h2{
font-weight:bold; font-size:12px;
height:50px; line-height:50px; text-align:left; text-indent:30px;
}
.service .h2content{
width:96%; margin:0 auto;
}
.service .h2content p{
width:100%; border-bottom:1px #d3e1e5 dashed;
font-size:12px; line-height:28px; text-align:left;
}
.service .h2content span{ color:#036dbf;}
.service h3{
font-size:14px; color:#036dbf; text-align:left; text-indent:30px; 
height:50px; line-height:50px; background:#f8fbfb; margin:0 1px;
border-bottom:4px #d3e1e5 solid;
}
/*service_price*/
.service_price{
padding-top:25px; background:#fff;
}
.service_price h4{
font-size:14px; line-height:18px; height:18px; background:url(../images/service_price1.gif) no-repeat left top;
color:#10a1cd; width:90%; margin:0 auto; text-align:left; text-indent:20px; padding-bottom:3px;
}
.service_price .explanation{
height:26px; width:90%; margin:0 auto; line-height:26px; font-size:12px; text-align:left; color:#333;
}
.service_price .explanation span{
color:#ff6600;
}
.service_price .content{
width:95%;
border:1px #dedede solid; margin:0 auto;
}
.service_price .content .h1,.single{
font-size:13px; font-weight:bold; color:#fff; text-align:left; text-indent:16px;
}
.service_price .content .h2,.singleTd{ 
text-indent:16px; text-align:left;
}
.service_price .content h6{
color:#333333; padding-left:16px; font-size:12px; font-weight:normal;
}
.service_price .content a{
color:#ff6600; font-weight:bold;
}




/*legal*/
.legal{
width:840px; margin:10px auto;
}
.legal h3{
text-align:left; padding-top:10px; font-size:14px;
}
.legal p{
text-align:left; text-indent:25px; margin-bottom:8px;
}
.legal ol{
padding:0px; *margin-left:0px;
}


/*contact_us*/
.contact{
width:948px; margin:10px auto;
background:#fff url(../images/ecBg2.gif) no-repeat left top;
border:1px #e2e9eb solid;
}
.contact h1{
font-size:16px; line-height:46px; text-align:left;
text-indent:35px; height:46px; color:#10a1cd; padding-top:2px;
}
.contact .content{
width:90%; margin:0 auto;
}
.contact .content h2{
font-size:12px; font-weight:bold; text-align:left; 
line-height:26px; height:26px; color:#000;
}
.contact .map{
margin:20px; width:100%; text-align:left;
}
.contact .map img{
float:left;
}

/*global*/
#global{
}
#law-list {
line-height:1.6em;
text-align:justify; padding-bottom:20px;
}
#law-list h3 {
color:#FF6C00; font-size:12px;
margin:20px 0 5px;
}
#law-list p {
margin-bottom:5px;
}
#law-list ol {
padding:0px; padding-left:20px; margin:0px;
}
#law-list ol li {
list-style-type:decimal;
color:#666666;
}

/*plugins*/
.plugins h3{
border-bottom:4px solid #d3e1e5;
}
.plugins h3 a{
color:#10a1cd; font-size:12px; font-weight:100;
}
.plugins h3 p{
border-bottom:4px solid #757d8a; margin:0px; position:relative;bottom:-10px;
color:#000;
}
.plugins li{
background:url(none.gif); text-align:left; overflow:hidden;
background-color:#fff;border:1px solid #d3e1e5; width:215px; padding:5px;
}
.pluginsmore{ float:left; margin:4px 3px 3px 4px;}
.plugins li h6{
background:url(../images/dot.gif) no-repeat 3px 3px; padding-left:20px; height:55px;
border-bottom:1px dashed #d3e1e5; text-indent:0px; margin-bottom:8px;
}
.plugins li h6 a{
font-size:14px; font-weight:100; color:#10a1cd;line-height:120%; 
}
.plugins li h6 span{
font-size:12px; color:#888; font-weight:100; position:absolute; bottom:2px;
} 
.plugins li h6 span a{
color:#888;
}
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}
.TitHeight{ padding-top:8px;}
.Shenming{
height: 30px;
width: 948px;
}
.Shenming p{
color:red;
font-size:12px;
margin:8px 0px 0px 40px;
}
.Shenming p a{
color:blue;
}
