@charset "utf-8";

/* CSS Document */



body { margin:0 auto; font-size:12px; font-family: "宋体"; color:#666666; }

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}

ul { list-style:none;}

img { border:0px;}

a { color: #666666; text-decoration:none;}

a:hover { color:#F00;}

table {border-collapse: collapse; border-spacing: 0; width:97%; margin-left:5px;}

#h1{ font-size:25px !important;}





.blank1,.blank2,.blank3,.blank4,.blank5,.blank10{overflow:hidden;clear:both;display:block;font-size:1px;}

.blank1{ height:1px;}

.blank10{ height:10px;}

.blank3{ height:3px;} 

.blank20{height:20px;}

.blank5{ height:5px;}

.blank50 {height:50px;}

.page{ width:100%;  min-width:320px; position:absolute;  z-index:1; top:0; left:0; }

.page_m{min-width:320px; max-width:640px; margin:0 auto; position:relative; overflow:hidden; height:auto; background:#f8f7f7;}

.header{ height:auto;}

.header1{ background: #c60203;  }

.nav{ height:66px; padding-left:2%; }

.nav ul{}

.nav ul li{ width:32%; float:left; background:#c60203; height:30px; text-align:center; margin:1px 1px;}

.nav ul li a{ font-size:14px; color:#ffffff; font-weight:bold; line-height:30px; height:30px; display:block; width:auto; padding:0px 5px; }

.banner{ width:100%; max-width:640px; display:block; margin-top2px;}







.main{ height:auto; }

.company{ height:100%;}

.company_title{ background:url(images/yrsj_12.jpg) repeat-x; height:28px;}

.company_body p{ line-height:24px; text-indent:2em; padding-left:8px; padding-right:8px;}



.product_title{ background:url(images/yrsj_12.jpg) repeat-x; height:28px;}

.product_body{}

.td { width:39%; height:auto;overflow:hidden; margin:0 auto; border:1px solid #d8d7d7; }

.odd{ float:left; margin-left:5%;}

.even{float:right;margin-right:5%;}



.td1{text-align:center;}

.td2{text-align:center; color:#666666; height:29px; margin-top:3px; }

.td2 a{height:24px; line-height:24px; color:#666666;}

.td2 a:hover{color:#F00;}

.td1 a img , .td2 a img {width: 100%;height:auto;}





.r_tt{line-height:24px; background:#e9e6e8; border-top:1px solid #d9d6d8}

.r_tt{padding-left:10px;}

.r_03{line-height:24px; text-indent:2em; width:94%; padding-left:3%;}







.r_ow{ padding-top:15px;}

.pbt{line-height:20px; text-align:center;}

.sj{line-height:20px; text-align:center;}

.cpt22{ display:block; max-width:640px; text-align:center;}

.cpt22 img{ width:80%; max-width:640px; text-align:center;}

.js p{ line-height:20px; text-indent:2em;}



.footer{ line-height:24px; text-align:center; height:100%; clear:both; border-top:1px dashed #d8d7d7; margin-top:15px;}

.button{ background:url(images/yrsj_24.jpg) repeat-x; height:49px; position:fixed; bottom:0px; width:100%; min-width:320px; max-width:640px;}

.active{ width:33%; float:left; height:49px; background:url(images/bu-06_03.gif) no-repeat right;}

.tel{ height:49px; text-align:center; }
.icon0{ background:url(images/tel_01.png) no-repeat; display:block; width:22px; height:22px; margin-top:3px; margin-left:auto; margin-right:auto;}
.icon1{ background:url(images/ico_03.gif) no-repeat; display:block; width:22px; height:22px; margin-top:3px; margin-left:auto; margin-right:auto;}

.icon2{ background:url(images/ico_05.gif) no-repeat; display:block; width:26px; height:23px; margin-top:3px; margin-left:auto; margin-right:auto;}

.icon3{ background:url(images/ico_07.gif) no-repeat; display:block; width:18px; height:23px; margin-top:3px; margin-left:auto; margin-right:auto;}

.icon4{ background:url(images/ico_09.gif) no-repeat; display:block; width:18px; height:22px; margin-top:3px; margin-left:auto; margin-right:auto;}

.tel2{ line-height:18px; font-size:12px; color:#ffffff; height:18px; padding-top:5px;}

.tel2 a{ color:#ffffff;text-decoration:none;}

.small{ background:url(images/bu_01_03.gif) center no-repeat; height:27px; }



.pr_ow{ width:100%; height: auto;  }

.pr_ow ul{}

.pr_ow ul li{ height:28px; background:url(images/index_23.gif) no-repeat 10px 10px; border-bottom:#eaeaea 1px dashed; line-height:28px;  padding-left:30px; width:99%; }







.pagelist{ width:100%; overflow: hidden; padding:22px 0 0 0px; text-align:center; color:#444444;}

.pagelist ul{ float:right;overflow:hidden; padding-right:12px; color:#444444;}

.pagelist li{ float:left; padding:4px 8px; margin:4px; text-align:center; border:1px solid #eee; color:#444444; }

.pagelist .thisclass{ background:#ccc; border:1px solid #ccc; color:#fff; font-weight:bold; color:#444444;}

.pagelist .thisclass a{ font-weight:bold; color:#444444;}

.pagelist a:hover{color:#032c1a;}

.js table tr {border:1px solid #666;}

.js table tr td{border-right: 1px solid #444;}