@charset "utf-8";
/*global*/
dl,dt,dd,h3,h4 {margin:0}
dl:after, .info:after {display:block;content:'\20';height:0;clear:both;}
dl,.info {zoom:1;}
.info {padding-bottom:20px!important;}
.ti2em {padding:5px 0;}
.ti2em p {text-indent:2em; margin:0 0 0.3em 0;}
.intro {color:#808080;}
.app .info {background:#fff;margin-bottom:1px;}
.app dt {float:left; overflow:hidden;}
.app h4 a {color:#282828; font-weight:600}
.app dd {color:#808080; font:12px/1.8 tahoma,arial,simsun;}

/*公用标题栏*/
.shop_title,.cms_title,.bbs_title,.blog_title,.other_title {
	background-image:url(tbg.jpg);background-repeat:no-repeat;
	height:40px; 
	font:600 14px/36px tahoma,arial,simsun; color:#fff;
	margin-left:-5px;margin-top:-1px; padding:0 10px 0 22px;
}
.shop_title {background-position:0 0; color:#455272;}
.cms_title {background-position:0 -50px; color:#2E4207;}
.bbs_title {background-position:0 -100px; color:#017DB0;}
.blog_title {background-position:0 -150px; color:#224963;}
.other_title {background-position:0 -200px; color:#222;}

/*列表页*/
.ver {padding-left:10px; font-weight:normal!important; font-size:12px; color:#383838;}
.space {float:left; width:15px; height:100px;}
.more a {margin-right:8px;}
.ico_info {background:url(info.gif) left center no-repeat; padding-left:16px}
.ico_view {background:url(view.gif) left center no-repeat; padding-left:16px}

/*详细页*/
.details {padding-top:0!important;}
.details dl {padding:6px 0 18px 0; border-bottom:1px dashed #f5f5f5;}
.details dd {
	-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,.1) inset; 
	box-shadow:1px 1px 2px 1px rgba(0,0,0,.1) inset; 
	border:1px solid; border-color:#E9E9E9 #EFEFEF #EFEFEF #E9E9E9;
	-moz-border-radius: 5px; 
	border-radius:5px;
	padding:10px; 
}
.details h4 {color:#282828; font-size:14px;}
.details .more {color:#333}
.details .pkg {margin:10px 0; color:#333}

/*程序图标*/
.ico_shop,.ico_cms,.ico_bbs,.ico_blog,.ico_other {display:inline-block;*display:inline;*zoom:1; width:100px; height:80px; background-repeat:no-repeat; margin:5px 0 10px 1px;}
.ico_shop {background-image:url(shop.gif);} 
.ico_cms  {background-image:url(cms.gif);} 
.ico_bbs  {background-image:url(bbs.gif);} 
.ico_blog {background-image:url(blog.gif);}
.ico_other{background-image:url(other.gif);}
.bp1 {background-position:4px 0}
.bp2 {background-position:4px -120px}
.bp3 {background-position:4px -240px}
.bp4 {background-position:4px -360px}
.bp5 {background-position:4px -480px}
.bp6 {background-position:4px -600px}
.bp7 {background-position:4px -720px}
.bp8 {background-position:4px -840px}
.bp9 {background-position:4px -960px}
.bp10 {background-position:4px -1080px}

/*标签*/
.app dt i {display:inline-block; *display:inline;*zoom:1; margin:3px 0 3px 5px; padding:3px 7px; height:16px; line-height:16px; font-style:normal; font-size:12px; cursor:default;
	/*background-image:url(ico_tags.gif); background-repeat:no-repeat;
	background:#F5F5F5;*/
	-moz-box-shadow:1px 1px 0 #aaa; /*ltFF3.6*/
	box-shadow:1px 1px 0 #aaa;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#aaaaaa'); /*ltIE9*/
}
.ico_php	{color:#030406; background:#CED7E7}
.ico_mysql	{color:#023B5B; background:#FBEBD9}
.ico_zend	{color:#133149; background:#f6f6f6}
.ico_asp	{color:#666; background:#F5F5F5}
.ico_access {color:#1C5674; background:#DDEFF7}
.ico_aspnet {color:#276780; background:#FFF2EA}
.ico_mssql	{color:#1C5674; background:#FFF2EA}
.ico_open	{color:#296D37; background:#E1F4E5}
.ico_free	{color:#f60; background:#FFF2EA}

/*按钮*/
.bt_3rd {
	border-left: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
	height:1.5em;
	padding: .1em .8em;
	display:inline-block; *display:inline; *zoom:1;
	color: #333;
	/* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 14px/1.5em tahoma,'microsoft yahei',simhei;
	text-shadow: 0 1px #fff;
	background-image: linear-gradient(top, #fff, #ccc);/* IE6–IE9 */
	}
.bt_3rd:hover{
	background-position: 0% 0%;
	color: #000;
	text-decoration: none;
	/* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	border-color: #54A1CB;
	-moz-box-shadow: 0 0 3px rgba(84, 161, 203, .8);
	box-shadow: 0 0 3px rgba(84, 161, 203, .8);
	background-image: linear-gradient(top, #fff, #bbb);
/* IE6–IE9 */
	background-color: #eee;
	background-repeat: repeat;
	background-attachment: scroll;
}
.bt_3rd:focus {
	outline:0 none;
	/* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	border-color: #888 #aaa #aaa #888;
	background-image: linear-gradient(top, #bbb, #fff);
}


.title2{border-top:1px solid #eee;}
#title{padding:6px 10px 10px 10px;font-weight:bold;}
.bt1{padding:0px 40px 0px 0px;}
.bt1 a{background:url(../n/bt1.gif) center -25px no-repeat;color:white;padding:3px 0px 1px 0px;text-align:center;display:block;float:right;width:96px; text-decoration:none;margin-left:10px;}
.bt1 a:hover {background-position:center 0px;color:white;text-decoration:none;}
.ttd {border-top:1px dotted #ccc;}
.ttd td{ border-bottom:1px dotted #ccc;padding:5px 0;}
.detail{color:#f00;font-size:13px;padding-top:5px;}

.jjfa_ht{padding-left:5px;}
.jjfa_left{float:left; padding-left:3px; width:400px;padding:15px 0px 0px 15px;}
.jjfa_left p{border-bottom:#999 1px dashed; margin-bottom:20px; line-height:24px;}
.jjfa_right{float:right; width:310px; padding-top:10px; padding-bottom:10px;}
.clear{clear:both;}

.jztc_left{float:left; width:400px; }
.jztc_left img{ padding-left:100px; padding-top:10px;}
.jztc_left ul{padding-top:10px;padding-left:20px;}
.jztc_left ul li
.jztc_left ul p{ line-height:20px;}
.jztc_right{float:right; padding-right:10px;}
.jztc_right p{padding-top:50px;}

.jztcB{padding-top:20px;}
.jztcB_left{float:left; }
.jztcB_left p{padding-top:50px;}
.jztcB_left img{padding-top:10px;}
.jztcB_right ul{padding-top:10px;padding-left:20px;}
.jztcB_right ul p{line-height:20px;}
.jztcB_right{float:right; padding-right:10px;width:400px; }
.jztcB_right img{ padding-left:100px;}

.demo2{padding:20px 10px 10px 10px;}
.demo2 .jztc{list-style:none;overflow:hidden;width:762px;background:#ececec; height:38px;}
.demo2 .jztc li{ width:184px;float:left;height:38px;line-height:38px;color:#9d9d9d; font-size:14px; font-weight:bold;text-align:center;cursor:pointer;margin-right:2px;}
.demo2 .jztc li.jztc1{color:#fff;background:url(../images/design/bg_qh.jpg);}


img {border:0}
.demo2 .tab_menu{list-style:none;overflow:hidden;width:755px;font-size:14px;border-left:1px solid #dddddd;font-weight:bold;background:url("images/tabbottom.gif") repeat-x;}
.demo2 .tab_menu li{float:left;height:35px;line-height:35px;color:#333;text-align:center;cursor:pointer;margin-right:2px;background:url("images/tabback.jpg")  #dddddd;padding:0px 25px 0px 25px;border:1px solid #ccc;}
.demo2 .tab_menu li.current{color:#cc0000;background:url("images/tabhot.jpg") repeat-x #fff;border:1px solid #cccccc;border-bottom:1px solid #ffffff;}
.demo2 .tab_box{padding:0px;}
.hide{display:none!important;}
/*第三方程序那里的选项卡*/
.app {padding-bottom:20px;}
.app dl {width:350px; padding:10px 0; float:left; border-bottom:1px dotted #f0f0f0}
.app dt {background:url(images/design/icobg.jpg) no-repeat; width:115px; height:102px;}
.app h4 {font-size:12px;}
/*案例*/
.anli,.app {*zoom:1; clear:both;} .app:after,.anli:after {display:block;content:'\20';height:0;clear:both}
.anli p {background: url("images/design/thumb-bg.png") no-repeat scroll 0 0 transparent;float: left;height: 160px;margin:10px 12px 20px;overflow: hidden;padding: 4px;text-align: center;width: 150px;}
.anli img {border: 1px solid #CCCCCC;clear: both;display: block; height: 120px; margin: 0 0 10px;width: 150px;}
.anli span {line-height:1.2}
.anli h3 {padding:5px 30px 0 0; font-size:12px;}
.anli h3 a {font-weight:400; font-size:12px;}
.clear {clear:both}
.shoptpl {padding:20px 0; overflow:hidden;zoom:1}
.shoptpl p {float:left; _display:inline; width:202px;height: 180px; margin:5px 20px; overflow: hidden;padding: 4px;text-align: center;}
.shoptpl img {padding:1px; border:1px solid #ccc;}


.assortment{ width:100%; border:#ccc 1px solid;}
.sfl{width:24.8%; background:#fff; border-right:1px solid #ccc; float:left;}
.sfl .title{ background:url(../images/design/assortment.jpg);}
.sfl .title h3{text-align:center;}
.sfl .wleft{float:left;}
.sfl .wright{padding:50px 0px 0px 0px; font-weight:bold; }
.sfl .wright span{color:#C30;}
.sfl .parameter dl{border-top:1px #ccc solid;}
.sfl .parameter dt{float:left; width:40%; padding:5px 0px 1px 8px; border-right:1px solid #ccc;}
.sfl .parameter dd{padding:5px 0px 1px 8px;}
.byxhx{}

.illustrate { background:#fff; border:1px #ccc solid;}
.illustrate .tBar td { background:#2266b3; color:#fff; padding:5px 0px;
    font-weight: bold; text-align:center;}
.illustrate	 .b {
    background: none repeat scroll 0 0 #EDF7FA;
}
.illustrate td { border-bottom:1px solid #B9DEED;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color #B9DEED #B9DEED -moz-use-text-color;
    border-image: none;
    border-right: 1px solid #B9DEED;
	
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
    font-size: 12px;
    padding: 3px 3px 3px 6px;
    text-align: left;
}