/* Eric Meyer's CSS 清零代码 */
html, body, header, footer, article, aside, nav, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:none;}
:focus {outline:0;}
a, ins {text-decoration:none; color:#000;}
a:hover {color:#f00;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
/* 清零代码结束 */
/*主体框架结构开始*/
body {margin-top:6px; font:16px/1.2em Arial, "微软雅黑", Helvetica, sans-serif; background-image:url(../img/Drops02.jpg); background-attachment:fixed;}
#ctn {width:960px; margin:0 auto;}
/*页尾开始*/
#foot {clear:both; background:-webkit-linear-gradient(#6f3, #cf9); background:-o-linear-gradient(#6f3, #cf9); background: -moz-linear-gradient(#6f3, #cf9); background:linear-gradient(#6f3, #cf9); border-radius:10px 10px 0 0; padding:6px; width:948px;}
/*页尾结束*/
#address{float:left; width:100%; text-align:center; padding:3px 0px; clear:both; margin-top:3px; background: -webkit-linear-gradient(#6f3, #cf9); background: -o-linear-gradient(#6f3, #cf9); background: -moz-linear-gradient(#6f3, #cf9); background: linear-gradient(#6f3, #cf9);}
/*主体框架结构结束*/
/*页眉开始*/
/*logo与名框架开始*/
#lcn {float:left; width:320px; height:80px;}
/*公司logo*/
#logo {float:left; width:120px; height:80px;}
/*公司名称开始*/
#co_name {float:left; width:194px; height:74px; text-align:center; padding:3px;}
#cc1 {position:relative; font-weight:bolder; text-align:center; animation:cc1 5s linear 1s infinite alternate; -moz-animation:cc1 5s linear 1s infinite alternate; -webkit-animation:cc1 5s linear 1s infinite alternate; -o-animation:cc1 5s linear 1s infinite alternate;
}
@keyframes cc1 {0%{color:red;} 15%{color:orange;} 29%{color:yellow;} 43%{color:green;} 57%{color:cyan;} 71%{color:blue;} 85%{color:purple;} 100%{color:red;}}
@-moz-keyframes cc1 {0%{color:red;} 15%{color:orange;} 29%{color:yellow;} 43%{color:green;} 57%{color:cyan;} 71%{color:blue;} 85%{color:purple;} 100%{color:red;}}
@-webkit-keyframes cc1 {0%{color:red;} 15%{color:orange;} 29%{color:yellow;} 43%{color:green;} 57%{color:cyan;} 71%{color:blue;} 85%{color:purple;} 100%{color:red;}}
@-o-keyframes cc1 {0%{color:red;} 15%{color:orange;} 29%{color:yellow;} 43%{color:green;} 57%{color:cyan;} 71%{color:blue;} 85%{color:purple;} 100%{color:red;}}
/*公司名称结束*/
/*logo与名框架结束*/
/*页眉主导航开始*/
#hnav {float:left; width:640px; height:80px;}
#hnav1, #hnav2 {float:left; width:320;}
#hnav1 {margin-left:3px;}
#hnav1 a, #hnav2 a {float:left; position:relative; color:#fff; padding:8px 7px 5px; margin:1px 0 0 1px; background-image:url(../img/anniu_8.jpg)}
#hnav1 a span, #hnav2 a span {border-bottom:solid 7px #ff9900; border-left:solid 7px #fff; position:absolute; top:0; left:0px; overflow:hidden;}
#hnav1 a:hover, #hnav2 a:hover {color:#C80000; background-image:url(../img/anniu_1.jpg)}
#hnav1 a:hover span, #hnav2 a:hover span {border-bottom:solid 7px #f00;}
#hnav p {margin:14px auto 0; text-align:center; font-size:18px; color:#060; font-weight:bolder;}
/*页眉主导航结束*/
/*地址开始*/
#address{width:100%; text-align:center; padding:3px 0px; margin-top:3px; background:-webkit-linear-gradient(#6f3, #cf9); background:-o-linear-gradient(#6f3, #cf9); background:-moz-linear-gradient(#6f3, #cf9); background:linear-gradient(#6f3, #cf9);}
/*地址结束*/
/*页眉结束*/
/*通用设置*/
/*标题*/
h1 {font-size:23px;}
h2 {font-size:22px;}
h3 {font-size:21px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
h1,h2,h3,h4,h5,h6 {line-height:1.2em;}
.bshadow01 {display:inline-block; border-bottom:1px solid #6fc; box-shadow:0px 3px 0px #999999; padding:3px 15px; border-radius:6px;}
/*字体大小*/
.font13em {font-size:1.3em;} /*用在公司名称上*/
.font13 {font-size:13px; line-height:1.3em;}
/*文字颜色*/
.grey999 {color:#999}
.brown {color:#600;}
.brown1 {color:#693;}
.red {color:red;}
/*字符间距*/
.ls05e {letter-spacing:0.5em;} /*用在公司名称上*/
/*字符缩进*/
.tind2em {text-indent:2em;}
/*行高*/
.lh05 {line-height:0.5;}
.lh1 {line-height:1;}
.lh13 {line-height:1.3;}
.lh15 {line-height:1.5;}
.lh18 {line-height:1.8;}
.lh12p {line-height:12px;}
.lh36p {line-height:36px;}
/*外边距*/
.mt3 {margin-top:3px;}
.mt6 {margin-top:6px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt45 {margin-top:45px;}
.ml6 {margin-left:6px;}
.ml10 {margin-left:10px;}
.ml25 {margin-left:25px;}
/*内边距*/
.padtb10 {padding:10px 0;}
.padtb30 {padding:30px 0;}
.padtrbl6 {padding:6px;}
/*盒*/
.wrap {width:100%; position:relative; float:left;}
.width100 {width:100%;}
.prelative {position:relative;}
/*浮动*/
.floatl {float:left;}
.floatr {float:right;}
/*清除浮动*/
.clearb {clear:both;}
/*底线显示*/
.bt {border-top:solid 1px #6fc;}
.bb {border-bottom:solid 1px #6fc;}
/*对齐*/
.center {text-align:center;}
/*隐藏*/
.visih {visibility:hidden;} /*隐藏元素的可见性,元素所占空间依然存在*/
.dispn {display:none;} /*隐藏元素的可见性,元素所占空间不存在*/
/*橱窗开始*/
.ccol3 {width:310px; float:left; text-align:center;}
.ccol3 {margin-right:15px;}
.rcol3 {width:310px; float:left; text-align:center;}
.cont_t {width:308px; border:solid 1px #999; border-radius:10px;}
.cont_t a, cont_t a:visited {text-align:center; display:block; border:5px solid #fff; border-radius:10px;}
.cont_t a:hover {color:#FF0000; border-color:#def #678 #345 #cde; border-radius:10px;}
/* 橱窗结束 */
/*列表*/
.lst-di {list-style:disc;}
/*圆角*/
.brtlr10 {border-image-radius:0 0 10 10;} /*底部圆角10px*/
/* 链接形式 */
.link01 a {text-align:center; display:block; padding:1px auto; border:1px solid rgba(255,255,255,0); border-radius:10px; margin-top:15px;}
.link01 a:hover {color:#FF0000; border:1px solid #6fc; box-shadow:2px 2px 2px 2px #999999;}
.link02 a {display:block; padding:1px 0 1px 10px; border:1px solid rgba(255,255,255,0); border-radius:8px; margin-top:15px;}
.link02 a:hover {color:#FF0000; border:1px solid #6fc; box-shadow:2px 2px 2px 2px #999999;}
/*用于测试的背景色*/
.bgred {background:red;}
.bgyellow {background:yellow;}
.bgblue {background:blue;}
.bggreen {background:green;}
/* 三栏布局 */
.leftcolumn {float:left; width:288px; padding:3px;}
.centercolumn {float:left; width:288px; margin:0px 31px; padding:3px;}
.rightcolumn {float:right; width:288px; padding:3px;}
/* 三栏布局结束 */
/* 链接形式 */
.leftbutton a {text-align:center; display:block; padding:1px 0px; border:3px solid #fff; line-height:1em; text-decoration:none;}
.leftbutton a:hover {color:#FF0000; border-color: #def #678 #345 #cde;}
.lefthead a, .lefthead a:visited { padding:1px auto; border:1px solid rgba(255,255,255,0); border-radius:10px; margin-top:15px; background-image:url(../img/anniu_1.jpg);}
.lefthead a:hover {color:#FF0000; border:1px solid #6fc; box-shadow:2px 2px 2px 2px #999999; background-image:url(../img/anniu_7.jpg);}
/*菜单栏包含框*/
#menu_wrap {width:100%; float:left; margin:15px 0 0; position:relative;}
/*菜单栏包含框结束*/
/* 菜单1,一级菜单 */
.menu1 {position:relative; line-height: 1em; float:left; z-index:500; margin-left:100px;}
.menu1 ul li {float:left; position:relative; border-right:2px solid #fff;}
.menu1 ul li a, .menu1 ul li a:visited {display:block; text-align:center; color:#000; height:31px; background: url(../img/menu1_button1.gif) repeat; padding:7px 11px 3px;}
.menu1 ul li:hover a {color:#F00; background: url(../img/menu1_button2.gif) repeat;}