@charset "utf-8";
/* CSS Document */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.html .clearfix { height: 1%; }
.Clearfix { display: block; }

body{ background:#fff; margin:0; padding:0;}
input,img,a{ border:none;}
ul,li{ list-style:none;}

.fl{ float:left;}
.mt5{ padding-top:15px;}
.mr10{ margin-right:10px;}

.lybbox{ width:94%; margin:auto; height:auto; background:#f4f4f4; padding:3%;}
.title001{ background:url(../images/web/icon001.jpg) no-repeat 0 0; font:bold 0.9em/1.6em "宋体"; color:#333; padding-left:30px;}
.txtarea{ width:98%; height:200px; margin:10px auto; border:1px solid #93b9d7;}

@media screen and (max-width:360px){
.yzmbox{ height:auto; display:block;}
.yzmbox,.yzmbox a{ font:normal 0.9em/1.6em "宋体"; color:#333;}
.yzipt{ width:100%;}
.ipt{ border:1px solid #d2d2d2; height:20px; width:70px;}
.tjbtn,.ctbtn{ width:84px; height:33px;float:left; margin:10px 20px 0 0; *margin:50px 20px 0 0;}
.tjbtn{ background:url(../images/web/btn001.jpg) 0 0 no-repeat;}
.ctbtn{ background:url(../images/web/btn001.jpg) -84px 0 no-repeat;}
}

.yzmbox{ height:auto; display:block;}
.yzmbox,.yzmbox a{ font:normal 0.9em/1.6em "宋体"; color:#333;}
.yzipt{ width:65%; }
.yzbtn{ width:35%; }
.ipt{ border:1px solid #d2d2d2; height:20px; width:160px;}
.tjbtn,.ctbtn{ width:84px; height:33px; float:left; margin:0 20px 0 0;}
.tjbtn{ background:url(../images/web/btn001.jpg) 0 0 no-repeat;}
.ctbtn{ background:url(../images/web/btn001.jpg) -84px 0 no-repeat;}



.jclybox{ width:94%; height:auto; background:#fff; padding:2%; margin:20px auto;}
.title002{ background:url(../images/web/icon002.jpg) no-repeat 0 0; font:bold 0.9em/1.6em "宋体"; color:#333; padding-left:30px;}
.jclylist{ width:96%; margin:auto; padding:0;}
.jclylist li{ list-style:none; border-bottom:1px solid #d2d2d2; margin:10px auto; padding-bottom:40px;}
.jclylist li a.lytxt{ text-decoration:none; font:normal 14px/26px "宋体"; color:#666; display:block}
.jclylist li .sp{ float:right; height:20px;}
.zanbtn,.caibtn{ width:23px; height:19px; display:block; float:left; margin:0 10px; padding-left:30px; font:normal 12px/19px "宋体"; color:#C00; text-decoration:none; cursor:pointer;}
.zanbtn{ background:url(../images/web/dc.jpg) 0 0 no-repeat;}
.caibtn{ background:url(../images/web/dc.jpg) -53px 0 no-repeat;}

.glyhf{ width:100%; border-top:1px dotted #d2d2d2; margin-top:30px; padding-top:10px;}
.hftit{ background:url(../images/web/hfbg.jpg) left no-repeat; font:bold 14px/30px "宋体"; color:#666; padding-left:14px;}
.glyhf p{ text-decoration:none; font:normal 14px/26px "宋体"; color:#666; display:block; margin:0; text-indent:2em;}

.tpbox{ width:100%; margin:auto;} 
ul.chart{padding:0; margin:0; height:255px; font-size:9pt;}
ul.chart p{ padding:0; margin:0}
ul.chart .title{text-align:center;height:90px;}
@media screen and (max-width:360px){
ul.chart li{ width:24%; float:left; padding:0; margin:0;}
}
@media screen and (min-width:361px){
ul.chart li{ width:24%; float:left; padding:0; margin:0;}
}
ul.chart li:hover{background:#f7f7f7;}
ul.chart .total{ height:130px; position:relative;}
ul.chart .percent{ background:url(../images/web/tpzzt.jpg) repeat-y; border:1px solid #e33300; width:17px; position:absolute; left:45%; bottom:0;}