.banner img {
  display: block;
  width: 100%;
  height: 100%; }

.maintitle {
  font-size: 24px;
  line-height: 64px; }
  .maintitle p {
    margin: 0 auto;
    box-sizing: border-box;
    height: 64px;
    width: 120px; }
    .maintitle hr {
    margin: 0 auto;
    width: 0;
    transition: width  1s ease-in-out;
    -moz-transition: width  1s ease-in-out;
    -webkit-transition: width  1s ease-in-out;
    border: 2px solid #FF9900;}
.totop{
    position: fixed;
    right: 10%;
    bottom: 20%;
    display: none;
}
.totop img{
    width: 40px;
    height: 40px;
}
.service {
  background: #F5F5F5;
  height: 581px; }
  .service ul {
    padding: 111px 256px 0 256px; }
    .service ul li {
      width: 152px;
      float: left;
      margin: 0 30px;
      cursor: pointer; }
      .service ul li img {
        display: block;
        width: 70px;
        height: 70px;
        margin: 0 auto;
        cursor: pointer;
        -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .service ul li img:hover {
        transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -o-transform: translateY(-10px); }
      .service ul li .devname {
        font-size: 18px;
        line-height: 18px;
        margin-top: 31px;
        color: #3c3c3c;
        text-align: center;
        margin-bottom: 24px; }
      .service ul li ol {
        margin-top: 10px; }
        .service ul li ol li {
          float: none;
          margin: 10px 0 0 0;
          font-size: 14px;
          line-height: 14px;
          color: #5d5d5d;
          text-align: center; }
          .service ul li ol li a {
            text-align: center;
            font-size: 14px;
            line-height: 14px;
            color: #5d5d5d;
            display: block; }
    .service ul li:hover .devname {
      color: #FF9900; }

.process {
  margin-top: 183px;
  position: relative;
  width: 100%;
  height: 512px;
  background: #F5F5F5; }
  .process .index {
    position: absolute;
    left: 55px;
    top: -42px;
    font-size: 60px;
    line-height: 60px;
    color: #FF9900;
    z-index: -1; }
  .process .subtitle {
    background-color: #3c3c3c;
    color: #FFFFFF;
    line-height: 65px;
    text-align: center;
    position: absolute;
    width: 464px;
    height: 65px;
    top: -41px;
    right: 0;
    z-index: 99;
    font-size: 24px; }
  .process ul {
    padding-left: 108px;
    padding-top: 176px; }
    .process ul li {
      float: left;
      margin-right: 10px; }
      .process ul li img {
        width: 60px;
        height: 60px;
        cursor: pointer;
        -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .process ul li img.tt {
        width: 76px;
        height: 20px;
        vertical-align: top;
        cursor: default; }
      .process ul li img.bb {
        cursor: default;
        width: 76px;
        height: 20px;
        vertical-align: bottom; }
      .process ul li .process-num {
        color: #a9a9a9;
        font-size: 18px;
        line-height: 18px;
        margin-top: 60px;
        -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .process ul li .process-name {
        margin-top: 5px;
        -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .process ul li:hover .process-num,
    .process ul li:hover .process-name,
    .process ul li:hover img[src*="process"] {
      color: #FF9900;
      transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      -o-transform: translateY(-10px); }
    .process ul li:hover .process-name {
      color: black; }

.message {
  margin-top: 203px;
  position: relative;
  width: 100%;
  height: 907px;
  background: #FFFFFF; }
  .message .index {
    position: absolute;
    right: 55px;
    top: -42px;
    font-size: 60px;
    line-height: 60px;
    color: #FF9900;
    z-index: -1; }
  .message .subtitle {
    background-color: #3c3c3c;
    color: #FFFFFF;
    line-height: 65px;
    text-align: center;
    position: absolute;
    width: 464px;
    height: 65px;
    top: -41px;
    left: 0;
    z-index: 99;
    font-size: 24px; }
  .message .thumb img {
    display: block;
    width: 100%;
    height: 100%; }
  .message .msgpage {
    position: absolute;
    width: 1065px;
    height: 512px;
    background: #F5F5F5;
    left: 152px;
    top: 250px;
    box-shadow: 2px 2px 1px 1px #e2e2e2; }
    .message .msgpage .left {
      padding-top: 112px;
      padding-left: 138px;
      float: left; }
      .message .msgpage .left input {
        display: block;
        margin-bottom: 14px;
        border-radius: 4px;
        width: 366px;
        height: 57px;
        border: 1px solid #7f7f7f;
        text-indent: 74px;
        line-height: 57px; }
      .message .msgpage .left input:focus {
        border: 1px solid #3157DB; }
      .message .msgpage .left input[name=user] {
        background: url(../img/icon_me.jpg) no-repeat 22px 15px white; }
      .message .msgpage .left input[name=user]:focus {
        background: url(../img/icon_me_select.jpg) no-repeat 22px 15px white; }
      .message .msgpage .left input[name=phone] {
        background: url(../img/icon_phone.jpg) no-repeat 22px 15px white; }
      .message .msgpage .left input[name=phone]:focus {
        background: url(../img/icon_phone_select.jpg) no-repeat 22px 15px white; }
      .message .msgpage .left input[name=mail] {
        background: url(../img/icon_mail.jpg) no-repeat 22px 15px white; }
      .message .msgpage .left input[name=mail]:focus {
        background: url(../img/icon_mail_select.jpg) no-repeat 22px 15px white; }
      .message .msgpage .left input[name=yanzhengma] {
        background: url(../img/icon_yanzheng.jpg) no-repeat 22px 15px white; }
      .message .msgpage .left input[name=yanzhengma]:focus {
        background: url(../img/icon_yanzheng_select.jpg) no-repeat 22px 15px white; }
    .message .msgpage .right {
      padding-top: 112px;
      float: left;
      margin-left: 53px; }
      .message .msgpage .right textarea {
        display: block;
        width: 366px;
        height: 203px;
        border-radius: 4px;
        margin-bottom: 14px;
        border: 1px solid #7f7f7f;
        text-indent: 74px;
        line-height: 57px;
        background: url(../img/icon_need.jpg) no-repeat 22px 15px white; }
      .message .msgpage .right textarea:focus {
        background: url(../img/icon_need_select.jpg) no-repeat 22px 15px white; }
      .message .msgpage .right button {
        width: 157px;
        height: 57px;
        background: #FFFFFF;
        color: black;
        text-align: center;
        line-height: 57px;
        border: 1px solid #7f7f7f;
        float: right;
        border-radius: 4px;
        cursor: pointer;
        -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .message .msgpage .right button:hover,
      .message .msgpage .right button:active {
        color: #FFFFFF;
        background: #3157db;
        border: 1px solid #3157db; }

.subtitle:after {
  top: 52px;
  left: 184px;
  background: #FF9900;
  width: 64px;
  height: 2px;
  content: '';
  position: absolute; }

/*# sourceMappingURL=custom.css.map */