/*布局
<div class="wi ma">
  <div class="kl fl"> </div>
  <div class="km fl"> </div>
  <div class="kr fr"> </div>
</div>
*/
.h315{ height:315px; }
.r12 {  border-radius: 10px;}
.ml15{ margin-left:15px;}
.kl{ width: 250px;}
.km{ width: 550px;}
.kr{ width: 370px;}
.ma{ padding-top: 20px;}


/*左侧导航*/
ul.clx{ display:block; padding:10px;}
ul.clx li {list-style:none;display:block;float:left;width:50%;padding:10px 0;}
ul.clx li.om a {color:#f00; font-weight:600}
ul.clx li a {text-decoration:none;color:#000;font-size:14px;}
ul.clx li a:hover {text-decoration:underline;color:#FF5C00;}
ul.clx li strong {font-weight:bold;color:#FF5C00;text-decoration:underline;}
ul.clx li b {font:normal 10px "Arial";color:#928D8D;padding:0px 0 0 8px;}


/* 焦点图 */
.focusBox { float:left; position: relative; width:550px; height:315px; margin-bottom:0px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.focusBox .pic img { width:550px; height:315px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow:display: none;visibility: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden;hidden; display: none;visibility: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 16px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }



/*头条*/
.smb {width:340px;border:0px solid #eee;height:300px;padding:15px; padding-bottom: 0; border-radius:10px; position: relative; }
.smb:before {content: "今日推荐"; position: absolute; top:-12px; left:20px;    display: inline-block;  color: #ddd;    font-size:20px; font-weight: 600;   }
a.bk{ display:block; color:#333}
.smb strong {font-size:18px;display:block;font-weight:600; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  padding-left:0px;padding-top:5px;}

.jsa {line-height:22px;font-size:14px;text-indent:35px;height:70px;overflow:hidden;padding:5px 20px 0 0px;  color: #999}
/*头条下面的广告*/
.sad{ height:90px; background: #f9f9f9;  position: relative;}
.sad:before {content: ""; position: absolute; top:25px; left: 25%;    display: inline-block;    line-height: 30px; text-align: center; color: #eee;font-size:30px;  }

.js {padding-top:0px}
.jsb {padding-top:4px;}
/*头条下面的新闻列表*/
ul.jw {}
ul.jw li {line-height:30px;}
ul.jw li a {font-size:14px;position:relative;display:block;padding-left:10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width:75%;}
ul.jw li a::before {content:" ";display:inline-block;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(225deg);height:.3rem;width:.3rem;border-width:0 0 1px 1px;border-color:#ddd;border-style:solid;position:relative;top:0;z-index:10;left:-6px;}
ul.jw li span{ float: right; color: #f00;  width:15%; text-align: center;}



/*产品图*/
ul.bpu { padding-top:10px; }
ul.bpu li {width:24%;height:307px;float:left; background: #fff;border-radius: 12px;    margin-right:11px;    margin-bottom: 10px;}
ul.bpu li:nth-child(4n) { margin-right: 0;float: right}
ul.bpu li span.bpi {display:block;width:190px;height:190px;margin:0 auto;margin-top:13px;margin-bottom:15px;}
ul.bpu li span.bpi img {width:100%;}
ul.bpu li strong {display:block;width:190px;height:40px;margin:0 auto;line-height:20px;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333}
ul.bpu li span.fen {display:block;width:190px;margin:0 auto;padding:10px 0}
ul.bpu li span.fen a {font-size:16px;font-weight:600;color:#000}
ul.bpu li span.fen i {float:right;color:#ddd; background: url("image/yj.png") no-repeat; padding-left:20px;}


/*什么是*/
.tp{ padding-top: 20px;}
.tpa{ width: 600px; }
.tpb{ width: 290px; margin-left: 10px;}
.tpc{width: 290px;}

.dy{ padding: 20px; margin-top: 15px;height:410px;}
.dy strong{ display: block; padding:0 20px; font-size:20px;}
.dy p{ display: block; line-height:27px; }
.dy p a strong{ display: inline-block; font-size: 12px; padding: 0}

.dy ul.dya{ padding: 10px 0px;}
.dy ul.dya li{ float: left; margin-right: 10px;}
.dy ul.dya li a{ font-size: 14px; display: block; padding: 5px 15px; background: #f1f1f1; border-radius: 10px}

.dy ul.dyb{ padding: 15px 0}
.dy ul.dyb li{ float: left; margin-right:6px; width: 182px; overflow: hidden;}
.dy ul.dyb li:nth-child(3) { margin-right: 0;float: right}

.dy ul.dyb li span{ display: block; width:180px; height:180px; border: 1px solid #eee;}
.dy ul.dyb li span img{ width: 100%;}
.dy ul.dyb li b{ display: block; text-align: center; padding: 15px 0; font-weight: 500;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*经验分享*/
.fx{ min-height: 300px; margin-top: 15px; padding: 10px;height:430px;}
/*底部的经验分享*/
ul.jw2 {}
ul.jw2 li {line-height:43px;}
ul.jw2 li a {font-size:14px;position:relative;display:block;padding-left:10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width:90%;
font-size: 16px;}
ul.jw2 li a::before {content:" ";display:inline-block;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(225deg);height:.3rem;width:.3rem;border-width:0 0 1px 1px;border-color:#ddd;border-style:solid;position:relative;top:0;z-index:10;left:-6px;}