.fl{ float: left; } .fr{ float: right;} 
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0} .cl{zoom:1} 
/***************
"宋体","SimSun","黑体","SimHei","微软雅黑","Microsoft YaHei","微软正黑体","Microsoft JhengHei","新宋体","NSimSun","楷体","KaiTi","
深黑 重要文字和标题  #222  
中灰色 普通文字信息及引导 #666
#浅灰  辅助信息 次要文字 按钮苗边 #999
#淡淡灰  分割线 标签描边 #d7d7d7 
#暗白  内容背景 #f3f5f7 
背景 #f8f8f8

**************/
.w101{ width:1000px; clear:both; margin:0 auto;   }
.w100{ width:100%; min-width:1200px;  clear:both; margin:0 auto;   }
.w120{ width:1200px; clear:both; margin:0 auto;   }


.tit_index{ text-align:center; color:#333; margin-bottom:20px;}
.tit_index h2{  padding:0 20px; font-size:30px; font-weight:normal }
.tit_index h2 .link{ border-bottom: 2px solid #bbb;display: block;height: 15px;width: 4em; padding:0 20px;margin: 5px auto; position:relative;}
.tit_index h2 span{ border-bottom: 2px solid #fff;    display: block;height: 15px;width: 40px;;margin: 0 auto; }
.tit_index h2  .link .dot{ width:4px; height:4px; border:6px double #eee; border-radius:50%; position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-2px;}
.tit_index .ms{ padding:10px 0; text-align:center; color:#999; font-size:16px;}

/********************/	
.ys-index { padding:50px 0 0; background:#eee url(img/dbxb.jpg) top center ; }

.ys-index ul.about_list li.xm{ overflow:hidden; padding:60px 0;  }
.ys-index ul.about_list li.xm0{  background-color:rgba(0,0,0,0.05);  }
.ys-index ul.about_list li.xm1{ background: url(img/bj.png) top  center no-repeat; }
.ys-index ul.about_list li:first-child{ background:none; padding-top:10px;}
.ys-index ul.about_list li.xm .tu{ width:502px; height:auto; overflow:hidden; float:right; }
.ys-index ul.about_list li.xm0 .tu{ float:left;}
.ys-index ul.about_list li.xm .tu img{ display:block; width:500px; height:auto;  background:#fff;}

.ys-index ul.about_list li.xm .wen{ width:580px; height:auto; overflow:hidden; float: left; padding:40px  0 20px  0px;;  position:relative; color:#444;}
.ys-index ul.about_list li.xm0 .wen{ float: right;}

.ys-index ul.about_list li.xm .bt .xuhao{ width:60px; height:60px;  overflow:hidden; box-shadow:10px 10px 0px #333; text-align:center; background:#e00; margin-right:30px; float:left;  }
.ys-index ul.about_list li.xm .bt .xuhao span{  font-size:50px; line-height:60px; color:#fff; font-weight:bold; }

.ys-index ul.about_list li.xm .bt p{ color:#111; font-size:30px; line-height:1.5em;  }
.ys-index ul.about_list li.xm .bt span{ color:#777; text-transform:uppercase; font-size:18px;}
.ys-index ul.about_list li.xm .nr{ font-size:16px; line-height:2em; text-align:justify; margin-top:10px;}

/**********************/
.youdian-index{ padding:50px 0;}
.youdian-index .xxnr-500{ width:500px; margin:30px auto; }
.youdian-index .xxnr-500 .biaoti{ text-align:center}
.youdian-index  .youdian-bg{ background:url(img/index_youdian.jpg)  center top no-repeat; min-height:620px; padding-top:50px;}
.youdian-index .youdian-xm { font-size:16px; text-align:left;}
.youdian-index .youdian-xm .biaoti{ color:#333; font-size:20px; font-weight:bold; margin:10px auto; }

.youdian-index .xxnr-250{ width:300px;  height:200px; padding-top:100px;  }
.youdian-index  .xxnr-250-1{ float:left; margin-right:600px;}
.youdian-index  .xxnr-250-2{ margin-right:0; float:right;}

 @media (max-width:1199px) {.youdian-index, .ys-index { display:none} }
  @media (min-width:992px) and (max-width:1199px) {}