@charset "UTF-8";
/**
 * reset
 */
body, div, td, button, input, select, textarea {
  text-align: left;
  outline: none;
}

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, fieldset, table, pre, th, td, dl, dt, dd, blockquote {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: 0;
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
}

ul li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  vertical-align: baseline;
  *zoom: 1;
}

input[type=radio], input[type=checkbox] {
  vertical-align: middle;
}

input::-ms-clear {
  display: none;
}

textarea {
  overflow: auto;
  resize: none;
}

a {
  text-decoration: none;
}

a:focus, button:focus {
  outline-style: none;
  outline-width: 0;
}

i {
  font-style: normal;
}

body {
  text-align: center;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", "\9ED1\4F53", Arial, sans-serif;
}

/**
 * font
 */
body,
button,
input,
select,
textarea,
div {
  font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", "\9ED1\4F53", Arial, sans-serif;
  /*  font-family:"黑体"; */
}

input::-ms-clear {
  display: none;
}

.inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
}

/*设置最小宽度*/
body {
  min-width: 1000px;
}

.ellipsis {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
 * 多行文本自动换行
 */
.text-break-word {
  overflow: hidden;
  word-wrap: break-word;
}

/**
 * layout
 */
html,
body {
  height: 100%;
}

/* Let's get this party started */
::-webkit-scrollbar {
  width: 10px;
  background-color: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.15);
}

::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-track:vertical {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-track:horizontal {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

::-webkit-scrollbar-track:hover {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.15);
}

/* 局部滚动条样式 */
.scroll-theme::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.scroll-theme {
  position: relative;
}

/*margin class*/
.tab-mb44 {
  margin-bottom: 44px;
}

.icon-sprite, .icon-auto, .icon-code, .icon-contact, .icon-dot-blue, .icon-dot-red, .icon-join, .icon-mail, .icon-matrix, .icon-movie, .icon-original, .icon-provide, .icon-qq, .icon-split, .icon-wechat, .icon-wifi {
  background-image: url('http://mat1.gtimg.com/v/images/pgcnew/icon-s0e903b5cc9.png');
  background-repeat: no-repeat;
}

.icon-auto {
  background-position: 0 0;
  height: 81px;
  width: 83px;
}

.icon-code {
  background-position: 0 -91px;
  height: 49px;
  width: 59px;
}

.icon-contact {
  background-position: 0 -150px;
  height: 81px;
  width: 82px;
}

.icon-dot-blue {
  background-position: 0 -241px;
  height: 14px;
  width: 14px;
}

.icon-dot-red {
  background-position: 0 -265px;
  height: 14px;
  width: 14px;
}

.icon-join {
  background-position: 0 -289px;
  height: 81px;
  width: 82px;
}

.icon-mail {
  background-position: 0 -380px;
  height: 38px;
  width: 52px;
}

.icon-matrix {
  background-position: 0 -428px;
  height: 47px;
  width: 48px;
}

.icon-movie {
  background-position: 0 -485px;
  height: 41px;
  width: 41px;
}

.icon-original {
  background-position: 0 -536px;
  height: 81px;
  width: 82px;
}

.icon-provide {
  background-position: 0 -627px;
  height: 49px;
  width: 44px;
}

.icon-qq {
  background-position: 0 -686px;
  height: 56px;
  width: 47px;
}

.icon-split {
  background-position: 0 -752px;
  height: 81px;
  width: 84px;
}

.icon-wechat {
  background-position: 0 -843px;
  height: 49px;
  width: 59px;
}

.icon-wifi {
  background-position: 0 -902px;
  height: 39px;
  width: 47px;
}

[class^="icon"] {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  *top: 1px;
  margin-right: 5px;
}

/* 默认icon目录下的图片，只需要把图片放到icon目录，执行gulp compass就可以，调用样式命名为icon+图片文件名 */
/*container*/
.container {
  width: 1420px;
  margin: 0 auto;
}

/*banner*/
.banner-wrap {
  width: 100%;
  height: auto;
}
.banner-wrap .banner {
  width: 100%;
  height: 395px;
  display: block;
}

/*main*/
.main {
  width: 100%;
  height: 100%;
  background-image: url(http://mat1.gtimg.com/v/images/pgcnew/bg.jpg);
  background-size: cover;
}
.main .tab-menu {
  width: 100%;
  font-size: 0;
}
.main .tab-menu .tab-menu-item {
  width: 20%;
  height: 149px;
  line-height: 149px;
  display: inline-block;
  font-size: 36px;
  text-align: center;
  font-family: "黑体";
  font-weight: bold;
  background-image: linear-gradient(to bottom, #c2d4fa 0%, #c0d6fa 59%);
}
.main .tab-menu .tab-menu-item i {
  margin-right: 10px;
}
.main .tab-menu .tab-menu-item.active {
  background: #fff;
}
.main .tab-menu .tab-menu-item.join {
  color: #ea741e;
}
.main .tab-menu .tab-menu-item.original {
  color: #20a59c;
}
.main .tab-menu .tab-menu-item.split {
  color: #1975a0;
}
.main .tab-menu .tab-menu-item.auto {
  color: #ea741e;
}
.main .tab-menu .tab-menu-item.contact {
  color: #20a59c;
}

/*tab join*/
.tab-content {
  display: none;
  padding-top: 71px;
}
.tab-content .tab-content-item {
  padding-bottom: 66px;
}
.tab-content .tab-content-item .serial-number {
  width: 45px;
  height: 45px;
  display: inline-block;
  vertical-align: top;
  line-height: 45px;
  text-align: center;
  font-size: 30px;
  color: #fff;
  background-image: linear-gradient(140deg, #60dae6 10%, #5f73e2 70%);
}
.tab-content .title {
  height: 77px;
  line-height: 77px;
  display: inline-block;
  font-size: 40px;
  color: #ea741e;
  padding: 0 46px;
  margin-bottom: 44px;
}
.tab-content .linear-bg {
  color: #fff;
  height: 77px;
  line-height: 77px;
  background-image: linear-gradient(to right, #60dae6 10%, #5f73e2 70%);
}
.tab-content .tab-content-list {
  padding-left: 49px;
}
.tab-content .tab-content-list li {
  font-size: 0;
  line-height: 50px;
  margin-bottom: 26px;
  color: #000;
}
.tab-content .tab-content-list li i {
  margin-right: 26px;
}
.tab-content .tab-content-list .tab-list-txt {
  font-size: 28px;
  display: inline-block;
  width: 1240px;
  vertical-align: top;
}
.tab-content .tab-content-formal .tab-content-list li {
  line-height: 56px;
  margin-bottom: 25px;
}
.tab-content .tab-content-formal .tab-content-list .icon-dot-red {
  margin-left: 14px;
  margin-right: 34px;
}
.tab-content .tab-content-interests {
  padding-bottom: 242px;
}
.tab-content .tab-content-interests .tab-list-txt {
  padding-left: 3px;
}
.tab-content .tab-content-interests .tab-content-list li {
  line-height: 45px;
  margin-bottom: 30px;
}

.tab-content-explain {
  font-size: 28px;
  width: 1259px;
  line-height: 48px;
  margin-left: 46px;
}

/*split*/
.tab-content-split .tab-content-list li {
  line-height: 45px;
}

.tab-list-txt-m {
  font-size: 28px;
  vertical-align: middle;
}
.tab-list-txt-m span {
  font-size: 30px;
  color: #ea751f;
  font-weight: bold;
  margin-right: 20px;
}

/*auto*/
.tab-content-tit-sub {
  width: 1240px;
  font-size: 30px;
  line-height: 42px;
  color: #4c82e2;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}

.tab-content-auto .tab-list-txt-m span {
  color: #000;
}
.tab-content-auto .tab-content-explain {
  margin-left: 70px;
  margin-bottom: 11px;
}
.tab-content-auto .tab-cont-list-exp .tab-content-explain {
  margin-left: 44px;
}

/*contact*/
.qrcode-wrap {
  padding-left: 70px;
  padding-top: 31px;
}

.tab-content-contact .tab-content-list .icon-qq, .tab-content-contact .tab-content-list .icon-wechat, .tab-content-contact .tab-content-list .icon-mail {
  width: 59px;
  margin-right: 9px;
}
.tab-content-contact .tab-content-list .icon-dot-blue {
  margin-left: 24px;
  margin-right: 34px;
}
.tab-content-contact .tab-content-explain {
  margin-left: 70px;
}
.tab-content-contact .tab-list-txt-m {
  font-size: 30px;
}
.tab-content-contact .tab-list-txt-m span {
  color: #000;
}
.tab-content-contact .tab-list-txt-m .tab-cotanct-info {
  color: #4c82e2;
}

/*# sourceMappingURL=style.page.index.css.map */
/*  |xGv00|31e0ae49a3e4df41bd3a512e85e7d69c */