@charset "utf-8";
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,p{margin:0;font-weight:400}
/* CSS Document */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
  font-size:14px; line-height:24px;
}
button, html, input, textarea {
    font-family: Helvetica,Arial,STXihei,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
header, section, footer, aside, nav, main, article, figure {
    display: block;
}
html, body {
    width: 100%;
    height:auto;
    overflow-x: hidden;
}
@font-face {
    font-family: 'icomoon-yunxin';
    src: url(/fonts/icomoon-hfy.eot);
    src: url(/fonts/icomoon-hfy-ie6.eot#iefix) format('embedded-opentype'), url(/fonts/icomoon-hfy.ttf) format('truetype'), url(/fonts/icomoon-hfy.woff) format('woff'), url(/fonts/icomoon-hfy.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

.fi {
    text-transform: none;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-family: icomoon-yunxin !important;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fi-quotl:before {content: "\e906"}
.fi-audio:before { content: "\e901"}
.fi-ren:before { content: "\e902"}
.fi-sms:before { content: "\e903"}
.fi-up:before { content: "\e904"}
.fi-video:before {content: "\e905"}
.fi-arrowd:before { content: "\e911"}
.fi-arrowl:before {content: "\e912"}
.fi-arrowr:before { content: "\e913"}
.fi-close:before { content: "\e920"}
.fi-right:before {content: "\e924"}
.fi-question:before { content: "\e932"}
.fi-earphone:before {content: "\e900"}
.fi-tel:before { content: "\e910"}
.fi-tel2:before { content: "\e91d"}
.fi-imglobal:before {content: "\e918"}
.fi-imsafe:before {content: "\e919"}
.fi-imsure:before { content: "\e91a"}
.fi-global:before { content: "\e909"}
.fi-thread:before {content: "\e908"}
.fi-sure:before {content: "\e90a"}
.fi-exclamation:before {content: "\e922"}
.fi-info:before { content: "\e921"}
a{color:inherit;text-decoration:none;outline:0}
.clear{clear:both}
img, video {
    vertical-align:top;
    border: 0;
    width: auto;
}
ul, li {
    list-style: none;
}
 .box{width: 1200px; margin: auto; display: flex;height: 100%;justify-content: center;
    align-items: center;}
.box-b{background: #fff;}
.box-f{background: #f3f7ff;}
.padding30{padding: 30px 0px;}
/*header*/
.header{height: 80px;position:fixed;top: 0px;width: 100%;z-index: 99;box-shadow: 0px 0px 3px #fff; }
@media only screen and (min-width:1480px) {
.header .box {width:1440px; position:relative;}
.header .box  .logo{position:absolute; left:0px;}
}
.header .box ul{padding-left: 30px;line-height: 80px;}	
.header .box ul li{display: inline-table;    font-size: 18px;font-weight: 600;
    color: #fff;padding: 0px 18px;}
.header .box ul li .hot{position: relative; top:-47px;}
.header .box ul li .tel{font-size: 22px;}
.nav_scroll{background:rgba(0,0,0,0.58);}
/*banner*/
.banner{position: relative;}
.banner_box {position: absolute;top:0px; width: 1200px; display: flex;height: 100%;justify-content: center;
    align-items: center;}
.banner_box img{    vertical-align: middle;}
/***/
.serve {
    width: 1200px;
    margin: 130px auto;
    text-align: center;
  }

  .serve .serve_title {
    font-size: 36px;
    font-family: "Microsoft YaHei";
    color: #333333;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 15px solid #FFF600;
    display: inline-block;
    font-weight: bold;
  }

  .serve .serve_content {
    text-align: center;
    font-size: 24px;
  }
/****/ 
.process {
      width: 1000px;
      margin: 80px auto;
    }

    .process p {
      font-size: 34px;
      font-family: "Microsoft YaHei";
      color: #333333;
      font-weight: 400;
      line-height: 30px;
      text-align: center;
      margin-bottom: 80px;
    }

    .process dl {
      min-width: 130px;
      float: left;
      text-align: center;
    }

    .process .process_icon dt {
      width: 60px;
      height: 60px;
      background: url(/images/process.png);
      margin: 20px auto;
    }

    .process .process_icon:nth-child(1) dt {
      background-position: -5px 0px;
    }

    .process .process_icon:nth-child(3) dt {
      background-position: -75px 0px;
    }

    .process .process_icon:nth-child(5) dt {
      background-position: -145px 0px;
    }

    .process .process_icon:nth-child(7) dt {
      background-position: -215px 0px;
      cursor: pointer;
    }

    .process .process_icon dd {
      margin-left: 0px;
      font-size: 16px;
    }

    .process .process_arrow dt {
      font-size: 36px;
      line-height: 140px;
      color: #666;
    }
/*cc*/
.divDialog {
      text-align: center;
      line-height: 40px;
      font-size: 12px;
      font-weight: bold;
      z-index: 9999;
      width: 410px;
      height: 270px;
      left: 50%;
      /*FF IE7*/
      top: 50%;
      /*FF IE7*/
      background: center center no-repeat url(http://www.sms10001.com/images/talk.png);
      margin-left: -205px !important;
      /*FF IE7 该值为本身宽的一半 */
      margin-top: -135px !important;
      /*FF IE7 该值为本身高的一半*/
      margin-top: 0px;
      position: fixed !important;
      /*FF IE7*/
      position: absolute;
      /*IE6*/

      _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :
          /*IE6*/
          document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
      /*IE5 IE5.5*/
    }

 .ccNew {
      visibility: hidden;
      filter: alpha(opacity=0);
      opacity: 0;
      position: fixed;
      top: 318px;
      transition: .2s ease-out;
      width: 70px;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      font-size: 12px;
      color: #fff;
      z-index: 999
    }

    .ccNew.z-show {
      visibility: visible;
      filter: alpha(opacity=100);
      opacity: 1
    }

    .ccNew .m-confirm__item.online {
      border-radius: 2px 2px 0 0
    }

    .ccNew .m-confirm__item {
      position: relative;
      box-sizing: border-box;
      width: 70px;
      padding-top: 14px;
      padding-bottom: 15px;
      font-size: 12px;
      color: #fff;
      text-align: center;
      cursor: pointer;
      background-color: #488bff;
      z-index: 1
    }

    .ccNew .m-confirm__item:before {
      content: "";
      position: absolute;
      width: 55px;
      left: 5px;
      top: 0;
      height: 1px;
      background-color: #fff;
      background-color: rgba(255, 255, 255, .3)
    }

    .ccNew .m-confirm__item a {
      color: #fff;
      text-decoration: none
    }

    .ccNew .m-confirm__item p {
      margin: 5px 0
    }

    .ccNew .m-confirm__item:hover {
      background-color: #2e7bff
    }

    .ccNew .m-confirm__item.tel .contentTel {
      visibility: hidden;
      position: absolute;
      right: 53px;
      top: -1px;
      filter: alpha(opacity=0);
      opacity: 0;
      z-index: 9999;
      transition-delay: .2s;
      transition-duration: .35s;
      transition-timing-function: ease-out
    }
    .contentTel img {    width: 256px; }
    .ccNew .m-confirm__item.tel:hover .contentTel {
      visibility: visible;
      right: 66px;
      filter: alpha(opacity=100);
      opacity: 1;
      z-index: 9999;
      transition: .3s ease-out
    }

    #YSF-BTN-HOLDER {
      opacity: 0;
      visibility: hidden
    }

    .ccNew .try {
      padding: 0
    }

    .ccNew .try a {
      display: block;
      padding-top: 14px;
      padding-bottom: 15px
    }
/*footer**/
.footer{background:#010101;color:#fff;}