@import url("imscroll.css"); /*-客服-*/

body {font-family: Arial, Helvetica, sans-serif;font-size:12px;background-color:#fff;color:#333;margin:0 auto;}
*{ margin:0; padding:0;}
a:link,a:visited{ color:#333;text-decoration:none;}
a:hover{color:#cc0000;text-decoration:none;}


/*---------------------------布局-------------------------------------------------*/
#headerwrap{ border-top: 2px solid #666}
#header{ margin:0 auto; width:980px;}
#headercontent{ float:left; width:980px;background:url(images/dreamimg/logo_line.jpg) no-repeat 371px 100px; padding:10px 0 15px 0}

#d_mainthr{margin:0 auto; width:980px;}
.d_mainthrcontent{ float: left;width:980px;}
.d_mainthrcontent .firstcol{float: left; width:220px}
.d_mainthrcontent .maincol{float: left; width:520px; margin-left:10px;}
.d_mainthrcontent .extracol{float: right; width:220px}

#indexfooterwrap{}
#footer{ margin:10px auto 0 auto; width:980px;}
#footercontent{ float:left; width:980px; }

#footerwrap{ background:url(images/dreamimg/footerbg.jpg) repeat-x ;}

#indexlinkwrap{background:#eee;}
#link{ margin:10px auto 0px auto; width:980px;}


/*---------------------------header-------------------------------------------------*/
#headercontent h1 a{ float:left; background:url(images/dreamimg/logo.jpg) no-repeat; width:277px; height:80px; text-indent:-8888px; margin-left:0px;}
#topmainmenu{ float:left; color:#cc0000; margin-left:20px; width:320px; display:inline }
#d_topmenu { float:right;}
#d_topmenu a { margin:0 10px;}

#flashbannerwrap{background:url(images/dreamimg/flashbannerbg.jpg) repeat-x ;margin-bottom:10px }
.flashbanner{ margin:0 auto; width:980px; }

/*---------------------------mian-------------------------------------------------*/
/*---------------------------left-----------------*/
.sidenav{ float:left; width:220px; height:74px; border-bottom:1px solid #D8D8D8; display:block; padding-top:3px;}
.sidenav h3{ font-size:12px; line-height:30px}
.sidenav p{ width:120px}
a#sidelogo{background:url(images/dreamimg/sidepic.jpg) no-repeat right top;}
a#sidelogo:hover{background:url(images/dreamimg/sidepic.jpg) no-repeat right -74px;}
#sidebanner{background:url(images/dreamimg/sidepic.jpg) no-repeat right -148px;}
a#sidebanner:hover{background:url(images/dreamimg/sidepic.jpg) no-repeat right -222px;}
#sideflash{background:url(images/dreamimg/sidepic.jpg) no-repeat right -296px;}
a#sideflash:hover{background:url(images/dreamimg/sidepic.jpg) no-repeat right -370px;}
#sidepic{background:url(images/dreamimg/sidepic.jpg) no-repeat right -444px;}
a#sidepic:hover{background:url(images/dreamimg/sidepic.jpg) no-repeat right -518px;}
#sideposter{background:url(images/dreamimg/sidepic.jpg) no-repeat right -592px;}
a#sideposter:hover{background:url(images/dreamimg/sidepic.jpg) no-repeat right -666px;}
#sidephoto{background:url(images/dreamimg/sidepic.jpg) no-repeat right -740px;}
a#sidephoto:hover{background:url(images/dreamimg/sidepic.jpg) no-repeat right -814px;}
#sideservice{background:url(images/dreamimg/sidepic.jpg) no-repeat right -888px;}
a#sideservice:hover{background:url(images/dreamimg/sidepic.jpg) no-repeat right -962px;}

/*---------------------------middle-----------------*/
#d_mainthrcontentsecond{ margin-top:5px}
.mainblock{ float:left; border:1px solid #D8D8D8; width:518px;background:url(images/dreamimg/mainblockbg.jpg) no-repeat 1px bottom;}
.mainblock h3{ float:left; width:480px;background:url(images/dreamimg/mainblocktitlebg.jpg) no-repeat ; padding: 5px 0 14px 20px; margin:10px 0 0 7px}
.mainblock h3 span{ float: right; font-size:12px; font-weight:normal; margin-right:30px; }
	#indextempshow dl{	margin:10px  0 0 9px;}
	#indextempshow  dl a.s_pic{	width:158px; height: 109px;}
	#indextempshow  dl a.s_pic img{	width:158px;height: 109px;}
 	#indextempshow  dt {margin:3px 0 0 0;	padding:2px 0;line-height:18px;	width:160px; background:none}
#development{ border-top:none; }
#development h3 span a{ margin-left:10px}
#development ul{ float:left; width:230px; margin:0 0 0 20px; padding:5px 0 10px 0 ; line-height:22px; display:inline}
/*---------------------------extra-----------------*/
.sideblock{ float:left;}
.sideblock h3{ float:left; border-bottom:1px solid #D8D8D8; width:210px; font-size:12px ; line-height:32px; padding-left:10px }
.sideblock h3 span{ float: right; font-size:12px; font-weight:normal; margin-right:10px; }
.sideblock p{ float:left; padding:10px 0 10px 13px; width:207px}
/*--------------------------footer-----------------*/
#indexfooterwrap #d_footermenu{ float:left; width:660px; line-height:33px; margin-left:220px; display:inline}
#indexfooterwrap #d_footermenu a{ margin:0 10px}
#indexfooterwrap  #copyright{ float:left; width:920px;  line-height:24px ; margin-top:10px}
#indexfooterwrap  #copyright #footerlogo { float:left; width:189px; height:53px ;}
#indexfooterwrap  #copyright #footerlogo a{ float:left; width:189px; height:53px ;background:url(images/dreamimg/footerlogo.jpg) no-repeat; text-indent:-8888px}
#indexfooterwrap  #copyright p{ float:left; width:680px; margin-left:20px; display:inline}
#copyrightbar{ float:left; padding-top:4px ; width:680px;}
#indexfooterwrap  #copyrightbar p span{ float:left; display:block; margin:5px 0 0 0}
.footer-header{ float:left; width:30px; height:108px;background:url(images/dreamimg/footerblock.jpg) no-repeat left top;}
.footer-body{ float:left; width:920px;height:108px;background:url(images/dreamimg/footerblock.jpg) repeat-x left -243px;}
.footer-footer{ float:left; width:30px;height:108px; background:url(images/dreamimg/footerblock.jpg) no-repeat right -120px;}


#linkcontent{ float:left; width:980px; padding:20px 0 }
#linkcontent div{ float:left;width:980px;}
#linkcontent h3{ margin:10px 0}
#linkcontent ul{ float:left ;list-style:none;width:980px;}
#linkcontent ul li{ float:left; margin:2px 0 0 10px}
#linkcontent .linkbar ul li img{ width:106px; height:40px}
#linkcontent #textflink { line-height:23px;}
/*--------------------------footer02-----------------*/
#footerwrap #d_footermenu{ float:left; width:980px; text-align:center; line-height:49px}
#footerwrap #d_footermenu a{ margin:0 20px}
#footerwrap #copyright{ float:left; width:980px; text-align:center ; line-height:30px}

/*---------------------------page-------------------------------------------------*/
/*---------------------------布局-------------------------------------------------*/
#headerpagewrap{ border-top: 2px solid #666}
#headerpage{ margin:0 auto; width:900px;}
#headerpagecontent{ float:left; width:900px;padding:10px 0 15px 0}

#d_maintwopage{margin:0 auto; width:900px; margin-top:20px}
.d_maintwopagecontent{ float: left;width:900px;}
.d_maintwopagecontent .firstcol{float: left; width:160px; margin-left:20px; display:inline}
.d_maintwopagecontent .maincol{float: right; width:690px; margin-left:10px; margin-top:2px}
/*---------------------------header-------------------------------------------------*/
#headerpagecontent h1 a{ float:left; background:url(images/dreamimg/logo.jpg) no-repeat; width:277px; height:80px; text-indent:-8888px;}
#d_topmenu01 { float:right;background:url(images/dreamimg/pagemenu01bg.jpg) no-repeat; width:580px; line-height:33px; padding-left:20px}
#d_topmenu01 a:link,#d_topmenu01 a:visited { margin:0 10px; font-size:14px; font-weight:bold; display:block; float:left; padding:0 20px}
#d_topmenu01 a:hover{ background:url(images/dreamimg/pagemenuhover.jpg) repeat-x; color:#FFFFFF}
#d_topmenu02 { float:right; margin-top:16px}
#d_topmenu02 a { margin:0 7px;}
/*---------------------------mian-------------------------------------------------*/
/*---------------------------left-----------------*/
.border01{ float:left; width:160px; margin-bottom:10px }
.border01 .border-header{ float:left; width:160px;background:url(images/dreamimg/border01.jpg) no-repeat left top; height:53px; padding-top:10px; text-align:center }
.border01 .border-header p{ margin:0}
.border01 .border-body{ float:left; width:140px;background:url(images/dreamimg/border01-body.jpg) repeat-y ; padding:0 10px }
.border01 .border-footer{ float:left; width:160px;background:url(images/dreamimg/border01.jpg) no-repeat left bottom; height:17px}
.border01 .border-body li{border-bottom: 1px solid #e7e7e7; line-height:30px; padding-left:34px;background:url(images/dreamimg/icon01.jpg) no-repeat 10px 11px; }

#designhelp .border-header p{ margin-top:10px; font-size:14px;}
/*---------------------------middle-----------------*/
.d_maintwopagecontent .maincol h2{ font-size:14px ;background:url(images/dreamimg/icon.jpg) no-repeat; padding:0 0 10px  20px;}
#pagenavmap{ float:left; background:url(images/dreamimg/pagenavmapbg.jpg) no-repeat; width:690px; padding:10px 0 16px 10px; margin-top:15px}
.text{ float:left; width:690px; margin-top:20px}
.text .border-header{ float:left; width:690px;background:url(images/dreamimg/pagetextbg.jpg) no-repeat left top; height:10px}
.text .border-body{ float:left; width:600px;background:url(images/dreamimg/pagetextbg-body.jpg) repeat-y ; padding:30px 45px;  }
.text .border-footer{ float:left; width:690px;background:url(images/dreamimg/pagetextbg.jpg) no-repeat left bottom; height:10px}
.text .border-body p{ line-height:28px; padding:10px 0;font-size:14px; }

div#linkus p.qqlink{
	float:left;
	width:685px;
	line-height: 25px;
	margin: 5px 0 0 0;
	}
	div#linkus p img{
		float:left;
		margin: 0 20px 0 0;
	}
	div#linkus p span{
		text-align: right;
	}

 .text td { padding:10px 10px; background:#F6F6F6; text-align:center}
.text th{ text-align:center;background:#F0F0F0;padding:10px 10px;}
.text td.title{background:#F0F0F0;padding:10px 5px; font-size:12px;}
.text td.item{ width:70px;}
.text td.item01{width:86px}
.text th.item01 p{ padding:0 ; margin:0; width:90px;font-size:8px;}
 .text td a:link,.text td a:visited,.text td a:active { 
	color:#5999d6;
	text-decoration:underline;
} 
	.text td a:hover { 
	color:#5999D6; 
	text-decoration:underline;
	}
/*---------------------------class -------------------------------------------------*/
/*---------------------------布局-------------------------------------------------*/
#headerclasswrap{ border-top: 2px solid #666}
#headerclass{ margin:0 auto; width:980px;}
#headerclasscontent{ float:left; width:980px;padding:10px 0 15px 0}

#d_maintwoclass{margin:0 auto; width:980px; margin-top:20px}
.d_maintwoclasscontent{ float: left;width:980px;}
.d_maintwoclasscontent .firstcol{float: left; width:160px; margin-left:10px}
.d_maintwoclasscontent .maincol{float: right; width:780px; margin-left:10px; margin-top:2px}
/*---------------------------header-------------------------------------------------*/
#headerclasscontent h1 a{ float:left; background:url(images/dreamimg/logo.jpg) no-repeat; width:277px; height:80px; text-indent:-8888px;margin-left:0px;}
#d_topmenu { float:right;}
#d_topmenu a { margin:0 10px;}

#d_menu { float:left;background:url(images/dreamimg/menubg.jpg) no-repeat; width:980px; height:67px}
#d_menu p{ float:left; width:980px; line-height:35px}
#d_menu p strong{ float:left; font-size:14px; margin:0 40px}
#d_menu p.mainmenu{ font-size:14px; font-weight:bold}
#d_menu p.mainmenu a{ margin-right:50px}
#d_menu p.secondmenu a{ margin-right:20px}
/*---------------------------mian-------------------------------------------------*/
/*---------------------------left-----------------*/
#classnav .border-header{background:url(images/dreamimg/classnav.jpg) no-repeat left top; height:31px; font-size:14px; font-weight:bold; padding-top:15px }
/*---------------------------middle-----------------*/
#classnavmap{ float:left; background:url(images/dreamimg/pagenavmapbg.jpg) no-repeat; width:780px; padding:10px 0 16px 10px; }
.classtext{ float:left; width:780px; margin-top:20px}
.classtext .border-header{ float:left; width:780px;background:url(images/dreamimg/classtextbg.jpg) no-repeat left top; height:10px}
.classtext .border-body{ float:left; width:690px;background:url(images/dreamimg/classtextbg-body.jpg) repeat-y ; padding:30px 45px}
.classtext .border-footer{ float:left; width:780px;background:url(images/dreamimg/classtextbg.jpg) no-repeat left bottom; height:10px}
.classtext p{ float:left;line-height:28px; margin:10px 0; width:690px; text-align:center; overflow:hidden}
.classtext .intro {float:left; border-bottom: 1px solid #e7e7e7 ; margin-bottom:20px; text-align:left; padding-bottom:10px}
.classtext .intro p{  text-align:left}
.classtext .intro ul{ float:left;margin:15px 0}
.classtext .intro li{ float:left; width:690px; line-height:24px}
.classtext  h2{ float:left; width:690px;line-height:40px; margin:30px 0;}
 .classtext td { padding:10px 10px; background:#F6F6F6; text-align:center}
.classtext th{ text-align:center;background:#F0F0F0;padding:10px 10px;}
.classtext td.title{background:#F0F0F0;padding:10px 5px; font-size:12px;}
.classtext td.item{ width:70px;}
.classtext td.item01{width:86px}
.classtext th.item01 p{ padding:0 ; margin:0; width:90px;font-size:8px;}


/*---------------------------二次开发页面临时css-------------------------------------------------*/
#ecmain{ margin:0 auto; width:980px}
#ecmaincontent{ float:left; width:980px; margin-top:20px}

.border03 { float:left; width:980px; }
.border03 h3{ background: url(images/shopeximg/s_titlebg.jpg) no-repeat 20px 0;
	padding-left:60px;
	line-height:50px;	
	margin-top:5px;	}
.border03 h3 span{ float:right; font-size:12px; font-weight:normal;background: url(images/ecshopimg/icon.gif) no-repeat right center; padding-right:10px; margin-right:35px;}
.border03 .border-body{ float:left; width:980px; background:#FFFFFF;padding:10px 0}
.border03 .border-body .ecarticletitle{ font-size:14px}
.border03 dl{ width:276px; float:left; padding:0 0 0 50px}
.border03 dt{ width:220px; line-height:23px; color:#666666}
.border03  .ecshow a{ color:#FF6600}
.border03  .ecshow a:hover{ color:#AF0000}

/*------------block------------------------------------------*/
 .picandtitllist {
	float: left;
}
 .picandtitllist h2{
	float: left;
	background: url(images/shopeximg/s_titlebg.jpg) no-repeat;
	padding-left:40px;
	line-height:50px;	
	margin:10px 0;	
	width:575px;
}
 .picandtitllist h2 .more{
	float: right;
	font-weight:normal;
	font-size:12px;
	padding-right:8px;
	background: url(images/shopeximg/s_morebg.jpg) no-repeat right 23px;
}
 .picandtitllist  dl{
	float: left;
	list-style: none;
	margin:10px 15px 0 0;
}
 .picandtitllist  dl a.s_pic{
 	display: block;
	border:1px solid #f0f0f0;

}
 .picandtitllist  dl a.s_pic img{
 	display: block;
	width:200px;
	height: 136px;
	
}
 .picandtitllist  dl a.s_pic:hover{
 	border:1px solid #CA1E09;;

}
 .picandtitllist  dt {
 	text-align: center;
	margin:5px 0;
	padding:5px 0;
	background:#f9f9f9;
	line-height:20px;
	width:202px;
}
 .picandtitllist  dt p{
	color:#CA1E09;
}
 .picandtitllist  dt a.s_title{
 	}
.picandtitllist  dt a.s_title:hover{
 	}

 #widgetslist{
	padding:0 0 0 25px;
	height:300px;
	overflow:hidden
}

#widgetslist  dl a.s_pic{
 	display: block;
}

 #widgetslist  dl a.s_pic img{
 	display: block;
	width:170px;
	height: 170px;
} 

 #widgetslist  dt {
 	text-align: center;
	margin:5px 0;
	padding:5px 0;
	background:#f9f9f9;
	line-height:20px;
	width:147px;
}
.border04  dt a.s_title{
 	font-weight:bold;
	font-size:14px;
	color:#CA1E09;
 	}
.border04  dt a.s_title:hover{
 	}
.border04 dt p.s_introduce{
	margin-top:5px
 	}
	.border04 { float:left; width:980px;}
.border04 h3{ line-height:55px}
.border04 h3 span{ float:right; font-size:12px; font-weight:normal;background: url(images/ecshopimg/icon.gif) no-repeat right center; padding-right:10px; margin-right:10px;}
.border04 .border-body{ float:left; width:950px;padding:10px 15px}
.border04   dl{
	float: left;
	list-style: none;
	margin:10px 15px 0 0;
	width:460px
}
.border04   dl a.s_pic{
 	display: block;
	float:left;
	border:1px solid #f0f0f0;

}
.border04  dl a.s_pic img{
 	display: block;
	width:220px;
	height: 150px;
}
.border04  dl a.s_pic:hover{
 border:1px solid #CA1E09;

}
.border04 dt {
 	float:right;
	padding:5px 0;
	line-height:20px;
	width:220px;
}
	.border04 dt p.s_introduce span{
	color:#CA1E09;
 	}
	.border04 dt p.s_introduce a{
	color:#CA1E09;
 	}
	
.picandtitllist02 {
	float: left;
}
 .picandtitllist02 h2{
	float: left;
	background: url(images/shopeximg/s_titlebg.jpg) no-repeat;
	padding-left:40px;
	line-height:50px;	
	margin-top:5px;	
	width:575px;
}
 .picandtitllist02 h2 .more{
	float: right;
	font-weight:normal;
	font-size:12px;
	padding-right:8px;
	background: url(images/shopeximg/s_morebg.jpg) no-repeat right 23px;
}
 .picandtitllist02  dl{
	float: left;
	list-style: none;
	margin:10px 15px 0 0;
	width:460px
}
.picandtitllist02  dl a.s_pic{
 	display: block;
	float:left;
	border:1px solid #f0f0f0;

}
 .picandtitllist02  dl a.s_pic img{
 	display: block;
	width:200px;
	height: 136px;
}
 .picandtitllist02  dl a.s_pic:hover{
 border:1px solid #CA1E09;;

}
 .picandtitllist02  dt {
 	float:right;
	padding:5px 0;
	line-height:20px;
	width:220px;
}
 .picandtitllist02  dt p{
 	line-height:25px
}
 .picandtitllist02  dt a.s_title{
 	font-weight:bold;
	font-size:14px;
	color:#CA1E09;
 	}
.picandtitllist02  dt a.s_title:hover{
 	}
.picandtitllist02 dt p.s_introduce{
	margin-top:5px
 	}
	.picandtitllist02 dt p.s_introduce span{
	color:#CA1E09;
 	}
	.picandtitllist02 dt p.s_introduce a{
	color:#CA1E09;
 	}
	#indexshopexlist{
	padding:0 0 0 23px;
}
#indexshopexlist h2{
	width:910px;
}
#indexshopexlist  dl a.s_pic img{
	width:220px;
	height: 150px;
}
#indexshopexlist h2 .more{
 	margin-right:20px
}
#indexshopexlist  dt {
	width:219px;
}
#indexwidgetslist { padding:0 0 20px 23px; }
#indexwidgetslist h2{ width:910px; }
#indexwidgetslist h2 .more{ 	margin-right:20px;}
#indexwidgetslist .s_pic{ border:1px solid #f0f0f0;}
#indexwidgetslist  dl a.s_pic img{	width:220px;	height: 150px;}
#indexwidgetslist a.ecarticletitle{ font-size:14px; color:#000}
#indexwidgetslist a.ecarticletitle:hover{  color:#ca1e09}
#indexwidgetslist dl{float:left; margin:0 67px 0 30px; display:inline}
#indexwidgetslist dt{ width:220px; line-height:23px; color:#666666; text-align:left;background:none;}
#indexwidgetslist  dt p{	color:#666;}
#indexwidgetslist .ecshow a{ color:#FF6600}
#indexwidgetslist .ecshow a:hover{ color:#AF0000}


























.clear{ clear:both}