/* ------------------------------
css for www.tidemedia.com & html5
design by zeroz & mezeroz@gmail.com
date 2010-06-28
---------------------------- */
body,header,section,article,aside,footer,h1,h2,h3,h4,h5,h6,p,ul,ol,li,input,select{margin:0;padding:0;font-family:Arial,"宋体";font-size:12px;}
input,select,label{vertical-align:middle;font-size:12px;}
img{border:none;}
ul,ol,li{list-style:none;}
a{color:#797979;text-decoration:none;}
a:hover{color:#dc272f;text-decoration:none;}
.clear{clear:both;}

/* Header */
header{background:-moz-linear-gradient(center bottom,rgb(194,25,34) 30%,rgb(244,74,82) 80%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0.3, rgb(194,25,34)),color-stop(0.8, rgb(244,74,82)));border-bottom:1px solid #780006;height:52px;width:100%;display:block;}
.header_main{width:956px;margin:auto;position:relative;z-index:100;}
#logo{float:left;padding-top:1px;width:144px;}
#logo a{display:block;text-indent:-5000px;width:144px;height:51px;background:url(/html5/img/logo.png) no-repeat;overflow:hidden;}
.languages{float:left;margin-top:22px;margin-left:54px;width:98px;height:20px;line-height:18px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:-webkit-gradient(linear,left bottom,left top,color-stop(0.49, rgb(158,1,9)),color-stop(0.66, rgb(200,53,58)));background:-moz-linear-gradient(center bottom,rgb(158,1,9) 49%,rgb(200,53,58) 66%);} 
.languages .en a{margin-left:8px;color:#ff6f77}
.languages .cn {margin-left:5px;color:#fff;}
nav{width:600px;float:left;margin-left:60px;display:block;}
nav ul li{float:left;width:120px;font-size:14px;position:relative;height:53px;}
nav ul li a{color:#ffffff;text-align:center;display:block;width:120px;line-height:53px;}
nav ul li a:hover{color:#ffffff;}
nav ul li.cur{background:-moz-linear-gradient(center bottom,#980000 30%,#d0232c 80%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0.3, #980000),color-stop(0.8, #d0232c));}
nav ul li ul{display:none;}
nav .cur ul{display:block;width:120px;position:absolute;top:52px;left:0;background:#a40000;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
nav .cur ul li{height:32px;margin:0;padding-top:0;float:none;border-top:1px solid #880101;}
nav .cur ul li a{text-align:left;font-size:12px;width:105px;padding-left:15px;height:33px;line-height:33px;}
nav .cur ul li a span{font-family:"宋体";margin:0 5px 0 0;}
nav .cur ul li a:hover{background:#e50c16;}
nav .cur ul .last a:hover{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;;border-radius:0 0 5px 5px;}

/* Main */
.main{background:url(/cn/style/img/bg_main.jpg) repeat-x;}
.index_banner{height:295px;overflow:hidden;position:relative;margin:15px auto;width:960px;}
.index_hb img{width:958px;height:269px;}
.index_hb ul,.index_hb_num ul{list-style:none;overflow:hidden;}
.index_hb_num{position:absolute;right:0;top:282px;height:12px;}
.index_hb_num li{float:left;cursor:pointer;background:url(/cn/style/img/index_hb_num.png) no-repeat;height:12px;width:12px;overflow:hidden;text-indent:-5000px;margin:0 5px 0 0;}
.index_hb_num li.cur{background-position:0 -12px;}
.content{margin:auto;margin-top:3px;width:960px;-moz-box-shadow:0px 1px 4px #c2c2c2;-webkit-box-shadow:0px 1px 4px #c2c2c2;box-shadow:0px 1px 4px #c2c2c2;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:30px 0;}
.colunm_title{border-bottom:1px solid #e0e0e0;height:43px;}
.colunm_title span{float:right;margin:12px 10px 0 0;}
.index_blog{width:425px;margin:0 0 0 20px;float:left;}
.index_blog h3{background:url(/html5/img/index_blog_title.png) no-repeat;width:150px;height:43px;text-indent:-5000px;overflow:hidden;}
.index_blog ul{padding:12px 0 0;}
.index_blog li{padding:0 0 16px 13px;}
.index_blog .date,.index_blog .date_cur{font-family:Verdana;font-size:11px;font-weight:700;color:#454545;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#e6e6e6;padding:1px 5px;}
.index_blog .date_cur{color:#ffffff;background:#F22D37;}
.index_blog .txt{color:#424242;line-height:18px;padding-left:8px;margin:0;margin-top:5px;font-size:12px;font-weight:400;}
.index_blog .txt a{color:#424242;}
.index_case{width:470px;float:right;margin:0 20px 0 0;}
.index_case h3{background:url(/html5/img/index_case_title.png) no-repeat;width:150px;height:43px;text-indent:-5000px;overflow:hidden;}
.index_case p{line-height:18px;margin:10px 23px;}
.index_case p span{color:#dd0d19;margin-right:5px;}
.index_case ul{margin:10px 0 10px 23px;overflow:hidden;}
.index_case ul li{float:left;margin:0 3px 3px 0;width:68px;height:68px;background:#000000;}
.index_case ul li img{width:68px;height:68px;}
.index_function{padding:10px 0 0 20px;overflow:hidden;}
.index_function li{float:left;margin-right:8px;}
.index_function h3{margin-bottom:6px;}
.index_function p{background:#F2F2F2;height:33px;line-height:33px;margin:0;width:297px;margin-bottom:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.index_function p a{padding-left:28px;color:#5E5E5E;font-size:14px;}
.index_function p a:hover{color:#DC272F;text-decoration:none;}


/* Footer */
footer{width:960px;margin:20px auto;display:block;}
.footer_top{-moz-box-shadow:0px 1px 4px #c2c2c2;-webkit-box-shadow:0px 1px 4px #c2c2c2;box-shadow:0px 1px 4px #c2c2c2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#ededed;overflow:hidden;height:50px;}
.addressLeft{float:left;color:#D9010C;line-height:46px;}
.addressLeft a{color:#D9010C;margin:0 20px;}
.addressRight{float:right;color:#5A5A5A;padding-right:18px;display:block;line-height:46px;}
.addressRight span{margin-left:18px;}
.addressRight span span{margin-left:0;font-size:24px;}
.footer_bot{text-align:right;font-style:oblique;color:#9B9B9B;padding-top:8px;padding-right:24px;}
.footer_bot span{color:#D9010C;}