@charset "utf-8";
/* CSS Document */
body{font-family:"微软雅黑"; background:#fbfaf5;color:#12110d; font-size:14px; line-height:30px}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
li{list-style:none}
.left{ float:left;}
.right{float:right;}
.m-c{margin:0px auto;}
.clear{ clear:both}
.m-b20{ margin-bottom:20px}
.m-b40{ margin-bottom:40px}
.m-t20{ margin-top:20px}

.ft-center{ text-align:center}
.ft-shadow{text-shadow:#3caf88 5px 5px 5px;}

.ft-red{color:#E74C42}
.ft-white{color:#fff}
.ft-yellow{ color:#FFD200}

.ft-brown1{ color:#77471C}
.ft-brown2{ color:#A58155}
.ft-brown3{ color:#CEAA82}
.ft-gray{color:#3D4F66}

.f28{ font-size:28px}
.f24{ font-size:24px}
.f21{ font-size:21px}
.f18{ font-size:18px}
.f16{ font-size:16px}
.f12{ font-size:12px}

.m20{ margin-left:20px; margin-right:20px}
.p30{ padding:10px 30px 10px 30px}

a:link,a:visited{ color:#77471C; text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{ color:#6B431F; text-decoration:none;}

a.brown2{color:#A58155; text-decoration :none;} 
a.brown2:hover { color:#77471C; text-decoration:underline}

a.white{color:#fff; text-decoration :none;} 
a.white:hover { color:#e0e0e0; text-decoration:underline}

.button{ background:url(../img/button-report.png); width:150px; height:40px; line-height:40px; color:#FFF;font-size:18px; text-align:center}
.button a:link,.button a:visited{ color:#FFF; text-decoration:none;}
.button a:hover{color:#fff2bc}


.w100p{width:100%;}
.w30p{ width:30%;}
.w60p{ width:60%;}
.w40p{ width:40%;}
.w-p5{ margin-left:5%; margin-right:5%}
.pos-b{ vertical-align:bottom}
.top{background:#fbfaf5 url(../img/shave.jpg) repeat-x  center bottom; height:500px; text-align:center; } 

.w880{width:880px}
.info{ background:url(../img/info.png); width:630px; height:156px; line-height:20px; }
.info p{padding:40px 36px 20px 100px;}

.info2 .td1{ width:260px; height:260px;}
.info2 .td2{ width:400px; margin:40px 100px 00px 100px; text-align:center;}


.info3 li{width:48%;z-index:1}
.info3 p{width:86%;background-color:#f5ebcf; padding:20px; margin-top:34px; color:#77471C; height:140px }
.info3 .tab{ margin-left:2%;background:url(../img/menu.png) no-repeat; width:140px; height:52px; line-height:60px; text-align:center;position:absolute; z-index:2; }
.border4{ border:4px #E5D5B1 solid}

.info4 ul,.info3 ul{display:block;}
.info4 li{width:30%; display:block; float:left;margin:14px;}
.info4 li .tab1,.info4 li .tab2,.info4 li .tab3{ width:240px; height:130px;}
.info4 li .tab1 span,.info4 li .tab2 span,.info4 li .tab3 span{ float:left; margin-left:130px; margin-top:42px;}
.info4 li .tab1{ background:url(../img/menu-xiaoxue.png)}
.info4 li .tab2{ background:url(../img/menu-chuzhong.png)}
.info4 li .tab3{ background:url(../img/menu-gaozhong.png)}
 

.info5 .box{width:92%;background-color:#f5ebcf; padding:20px;color:#77471C;z-index:1}
.info5 .tab{ margin-left:2%;background:url(../img/menu.png) no-repeat; width:140px; height:52px; line-height:60px; text-align:center;position:absolute; z-index:2; margin-top:-34px}
.menu1,.menu2,.menu3{ width:140px; height:50px; line-height:50px; width:100%}
.menu1{ background:url(../img/menu1.png) no-repeat}
.menu2{ background:url(../img/menu2.png) no-repeat}
.menu3{ background:url(../img/menu3.png) no-repeat}

.list li,.list ul { display:block;}
.list li .td1,.list li .td2,.list li .td2 span { height:30px;overflow:hidden;float:left;width:100%;}
.list li .td2{ border-bottom:1px #CEA972 dashed}
.list li .td2 span{ float:right; width:85px;}


.info6{border:4px #CEA972 dashed;border-radius: 20px; padding:20px; width:90%;}
.info6 h3{text-align:right; font-weight:normal;}


.colockbox{width:350px;height:30px;background:url(../img/colockbg.png) no-repeat;overflow: hidden; color:#000000;}
.colockbox span{float:left;display:block;width:40px;height:29px;line-height:29px;font-size:20px; font-weight:bold;text-align:center;color:#ffffff; margin-right:22px;}

.info7 .box{width:92%;background-color:#f5ebcf; padding:20px;color:#77471C;z-index:1; margin-top:70px}
.info7 .tab{background:url(../img/menu7.png) no-repeat; width:878px; height:70px; line-height:70px; text-align:right; position:absolute; z-index:2; margin-top:-69px}

.list2 li,.list2 ul { display:block;}
.list2 li span{float:left;width:48px; height:60px;}
.list2 li .td1,.list2 li .td2,.list2 li .td2 span { height:30px;overflow:hidden;float:left;width:80%;}
.list2 li{ border-bottom:1px #CEA972 dashed; height:60px;}
.list2 li .td2 span{ float:right; width:60px; line-height:30px; vertical-align:middle; height:30px}

a.yellow{color:#FFD200; text-decoration :none;} 
a.yellow:hover { color:#FFD200; text-decoration:underline}

.orangize li{ float:left; width:340px; list-style:none; margin-top:54px;}
.help{ width:150px;}
.help img{ width:150px; }

