.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
ul{ margin: 0;padding: 0;}

/* CSS Document */
/*public*/
/*@font-face {
  font-family: 'weihon';
  src: url('../font/MiFie-Web-Font.eot') format('embedded-opentype'), url('../font/MiFie-Web-Font.svg') format('svg'), url('../font/MiFie-Web-Font.ttf') format('truetype'), url('../font/MiFie-Web-Font.woff') format('woff');
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: weihon;
  font-style: normal;
}
li{ list-style-type: none;}
h3,h2,h4{ text-align:center;}
.nv_b{ background-color:#f5f5f5; margin-bottom:10px; margin-top:104px;}
.breadcrumb{ margin-bottom:0; padding-left:0;}
.bp{ padding-bottom:10px; padding-top:10px}
end public

案例
.nv_content > .container{ min-height: 800px;}
.nv_content > .container > .row > .col-md-2 > .bg{ width: 100%; cursor: pointer; 
    background-color: gray; margin-top: 1px; height: 30px; line-height: 30px; text-align: center;}
.nv_content > .container > .row > .col-md-2{ padding-left: 1px; padding-right: 1px;}
.nv_content > .container > .row > .col-md-2 > .bg:hover{ background-color:red;} 
.bo{ border:1px solid lightgray; width:252px; height:300px; margin-top:40px; margin-left:14px;
 position:relative;
}
.bo .ho{ position: absolute;left: 25px; top: 25px; display:none;}
.bo:hover .ho{ display: block; cursor: pointer;box-shadow: 2px 2px 5px #888888;}
en 案例*/
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}


/*留言板列表*/
.note_list > .content{ min-height: 600px;}
.note_list > .content > .row{ margin-bottom:40px; margin-top:40px;} 
.note_list > .content > .row > .col-md-12 > .media > .media-body{ background-color:#fff; padding:10px; border-radius:10px;}
.note_list > .content > .row > .col-md-12 > .media > .media-body > .media-footing{ background-color:#707070; color:#fff;
display:inline-block; padding:10px; border-radius:10px; width:98%; margin-top: 10px;}
.note_list > .content > .row > .col-md-12 > .media > .media-left > a{ background-color:gray;
 width:80px; height:80px; border-radius:40px; display:inline-block;  overflow:hidden;}
 .note_list > .content > .row > .col-md-12 > .media > .media-left > a > img{ margin:auto; width: 100%; height: 100%;}
/*end 留言板列表*/


/*营销服务*/
/*.myTab_info{ padding-bottom:40px; padding-top:40px;}
.myTab_info > .container > .row > .col-md-2 > .lsf > li > a{ list-style-type:none;
 width:100%; height:30px; background-color:lightgray; margin-bottom:10px; display:inline-block; text-align:center; line-height:30px; border-radius:10px;}
 .myTab_info > .container > .row > .col-md-10 > .tab-content{ padding:10px; border:1px solid lightgray; border-radius:10px; min-height:600px;}
end 营销服务

index
.nav-lsf{ height: 90px; padding-top: 10px}
.about{ padding-bottom:40px; padding-top:40px; background-color:#F5F5F5;}
.case1{ background-color:#222222; color:#fff;padding-bottom:40px; padding-top:40px;}
.case1_text_left,.case1_text_right{ margin-top: 220px; height: 200px;}
.case1_text_left{ border-radius: 100px; padding: 10px 30px; border: 1px solid red; position: relative;}
.case1_text_left > .wx{ position: absolute; width: 100px; height: 100px; display: none;left:144px; top:36px;}
.case1_text_left > .case1_content{height:50px; text-align: center;}
.case1_text_left > h2{border: 1px solid red;display:block; border-radius:30px; cursor:pointer; }
.case1_img{ width: 244px; height: 420px; box-shadow: 0px 2px 10px red; margin: auto;}
.case1_img img{ width:100%; height:100%;}
.case1_list{width: 1200px; height:210px; overflow: hidden; margin: auto;margin-top:40px; position: relative; }
.case1_text_left > h2:hover{ background-color: red;}
.case1_list .img-ul{position: absolute; top: 0; left: 0;}
.case1_list .img-ul li{ float:left; width:122px; height:210px; background-color:blue; margin-right:15px;}
.case1_list .img-ul li img{ width: 100%; height: 100%;}
.news,.trade{ padding-bottom:40px; padding-top:40px;}
.vdio{ width:200px; height:200px; background-color:red;}

.foo{ padding-bottom:10px; padding-top:10px; background-color:#222222; color:#fff; text-align:center;}
end index

/*功能介绍开始*/

.lsf_nav{ height: 250px; width: 100%;background:url(../images/weibg.jpg) no-repeat center top; opacity: 0.8; padding-top: 50px; margin-top: 102px;}
.lsf_nav:hover{ opacity: 1;}
.lsf_content{ margin: auto; width: 1100px;}
.lsf_nav > .lsf_content > ul{ width: 100%;}
.lsf_nav > .lsf_content > ul > li{float: left;margin-bottom: 8px; margin-right: -1px;width: 80px; height: 30px; line-height: 30px; text-align: center; border: 1px solid lightgray;}
.lsf_nav > .lsf_content > ul > li a{ display: block; width: 100%; height: 100%; color:#fff;}
.lsf_nav > .lsf_content > ul > li a:hover{ background-color:#64ADE6;color:#fff;}
.lsf_nav > .lsf_content > ul > li a.lsf_active{ background-color:#64ADE6;color:#fff;}
.lsf_nav .lsf_top{ padding-bottom: 50px;width: 1100px; margin: auto; margin-top: 40px; line-height: 18px;}
.lsf_nav .lsf_top p{ padding-left: 100px;}
.lsf_phone{ display: none;}
.lsf_media1{ width: 100%; padding-bottom: 100px; padding-top: 100px;background-color: #F8F8F8;}
.lsf_media1 .lsf_content .left{ float: left; width: 50%; height: 400px;position: relative;}
.lsf_media1 .lsf_content .left img{ height: 100%; position: absolute;left:-200px; top: 0; opacity: 0; }
.lsf_media1 .lsf_content .right{ float: left; width: 50%;  height: 400px;text-align: left; position: relative;}
.lsf_media1 .lsf_content .right h4{opacity: 0; font-size:26px; font-weight: bold; margin-bottom: 20px; top: 0px; position: absolute; left: 0;}
.lsf_media1 .lsf_content .right p{opacity: 0; position: absolute; top:500px; left: 0;display: inline-block; width: 100%; line-height: 20px; border-left:4px solid red; padding-left: 10px; }

.lsf_media2{ width: 100%; padding-bottom: 100px; padding-top: 100px;background-color: #F8F8F8; background-color: #fff;}
.lsf_media2 .lsf_content .left{ float: left; width: 50%; height: 400px;position: relative;}
.lsf_media2 .lsf_content .left img{ height: 100%; position: absolute;right:-200px; top: 0; opacity: 0 }
.lsf_media2 .lsf_content .right{ float: left; width: 50%;  height: 400px;text-align: left; position: relative;}
.lsf_media2 .lsf_content .right h4{opacity: 0; position: absolute; font-size:26px; font-weight: bold; margin-bottom: 20px; top: 0px; left: 0;}
.lsf_media2 .lsf_content .right p{ opacity: 0; position: absolute; top: 500px; left: 0; display: inline-block; width: 100%; line-height: 20px; border-left:4px solid red; padding-left: 10px; }
/*end 功能介绍/*

关于我们
.box_1{ margin-bottom: 40px;};*/
/*end 关于我们*/
/*分页*/
.td1{}
.td1 > div{ height: 50px;line-height: 50px;
 width: 100%;
     text-align: center; margin-top: 20px; margin-bottom: 20px; margin: auto;}
.td1 span{ padding:5px 10px; border: 1px solid #E9E8E8; margin-left: 5px;}
.td1 .current{ padding: 5px 10px; background-color:#22B7EB; margin-left: 5px;}
.td1 .num,.td1 .next,.td1 .prev{padding:5px 10px; border: 1px solid #E9E8E8; margin-left: 5px;}

.active1{ background-color:lightred;}
.nav > li > a:hover, .nav > li > a:focus{
    background-color:#fff;
}
/*分页结束*/
/*留言表格*/
.note .content .book_table{ font-size: 14px;
     width: 100%;
}
.note .content .book_table{ width:800px; margin: auto;}

.note .content .book_table tr{ display: block; padding-top:20px; }
.note .content .book_table tr .code{ width: 478px; height: 30px; border:1px solid lightgray; border-radius: 10px; padding-left: 10px;}
.note .content .book_table tr .inp{ width: 600px; height: 30px; border:1px solid lightgray; border-radius: 10px; padding-left: 10px;}
.note .content .book_table tr .are{ width: 600px; height: 100px;border:1px solid lightgray;  border-radius: 10px; padding:10px 0 10px 10px;}
.note .content .book_table .book_td{ width: 80px;}
.note .content .book_table tr td img{ border-radius: 10px; opacity: 0.7}
.note .content .book_table tr td img:hover{ opacity: 1}
.sub{ margin-left: 296px; padding: 10px 60px; cursor: pointer; border: none; border-radius: 10px; background-color: #02599D; color: #fff; font-weight: 600;}
.sub:hover{ background-color: #69B5F1;}
/*end 留言表格结束*/
/*招聘信息开始*/
.job{ width: 1100px; margin: auto; padding-bottom: 50px; padding-top: 50px;}
/*产品服务*/