html, body {
  background: #ffffff;
  width:100%;
  height:100%;
  font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.428571428571429;
  }
*,body { margin:0px; padding:0px
  }
  ul,li{ list-style:none}
a{ text-decoration:none; color:#333}
.mb30{ margin-bottom:30px}
.mr30{ margin-right:30px}
.w1200{ width:1200px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden}
.banner{ height:140px; padding-bottom:600px; background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center; text-align:center}
.banner h2{ padding-top:180px;font-size:42px; letter-spacing:5px}
.banner p{ font-size:32px;}
.banner a{ padding:10px 30px; color:#fff; border-radius:30px; font-size:18px;background-color: #F90}
.socially-features{ background-color:#f5f5f5; height:auto; overflow:hidden}
.m-wrap{ background-color:#f5f5f5; height:auto; overflow:hidden}
.socially-title {
    padding-top: 50px;
    text-align: center;
    padding-bottom: 40px;
}
.socially-title h2 {
    color: #3f3f3f;
    font-size: 32px;
    font-weight: bold;
}
.socially-title p {
    color: #888888;
    font-size: 14px;
    margin-top: 10px;
}
.socially-features ul li {
    float: left;
    width: 400px;
    height: 190px;
    text-align: center;
    margin-bottom: 40px;
}
.socially-features ul li h3 {
    margin: 20px 0 15px;
    font-size: 20px;
    font-weight: bold; color:#333
}
.socially-features ul li p {
    line-height: 18px;
    font-size: 12px;
    color: #888888;
    width: 340px;
    margin: 0 auto;
}
.socially-title span {
    color: #333;
    display: block;
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
}
.fl{ float:left}
.main1-list h3 {
    color: #333;
}
.pb-20 {
    padding-bottom: 20px;
}
.pt-20 {
    padding-top: 20px;
}
.pb-40 {
    padding-bottom: 40px;
}
.pt-40 {
    padding-top: 40px;
}
.f-20 {
    font-size: 20px;
}
.f-40{ font-size:32px}
.wrapper {
	width: 1200px;
	margin: 0 auto;
}

.case_main_transform_bannerbox {
    width: 100%;
    height: 199px;
    background: url(../images/case_imgBg.jpg) no-repeat center center;
    background-color: #4d5464;
}
.case_main_transform_banner_text {
    width: 977px;
    margin: 0 auto;
    text-align: center;
    padding-top: 55px;
}
.case_main_transform_banner_text h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff;
}
.case_main_transform_banner_btn a {
    display: block;
    width: 130px;
    height: 34px;
    border: 2px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    margin: 0 auto;
}
.footer {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px; color:#fff
}
.main6 {
    height: 160px; background-color:#090504
}
.main6 .main6-sj {
    width: 0;
    height: 0;
    border-top: 25px solid #333;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    margin: 0 auto;
}
.m-wrap .box {
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    box-sizing: border-box;
    padding-top: 25px;
    padding-bottom: 25px;
    table-layout: fixed;
    padding: 0\9;
}
.m-wrap .box-inner {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.m-wrap .col {
    display: table-cell;
    vertical-align: middle;
}
.m-desc {
    color: #444;
}
.m-desc .hdline {
    font-size: 32px;
    font-weight: normal;
    line-height: 66px;
    white-space: nowrap;
    font-size: 48px\9;
}
.m-desc .desc {
    font-size: 20px;
    line-height: 40px;
    margin-top: 25px;
    font-size: 20px\9;
}
.m-wrap .box .imgwrap {
    width: 440px; text-align:right;
}
.imgct{ padding-left:120px}
.sec-1{height:auto; overflow:hidden}
.sec-1 li {
    float: left;
    margin-right: 3px; position:relative
}
.sec-1 li .active{ display:none; padding:20px}
.sec-1 li .active h2{ margin-bottom:15px}
.sec-1 li .active p{ margin-bottom:20px}
.sec-1 li .active span{ color:#F93}
.sec-1 li:hover .active{ display: block; position:absolute; left:0px; right:0px; top:0px; bottom:5px; background-color: rgba(56,64,80,0.8);}
.btn_btoom{ width:160px; position: fixed; right:20px; bottom:40px; z-index:999}
.btn_btoom a{ width:140px; text-align:center; background-color:#f60; display:block; margin-bottom:20px; border-radius:20px; padding:10px 0px; color:#fff; box-shadow:rgba(148,148,148,0.5) 0px 1px 0px}
.btn_btoom a.btn_an{ background-color:#f30}
.bg1{ background:url(../images/bg1.jpg) no-repeat center; height:740px;}
.short_dis { background:url(../images/short_dis.png) no-repeat center;height: 455px; margin-top:28px;}
.short_dis dl{ position:absolute;color:#FFF; width:285px;}
.short_dis dl.short_dis1{ top:62px; left:58px; text-align:right;}
.short_dis dl.short_dis2{ top:310px; left:58px; text-align:right;}
.short_dis dl.short_dis3{ top:62px; right:58px; text-align:left;}
.short_dis dl.short_dis4{ top:310px; right:58px; text-align:left;}
.short_dis dl dt{ font-size:20px; padding-bottom:12px;}
.short_dis dl dd{ font-size:14px;}
.relative{ position:relative; width:1210px; margin:0 auto;}	
.enterprise-list {
    padding: 0 10px; height:auto; overflow:hidden
}
.enterprise-list ul .left-top {
  float: left;
  text-align: right;
  height: 187px;
  background: url("../images/enterprise-icon01.png") no-repeat right 15px;
}
 .enterprise-list ul .left-top:hover {
  background: url("../images/enterprise-icon01-h.png") no-repeat right 15px;
}
 .enterprise-list ul .left-top .enterprise-item-wrap {
  padding-right: 100px;
}
 .enterprise-list ul .right-top {
  float: right;
  height: 187px;
  text-align: left;
  background: url("../images/enterprise-icon02.png") no-repeat left 15px;
}
 .enterprise-list ul .right-top:hover {
  background: url("../images/enterprise-icon02-h.png") no-repeat left 15px;
}
 .enterprise-list ul .right-top .enterprise-item-wrap {
  padding-left: 100px;
}
 .enterprise-list ul .left-bottom {
  float: left;
  margin-top: 120px;
  text-align: right;
  background: url("../images/enterprise-icon03.png") no-repeat right 15px;
    height: 120px;
}
 .enterprise-list ul .left-bottom:hover {
  background: url("../images/enterprise-icon03-h.png") no-repeat right 15px;
}
 .enterprise-list ul .left-bottom .enterprise-item-wrap {
  padding-right: 100px;
}
 .enterprise-list ul .right-bottom {
  float: right;
  margin-top: 120px;
  text-align: left;
  background: url("../images/enterprise-icon04.png") no-repeat left 15px;
    height: 120px;
}
 .enterprise-list ul .right-bottom:hover {
  background: url("../images/enterprise-icon04-h.png") no-repeat left 15px;
}
 .enterprise-list ul .right-bottom .enterprise-item-wrap {
  padding-left: 100px;
}
.enterprise-content {
    height: auto;
    position: relative;
    z-index: 3; margin-bottom:40px; margin-top:40px
}.enterprise-list ul .enterprise-item .enterprise-item-wrap h3 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #3f3f3f;
}.enterprise-list ul .enterprise-item .enterprise-item-wrap p {
    font-size: 12px;
    color: #888888;
    line-height: 20px;
}.enterprise-list ul .enterprise-item {
    width: 456px;
}.enterprise-list{
	background-image: url(enterprise-bg.png);
	background-repeat: no-repeat;
	background-position: center 80px;
}.clearfix {
    zoom: 1;
}