*{
    margin: 0;
    padding: 0;
}
.mt_55 {
    margin-top: 0.62rem;
}
.mt_150 {
    margin-top: 150px;
}
.fnt_50 {
    font-size: 50px;
    line-height: 1.3;
}
.fnt_20 {
    font-size: 0.18rem;
}
div.more.other {
    width: 140px;
}
.in_con03 div.more.other a span {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out 100ms;
    transition: all 0.4s ease-in-out 100ms;
    position: relative;
}
.in_con03 div.more.other a {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #fff;
    box-sizing: border-box;
}
a:link, a:visited, a:active, a {
    text-decoration: none;
}
.in_con03 .left .ico dl dt svg {
    width: 80%;
    height: auto;
}
.in_con03 div.more.other a span:after {
    content: attr(data-tit);
    position: absolute;
    width: 100%;
    height: 40px;
    top: 0px;
    left: 0px;
    right: 0;
    background: #ba9a6c;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out 200ms;
    transition: all 0.4s ease-in-out 200ms;
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
}
.mt_85 {
    margin-top: 50px;
}
.in_con03{
    text-align: left;
}
.in_con03 .left{width: 50%;height:6.16rem;float: left;position: relative;background: url(/static/www/img/23xiang.jpg) no-repeat center;background-size: cover;color: #fff;}
.in_con03 .left>*{width: 720px;margin-left:auto;margin-right:auto;}
.in_con03 .left .p h3{width: 100%;line-height: 1.2;position: relative;font-size: 0.3rem;}
.in_con03 .left .p h3:after{content: "";position: absolute;bottom: -50px;left: 0px;width: 50px;height: 2px;background: #fff;}
.in_con03 .left .ico dl{float: left;text-align: center;margin-left: 75px;}
.in_con03 .left .ico dl dd{margin-left: 0;}
.in_con03_p{
    font-size: 0.28rem;
    opacity: 0.8;
}
.in_con03 .left .ico dl:first-child{margin-left: 0;}
.in_con03 .left .ico dl dt{max-width:67px;margin-bottom: 15px;margin-left: 10px;}
.in_con03 .left .ico dl p{font-size: 16px;line-height: 1;}
.in_con03 .left .ico dl span{font-size: 12px;}
.in_con03 .left .ico dl a{color: #fff;}
.in_con03 .left .ico dl dt svg{width: 80%;height: auto;}
.in_con03 .right{width: 50%;height: 6.16rem; float: left;position: relative;background: #eae1d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.in_con03 .right dl{height: 40%;float: left;background-repeat: no-repeat;background-position:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  padding:8% 0% 0% 9%;
}
.in_con03 .right dl dd li{font-size: 14px}
.in_con03 .right dl.dl1{width: 55%;}
.in_con03 .right dl.dl2{width: 45%;padding-left: 5%;}
.in_con03 .right dl.dl3{width: 55%;}
.in_con03 .right dl.dl4{width: 45%;padding-left: 5%;}

.in_con03 .right dl dt{color: #666;position: relative;padding-bottom:25px;}
.in_con03 .right dl dt:after{content: "";display: block;position: absolute;bottom: 0px;left: 0px;width: 60px;height: 4px;background: #a3783d;-webkit-transition:all 0s ease-in-out;transition:all 0s ease-in-out;}
.in_con03 .right dl:hover dt:after{width: 30px;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.in_con03 .right dl dt span{color: #b18d5b; font-size: 0.18rem;}
.in_con03 .right dl dt em{padding-left: 10px;font-size: 0.14rem;color: #777777;}
.in_con03 .right dl dd{width: 100%;margin-top: 20px;overflow: hidden;margin-left: 0;}
.in_con03 .right dl dd li{width: 27%; float: left;color: #666;margin-right: 14px;margin-top: 10px;}
.in_con03 .right dl dd li:hover{text-decoration: underline;}
.other:hover span{margin-top: -40px;}
li {list-style-type: none;}
/*全案营销*/
.wrap {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.in_con04 .mt_150 {
    margin-top: 180px;
}
.in_con04 div.more.other a span {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out 100ms;
    transition: all 0.4s ease-in-out 100ms;
    position: relative;
}
.in_con04 div.more.other a {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #fff;
    box-sizing: border-box;
}
a:link, a:visited, a:active, a {
    text-decoration: none;
}
.in_con04 .left .ico dl dt svg {
    width: 80%;
    height: auto;
}
.in_con04 div.more.other a span:after {
    content: attr(data-tit);
    position: absolute;
    width: 100%;
    height: 40px;
    top: 0px;
    left: 0px;
    right: 0;
    background: #ba9a6c;
    color: #ba9a6c !important;
    -webkit-transition: all 0.4s ease-in-out 200ms;
    transition: all 0.4s ease-in-out 200ms;
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
}
.in_con04{overflow: hidden; height: 0px;padding-bottom: 36%;background: url(/static/www/img/quanan.jpg) no-repeat center;background-size: cover;}
.in_con04 .left{width: 38%;float: left;margin-left: 35px;}
.in_con04 .left a{color: #fff;}
.in_con04 .left h3{font-weight: 700;font-size:0.4rem;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;
                            white-space: nowrap;}
.in_con04 .left p{margin-top: 0.5rem; font-size: 18px; font-weight: 100 !important; line-height: 0.4rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.in_con04 .left a h3{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.in_con04 .left a:hover h3{-webkit-transform:translateX(10px);transform:translateX(10px);}
.in_con04 .right{float: left;width: 53%;padding-left: 7%;margin-left: 90px;}
.in_con04 .right a{color: #fff;}
.in_con04 .right dl{float: left;width: 300px;margin-right: 20px;}
.in_con04 .right dl dt{height: 0px;padding-bottom: 66.5%;overflow: hidden;}
.in_con04 .right dl dt img{width: 100%;height: 200px; transition: all 1s;}
.in_con04 .right dl:hover dt img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.in_con04 .right dd{background: #000;padding:25px 20px;}
.in_con04 .right dd a{display: inline-block;line-height: 1.4;height: 2.8em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.in_con04 .right dd span{color: #bbb;padding-top: 10px;display: inline-block;}
.in_con04 .right dd i{color: #2f2f2f;padding-left: 5px;}
.in_con04 .bottom{float: left;width: 100%;margin-top: 58px;}
.in_con04 .bottom div.more{margin-right: auto;}
.in_con04 .bottom div.more a:hover{border:1px solid #fff;}
.in_con04 .bottom div.more a:hover span:after{background-color: #fff;color:#f60;}
@media only screen and (max-width: 1700px){
  .in_con04{padding-bottom: 40%;}
}
@media only screen and (max-width: 1600px){
    .in_con04 .mt_150 {
        margin-top: 60px;
    }
}
@media only screen and (max-width: 1500px){
  .in_con04 .left{margin-top: 50px;}
}
@media only screen and (max-width: 1400px){
  .in_con04 .left{width: 400px;margin-top:30px;margin-left: 170px;}
  .in_con04 .right{width: 500px;margin-top: 50px;}
  .in_con04 .right dl{width: 48%;margin-right: 0;margin-left: 2%;}
}
@media only screen and (max-width: 1300px){
  .in_con04{padding-bottom: 39%;}
}
@media only screen and (max-width: 1200px){
  .in_con04{padding-bottom: 45%;}
  .in_con04 .left{width: 36.5%;margin-left: 0;}
  .in_con04 .right{width:63.5%;margin-left: 0;padding-left: 5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  .in_con04 .bottom{margin-top: 20px;}
}
@media only screen and (max-width: 910px){
  .in_con04{padding-bottom: 50%;}
  .in_con04 .right{padding-left: 2%;}
}
@media only screen and (max-width: 767px){
    .in_con04 .mt_150{
        width: 100%;
    }
  .in_con04{width: 100%; height:auto;padding-bottom: 30px;}
  .in_con04 .left{width: 94%;margin: 0 auto;float: none;}
  .in_con04 .left h3{height: auto;}
  .in_con04 .left h3 br{display: none;}
  .in_con04 .left p{width:100%;margin-top: 0.5rem;font-size: 0.18rem;line-height: 0.5rem;}
  .in_con04 .left p br{display: none;}
  .in_con04 .right{padding-left: 0.3rem; width: 100%;border-left: 0;border-top:1px solid #fff;margin-top:20px;padding-top: 20px;}
  .in_con04 .right dl{width: 47%;}
  .in_con04 .right dl:first-child{margin-left: 0;}
  .in_con04 .right dd{padding:10px;}
  .in_con04 .right dd span{padding-top: 5px;}
}
@media only screen and (max-width: 1600px){
  .in_con03 .right dl{margin-top: 5%;padding-top: 5%;}
  .in_con03 .right dl dd{width: 100%;margin-top: 10px;}
  .in_con03 .right dl dd li{width: 27%;float: left;color: #666;/* margin-right: 14px; */margin-top: 10px;}
  .mt_150{margin-top: 90px;}
  .in_con03 .right dl dt{padding-bottom: 15px;}
  .in_con03 .right dl dt em{display: block;padding-left: 0;}
  .in_con03 .right dl dt em i{display: none;}
}
@media only screen and (max-width: 1300px){
  /*.in_con03 .right{padding:0 0 45% 0;}*/
  .in_con03 .right dl{padding-left: 5%;padding-right: 0%;background-size: 55%;}
  .in_con03 .left .p h3{font-size: 0.3rem;}
  .fnt_20{font-size: 0.16rem;}
  .mt_150{margin-top: 68px;}
  div.more.other {width: 120px;}
  div.more.other a {height: 35px;line-height: 35px;}
  div.more.other a span:after {height: 35px;}
  div.more.other a span {height: 35px;line-height: 35px;}
  .other:hover span{margin-top: -35px;}
}
@media only screen and (max-width: 1400px){
  .in_con03 .left .p h3:after{bottom: -54px;}
  /*.in_con03 .left .ico dl{margin-left:35px;}*/
  .in_con03 .left .ico dl dt img{width: 50px;}
  .mt_150{
      margin-top: 68px;
  }
  .fnt_50{
      font-size: 38px;
  }
}
@media (max-width: 1500px){
  .fnt_50{
      font-size: 38px;
  }
}
@media only screen and (max-width: 1400px){
    .mt_150 {
    margin-top: 90px;
}
.in_con03 .left .ico dl {
    margin-left: 35px;
}
.mt_85{
    margin-top: 20px;
}
}
@media only screen and (max-width: 1600px){
   .in_con03 .left>* {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
} 
}

@media only screen and (max-width: 1200px){
  .in_con03 .left>*{width: 92%;}
  .in_con03 .left .ico{margin-top:30px;}
  .in_con03 .left .ico dl{margin-left: 20px;}
  .in_con03 .left .ico dl dt img{width: 35px;}
  .in_con03 .left .ico dl p{font-size: 14px;}
}
@media only screen and (max-width: 910px){
  .in_con03 .left{width: 100%;}
  .in_con03 .left .p h3{width: 100%;}
  .in_con03 .left .p h3 br{display: none;}
  .in_con03 .left .p h3:after{bottom: -10px;}
  .in_con03 .left .ico dl{margin-left: 50px;}
}
@media only screen and (max-width: 767px){
  .in_con03 .left{height:auto;padding-bottom: 30px;}
  .in_con03 .left .fnt_20{font-size: 0.18rem;display: none;}
  .in_con03 .left .ico dl{margin-left: 2%;width: 23.5%;}
  .in_con03 .left .ico dl span{display:none;line-height: 1.1;margin-top: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;}
  .in_con03 .left .ico dl p{font-size: 12px;}
  .in_con03 .left .mt_150{margin-top:65px;}
  .in_con03 .left .p h3{text-align: left; font-size: 0.4rem;}
  .in_con03 .left .p h3:after{display: none;}
  .in_con03 .left .p div.more{margin-left:auto;margin-right: auto;}
  .in_con03 .left .ico{margin-top: 50px;}
  .in_con03_p{
      margin-top: 0.62rem;
  }
  .in_con03 .right{
      height:  auto !important;
  }
  .in_con03 .right dl.dl3{
      width: 51% !important;
  }
  .in_con03 .right dl dd li{
      margin-right: 0px;
      width: 50% !important;
  }
  .in_con03 .right{
      width: 100% !important;
  }
  .in_con03 .right dl{
      margin-top: 0 !important;
  }
  .in_con03 .right{
      padding-bottom: 5% !important;
  }
  .in_con03 .right dl.dl1{
      width: 51% !important;
  }
}