/*master*/
body {font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:12px; line-height:22px; text-align:center}
ul,li,img,p,dl,dd,dt,ol{ margin:0; padding:0; border:0}
ul,li{ list-style:none}
a{ text-decoration:none; color:#666}
a:hover{ text-decoration:underline}
img{ border:0}
/*line_height*/
.lineheight14{ line-height:14px;}
.lineheight16{ line-height:16px;}
.lineheight18{ line-height:18px;}
.lineheight20{ line-height:20px;}
.lineheight21{ line-height:21px;}
.lineheight22{ line-height:22px;}
.lineheight24{ line-height:24px;}
.lineheight26{ line-height:26px;}
.lineheight28{ line-height:28px;}
.lineheight30{ line-height:30px;}
.lineheight35{ line-height:35px;}
.lineheight40{ line-height:40px;}

/*margin*/
.margin1{ margin:1px}
.margin2{ margin:2px}
.margin3{ margin:3px}
.margin4{ margin:4px}
.margin5{ margin:5px}
.margin6{ margin:6px}
.margin7{ margin:7px}
.margin8{ margin:8px}
.margin9{ margin:9px}
.margin10{ margin:10px}
.margin15{ margin:15px}
.margin20{ margin:20px}
.margin40{ margin:40px}
.margintop0{ margin-top:0}
.margin_top10{ margin-top:-10px}
.margintop10{ margin-top:10px}
.marginbot0{ margin-bottom:0}
.marginbot10{ margin-bottom:10px}
.marginleft10{ margin-left:10px}
.marginright10{ margin-right:10px}

/*padding*/
#padding0{ padding:0px}
.padding1{ padding:1px}
.padding2{ padding:2px}
.padding3{ padding:3px}
.padding4{ padding:4px}
.padding5{ padding:5px}
.padding6{ padding:6px}
.padding7{ padding:7px}
.padding8{ padding:8px}
.padding9{ padding:9px}
.padding10{ padding:10px}
.padding15{ padding:15px}
.padding20{ padding:20px}
.padding30{ padding:30px}
.padding40{ padding:40px}
.paddingleft10{ padding-left:10px;}
.paddingright10{ padding-right:10px;}
.paddingbot10{ padding-bottom:10px;}
.paddingtop10{ padding-top:10px}
.paddingtop0{ padding-top:0px}
.paddingbot0{ padding-bottom:0px;}
.paddinglr0{ padding-right:0}

.blankH150 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 150px}
.blankH100 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 100px}
.blankH60 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 60px}
.blankH30 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 30px}
.blankH20 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 20px}
.blankH16 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 16px}
.blankH13 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 13px}
.blankH12 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 12px}
.blankH11 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 11px}
.blankH10 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 10px}
.blankH9 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 9px}
.blankH8 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 8px}
.blankH7 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 7px}
.blankH6 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 6px} 
.blankH5 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 5px}
.blankH4 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 4px}	
.blankH3 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 3px}	
.blankH2 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 2px}
.blankH1 {CLEAR: both; OVERFLOW: hidden; HEIGHT: 1px}

.blankW1{ float: left; OVERFLOW: hidden; width: 1px; }
.blankW2{ float: left; OVERFLOW: hidden; width: 2px; }
.blankW3{ float: left; OVERFLOW: hidden; width: 3px; }
.blankW4{ float: left; OVERFLOW: hidden; width: 4px; }
.blankW5{ float: left; OVERFLOW: hidden; width: 5px; }
.blankW6{ float: left; OVERFLOW: hidden; width: 6px; }
.blankW7{ float: left; OVERFLOW: hidden; width: 7px; }
.blankW8{ float: left; OVERFLOW: hidden; width: 8px; }
.blankW9{ float: left; OVERFLOW: hidden; width: 9px; }
.blankW10{ float: left; OVERFLOW: hidden; width: 10px; }
.blankW20{ float: left; OVERFLOW: hidden; width: 20px; }

/*width*/
.width5{ width:5%}
.width10{ width:10%}
.width15{ width:15%}
.width20{ width:20%}
.width30{ width:30%}
.width40{ width:40%}
.width45{ width:45%}
.width50{ width:50%}
.width55{ width:55%}
.width60{ width:60%}
.width65{ width:65%}
.width70{ width:70%}
.width75{ width:75%}
.width80{ width:80%}
.width85{ width:85%}
.width90{ width:90%}
.width95{ width:95%}
.width96{ width:96%}
.width97{ width:97%}
.width98{ width:98%}
.width99{ width:99%}
.width100{ width:100%}
div.width90{ width:90%}

/*height*/
.height10{ height:10px}
.height15{ height:15px}
.height20{ height:20px}
.height30{ height:30px}
.height40{ height:40px}
.height60{ height:60px}
.height80{ height:80px}
.height90{ height:90px}
.height100{ height:100px}
.height200{ height:200px}
.height300{ height:300px}

/*textindent*/
.indent0{ text-indent:0px}
.indent1{ text-indent:1px}
.indent5{ text-indent:5px}
.indent8{ text-indent:8px}
.indent10{ text-indent:10px}
.indent12{ text-indent:12px}
.indent15{ text-indent:15px}
.indent24{ text-indent:24px}

/*font*/
.font14px{ font-size:14px}
.font4E4E4E{ color:#4E4E4E}
.fontblue{ color:#028AD1}
.fontred{ color:#EA2E02}
.font333{ color:#333}






/*start*/
.nav{ width:100%; height:80px; border-bottom:solid 7px #1AC8F5; background-color:#00AEEB;  overflow:hidden}
.nav div.logo{ width:193px; height:74px; margin-bottom:-7px; background:url(logo_desoho.gif); margin-top:13px; position:absolute; float:left}
div.cont{ width:934px; overflow:hidden; margin:0 auto; text-align:left}
.borderDDD{ border:solid 1px #ddd}
.nav ul{ padding-left:200px; padding-top:39px;color:#fff; font-size:14px; width:700px; font-weight:bold  }
.nav ul li{ float:left; text-align:center; margin:0 10px;}
.nav ul li a{ display:block; color:#fff;  border-top:solid 5px #00AEEB;padding:7px 25px; }
.nav ul li a:hover{padding:7px 25px;  background-color:#1AC8F5; border-top: solid 5px #65DAF8; text-decoration:none }
.nav ul li.on{ background:#1AC8F5; border-top: solid 5px #65DAF8;padding: 7px 25px; }

.bot{ width:934px; overflow:hidden; margin:0 auto}
.bot a{ color:#535353}
.bot a:hover{ color:#1973BB; text-decoration:underline}
.bot dl{ width:233px; float:left; overflow:hidden; text-align:left; margin-bottom:10px;  }
.bot dl dt{ background:#646464; width:233px; height:25px;  line-height:25px; overflow:hidden; color:#fff; text-indent:15px; font-weight:bold; font-size:14px;}
.bot dl dd{background:#E4E4E4; height:90px;  padding-left:20px; border-top:solid 2px #C1C1C1; margin-top:1px}

/*banner*/
.banner{ width:717px; height:294px; float:left}
.slides { position:relative; overflow:hidden; width:717px; height:294px; margin:0 auto }
.slide-pic{ overflow:hidden;width:717px; text-align:right; position:absolute}
.slide-pic img{ width:717px; height:289px;}
.slide-pic li { display:none}
.slide-pic li.cur { display:block}
.slide-li { position:absolute; right:10px; bottom:8px}
.slide-li li { float:left; width:25px; height:25px; line-height:30px; margin-right:1px; text-align:center}
.slide-li a:visited,.slide-li a:link { display:block; width:25px; height:25px; font-size:12px; color:#FFF; font-weight:bold}
.slide-li .cur a:visited, .slide-li .cur a:link, .slide-li a:hover { color:#333; text-decoration:none}
.op li { background:#666; opacity: 0.6; filter:alpha(opacity=60)}
.op li.cur { background:#FFF}
.slide-txt span { display:none}

.desohonews{ width:210px; border-left:solid 4px #E3F0D1; background:#F0FAE4; overflow:hidden; float:left; height:290px}
.desohonews dt{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#75AD01; text-align:center; line-height:30px}
.desohonews dd{ padding:5px; font-weight:normal;  color:#6F9129; }
.desohonews dd li{padding-left:9px; background: url(img_li2.gif) no-repeat 0px 9px}
#divnews{height:190px;overflow:hidden; margin-bottom:5px }

div.cont dl.Pro{ width:232px; height:310px; float:left; overflow:hidden; background-color:#E0F2F9; border-right:solid 1px #fff}
div.cont dl.Pro dd{ padding:0px 10px; color:#5F5F5F; line-height:20px; height:200px; clear:both}
div.cont dl.Pro dd ul li{ padding-left:10px; background: url(img_li.gif) no-repeat 0px 8px}
div.cont dl.Pro a.more{color:#3399FF; float:right; margin-right:7px}


/*contpage*/
div.bg_pro1_tit{ background: url(Pro_img_webbasic.gif) no-repeat; width:934px; height:256px;}
div.bg_pro1_tit a.buy{ margin-left:123px; margin-top:194px; float:left}
div.bg_pro1_tit a.register{ margin-left:256px;  margin-top:194px; float:left}
div.bg_pro2_tit{ background: url(Pro_img_marketing.jpg) no-repeat; width:934px; height:256px;}
div.bg_pro2_tit a.buy{ margin-left:123px; margin-top:194px; float:left}
div.bg_pro2_tit a.register{ margin-left:256px;  margin-top:194px; float:left}
div.bg_pro3_tit{ background:url(Pro_img_broadcast.gif) no-repeat; width:934px; height:256px;}
div.bg_pro3_tit a.buy{ margin-left:123px; margin-top:194px; float:left}
div.bg_pro3_tit a.register{ margin-left:256px;  margin-top:194px; float:left}
div.bg_pro4_tit{ background:url(Pro_img_ecommerce.jpg) no-repeat; width:934px; height:300px;}
div.bg_pro4_tit a.register{ margin-left:310px;  margin-top:214px; float:left}


/*table*/
table.Pro_view{ border:0; border-collapse:collapse; text-indent:20px; text-align: left}
table.Pro_view th{ background:#0091DC; line-height:28px; font-size:14px; color:#fff}
table.Pro_view td{ background:#ECF9FF; border-bottom:solid 1px #C7DFEC; line-height:25px}