/*
 * 清除浮动
 */
.main img {
  width: 100%;
}
.main .what-articel-marketing {
  height: 550px;
  background-color: #f6f6f6;
  padding: 123px 0;
}
.main .what-articel-marketing .left {
  width: 35%;
}
.main .what-articel-marketing .right {
  width: 58%;
}
.main .what-articel-marketing .right h1 {
  font-size: 40px;
  margin: 20px 0;
  color: #f55925;
}
.main .what-articel-marketing .right p {
  font-size: 16px;
  color: #333;
  line-height: 36px;
}
.main .why-articel-marketing {
  background-color: #fff;
  padding-bottom: 100px;
}
.main .why-articel-marketing h1 {
  font-size: 32px;
  padding: 70px 0 40px 0;
  color: #f55925;
}
.main .why-articel-marketing .p1 {
  height: 72px;
  line-height: 72px;
  font-size: 20px;
}
.main .why-articel-marketing .p1 .red {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f55925;
  margin-right: 5px;
}
.main .why-articel-marketing .p2 {
  font-size: 12px;
  color: #999;
  margin-bottom: 10px;
}
.main .articel-marketing-use {
  position: relative;
}
.main .articel-marketing-use .txt {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main .articel-marketing-use .txt h1 {
  font-size: 32px;
  padding: 59px 0 40px 0;
  color: #f55925;
}
.main .how-articel-marketing {
  position: relative;
  background-color: #fff;
  padding-bottom: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .how-articel-marketing h1 {
  font-size: 32px;
  padding: 59px 0 40px 0;
  color: #f55925;
}
.main .how-articel-marketing .p1 {
  font-size: 20px;
  color: #333;
}
.main .how-articel-marketing .item-contain {
  margin-top: 108px;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .how-articel-marketing .item-contain .item {
  padding-top: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 285px;
  height: 360px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(125, 125, 125, 0.16);
          box-shadow: 0px 0px 10px 0px rgba(125, 125, 125, 0.16);
}
.main .how-articel-marketing .item-contain .item img {
  width: 100px;
}
.main .how-articel-marketing .item-contain .item h3 {
  margin-top: 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 24px;
  color: #333;
}
.main .how-articel-marketing .item-contain .item p {
  width: 193px;
  font-size: 16px;
  margin: auto;
}
.main .how-articel-marketing .item-contain .mr {
  margin-right: 8px;
}
.main .how-articel-marketing .item-contain .ml {
  margin-left: 8px;
}
.main .how-articel-marketing .item-contain .mg {
  margin: 0 8px;
}
.main .articel-marketing-category {
  position: relative;
  padding-bottom: 95px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .articel-marketing-category h1 {
  font-size: 32px;
  padding: 59px 0 40px 0;
  color: #f55925;
}
.main .articel-marketing-category .p1 {
  font-size: 20px;
  color: #333;
  margin-bottom: 80px;
}
.main .articel-marketing-category .img-bg {
  height: 530px;
  background: url('../images/product-service/article-marketing/category-bg.png') no-repeat;
}
.main .articel-marketing-category .category {
  margin: auto;
  color: #fff;
  font-size: 20px;
}
.main .articel-marketing-category .category .p1,
.main .articel-marketing-category .category .p2 {
  width: 200px;
  margin: auto;
  padding-right: 55px;
  color: #fff;
}
.main .articel-marketing-category .category .p2 {
  padding-top: 35px;
}
.main .articel-marketing-category .item-contain {
  margin-top: 135px;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .articel-marketing-category .item-contain .item {
  width: 216px;
  height: 290px;
  position: relative;
}
.main .articel-marketing-category .item-contain .mc {
  margin: 0 14px;
}
.main .articel-marketing-category .item-contain .mc1 {
  margin-left: 14px;
}
.main .articel-marketing-category .item-contain .mc2 {
  margin-right: 14px;
}
.main .articel-marketing-category .item-contain h3 {
  font-size: 20px;
  color: #f55925;
  height: 36px;
  margin: 32px 0;
}
.main .articel-marketing-category .item-contain h3 span {
  display: inline-block;
  width: 26px;
  height: 24px;
  margin-top: 6px;
  margin-right: 5px;
}
.main .articel-marketing-category .item-contain h3 span img {
  width: 100%;
  vertical-align: top;
}
.main .articel-marketing-category .item-contain p {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}
.main .articel-marketing-category .item-contain .btm {
  color: #999;
  padding-top: 20px;
  width: 160px;
  margin: auto;
}