@charset "utf-8";
#main {
 max-width:1024px;
 width:100%;
 margin:0 auto;
 margin-top:25px;
 margin-bottom:80px;
 background:#fff url(midbott.gif) no-repeat left bottom;
}
#mains {
 width:100%;
}
#menu101 li {
 height:40px;
 padding:0 25px;
 float:left;
 background:#0A6ABC;
 margin:0 1px 0 0;
}
#menu101 li.hover {
 background:#DB2D21;
}
#menu101 li:hover {
 background:#DB2D21;
}
#menu101 li a {
 width:100%;
 height:40px;
 line-height:40px;
 text-align:center;
 display:block;
 color:#fff;
 font-family: "Microsoft YaHei","微软雅黑","黑体","宋体" !important;
}
#menu101 li a:hover {
 text-decoration:none;
 outline: none;
}
#tit {
 width:96%;
 height:92px;
 padding:0 2%;
 background:url(titbg.gif) left top;
}
#tit1 {
 width:26%;
 height:36px;
 line-height:36px;
 font-size:22px;
 float:left;
 padding:35px 2% 0;
 text-align:left;
}
#tit3 {
 height:27px;
 line-height:27px;
 width:66%;
 padding:48px 2% 0 0;
 float:left;
 text-align:right;
}
#tit0 {
 height:27px;
 line-height:27px;
 padding:46px 2% 0;
 width:96%;
 text-align:center;
 font-weight:bold;
 font-size:18px;
 color:#888;
}
#left {
 width:210px;
 float:left;
}
.lefttext {
 color:#fff;
 font-size:18px;
 font-weight:bold;
 width:150px;
 padding:80px 0 0 50px;
 height:50px;
 display:block;
 background:#0A6ABC;
}
#left li {
 width;210px;
 height:40px;
 float:left;
 border-bottom:#eee 1px solid;
}
#left li a {
 width:190px;
 height:40px;
 line-height:40px;
 padding:0 0 0 20px;
 color:#333;
 display:block;
 background:#fff;
}
#left li a:hover {
 background:#f5f5f5;
 color:#111;
 text-decoration:none;
}
#left li.hover a { 
 background:#DB2D21;
}
#left li.hover a:hover { 
 background:#DB2D21;
}
#left li.hover a { color:#fff;}
#left li a.fl {
 width:180px;
 padding:0 0 0 30px;
 font-size:12px;
 height:26px;
 line-height:26px;
 letter-spacing:0;
 color:#888;
 background:#fff;
}
#left li a.fl:hover { color:#ff0000;}
#left li a.red { color:#ff0000; }
#right {
 width:784px;
 padding:0 0 0 30px;
 float:left;
}
#bodytit {
 padding:20px 0 0px 15px;
 font-size:18px;
 font-weight:bold;
 color:#DB2D21;
}
#body {
 padding:25px 40px 60px;
 line-height:27px;
 color:#555;
 min-height:350px; 
 height:auto !important; 
 height:350px;
 overflow:visible;
}
#body td {
 line-height:24px;
}
#body td p {
 text-indent:20px;
}
#protit {
 width:92%;
 padding:20px 0 20px;
 border-bottom:#ddd 1px solid;
 font-size:14px;
}
#pro {
 width:100%;
 padding:30px 0 10px;
}
#pro li {
 width:33%;
 height:160px;
 float:left;
 line-height:18px;
 text-align:center;
}
#pro li img {
 width:180px;
 height:127px;
 padding:5px;
 background:url(cpbg.jpg) no-repeat 0 0;
}
#pros {
 width:100%;
 padding:30px 0 10px;
}
#pros li {
 width:50%;
 height:270px;
 float:left;
 line-height:18px;
 text-align:center;
}
#pros li img {
 width:300px;
 height:227px;
 border-top:#ddd 1px solid;
 border-left:#ddd 1px solid;
 border-right:#eee 2px solid;
 border-bottom:#eee 2px solid;
}
#xinwen {
   width:610px;
   padding:0 0 15px;
}
#xinwen li {
  width:600px;
  height:28px;
  border-bottom:#ccc 1px dotted;
  float:left;
}
#xinwen li a {
  float:left;
  padding:0 0 0 20px;
  width:480px;
  background:url(arr1.gif) no-repeat 10px 8px;
  overflow: hidden;/*注意不要写在最后了*/
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;  
}
#xinwen li a:hover {
 background:url(arr1a.gif) no-repeat 10px 8px;
}
#xinwen li p {
   float:right;
   padding:0 10px 0 0;
   color:#888;
}
#fenye {
   float:right;
   color:#D87637;
   padding:0 45px 0 0;
   height:25px;
}
#fenye a {
   padding:0 4px;
   color:#D87637;
   border:#D87637 1px solid;
   margin:0 1px;
}
#fenye a:hover {
   text-decoration:none;
   background:#D87637;
   color:#fff;
}
#fenye .a1 {
  padding:0 4px;
   border:#D87637 1px solid;
   margin:0 1px;
   background:#D87637;
   color:#fff;
}
.line {
 width:100%;
 height:20px;
 display:block;
 background:url(line.gif) repeat-x 9px;
}
.text1 {
 font-size:16px;
 font-weight:bold;
 color:#D12C2D;
 padding:0 0 5px;
}
.text2 {
 font-size:15px;
 font-weight:bold;
 color:#0D328A;
 padding:0 0 10px;
}
.text3 {
 font-size:14px;
 font-weight:bold;
 color:#222;
 padding:0 0 6px;
}
.pic1 {
 width:180px;
 height:127px;
 padding:5px;
 background:url(cpbg.jpg) no-repeat 0 0;
}
.pic2 {
 padding:2px;
 border:#ccc 1px solid;
}
.pic3 {
 padding:2px;
 border:#ccc 1px solid;
 margin:10px 0;
}
.about1,.about2 { float:left;}
@media screen and (max-width:767px) {
body { background:#fff;}
#main {
 padding:15px 0 20px;
}
#mains {
 background:none;
}
#menu101 li {
 height:30px;
 padding:0 3px;
}
#menu101 li.hover {
 background:#DB2D21;
}
#menu101 li:hover {
 background:#DB2D21;
}
#menu101 li a {
 height:30px;
 line-height:30px;
 font-size:13px;
}
#tit { height:42px; }
#tit1 {
 height:30px;
 line-height:30px;
 font-size:16px;
 padding:8px 1% 0;
 width:100%;
}
#tit2 {
 width:100%;
 font-weight:bold;
 font-size:15px;
}
 #tit3 {
 display:none;
}
#tit0 {
 padding:16px 2% 0;
 font-size:15px;
}
#body {
 padding:0px 10px 20px;
 line-height:22px;
}
#body img {
 width:100%;
}
#body td img {
 width:80%;
 margin-bottom:15px;
}
.about1 { width:100%;}
.about2 { width:100%;padding-top:10px;}
#left {
 width:100%;
 float:left;
}
.lefttext {
 width:100%;
 padding:30px 0 0 30px;
 height:30px;
}
#left li {
 width:33%;
 height:30px;
}
#left li a {
 width;100%;
}
#right {
 width:100%;
 padding:0 0 0 6px;
 float:left;
  word-spacing:6px;
}
#bodytit {
 padding:12px 0 0px 10px;
 font-size:16px;
}
#body {
 padding:12px 10px 15px
}
.pic111 { width:100%;height:50px; margin-top:10px;}
}