@charset "UTF-8";
/* line 5, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 9, ../sass/_layout.scss */
body {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.3em;
  height: 100%;
  font-family: "PingFang SC", Helvetica, 'Microsoft yahei', Arial, 'San Francisco', 'sans-seri';
}

/* line 18, ../sass/_layout.scss */
p {
  font-family: "PingFang SC", 'Microsoft yahei';
}

/* line 21, ../sass/_layout.scss */
a {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* line 26, ../sass/_layout.scss */
.fl {
  float: left;
}

/* line 29, ../sass/_layout.scss */
.fr {
  float: right;
}

/* line 32, ../sass/_layout.scss */
.fixclear {
  clear: both;
}

/* line 35, ../sass/_layout.scss */
.display {
  display: none;
}

/* line 38, ../sass/_layout.scss */
.nav {
  z-index: 12;
  position: absolute;
  top: 50px;
  width: 93.75%;
  height: 70px;
  left: 50%;
  margin-left: -46.875%;
  box-shadow: 0 0 30px -3px rgba(0, 0, 0, 0.2);
  background-color: white;
}
/* line 48, ../sass/_layout.scss */
.nav .logo {
  position: relative;
  float: left;
  height: 70px;
}
/* line 52, ../sass/_layout.scss */
.nav .logo a {
  display: block;
  height: 27px;
  margin: 21.5px 0px 21.5px 60px;
}
/* line 58, ../sass/_layout.scss */
.nav .nav_wrap {
  margin-right: 35px;
}
/* line 61, ../sass/_layout.scss */
.nav .nav_wrap .nav_li ul {
  margin: 25px 0;
  font-size: 14px;
  color: black;
  height: 20px;
}
/* line 66, ../sass/_layout.scss */
.nav .nav_wrap .nav_li ul li {
  position: relative;
  text-align: center;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
/* line 72, ../sass/_layout.scss */
.nav .nav_wrap .nav_li ul li > span {
  color: #5f5f6c;
}
/* line 75, ../sass/_layout.scss */
.nav .nav_wrap .nav_li ul li > p {
  font-weight: bold;
  width: 60px;
  text-align: center;
  padding: 0 25px;
}
/* line 81, ../sass/_layout.scss */
.nav .nav_wrap .nav_li ul li:hover p {
  color: #172a88;
  font-weight: bold;
}
/* line 85, ../sass/_layout.scss */
.nav .nav_wrap .nav_li ul li:hover > ul {
  display: block;
}
/* line 88, ../sass/_layout.scss */
.nav .nav_wrap .nav_li ul li ul {
  display: none;
  height: 172px;
  position: absolute;
  top: 20px;
  margin: 0;
  padding: 26px 0 0 0;
}
/* line 95, ../sass/_layout.scss */
.nav .nav_wrap .nav_li ul li ul li {
  height: 172px;
}
/* line 97, ../sass/_layout.scss */
.nav .nav_wrap .nav_li ul li ul li a {
  position: relative;
  display: block;
  background-color: white;
  width: 115px;
  padding: 10px 0;
  margin: 2px 0;
  box-shadow: 1px 1px 2px #d0d0d5;
  overflow: hidden;
  font-family: BreuerText;
  color: #5f5f6c;
}
/* line 108, ../sass/_layout.scss */
.nav .nav_wrap .nav_li ul li ul li a:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 0px;
  width: 2px;
  height: 40px;
  background-color: #172a88;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 118, ../sass/_layout.scss */
.nav .nav_wrap .nav_li ul li ul li a:hover {
  background-color: #ededef;
}
/* line 122, ../sass/_layout.scss */
.nav .nav_wrap .nav_li ul li ul li a:hover:before {
  top: 0;
}
/* line 130, ../sass/_layout.scss */
/* .nav .nav_wrap .nav_li ul li:nth-child(2):after {
  position: absolute;
  content: 'product';
  top: 15px;
  left: 30px;
  color: #d0d0d5;
} */
/* line 139, ../sass/_layout.scss */
/* .nav .nav_wrap .nav_li ul li:nth-child(5):after {
  position: absolute;
  content: 'contact';
  top: 15px;
  left: 30px;
  color: #d0d0d5;
} */
/* line 152, ../sass/_layout.scss */
.nav .lilogo_wrap {
  box-sizing: border-box;
  height: 28px;
  width: 28px;
  margin: 21px 55px;
}
/* line 157, ../sass/_layout.scss */
.nav .lilogo_wrap img {
  position: absolute;
}
/* line 161, ../sass/_layout.scss */
.nav .nav_change {
  position: absolute;
  right: 198px;
}
/* line 165, ../sass/_layout.scss */
.nav .nav_change .nav_wrap .nav_li {
  -moz-transition: all 10s linear;
  -o-transition: all 10s linear;
  -webkit-transition: all 10s linear;
  transition: all 10s linear;
}
/* line 167, ../sass/_layout.scss */
.nav .nav_change .nav_wrap .nav_li ul {
  margin: 25px 0;
  font-size: 14px;
  color: black;
  height: 20px;
}
/* line 172, ../sass/_layout.scss */
.nav .nav_change .nav_wrap .nav_li ul li {
  position: relative;
  text-align: center;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
/* line 178, ../sass/_layout.scss */
.nav .nav_change .nav_wrap .nav_li ul li p {
  width: 65px;
  text-align: center;
  padding: 0 23px;
}
/* line 183, ../sass/_layout.scss */
.nav .nav_change .nav_wrap .nav_li ul li:hover p {
  color: #172a88;
  font-weight: bold;
}
/* line 187, ../sass/_layout.scss */
.nav .nav_change .nav_wrap .nav_li ul li:hover > ul {
  display: block;
}
/* line 190, ../sass/_layout.scss */
.nav .nav_change .nav_wrap .nav_li ul li ul {
  display: none;
  height: 172px;
  position: absolute;
  margin: 0;
  top: 20px;
  padding: 26px 0 0 0;
}
/* line 197, ../sass/_layout.scss */
.nav .nav_change .nav_wrap .nav_li ul li ul li {
  height: 172px;
}
/* line 199, ../sass/_layout.scss */
.nav .nav_change .nav_wrap .nav_li ul li ul li a {
  position: relative;
  display: block;
  background-color: white;
  width: 120px;
  padding: 10px 0;
  margin: 1px 0;
  border: 1px solid #d0d0d5;
  overflow: hidden;
}
/* line 208, ../sass/_layout.scss */
.nav .nav_change .nav_wrap .nav_li ul li ul li a:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 0px;
  width: 2px;
  height: 40px;
  background-color: #172a88;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 218, ../sass/_layout.scss */
.nav .nav_change .nav_wrap .nav_li ul li ul li a:hover {
  background-color: #d0d0d5;
}
/* line 221, ../sass/_layout.scss */
.nav .nav_change .nav_wrap .nav_li ul li ul li a:hover:before {
  top: 0;
}
/* line 234, ../sass/_layout.scss */
.nav .lang {
  color: white;
  font-size: 16px;
  width: 65px;
  height: 20px;
  background-color: #172a88;
  margin: 25px 55px 25px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  line-height: 20px;
  text-align: center;
  font-family: 'BreuerText';
}
/* line 248, ../sass/_layout.scss */
.nav .lang .tab {
  color: #d0d0d5;
}
/* line 251, ../sass/_layout.scss */
.nav .lang a {
  color: white;
  text-decoration: none;
}

/* line 257, ../sass/_layout.scss */
.first_img {
  position: relative;
  width: 100%;
  height: 600px;
}

/* line 265, ../sass/_layout.scss */
.sample-wrap {
  z-index: 2000;
  position: fixed;
  width: 145px;
  height: 50px;
  top: 75%;
  right: 0;
  background-color: #172a88;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
/* line 274, ../sass/_layout.scss */
.sample-wrap a {
  color: white;
}
/* line 277, ../sass/_layout.scss */
.sample-wrap .sample {
  width: 100%;
  height: 100%;
}
/* line 280, ../sass/_layout.scss */
.sample-wrap .sample i {
  width: 29px;
  height: 29px;
  margin: 12px 12px 0;
  background-image: url("../imgs/index/sample.png");
  background-repeat: no-repeat;
}
/* line 287, ../sass/_layout.scss */
.sample-wrap .sample span {
  margin-top: 15px;
  font-size: 20px;
}
/* line 291, ../sass/_layout.scss */
.sample-wrap .sample:after {
  display: block;
  content: '';
  clear: both;
}
/* line 297, ../sass/_layout.scss */
.sample-wrap:hover {
  background-color: transparent;
  background-image: url("../imgs/index/sample.jpg");
}

/* line 302, ../sass/_layout.scss */
.navbar {
  width: 1200px;
  margin: 0px auto;
  position: relative;
  top: -80px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 309, ../sass/_layout.scss */
.navbar ul li {
  cursor: pointer;
  width: 180px;
  height: 80px;
  color: black;
  background-color: #ededef;
  margin-right: 2px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 317, ../sass/_layout.scss */
.navbar ul li .wrap {
  width: 130px;
  height: 46px;
  margin: 17px 25px;
}
/* line 321, ../sass/_layout.scss */
.navbar ul li .wrap .up {
  font-size: 18px;
  line-height: 20px;
  font-family: BreuerText;
}
/* line 326, ../sass/_layout.scss */
.navbar ul li .wrap .line {
  position: relative;
  width: 30px;
  height: 1px;
  background-color: black;
  top: -10px;
  left: 26px;
}
/* line 334, ../sass/_layout.scss */
.navbar ul li .wrap .after_current {
  background-color: #00a0e9;
}
/* line 337, ../sass/_layout.scss */
.navbar ul li .wrap .down {
  font-size: 16px;
  line-height: 25px;
}
/* line 343, ../sass/_layout.scss */
.navbar ul li.top {
  width: 80px;
  height: 80px;
  background-color: #93939e;
  text-align: center;
  line-height: 80px;
  margin-right: 0;
}
/* line 350, ../sass/_layout.scss */
.navbar ul li.top img {
  vertical-align: middle;
}
/* line 354, ../sass/_layout.scss */
.navbar ul .current {
  background-color: #172a88;
  color: white;
}
/* line 358, ../sass/_layout.scss */
.navbar ul .current .wrap .up {
  font-family: BreuerText-Bold;
}
/* line 361, ../sass/_layout.scss */
.navbar ul .current .wrap .down {
  font-weight: 600;
}
/* line 365, ../sass/_layout.scss */
.navbar ul .li_change1 {
  width: 936px;
}
/* line 368, ../sass/_layout.scss */
.navbar ul .li_change2 {
  width: 572px;
}
/* line 372, ../sass/_layout.scss */
.navbar ul .li_change3 {
  width: 754px;
}
/* line 375, ../sass/_layout.scss */
.navbar ul .li_change4 {
  width: 1118px;
}

/* line 380, ../sass/_layout.scss */
.navbar_change {
  position: fixed;
  width: 1200px;
  left: 50%;
  margin-left: -600px;
  top: 0;
  z-index: 100;
}

/* line 388, ../sass/_layout.scss */
#qq {
  position: fixed;
  z-index: 200;
  top: 65%;
  right: 0;
}

/* line 394, ../sass/_layout.scss */
.foot_wrap {
  position: absolute;
  width: 100%;
  background-color: #2d2d39;
}
/* line 398, ../sass/_layout.scss */
.foot_wrap .foot {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  height: 340px;
}
/* line 403, ../sass/_layout.scss */
.foot_wrap .foot .title_type {
  height: 105px;
  font-size: 16px;
  line-height: 24px;
  color: white;
  text-align: center;
  border-bottom: 1px solid #93939e;
}
/* line 410, ../sass/_layout.scss */
.foot_wrap .foot .title_type .cell {
  margin: 65px 36px 0;
}
/* line 412, ../sass/_layout.scss */
.foot_wrap .foot .title_type .cell a {
  color: #93939e;
}
/* line 417, ../sass/_layout.scss */
.foot_wrap .foot .contain_type {
  width: 64px;
  margin: 25px 36px 0;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}
/* line 423, ../sass/_layout.scss */
.foot_wrap .foot .contain_type a {
  margin: 0 auto;
  position: relative;
  display: block;
  color: #93939e;
  overflow: hidden;
}
/* line 429, ../sass/_layout.scss */
.foot_wrap .foot .contain_type a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -87px;
  width: 100%;
  height: 1px;
  background-color: #93939e;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 439, ../sass/_layout.scss */
.foot_wrap .foot .contain_type a:hover:before {
  left: 0;
}
/* line 444, ../sass/_layout.scss */
.foot_wrap .foot .beian {
  margin-top: 58px;
  font-size: 12px;
  line-height: 20px;
  color: #93939e;
}
/* line 449, ../sass/_layout.scss */
.foot_wrap .foot .beian a {
  color: #93939e;
}
/* line 453, ../sass/_layout.scss */
.foot_wrap .foot .wechat {
  top: 130px;
  left: 1080px;
  position: absolute;
}
/* line 457, ../sass/_layout.scss */
.foot_wrap .foot .wechat .logo {
  margin: 15px;
}
/* line 459, ../sass/_layout.scss */
.foot_wrap .foot .wechat .logo .wc {
  width: 42px;
  height: 42px;
  background-image: url("../imgs/index/wechat_normal.png");
}
/* line 464, ../sass/_layout.scss */
.foot_wrap .foot .wechat .logo .qrcode_wrap {
  display: none;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  width: 218px;
  height: 218px;
  background-color: white;
  position: absolute;
  bottom: 75px;
  left: -74px;
}
/* line 473, ../sass/_layout.scss */
.foot_wrap .foot .wechat .logo .qrcode_wrap img {
  display: block;
  margin: 19.5px auto;
}
/* line 477, ../sass/_layout.scss */
.foot_wrap .foot .wechat .logo .qrcode_wrap .triangle {
  position: absolute;
  left: 101px;
  top: 218px;
  height: 0px;
  width: 0px;
  border-top: 8px solid white;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
/* line 488, ../sass/_layout.scss */
.foot_wrap .foot .wechat .logo:hover .wc {
  background-image: url("../imgs/index/wechat_hover.png");
}
/* line 491, ../sass/_layout.scss */
.foot_wrap .foot .wechat .logo:hover .qrcode_wrap {
  display: block;
}
/* line 494, ../sass/_layout.scss */
.foot_wrap .foot .wechat .logo:hover + .name {
  color: white;
}
/* line 498, ../sass/_layout.scss */
.foot_wrap .foot .wechat .name {
  margin: 25px 0;
  color: #93939e;
  font-size: 14px;
  line-height: 24px;
}

/* line 507, ../sass/_layout.scss */
.first_img {
  height: 600px;
}
/* line 509, ../sass/_layout.scss */
.first_img .lunbo {
  height: inherit;
}

@media only screen and (max-width: 1330px) {
  /* line 514, ../sass/_layout.scss */
  .nav {
    width: 1232px;
    margin-left: -616px;
  }

  /* line 518, ../sass/_layout.scss */
  .foot_wrap {
    width: 1330px;
  }

  /* line 521, ../sass/_layout.scss */
  .first_img {
    width: 1330px;
  }
}
/* line 7, ../sass/app/_about-1.scss */
#about-1 {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
}
/* line 11, ../sass/app/_about-1.scss */
#about-1 .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 15, ../sass/app/_about-1.scss */
#about-1 .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 20, ../sass/app/_about-1.scss */
#about-1 .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 26, ../sass/app/_about-1.scss */
#about-1 .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 33, ../sass/app/_about-1.scss */
#about-1 .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 39, ../sass/app/_about-1.scss */
#about-1 .map-wrap {
  width: 1200px;
  height: 400px;
  border: #ccc solid 1px;
}
/* line 44, ../sass/app/_about-1.scss */
#about-1 .contact-wrap {
  margin: 60px 0 90px;
}
/* line 46, ../sass/app/_about-1.scss */
#about-1 .contact-wrap .contact-cell {
  width: 300px;
}
/* line 48, ../sass/app/_about-1.scss */
#about-1 .contact-wrap .contact-cell .icon-wrap {
  height: 54px;
  display: block;
  text-align: center;
  margin-bottom: 30px;
  line-height: 54px;
}
/* line 54, ../sass/app/_about-1.scss */
#about-1 .contact-wrap .contact-cell .icon-wrap img {
  vertical-align: middle;
}
/* line 58, ../sass/app/_about-1.scss */
#about-1 .contact-wrap .contact-cell .text {
  text-align: center;
  font-size: 22px;
  font-family: "BreuerText";
  font-weight: 500;
}

/* line 10, ../sass/app/_about-2.scss */
#about-2 {
  position: relative;
  width: 1200px;
  margin: 0px auto 100px;
}
/* line 14, ../sass/app/_about-2.scss */
#about-2 .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 18, ../sass/app/_about-2.scss */
#about-2 .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 23, ../sass/app/_about-2.scss */
#about-2 .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 29, ../sass/app/_about-2.scss */
#about-2 .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 36, ../sass/app/_about-2.scss */
#about-2 .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 42, ../sass/app/_about-2.scss */
#about-2 .conduct {
  text-align: center;
  margin-top: 60px;
  font-size: 16px;
  font-family: "PingFang SC";
  line-height: 32px;
}
/* line 49, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap {
  margin-top: 60px;
}
/* line 51, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .dealer {
  position: relative;
  width: 1198px;
  height: 58px;
  border: 1px solid #d0d0d5;
}
/* line 56, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .dealer:after {
  content: "";
  height: 58px;
  width: 1px;
  background-color: #d0d0d5;
  position: absolute;
  left: 599px;
  top: 0;
}
/* line 65, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .dealer .dealer-cell {
  position: relative;
  cursor: pointer;
  width: 598px;
  height: 16px;
  margin: 1px 0 0 1px;
  padding: 21px 0;
  font-size: 16px;
  font-family: "PingFang SC";
  text-align: center;
}
/* line 75, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .dealer .dealer-cell .after {
  position: absolute;
  width: 0;
  height: 2px;
  background-color: #172a88;
  top: 55px;
  left: -1px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 85, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .dealer .dealer-cell.active .after {
  width: 600px;
}
/* line 88, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .dealer .font-change {
  font-weight: bold;
}
/* line 94, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .area-wrap .area {
  width: 1200px;
  margin: 30px auto 0;
}
/* line 98, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .area-wrap .area .list .li {
  position: relative;
  cursor: pointer;
  width: 99px;
  border-right: 1px solid #d0d0d5;
  font-size: 14px;
  font-weight: 600;
  color: #d0d0d5;
  text-align: center;
}
/* line 107, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .area-wrap .area .list .li .after1 {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 4px solid #172a88;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 20px;
  left: 45px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 119, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .area-wrap .area .list .li .displayshow {
  display: block;
}
/* line 123, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .area-wrap .area .list .li-change {
  color: #172a88;
}
/* line 127, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .area-wrap .area .business-wrap {
  margin-top: 75px;
}
/* line 131, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .area-wrap .area .business-wrap .business ul li {
  line-height: 50px;
  background-color: #ededef;
  font-family: "Microsoft YaHei";
  border-bottom: 1px solid #d0d0d5;
}
/* line 136, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .area-wrap .area .business-wrap .business ul li .ul {
  width: 1200px;
}
/* line 138, ../sass/app/_about-2.scss */
#about-2 .dealer-wrap .area-wrap .area .business-wrap .business ul li .ul .list {
  display: inline-block;
  width: 233px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
}

/* line 9, ../sass/app/_cooperate.scss */
#cooperate {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
  background-color: white;
}
/* line 14, ../sass/app/_cooperate.scss */
#cooperate .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 18, ../sass/app/_cooperate.scss */
#cooperate .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 23, ../sass/app/_cooperate.scss */
#cooperate .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 29, ../sass/app/_cooperate.scss */
#cooperate .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 36, ../sass/app/_cooperate.scss */
#cooperate .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 42, ../sass/app/_cooperate.scss */
#cooperate .text {
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  margin: 60px 0 80px;
}
/* line 48, ../sass/app/_cooperate.scss */
#cooperate .chuangxin {
  position: relative;
}
/* line 50, ../sass/app/_cooperate.scss */
#cooperate .chuangxin .left {
  background-color: #172a88;
}
/* line 53, ../sass/app/_cooperate.scss */
#cooperate .chuangxin .right {
  background-color: #0068b7;
}
/* line 56, ../sass/app/_cooperate.scss */
#cooperate .chuangxin .left, #cooperate .chuangxin .right {
  position: relative;
  height: 300px;
  width: 600px;
}
/* line 60, ../sass/app/_cooperate.scss */
#cooperate .chuangxin .left .color-block, #cooperate .chuangxin .right .color-block {
  text-align: center;
  position: relative;
  margin-top: 70px;
}
/* line 65, ../sass/app/_cooperate.scss */
#cooperate .chuangxin .left .up, #cooperate .chuangxin .right .up {
  position: absolute;
  top: 105px;
  left: 230px;
  width: 138px;
  height: 38px;
  text-align: center;
  font-size: 16px;
  line-height: 38px;
  color: white;
  border: 1px solid white;
  cursor: pointer;
}
/* line 77, ../sass/app/_cooperate.scss */
#cooperate .chuangxin .left .up:hover, #cooperate .chuangxin .right .up:hover {
  background-color: white;
  color: #172a88;
  font-weight: bold;
}
/* line 83, ../sass/app/_cooperate.scss */
#cooperate .chuangxin .left .down, #cooperate .chuangxin .right .down {
  top: -65px;
  position: relative;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: white;
}
/* line 95, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 110;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
}
/* line 105, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .mask {
  z-index: 1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #93939e;
  opacity: .6;
}
/* line 115, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap {
  z-index: 2;
  position: relative;
  height: 640px;
  border-radius: 3px;
  background-color: white;
  width: 1200px;
}
/* line 122, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .close {
  cursor: pointer;
  margin-top: 20px;
  margin-right: 50px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #d0d0d5;
  line-height: 48px;
  text-align: center;
}
/* line 132, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .close img {
  vertical-align: middle;
}
/* line 136, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap {
  margin: 0 100px;
  width: 1000px;
}
/* line 139, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .title-wrap {
  margin-top: 5px;
  padding-bottom: 19px;
  border-bottom: 1px solid #d0d0d5;
}
/* line 143, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .title-wrap .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}
/* line 149, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .warm {
  margin-top: 15px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #93939e;
}
/* line 155, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .warm strong {
  color: red;
}
/* line 159, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .input {
  height: 110px;
}
/* line 161, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .input .name {
  margin-right: 5px;
  width: 200px;
  height: 109px;
  border-bottom: 1px solid #172a88;
  line-height: 109px;
  font-size: 16px;
  font-weight: bold;
}
/* line 169, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .input .name strong {
  color: red;
}
/* line 173, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .input .contain {
  width: 795px;
  height: 109px;
  border-bottom: 1px solid #d0d0d5;
  font-size: 16px;
}
/* line 178, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .input .contain .wrap {
  font-size: 16px;
  position: relative;
  margin: 44px 75px 20px 25px;
}
/* line 182, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .input .contain .wrap .radio {
  position: absolute;
  opacity: 0;
  left: 0px;
  top: 0;
}
/* line 189, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .input .contain .wrap label .circle-wrap {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #00a0e9;
  margin-right: 10px;
}
/* line 198, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .input .contain .wrap label .circle-wrap .circle {
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  margin: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #00a0e9;
}
/* line 207, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .input .contain .wrap label .circle-wrap .display {
  opacity: 1;
}
/* line 213, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .input-wrap .input .contain .in {
  margin-top: 38px;
  margin-left: 15px;
  width: 763px;
  height: 33px;
  border: 1px solid #d0d0d5;
}
/* line 223, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .submit {
  position: relative;
  width: 180px;
  height: 50px;
  background-color: #172a88;
  left: 50%;
  top: 60px;
  margin-left: -90px;
  border: none;
  text-align: center;
  font-size: 15px;
  color: white;
}
/* line 237, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .success {
  text-align: center;
}
/* line 239, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .success .tips-img {
  width: 169px;
  height: 169px;
  margin: 110px auto 28px;
}
/* line 244, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .success .tips {
  font-size: 60px;
}
/* line 247, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .success .success {
  color: #69b94c;
}
/* line 250, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .success .danger {
  color: #172a88;
}
/* line 253, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .success .warm {
  font-size: 24px;
  margin-top: 30px;
  color: #93939e;
}
/* line 258, ../sass/app/_cooperate.scss */
#cooperate .mask-wrap .get-wrap .success .but {
  width: 180px;
  height: 50px;
  background-color: #172a88;
  border: none;
  margin-top: 140px;
  text-align: center;
  font-size: 15px;
  color: white;
}
/* line 271, ../sass/app/_cooperate.scss */
#cooperate .display {
  display: flex;
}

/* line 9, ../sass/app/_develop.scss */
#develop {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
  background-color: white;
}
/* line 14, ../sass/app/_develop.scss */
#develop .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 18, ../sass/app/_develop.scss */
#develop .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 23, ../sass/app/_develop.scss */
#develop .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 29, ../sass/app/_develop.scss */
#develop .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 36, ../sass/app/_develop.scss */
#develop .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 42, ../sass/app/_develop.scss */
#develop .contain {
  z-index: 10;
  position: relative;
  margin-top: 60px;
}
/* line 46, ../sass/app/_develop.scss */
#develop .contain .start {
  margin: 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d0d0d5;
}
/* line 53, ../sass/app/_develop.scss */
#develop .contain .left-wrap {
  width: 419.5px;
  margin-left: 180px;
}
/* line 56, ../sass/app/_develop.scss */
#develop .contain .left-wrap .up {
  width: 358px;
}
/* line 58, ../sass/app/_develop.scss */
#develop .contain .left-wrap .up .develop-title {
  margin-top: 60px;
  position: relative;
  font-size: 32px;
  line-height: 26px;
  color: #172a88;
  margin-bottom: 45px;
  font-weight: 600;
}
/* line 66, ../sass/app/_develop.scss */
#develop .contain .left-wrap .up .develop-title:after {
  position: absolute;
  content: url("../imgs/develop/big.png");
  top: 0px;
  left: 410px;
}
/* line 73, ../sass/app/_develop.scss */
#develop .contain .left-wrap .up .develop-con {
  position: relative;
  margin-bottom: 35px;
}
/* line 76, ../sass/app/_develop.scss */
#develop .contain .left-wrap .up .develop-con .title {
  font-size: 24px;
  line-height: 48px;
  font-weight: 600;
  color: #172a88;
  font-family: "BreuerText-Bold","寰蒋闆呴粦";
}
/* line 84, ../sass/app/_develop.scss */
#develop .contain .left-wrap .up .develop-con .text p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
}
/* line 90, ../sass/app/_develop.scss */
#develop .contain .left-wrap .up .develop-con:after {
  position: absolute;
  content: url("../imgs/develop/small.png");
  top: 40px;
  left: 363.5px;
}
/* line 99, ../sass/app/_develop.scss */
#develop .contain .left-wrap .down {
  padding: 80px 100px 80px 44px;
}
/* line 103, ../sass/app/_develop.scss */
#develop .contain .right-wrap {
  padding-left: 61.5px;
  border-left: 1px solid #d0d0d5;
}
/* line 106, ../sass/app/_develop.scss */
#develop .contain .right-wrap .up {
  margin-top: 60px;
  width: 358px;
}
/* line 109, ../sass/app/_develop.scss */
#develop .contain .right-wrap .up .develop-title {
  margin-top: 60px;
  position: relative;
  font-size: 32px;
  line-height: 26px;
  font-family: "PingFang SC Semibold";
  font-weight: 600;
  color: #172a88;
  margin-bottom: 45px;
}
/* line 118, ../sass/app/_develop.scss */
#develop .contain .right-wrap .up .develop-title:before {
  position: absolute;
  content: url("../imgs/develop/big.png");
  top: 0px;
  left: -72px;
}
/* line 125, ../sass/app/_develop.scss */
#develop .contain .right-wrap .up .develop-con {
  position: relative;
  margin-bottom: 35px;
}
/* line 128, ../sass/app/_develop.scss */
#develop .contain .right-wrap .up .develop-con .title {
  font-size: 24px;
  line-height: 48px;
  font-weight: 600;
  color: #172a88;
  font-family: "BreuerText-Bold","寰蒋闆呴粦";
}
/* line 136, ../sass/app/_develop.scss */
#develop .contain .right-wrap .up .develop-con .text p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
}
/* line 142, ../sass/app/_develop.scss */
#develop .contain .right-wrap .up .develop-con:before {
  position: absolute;
  content: url("../imgs/develop/small2.png");
  top: 40px;
  left: -69px;
}
/* line 151, ../sass/app/_develop.scss */
#develop .contain .right-wrap .down {
  padding: 18px 0 18px 44px;
}
/* line 157, ../sass/app/_develop.scss */
#develop #year {
  z-index: 9;
  top: 40%;
  left: 29%;
  position: fixed;
  text-align: center;
  font-size: 14.5vw;
  font-weight: bold;
  opacity: .2;
  color: #d0d0d5;
}

/* line 9, ../sass/app/_honor.scss */
#honor {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
  background-color: white;
}
/* line 14, ../sass/app/_honor.scss */
#honor .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 18, ../sass/app/_honor.scss */
#honor .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 23, ../sass/app/_honor.scss */
#honor .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 29, ../sass/app/_honor.scss */
#honor .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 36, ../sass/app/_honor.scss */
#honor .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 42, ../sass/app/_honor.scss */
#honor .honor-wrap {
  margin: 58px 0 80px;
  height: 234px;
  border-top: 1px solid #d0d0d5;
}
/* line 48, ../sass/app/_honor.scss */
#honor .honor-wrap ul li ul {
  border-bottom: 1px solid #ededef;
}
/* line 50, ../sass/app/_honor.scss */
#honor .honor-wrap ul li ul li {
  height: 78px;
  display: inline-block;
  font-size: 16px;
  line-height: 78px;
  text-align: center;
  width: 395px;
}
/* line 57, ../sass/app/_honor.scss */
#honor .honor-wrap ul li ul li strong {
  font-size: 20px;
  color: #172a88;
  font-weight: bold;
  font-family: BreuerText;
}
/* line 63, ../sass/app/_honor.scss */
#honor .honor-wrap ul li ul li span {
  display: inline-block;
  margin: 4px 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #172a88;
}
/* line 72, ../sass/app/_honor.scss */
#honor .honor-wrap ul li ul .title {
  font-size: 20px;
  color: #172a88;
  font-weight: bold;
  font-family: BreuerText;
}
/* line 82, ../sass/app/_honor.scss */
#honor .innovate {
  height: 300px;
  background-color: #93939e;
}
/* line 85, ../sass/app/_honor.scss */
#honor .innovate .left {
  height: 300px;
  width: 800px;
  background-repeat: no-repeat;
  background-image: url("../imgs/honor/line.png");
  background-position: -286px 0;
}
/* line 91, ../sass/app/_honor.scss */
#honor .innovate .left .left-text {
  width: 608px;
  height: 100px;
  padding: 100px 96px;
  font-size: 16px;
  line-height: 32px;
  color: white;
}
/* line 100, ../sass/app/_honor.scss */
#honor .innovate .right {
  width: 400px;
  height: 300px;
}

/* line 10, ../sass/app/_index.scss */
.banner .easy_banner {
  width: 100%;
  height: 800px;
  overflow: hidden;
}
/* line 14, ../sass/app/_index.scss */
.banner .easy_banner .banner_wrap {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: inherit;
}
/* line 21, ../sass/app/_index.scss */
.banner .easy_banner .banner.EasyBannerActive {
  display: block;
}
/* line 26, ../sass/app/_index.scss */
.banner .fugai_area {
  width: 64%;
  height: 800px;
  position: absolute;
  top: 0;
  z-index: 10;
}
/* line 32, ../sass/app/_index.scss */
.banner .fugai_area .btn_wrap {
  display: inline-block;
  position: relative;
  width: inherit;
  z-index: 12;
  top: 409px;
}
/* line 38, ../sass/app/_index.scss */
.banner .fugai_area .btn_wrap .line {
  width: 46%;
  height: 1px;
  background-color: white;
  margin-right: 2.5%;
}
/* line 44, ../sass/app/_index.scss */
.banner .fugai_area .btn_wrap #btn {
  position: relative;
  top: -13px;
  width: 50%;
}
/* line 48, ../sass/app/_index.scss */
.banner .fugai_area .btn_wrap #btn .c_cell {
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0 3%;
}
/* line 54, ../sass/app/_index.scss */
.banner .fugai_area .btn_wrap #btn .c_cell .btn {
  z-index: 10;
  position: absolute;
  margin: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: white;
}
/* line 63, ../sass/app/_index.scss */
.banner .fugai_area .btn_wrap #btn .c_cell .circle_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1.5px solid transparent;
  box-sizing: border-box;
  z-index: 9;
}
/* line 75, ../sass/app/_index.scss */
.banner .fugai_area .btn_wrap #btn .c_cell .left, .banner .fugai_area .btn_wrap #btn .c_cell .right {
  border-right-color: rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0);
  transform: rotate(-45deg);
}
/* line 81, ../sass/app/_index.scss */
.banner .fugai_area .btn_wrap #btn .c_cell .circle.hover .left {
  z-index: 5;
  border-left: 1.5px solid white;
  border-top: 1.5px solid white;
  animation: left-animation 5s linear;
}
/* line 88, ../sass/app/_index.scss */
.banner .fugai_area .btn_wrap #btn .c_cell .circle.hover .right {
  z-index: 4;
  border-left: 1.5px solid white;
  border-top: 1.5px solid white;
  animation: right-animation 5s linear;
}
/* line 95, ../sass/app/_index.scss */
.banner .fugai_area .btn_wrap #btn .c_cell .circle {
  width: 30px;
  height: 30px;
  border-width: 0;
  clip: rect(0px, 30px, 30px, 15px);
}
/* line 102, ../sass/app/_index.scss */
.banner .fugai_area .btn_wrap #btn .c_cell .circle.hover {
  animation: circle-animation 5s linear;
}
/* line 105, ../sass/app/_index.scss */
.banner .fugai_area .btn_wrap #btn .c_cell .display {
  display: none;
}
/* line 115, ../sass/app/_index.scss */
.banner .headtext_wrap {
  position: relative;
  overflow: visible !important;
  height: 309px;
  width: 345px;
  top: 260px;
  left: 32%;
}
/* line 122, ../sass/app/_index.scss */
.banner .headtext_wrap .head_text {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  z-index: 12;
}
/* line 128, ../sass/app/_index.scss */
.banner .headtext_wrap .head_text .introduce {
  position: relative;
  width: 431px !important;
  height: 226px;
}
/* line 133, ../sass/app/_index.scss */
.banner .headtext_wrap .head_text .more {
  margin-top: 43px;
  width: 180px;
  position: relative;
  height: 40px;
  background-image: url("../imgs/index/more_n.png");
  background-repeat: no-repeat;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
/* line 141, ../sass/app/_index.scss */
.banner .headtext_wrap .head_text .more a {
  display: block;
  height: 40px;
}
/* line 145, ../sass/app/_index.scss */
.banner .headtext_wrap .head_text .more p {
  height: inherit;
  line-height: 40px;
  margin-left: 28px;
  font-size: 14px;
  font-family: PingFangSC,寰蒋闆呴粦;
  color: white;
}
/* line 153, ../sass/app/_index.scss */
.banner .headtext_wrap .head_text .more .jiantou {
  margin-top: 6px;
  margin-left: 10px;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
/* line 158, ../sass/app/_index.scss */
.banner .headtext_wrap .head_text .more:hover {
  background-image: url("../imgs/index/more_h.png");
  background-repeat: no-repeat;
}
/* line 162, ../sass/app/_index.scss */
.banner .headtext_wrap .head_text .more:hover .jiantou {
  margin-left: 30px;
}
/* line 165, ../sass/app/_index.scss */
.banner .headtext_wrap .head_text .more:active {
  background-image: url("../imgs/index/more_p.png");
  background-repeat: no-repeat;
}
/* line 171, ../sass/app/_index.scss */
.banner .headtext_wrap .head_text.EasyBannerActive {
  display: block;
}

/* line 178, ../sass/app/_index.scss */
.product_main_wrap {
  width: 100%;
  height: 700px;
  padding-top: 70px;
  background-image: url("../imgs/index/product.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* line 186, ../sass/app/_index.scss */
.product_main_wrap .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 190, ../sass/app/_index.scss */
.product_main_wrap .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 195, ../sass/app/_index.scss */
.product_main_wrap .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 201, ../sass/app/_index.scss */
.product_main_wrap .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 208, ../sass/app/_index.scss */
.product_main_wrap .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 214, ../sass/app/_index.scss */
.product_main_wrap .product-introduction {
  width: 1140px;
  margin: 160px auto 0;
  color: #172a88;
}
/* line 218, ../sass/app/_index.scss */
.product_main_wrap .product-introduction .title {
  font-size: 72px;
  margin-bottom: 10px;
  font-weight: bold;
}
/* line 223, ../sass/app/_index.scss */
.product_main_wrap .product-introduction .detail {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
}
/* line 229, ../sass/app/_index.scss */
.product_main_wrap #product-swiper-wrap {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
/* line 233, ../sass/app/_index.scss */
.product_main_wrap #product-swiper-wrap .swiper-container {
  padding: 60px 0 70px;
}
/* line 235, ../sass/app/_index.scss */
.product_main_wrap #product-swiper-wrap .swiper-container .swiper-slide {
  width: 520px;
  height: 400px;
  background: white;
  box-shadow: 0 8px 30px #ddd;
}
/* line 240, ../sass/app/_index.scss */
.product_main_wrap #product-swiper-wrap .swiper-container .swiper-slide .img {
  width: 100%;
  height: 340px;
  overflow: hidden;
}
/* line 245, ../sass/app/_index.scss */
.product_main_wrap #product-swiper-wrap .swiper-container .swiper-slide p {
  text-align: center;
  line-height: 60px;
  color: #172a88;
  font-size: 25px;
  font-family: BreuerText-Medium;
}
/* line 254, ../sass/app/_index.scss */
.product_main_wrap #product-swiper-wrap .swiper-pagination {
  width: 100%;
}
/* line 257, ../sass/app/_index.scss */
.product_main_wrap #product-swiper-wrap .swiper-button-prev {
  left: -75px;
  width: 36px;
  height: 36px;
  background-image: url("../imgs/index/prev-normal.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
}
/* line 265, ../sass/app/_index.scss */
.product_main_wrap #product-swiper-wrap .swiper-button-prev:focus {
  outline: none;
}
/* line 268, ../sass/app/_index.scss */
.product_main_wrap #product-swiper-wrap .swiper-button-prev:hover {
  background-image: url("../imgs/index/prev-hover.png");
}
/* line 272, ../sass/app/_index.scss */
.product_main_wrap #product-swiper-wrap .swiper-button-next {
  right: -75px;
  width: 36px;
  height: 36px;
  background-image: url("../imgs/index/next-normal.png");
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-size: 100%;
}
/* line 280, ../sass/app/_index.scss */
.product_main_wrap #product-swiper-wrap .swiper-button-next:focus {
  outline: none;
}
/* line 283, ../sass/app/_index.scss */
.product_main_wrap #product-swiper-wrap .swiper-button-next:hover {
  background-image: url("../imgs/index/next-hover.png");
}

/* line 289, ../sass/app/_index.scss */
#contain {
  padding-top: 70px;
  padding-bottom: 100px;
  width: 100%;
  background-image: url("../imgs/index/allbg.jpg");
}
/* line 294, ../sass/app/_index.scss */
#contain .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 298, ../sass/app/_index.scss */
#contain .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 303, ../sass/app/_index.scss */
#contain .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 309, ../sass/app/_index.scss */
#contain .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 316, ../sass/app/_index.scss */
#contain .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 322, ../sass/app/_index.scss */
#contain .system_list {
  width: 1232px;
  margin: 0 auto;
  text-align: center;
}
/* line 326, ../sass/app/_index.scss */
#contain .system_list .l_wrap {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #93939e;
  width: 350px;
  height: 400px;
  box-shadow: 1px 1px 10px #d0d0d5;
  margin: 100px 22px 120px;
  background-color: white;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
/* line 335, ../sass/app/_index.scss */
#contain .system_list .l_wrap .show_icon {
  width: 80px;
  margin: 80px auto 40px;
}
/* line 339, ../sass/app/_index.scss */
#contain .system_list .l_wrap .show_title {
  position: relative;
  font-size: 22px;
  text-align: center;
  margin-bottom: 24px;
  font-weight: bold;
}
/* line 346, ../sass/app/_index.scss */
#contain .system_list .l_wrap .after {
  width: 40px;
  height: 1px;
  background-color: #93939e;
  margin: 0 auto 25px;
}
/* line 352, ../sass/app/_index.scss */
#contain .system_list .l_wrap p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
/* line 357, ../sass/app/_index.scss */
#contain .system_list .l_wrap .more {
  display: none;
  width: 120px;
  margin: 40px auto 0;
  height: 36px;
  border: 1px solid #93939e;
  font-size: 14px;
}
/* line 364, ../sass/app/_index.scss */
#contain .system_list .l_wrap .more a {
  color: black;
  display: block;
  width: 120px;
  height: 25px;
  text-align: center;
  padding-top: 11px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/* line 372, ../sass/app/_index.scss */
#contain .system_list .l_wrap .more a:hover {
  background-color: #93939e;
  color: white;
}
/* line 376, ../sass/app/_index.scss */
#contain .system_list .l_wrap .more a:active {
  background-color: #5f5f6c;
  color: white;
}
/* line 382, ../sass/app/_index.scss */
#contain .system_list .l_wrap:hover {
  width: 385px;
  height: 440px;
  transform: scale(1);
  margin: 80px 22px 100px;
  box-shadow: 1px 1px 20px #d0d0d5;
  color: #172a88;
}
/* line 390, ../sass/app/_index.scss */
#contain .system_list .l_wrap:hover .show_icon {
  margin-top: 70px;
}
/* line 393, ../sass/app/_index.scss */
#contain .system_list .l_wrap:hover .after {
  width: 45px;
  color: #172a88;
}
/* line 397, ../sass/app/_index.scss */
#contain .system_list .l_wrap:hover .more {
  display: block;
}
/* line 402, ../sass/app/_index.scss */
#contain .width_change {
  width: 1217px;
}
/* line 405, ../sass/app/_index.scss */
#contain .search_bar {
  width: 100%;
  height: 420px;
  background: url("../imgs/index/search_bar_bg.png") center center/cover no-repeat;
}
/* line 409, ../sass/app/_index.scss */
#contain .search_bar .title {
  position: relative;
  top: 80px;
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 415, ../sass/app/_index.scss */
#contain .search_bar .title .tit_big {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: white;
}
/* line 421, ../sass/app/_index.scss */
#contain .search_bar .title .tit_small {
  text-align: center;
  font-size: 20px;
  color: white;
}
/* line 427, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap {
  position: relative;
  top: 80px;
  width: 1182px;
  margin: 50px auto;
}
/* line 432, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap {
  margin-right: 63px;
}
/* line 434, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .condition {
  font-size: 18px;
  color: white;
  margin-top: 11px;
  margin-right: 20px;
}
/* line 440, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap ::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
/* line 445, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap ::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 4px;
}
/* line 450, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap ::-webkit-scrollbar-thumb:vertical {
  height: 32px;
  background-color: #ccc;
  -webkit-border-radius: 4px;
}
/* line 456, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap ::-webkit-scrollbar-thumb:horizontal {
  width: 32px;
  background-color: #ccc;
  -webkit-border-radius: 4px;
}
/* line 462, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap ul, #contain .search_bar .search_box_wrap .fuxuan_wrap li {
  padding: 0;
  margin: 0;
}
/* line 463, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect {
  position: relative;
}
/* line 466, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect .inputWrap {
  width: 260px;
  min-height: 40px;
  border-radius: 3px;
  position: relative;
  background-color: white;
  cursor: pointer;
}
/* line 475, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect .inputWrap ul li:last-child > i {
  display: none;
}
/* line 481, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect ul {
  position: relative;
  top: 3px;
  margin-left: 20px;
  width: 200px;
  overflow: hidden;
  /*婧㈠嚭闅愯棌*/
  text-overflow: ellipsis;
  /*浠ョ渷鐣ュ彿...鏄剧ず*/
  white-space: nowrap;
  /*寮哄埗涓嶆崲琛?/
  /* padding:0 5px ;
   margin: 0;
   padding-right: 35px;*/
}
/* line 493, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect ul, #contain .search_bar .search_box_wrap .fuxuan_wrap li {
  list-style: none;
}
/* line 496, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect li {
  display: inline-block;
  /* background: $TITLE_COLOR;*/
  /*padding: 5px;
  margin: 5px 5px 5px 0;
  border-radius: 5px;*/
  margin: 10px 0;
  color: #93939e;
  font-size: 14px;
}
/* line 506, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect .fa-close {
  cursor: pointer;
}
/* line 509, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect .fa-close:hover {
  color: #237eff;
}
/* line 512, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect .option-wrap {
  display: none;
  width: 100%;
  margin-top: 5px;
  background-color: white;
  max-height: 240px;
  position: absolute;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #d0d0d5;
  padding: 10px 0 20px;
  z-index: 10;
  overflow: hidden;
  font-size: 14px;
}
/* line 526, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .option-wrap .mySelect-option {
  width: 233px;
  margin: 0 auto;
  max-height: 240px;
  overflow-y: scroll;
}
/* line 532, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .option-wrap .mySelect-option div {
  padding: 10px;
  overflow: hidden;
  height: 16px;
  max-height: 16px;
}
/* line 538, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect .inputWrap > i {
  position: absolute;
  padding: 12px;
  right: 0;
  top: 0;
}
/* line 544, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .sprit {
  width: 5px;
  height: 14px;
}
/* line 548, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect-option div {
  cursor: pointer;
  /* border-bottom: 1px solid #e7e7e7;*/
  margin: 5px;
}
/* line 553, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect-option div i {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  float: left;
  /*color: white;*/
  background-image: url("../imgs/index/xuankuang.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
/* line 563, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect-option div i.selected {
  /*background: #237eff;*/
  /*color: #237eff;*/
  background-image: url("../imgs/index/xuankuang2.png");
}
/* line 568, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .fuxuan_wrap .mySelect-option div:hover {
  /*background: #9ec6ff;*/
  color: #d0d0d5;
  /*border-bottom: 1px solid $TITLE_COLOR;*/
}
/* line 574, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .search_wrap {
  outline: none;
  position: absolute;
  left: 1002px;
  width: 180px;
  height: 40px;
  top: 80px;
  border: none;
  background-color: transparent;
  background-image: url("../imgs/index/btn_normal.png");
  background-repeat: no-repeat;
  background-position: 20px 0;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 9;
  cursor: pointer;
}
/* line 589, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .search_wrap p {
  position: relative;
  height: inherit;
  line-height: 40px;
  margin-right: 28px;
  font-size: 14px;
  top: -1px;
  font-family: PingFangSC,寰蒋闆呴粦;
  color: white;
}
/* line 599, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .search_wrap .s_icon {
  margin-top: 10px;
  margin-right: 10px;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
/* line 604, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .search_wrap:hover {
  background-image: url("../imgs/index/btn_h.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
/* line 609, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .search_wrap:hover .s_icon {
  margin-right: 30px;
}
/* line 612, ../sass/app/_index.scss */
#contain .search_bar .search_box_wrap .search_wrap:active {
  background-image: url("../imgs/index/btn_p.png");
  background-repeat: no-repeat;
}
/* line 619, ../sass/app/_index.scss */
#contain .apply {
  width: 1200px;
  margin: 0 auto;
}
/* line 622, ../sass/app/_index.scss */
#contain .apply .left {
  margin-top: 100px;
  margin-bottom: 100px;
}
/* line 625, ../sass/app/_index.scss */
#contain .apply .left .jieshao {
  position: relative;
  height: 400px;
  background-color: #172a88;
  top: -3px;
}
/* line 630, ../sass/app/_index.scss */
#contain .apply .left .jieshao .text-wrap {
  z-index: 9;
  position: relative;
  overflow: hidden;
  height: 330px;
}
/* line 635, ../sass/app/_index.scss */
#contain .apply .left .jieshao .text-wrap .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 480px;
  margin: 80px 60px 0;
  text-align: right;
}
/* line 642, ../sass/app/_index.scss */
#contain .apply .left .jieshao .text-wrap .text .up {
  font-size: 20px;
  color: white;
  line-height: 38px;
  margin-bottom: 10px;
}
/* line 648, ../sass/app/_index.scss */
#contain .apply .left .jieshao .text-wrap .text .down {
  font-size: 32px;
  color: white;
}
/* line 653, ../sass/app/_index.scss */
#contain .apply .left .jieshao .text-wrap .search_wrap {
  position: absolute;
  top: 208px;
  right: 0;
  width: 180px;
  background-image: url("../imgs/index/btn_normal.png");
  background-repeat: no-repeat;
  background-position: 20px 0;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
/* line 662, ../sass/app/_index.scss */
#contain .apply .left .jieshao .text-wrap .search_wrap p {
  height: inherit;
  line-height: 40px;
  margin-right: 28px;
  font-size: 14px;
  font-family: PingFangSC,寰蒋闆呴粦;
  color: white;
}
/* line 670, ../sass/app/_index.scss */
#contain .apply .left .jieshao .text-wrap .search_wrap .s_icon {
  margin-top: 5px;
  margin-right: 10px;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
/* line 675, ../sass/app/_index.scss */
#contain .apply .left .jieshao .text-wrap .search_wrap:hover {
  background-image: url("../imgs/index/btn_h.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
/* line 680, ../sass/app/_index.scss */
#contain .apply .left .jieshao .text-wrap .search_wrap:hover .s_icon {
  margin-right: 30px;
}
/* line 683, ../sass/app/_index.scss */
#contain .apply .left .jieshao .text-wrap .search_wrap:active {
  background-image: url("../imgs/index/btn_p.png");
  background-repeat: no-repeat;
}
/* line 689, ../sass/app/_index.scss */
#contain .apply .left .jieshao .btn_wrap {
  z-index: 10;
  position: relative;
  top: -100px;
}
/* line 693, ../sass/app/_index.scss */
#contain .apply .left .jieshao .btn_wrap .line {
  width: 210px;
  height: 1px;
  background-color: white;
  margin: 4px 27px 4px 0;
}
/* line 699, ../sass/app/_index.scss */
#contain .apply .left .jieshao .btn_wrap #apply_btn {
  position: relative;
  top: -10px;
  width: 360px;
}
/* line 703, ../sass/app/_index.scss */
#contain .apply .left .jieshao .btn_wrap #apply_btn .cell {
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0 9px;
}
/* line 709, ../sass/app/_index.scss */
#contain .apply .left .jieshao .btn_wrap #apply_btn .cell .app_btn {
  position: absolute;
  z-index: 10;
  margin: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: white;
}
/* line 718, ../sass/app/_index.scss */
#contain .apply .left .jieshao .btn_wrap #apply_btn .cell .app_circle_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1.5px solid transparent;
  box-sizing: border-box;
}
/* line 729, ../sass/app/_index.scss */
#contain .apply .left .jieshao .btn_wrap #apply_btn .cell .leftcircle, #contain .apply .left .jieshao .btn_wrap #apply_btn .cell .rightcircle {
  border-right-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(-45deg);
}
/* line 735, ../sass/app/_index.scss */
#contain .apply .left .jieshao .btn_wrap #apply_btn .cell .app_circle.app_hover .leftcircle {
  border-left: 1.5px solid white;
  border-top: 1.5px solid white;
  animation: left-animation 5s linear;
}
/* line 741, ../sass/app/_index.scss */
#contain .apply .left .jieshao .btn_wrap #apply_btn .cell .app_circle.app_hover .rightcircle {
  border-left: 1.5px solid white;
  border-top: 1.5px solid white;
  animation: right-animation 5s linear;
}
/* line 747, ../sass/app/_index.scss */
#contain .apply .left .jieshao .btn_wrap #apply_btn .cell .app_circle {
  width: 30px;
  height: 30px;
  border-width: 0;
  clip: rect(0px, 30px, 30px, 15px);
}
/* line 754, ../sass/app/_index.scss */
#contain .apply .left .jieshao .btn_wrap #apply_btn .cell .app_circle.app_hover {
  animation: circle-animation 5s linear;
}
/* line 764, ../sass/app/_index.scss */
#contain .apply .right {
  position: relative;
  margin-top: 200px;
  width: 600px;
  height: 600px;
  overflow: hidden;
}
/* line 770, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap {
  position: absolute;
  width: 600px;
}
/* line 773, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .circle-wave {
  position: absolute;
  background-image: url("../imgs/index/circle-wave.png");
  background-repeat: no-repeat;
  width: 370px;
  height: 370px;
  z-index: 1;
  top: 41px;
  right: 6px;
}
/* line 783, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .dashed {
  z-index: 2;
  width: 410px;
  height: 270px;
  position: absolute;
  top: 253px;
  overflow: hidden;
}
/* line 790, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .dashed:before {
  content: "";
  position: absolute;
  width: 200%;
  height: 2px;
  left: 0;
  bottom: 0;
  transform: translateX(-50%);
  background: -webkit-repeating-linear-gradient(0deg, white 0, white 12px, transparent 12px, transparent 18px);
  animation: out-right linear 16s infinite;
}
/* line 801, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .dashed:after {
  content: "";
  position: absolute;
  height: 200%;
  width: 2px;
  right: 0;
  background: -webkit-repeating-linear-gradient(90deg, white 0, white 12px, transparent 12px, transparent 18px);
  animation: out-up linear 16s infinite;
}
/* line 811, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .ring_wrap {
  z-index: 3;
  box-sizing: border-box;
  position: relative;
  top: 201px;
  left: 383px;
  width: 50px;
  height: 50px;
  padding: 14px 20px;
  border-radius: 50%;
  background-color: white;
}
/* line 822, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .ring_wrap:before {
  content: '';
  display: block;
  position: absolute;
  width: 34px;
  height: 34px;
  top: 6px;
  left: 6px;
  border-radius: 50%;
  border: 2px dashed #dbb75f;
  animation: circle 4s infinite linear;
}
/* line 834, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .ring_wrap:hover .shuoming {
  display: block;
}
/* line 837, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .ring_wrap .shuoming {
  display: none;
  position: relative;
  top: -77px;
  left: -217px;
  width: 260px;
  height: 300px;
  background-color: white;
  border-radius: 3px;
}
/* line 846, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .ring_wrap .shuoming .scon_wrap {
  position: relative;
  top: 30px;
  width: 185px;
  margin: 30px 45px 8px 30px;
}
/* line 851, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .ring_wrap .shuoming .scon_wrap .line {
  width: 40px;
  height: 2px;
  background-color: #93939e;
}
/* line 856, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .ring_wrap .shuoming .scon_wrap .stitle {
  font-size: 24px;
  line-height: 20px;
  color: #172a88;
  margin-top: 30px;
  font-family: BreuerText;
  font-weight: 500;
}
/* line 864, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .ring_wrap .shuoming .scon_wrap p {
  margin-top: 20px;
  font-size: 13px;
  line-height: 22px;
}
/* line 869, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .ring_wrap .shuoming .scon_wrap .simg {
  position: relative;
  right: -8px;
}
/* line 874, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .ring_wrap .shuoming .close {
  position: absolute;
  width: 46px;
  height: 46px;
  box-sizing: border-box;
  margin: 14px;
  padding: 18px;
  border-radius: 50%;
  border: 1px solid #d0d0d5;
  top: 0;
  right: 0;
}
/* line 885, ../sass/app/_index.scss */
#contain .apply .right .rbanner_wrap .ring_wrap .shuoming .close img {
  display: block;
}
/* line 895, ../sass/app/_index.scss */
#contain .togther {
  width: 510px;
  margin: 0 auto 18px;
  text-align: center;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 902, ../sass/app/_index.scss */
#contain .togther:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 908, ../sass/app/_index.scss */
#contain .togther:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 915, ../sass/app/_index.scss */
#contain .togther_guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 920, ../sass/app/_index.scss */
#contain .logo_lunbo {
  width: 1200px;
  height: 75px;
  margin: 60px auto 0;
  padding-bottom: 79px;
  border-bottom: 1px solid #93939e;
}
/* line 926, ../sass/app/_index.scss */
#contain .logo_lunbo .prev {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 1px solid #93939e;
  margin-top: 19.5px;
}
/* line 932, ../sass/app/_index.scss */
#contain .logo_lunbo .prev .angle_left {
  position: relative;
  top: 5px;
  left: 8px;
  font-size: 24px;
  color: #93939e;
}
/* line 939, ../sass/app/_index.scss */
#contain .logo_lunbo .prev .angle_line {
  display: block;
  position: relative;
  top: -6.05px;
  left: 11px;
  width: 16px;
  height: 2px;
  background-color: #93939e;
}
/* line 948, ../sass/app/_index.scss */
#contain .logo_lunbo .prev:hover {
  height: 36px;
  width: 36px;
  border: none;
  background-color: #93939e;
}
/* line 954, ../sass/app/_index.scss */
#contain .logo_lunbo .prev:hover .angle_left {
  color: white;
}
/* line 957, ../sass/app/_index.scss */
#contain .logo_lunbo .prev:hover .angle_line {
  background-color: white;
}
/* line 960, ../sass/app/_index.scss */
#contain .logo_lunbo .prev:active {
  height: 36px;
  width: 36px;
  border: none;
  background-color: #5f5f6c;
}
/* line 966, ../sass/app/_index.scss */
#contain .logo_lunbo .prev:active .angle_left {
  color: white;
}
/* line 969, ../sass/app/_index.scss */
#contain .logo_lunbo .prev:active .angle_line {
  background-color: white;
}
/* line 973, ../sass/app/_index.scss */
#contain .logo_lunbo .logo_lunbo_wrap {
  width: 1128px;
  height: 75px;
  overflow: hidden;
}
/* line 977, ../sass/app/_index.scss */
#contain .logo_lunbo .logo_lunbo_wrap .logo_wrap {
  width: 1128px;
}
/* line 979, ../sass/app/_index.scss */
#contain .logo_lunbo .logo_lunbo_wrap .logo_wrap .logo_cell {
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  width: 282px;
  height: 75px;
}
/* line 989, ../sass/app/_index.scss */
#contain .logo_lunbo .next {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 1px solid #93939e;
  margin-top: 19.5px;
}
/* line 995, ../sass/app/_index.scss */
#contain .logo_lunbo .next .angle_right {
  position: relative;
  top: 5px;
  left: 20px;
  font-size: 24px;
  color: #93939e;
}
/* line 1002, ../sass/app/_index.scss */
#contain .logo_lunbo .next .angle_line2 {
  display: block;
  position: relative;
  top: -6.05px;
  left: 10px;
  width: 16px;
  height: 2px;
  background-color: #93939e;
}
/* line 1011, ../sass/app/_index.scss */
#contain .logo_lunbo .next:hover {
  height: 36px;
  width: 36px;
  border: none;
  background-color: #93939e;
}
/* line 1017, ../sass/app/_index.scss */
#contain .logo_lunbo .next:hover .angle_right {
  color: white;
}
/* line 1020, ../sass/app/_index.scss */
#contain .logo_lunbo .next:hover .angle_line2 {
  background-color: white;
}
/* line 1023, ../sass/app/_index.scss */
#contain .logo_lunbo .next:active {
  height: 36px;
  width: 36px;
  border: none;
  background-color: #5f5f6c;
}
/* line 1029, ../sass/app/_index.scss */
#contain .logo_lunbo .next:active .angle_right {
  color: white;
}
/* line 1032, ../sass/app/_index.scss */
#contain .logo_lunbo .next:active .angle_line2 {
  background-color: white;
}
/* line 1038, ../sass/app/_index.scss */
#contain .news {
  width: 1200px;
  margin: 50px auto 0;
}
/* line 1041, ../sass/app/_index.scss */
#contain .news .news_cell {
  width: 400px;
  height: 360px;
}
/* line 1044, ../sass/app/_index.scss */
#contain .news .news_cell .neirong {
  position: relative;
  z-index: 10;
  width: 300px;
  height: 270px;
  margin: 45px 50px;
}
/* line 1050, ../sass/app/_index.scss */
#contain .news .news_cell .neirong .type {
  font-size: 20px;
  color: #172a88;
  line-height: 40px;
  font-weight: bold;
  -moz-transition: color, 0.3s;
  -o-transition: color, 0.3s;
  -webkit-transition: color, 0.3s;
  transition: color, 0.3s;
}
/* line 1057, ../sass/app/_index.scss */
#contain .news .news_cell .neirong .title {
  font-size: 24px;
  line-height: 32px;
  height: 64px;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -moz-transition: color, 0.3s;
  -o-transition: color, 0.3s;
  -webkit-transition: color, 0.3s;
  transition: color, 0.3s;
}
/* line 1069, ../sass/app/_index.scss */
#contain .news .news_cell .neirong .text {
  color: #93939e;
  margin-top: 20px;
  margin-bottom: 19px;
  width: 210px;
  height: 100px;
  font-size: 14px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  -moz-transition: color, 0.3s;
  -o-transition: color, 0.3s;
  -webkit-transition: color, 0.3s;
  transition: color, 0.3s;
}
/* line 1085, ../sass/app/_index.scss */
#contain .news .news_cell .neirong .text:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 40px;
}
/* line 1093, ../sass/app/_index.scss */
#contain .news .news_cell .neirong .date {
  color: #93939e;
  width: 70px;
  height: 16px;
  line-height: 26px;
  font-size: 16px;
  font-family: "BreuerText";
  -moz-transition: color, 0.3s;
  -o-transition: color, 0.3s;
  -webkit-transition: color, 0.3s;
  transition: color, 0.3s;
}
/* line 1102, ../sass/app/_index.scss */
#contain .news .news_cell .neirong .arrow_jiantou {
  position: absolute;
  left: 260px;
  bottom: 120px;
  width: 35px;
  height: 15px;
  z-index: 10;
  background-image: url("../imgs/index/arrow.png");
}
/* line 1113, ../sass/app/_index.scss */
#contain .news .news_cell .gradient {
  display: block;
  position: relative;
  bottom: 360px;
  height: 360px;
  width: 400px;
  background-image: url("../imgs/index/gradient.png");
  z-index: 9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: background, 0.3s;
  -o-transition: background, 0.3s;
  -webkit-transition: background, 0.3s;
  transition: background, 0.3s;
}
/* line 1124, ../sass/app/_index.scss */
#contain .news .news_cell .bg_img {
  display: block;
  position: relative;
  bottom: 720px;
  height: 360px;
  width: 400px;
  z-index: 8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: background, 0.3s;
  -o-transition: background, 0.3s;
  -webkit-transition: background, 0.3s;
  transition: background, 0.3s;
}
/* line 1135, ../sass/app/_index.scss */
#contain .news .news_cell:hover {
  color: #ffffff;
}
/* line 1137, ../sass/app/_index.scss */
#contain .news .news_cell:hover .gradient {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 1140, ../sass/app/_index.scss */
#contain .news .news_cell:hover .bg_img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 1143, ../sass/app/_index.scss */
#contain .news .news_cell:hover .type, #contain .news .news_cell:hover .title, #contain .news .news_cell:hover .text, #contain .news .news_cell:hover .date {
  color: inherit;
}
/* line 1147, ../sass/app/_index.scss */
#contain .news .news_cell:hover .arrow_jiantou {
  display: block;
  animation: arrow 2s both infinite;
}

@media only screen and (max-width: 1330px) {
  /* line 1156, ../sass/app/_index.scss */
  .banner .easy_banner {
    width: 1330px;
  }
  /* line 1159, ../sass/app/_index.scss */
  .banner .fugai_area {
    width: 851px;
  }
  /* line 1162, ../sass/app/_index.scss */
  .banner .fugai_area .btn_wrap .line {
    width: 28%;
  }

  /* line 1169, ../sass/app/_index.scss */
  .product_main_wrap {
    width: 1330px;
  }

  /* line 1173, ../sass/app/_index.scss */
  #contain .search_bar {
    width: 1330px;
  }
}
/* line 9, ../sass/app/_integration.scss */
#integration {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
  background-color: white;
}
/* line 14, ../sass/app/_integration.scss */
#integration .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 18, ../sass/app/_integration.scss */
#integration .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 23, ../sass/app/_integration.scss */
#integration .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 29, ../sass/app/_integration.scss */
#integration .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 36, ../sass/app/_integration.scss */
#integration .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 42, ../sass/app/_integration.scss */
#integration .strong-wrap {
  position: relative;
  height: 400px;
  margin: 60px 0 40px;
  background-color: #06183d;
}
/* line 47, ../sass/app/_integration.scss */
#integration .strong-wrap .left {
  position: absolute;
  z-index: 10;
  width: 766px;
  height: 400px;
  background-image: url("../imgs/integration/left-bg.png");
  background-repeat: no-repeat;
  overflow: hidden;
}
/* line 55, ../sass/app/_integration.scss */
#integration .strong-wrap .left .line {
  position: absolute;
  left: -404px;
  top: -4px;
}
/* line 60, ../sass/app/_integration.scss */
#integration .strong-wrap .left .text-wrap {
  position: absolute;
  top: 150px;
  overflow: hidden;
  left: 100px;
  height: 74px;
}
/* line 68, ../sass/app/_integration.scss */
#integration .strong-wrap .right-wrap {
  z-index: 9;
  position: absolute;
  right: 0;
  height: 400px;
  overflow: hidden;
}
/* line 74, ../sass/app/_integration.scss */
#integration .strong-wrap .right-wrap .right-banner {
  overflow: hidden;
  height: 400px;
  width: 780px;
}
/* line 81, ../sass/app/_integration.scss */
#integration .apply {
  margin-bottom: 80px;
}
/* line 83, ../sass/app/_integration.scss */
#integration .apply .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  margin-bottom: 38px;
}
/* line 90, ../sass/app/_integration.scss */
#integration .apply .up {
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  font-weight: 600;
}
/* line 96, ../sass/app/_integration.scss */
#integration .apply .icon-wrap {
  margin: 60px 0;
}
/* line 98, ../sass/app/_integration.scss */
#integration .apply .icon-wrap .icon {
  height: 64px;
  text-align: center;
  display: inline-block;
  width: 193px;
  border-right: 1px solid #d0d0d5;
}
/* line 106, ../sass/app/_integration.scss */
#integration .apply .down {
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
}
/* line 114, ../sass/app/_integration.scss */
#integration .system-control .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  margin-bottom: 60px;
}
/* line 121, ../sass/app/_integration.scss */
#integration .system-control .system-list {
  margin-bottom: 60px;
}
/* line 123, ../sass/app/_integration.scss */
#integration .system-control .system-list ul {
  height: 58px;
  border: 1px solid #d0d0d5;
}
/* line 126, ../sass/app/_integration.scss */
#integration .system-control .system-list ul li {
  position: relative;
  height: 58px;
  border-right: 1px solid #d0d0d5;
  width: 398px;
  line-height: 58px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
/* line 135, ../sass/app/_integration.scss */
#integration .system-control .system-list ul li .after {
  display: none;
  position: absolute;
  width: 399px;
  height: 2px;
  background-color: #172a88;
  top: 56px;
  left: 0;
}
/* line 144, ../sass/app/_integration.scss */
#integration .system-control .system-list ul li .displayshow {
  display: block;
}
/* line 148, ../sass/app/_integration.scss */
#integration .system-control .system-list ul .font-change {
  font-weight: bold;
}
/* line 154, ../sass/app/_integration.scss */
#integration .system-control .system-bannerwrap .system-banner {
  width: 1200px;
  padding-bottom: 60px;
  background-color: #f7f7f8;
}
/* line 158, ../sass/app/_integration.scss */
#integration .system-control .system-bannerwrap .system-banner .banner-title {
  padding: 56px 0 50px;
  font-size: 24px;
  line-height: 42px;
  height: 42px;
  text-align: center;
}
/* line 165, ../sass/app/_integration.scss */
#integration .system-control .system-bannerwrap .system-banner .icons {
  text-align: center;
}
/* line 169, ../sass/app/_integration.scss */
#integration .system-control .system-bannerwrap .system-banner .icon-shuoming ul {
  width: 1115px;
  margin: 0 auto;
}
/* line 172, ../sass/app/_integration.scss */
#integration .system-control .system-bannerwrap .system-banner .icon-shuoming ul li {
  width: 223px;
  text-align: center;
  font-size: 16px;
  line-height: 42px;
  font-weight: bold;
}
/* line 181, ../sass/app/_integration.scss */
#integration .system-control .system-bannerwrap .system-banner .text {
  margin-top: 50px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
}
/* line 187, ../sass/app/_integration.scss */
#integration .system-control .system-bannerwrap .system-banner .promise-wrap {
  padding: 60px 90px 0;
  width: 1020px;
}
/* line 190, ../sass/app/_integration.scss */
#integration .system-control .system-bannerwrap .system-banner .promise-wrap .promise-cell {
  margin: 0 7px;
  width: 240px;
  height: 300px;
  background-color: white;
  box-shadow: 1px 1px 4px #d0d0d5;
}
/* line 196, ../sass/app/_integration.scss */
#integration .system-control .system-bannerwrap .system-banner .promise-wrap .promise-cell .icon {
  height: 48px;
  text-align: center;
  margin: 60px 0 50px;
}
/* line 201, ../sass/app/_integration.scss */
#integration .system-control .system-bannerwrap .system-banner .promise-wrap .promise-cell .text {
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}
/* line 210, ../sass/app/_integration.scss */
#integration .system-control .story {
  margin-top: 80px;
  padding-top: 79px;
  border-top: 1px solid #d0d0d5;
}
/* line 214, ../sass/app/_integration.scss */
#integration .system-control .story .story-wrap {
  position: relative;
  overflow: hidden;
  height: 400px;
}
/* line 218, ../sass/app/_integration.scss */
#integration .system-control .story .story-wrap .left {
  top: 80px;
  height: 400px;
  width: 1200px;
  text-align: center;
}
/* line 223, ../sass/app/_integration.scss */
#integration .system-control .story .story-wrap .left img {
  margin-top: 165px;
}
/* line 226, ../sass/app/_integration.scss */
#integration .system-control .story .story-wrap .left .text {
  position: relative;
  text-align: center;
  font-size: 24px;
  margin-top: 20px;
  color: white;
}
/* line 232, ../sass/app/_integration.scss */
#integration .system-control .story .story-wrap .left .text .before {
  position: absolute;
  width: 50px;
  height: 1px;
  background-color: white;
  top: 12px;
  left: 340px;
}
/* line 240, ../sass/app/_integration.scss */
#integration .system-control .story .story-wrap .left .text .after {
  position: absolute;
  width: 50px;
  height: 1px;
  background-color: white;
  top: 12px;
  right: 330px;
}
/* line 253, ../sass/app/_integration.scss */
#integration .system-control .btn-wrap {
  width: 144px;
  margin: 40px auto 60px;
}
/* line 256, ../sass/app/_integration.scss */
#integration .system-control .btn-wrap .btn-cell {
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0 20px;
}
/* line 261, ../sass/app/_integration.scss */
#integration .system-control .btn-wrap .btn-cell .btn {
  position: absolute;
  margin: 12px;
  width: 8px;
  height: 8px;
  background-color: #172a88;
  border-radius: 50%;
}
/* line 269, ../sass/app/_integration.scss */
#integration .system-control .btn-wrap .btn-cell .circle {
  display: none;
  position: absolute;
  top: 0px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #172a88;
}
/* line 280, ../sass/app/_integration.scss */
#integration .system-control .btn-wrap .btn-cell.EasyBannerBtnActive .circle {
  display: block;
}
/* line 285, ../sass/app/_integration.scss */
#integration .system-control .introduce-wrapbig {
  position: relative;
  overflow: hidden;
  height: 96px;
  -moz-transition: all 0.8s linear;
  -o-transition: all 0.8s linear;
  -webkit-transition: all 0.8s linear;
  transition: all 0.8s linear;
}
/* line 290, ../sass/app/_integration.scss */
#integration .system-control .introduce-wrapbig .introduce-wrap {
  position: absolute;
  left: 0;
  display: none;
}
/* line 294, ../sass/app/_integration.scss */
#integration .system-control .introduce-wrapbig .introduce-wrap .introduce {
  padding: 0 30px 0 10px;
  width: 560px;
  font-size: 16px;
  line-height: 32px;
}
/* line 301, ../sass/app/_integration.scss */
#integration .system-control .introduce-wrapbig .introduce-wrap.EasyBannerActive {
  display: block;
}
/* line 306, ../sass/app/_integration.scss */
#integration .system-control .height-change {
  height: 192px;
}

/* line 9, ../sass/app/_knowamass.scss */
#know {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
  background-color: white;
}
/* line 14, ../sass/app/_knowamass.scss */
#know .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 18, ../sass/app/_knowamass.scss */
#know .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 23, ../sass/app/_knowamass.scss */
#know .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 29, ../sass/app/_knowamass.scss */
#know .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 36, ../sass/app/_knowamass.scss */
#know .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 42, ../sass/app/_knowamass.scss */
#know .about-bussiness {
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  margin: 60px auto;
}
/* line 48, ../sass/app/_knowamass.scss */
#know .about-imgwrap {
  margin-bottom: 60px;
}
/* line 50, ../sass/app/_knowamass.scss */
#know .about-imgwrap .about-img {
  width: 399px;
  border-right: 1px solid #93939e;
  height: 300px;
}
/* line 56, ../sass/app/_knowamass.scss */
#know .evolution-wrap {
  width: 1200px;
  height: 300px;
  background-color: #f7f7f8;
  padding: 60px 0;
  text-align: center;
}
/* line 62, ../sass/app/_knowamass.scss */
#know .evolution-wrap .title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
/* line 67, ../sass/app/_knowamass.scss */
#know .evolution-wrap .shuoming1 {
  margin-top: 25px;
  font-size: 16px;
  line-height: 24px;
  color: #93939e;
  font-weight: 600;
}
/* line 74, ../sass/app/_knowamass.scss */
#know .evolution-wrap ul {
  margin-top: 25px;
}
/* line 76, ../sass/app/_knowamass.scss */
#know .evolution-wrap ul li {
  display: inline-block;
  font-size: 16px;
  line-height: 42px;
  padding: 0 50px;
  font-weight: 600;
}
/* line 82, ../sass/app/_knowamass.scss */
#know .evolution-wrap ul li span {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #172a88;
  margin: 4px 10px;
}
/* line 92, ../sass/app/_knowamass.scss */
#know .evolution-wrap .old2new {
  margin-top: 50px;
}

/* line 9, ../sass/app/_news.scss */
#news {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
  background-color: white;
}
/* line 14, ../sass/app/_news.scss */
#news .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 18, ../sass/app/_news.scss */
#news .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 23, ../sass/app/_news.scss */
#news .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 29, ../sass/app/_news.scss */
#news .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 36, ../sass/app/_news.scss */
#news .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 42, ../sass/app/_news.scss */
#news .news-typewrap {
  margin-top: 60px;
}
/* line 44, ../sass/app/_news.scss */
#news .news-typewrap ul {
  border: 1px solid #d0d0d5;
}
/* line 46, ../sass/app/_news.scss */
#news .news-typewrap ul li {
  position: relative;
  height: 58px;
  border-right: 1px solid #d0d0d5;
  width: 398px;
  text-align: center;
  line-height: 58px;
  font-size: 16px;
}
/* line 54, ../sass/app/_news.scss */
#news .news-typewrap ul li .after {
  display: none;
  position: absolute;
  width: 398px;
  height: 2px;
  background-color: #172a88;
  top: 56px;
}
/* line 62, ../sass/app/_news.scss */
#news .news-typewrap ul li .displayshow {
  display: block;
}
/* line 66, ../sass/app/_news.scss */
#news .news-typewrap ul .font-change {
  font-weight: bold;
}
/* line 71, ../sass/app/_news.scss */
#news .area-wrap {
  overflow: hidden;
}
/* line 73, ../sass/app/_news.scss */
#news .area-wrap .area {
  width: 1200px;
  margin: 30px auto 0;
  overflow: hidden;
}
/* line 78, ../sass/app/_news.scss */
#news .area-wrap .area .list .li {
  position: relative;
  cursor: pointer;
  width: 99px;
  border-right: 1px solid #d0d0d5;
  font-size: 14px;
  font-weight: 600;
  color: #d0d0d5;
  text-align: center;
}
/* line 87, ../sass/app/_news.scss */
#news .area-wrap .area .list .li .after1 {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 4px solid #172a88;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 20px;
  left: 45px;
}
/* line 98, ../sass/app/_news.scss */
#news .area-wrap .area .list .li .displayshow {
  display: block;
}
/* line 102, ../sass/app/_news.scss */
#news .area-wrap .area .list .li-change {
  color: #172a88;
}
/* line 107, ../sass/app/_news.scss */
#news .area-wrap .area .list2 .li2 {
  cursor: pointer;
  position: relative;
  width: 99px;
  font-family: "PingFang SC";
  font-weight: bold;
  border-right: 1px solid #d0d0d5;
  font-size: 14px;
  color: #d0d0d5;
  text-align: center;
}
/* line 117, ../sass/app/_news.scss */
#news .area-wrap .area .list2 .li2 .after2 {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 4px solid #172a88;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 20px;
  left: 45px;
}
/* line 128, ../sass/app/_news.scss */
#news .area-wrap .area .list2 .li2 .displayshow {
  display: block;
}
/* line 132, ../sass/app/_news.scss */
#news .area-wrap .area .list2 .li-change {
  color: #172a88;
}
/* line 138, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .techno-listwrap {
  border-top: 2px solid #93939e;
  margin-top: 58px;
}
/* line 142, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .techno-listwrap ul li {
  cursor: pointer;
}
/* line 144, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .techno-listwrap ul li .ul {
  padding: 0 100px;
  width: 1000px;
  border-bottom: 1px solid #d0d0d5;
}
/* line 148, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .techno-listwrap ul li .ul .li {
  font-family: "Microsoft YaHei";
  height: 59px;
  margin-right: 90px;
  font-size: 14px;
  line-height: 59px;
}
/* line 154, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .techno-listwrap ul li .ul .li span {
  display: none;
}
/* line 158, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .techno-listwrap ul li .ul .time {
  width: 162px;
  margin-right: 0;
  font-family: BreuerText;
  font-size: 16px;
}
/* line 164, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .techno-listwrap ul li .ul:hover {
  background-color: #f7f7f8;
}
/* line 167, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .techno-listwrap ul li .ul:hover span {
  display: block;
}
/* line 174, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye {
  margin-top: 55px;
  padding-bottom: 15px;
  position: relative;
  left: 50%;
}
/* line 179, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination {
  position: relative;
  left: -50%;
  height: 36px;
}
/* line 183, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination .pagination-btn {
  padding: 0.06rem 0.10rem;
  border-radius: 4px;
  cursor: pointer;
  color: #93939e;
  display: inline-block;
  box-sizing: border-box;
  width: 25px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  font-family: 'BreuerText';
  font-size: 20px;
}
/* line 196, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination .pagination-btn:hover {
  color: #172a88;
}
/* line 200, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination .pagination-ellipsis {
  color: #999;
  position: relative;
  top: -5px;
  display: inline-block;
  padding: 0 0.12rem;
  margin-right: 4px;
}
/* line 208, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination .pagination-current {
  color: #172a88;
  position: relative;
}
/* line 211, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination .pagination-current:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #93939e;
  bottom: 0;
  left: 7.5px;
}
/* line 221, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination .pagenum {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
}
/* line 227, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination .pagenum:hover:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #93939e;
  bottom: 0;
  left: 7.5px;
}
/* line 237, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li {
  padding: 0.06rem 0.10rem;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  width: 25px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  font-family: 'BreuerText';
  font-size: 20px;
}
/* line 249, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li a {
  color: #93939e;
}
/* line 251, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li a:hover {
  color: #172a88;
}
/* line 257, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.active a {
  color: #172a88;
}
/* line 259, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.active a:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #93939e;
  bottom: 0;
  left: 7.5px;
}
/* line 271, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.prev {
  position: relative;
  top: 15px;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  margin: 0 30px 0 0;
  padding: 0;
}
/* line 279, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.prev a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/prev-normal.png");
}
/* line 284, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.prev a:hover {
  background-image: url("../imgs/product2/prev-hover.png");
}
/* line 288, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.prev span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/prev-normal.png");
}
/* line 293, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.prev span:hover {
  background-image: url("../imgs/product2/prev-hover.png");
}
/* line 299, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.next {
  position: relative;
  top: 15px;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  margin: 0 0 0 30px;
  padding: 0;
}
/* line 307, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.next a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/next-normal.png");
}
/* line 312, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.next a:hover {
  background-image: url("../imgs/product2/next-hover.png");
}
/* line 316, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.next span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/next-normal.png");
}
/* line 321, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.next span:hover {
  background-image: url("../imgs/product2/next-hover.png");
}
/* line 326, ../sass/app/_news.scss */
#news .area-wrap .area .pages-wrap .pages .fanye .chen-pagination li.disabled {
  cursor: not-allowed;
}

/* line 10, ../sass/app/_news-con.scss */
#news-con {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
  background-color: white;
}
/* line 15, ../sass/app/_news-con.scss */
#news-con #title {
  font-size: 24px;
  text-align: center;
  font-family: "Microsoft YaHei";
}
/* line 20, ../sass/app/_news-con.scss */
#news-con #date {
  padding: 30px 0 59px;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #d0d0d5;
  font-family: BreuerText;
}
/* line 27, ../sass/app/_news-con.scss */
#news-con #neirong {
  font-size: 14px;
  line-height: 24px;
  padding: 59px 69px;
  border-bottom: 1px solid #d0d0d5;
  font-family: "Microsoft YaHei";
}
/* line 34, ../sass/app/_news-con.scss */
#news-con #barcon {
  height: 24px;
  line-height: 24px;
}
/* line 37, ../sass/app/_news-con.scss */
#news-con #barcon .prev {
  font-size: 14px;
  color: #93939e;
}
/* line 41, ../sass/app/_news-con.scss */
#news-con #barcon .next {
  font-size: 14px;
  color: #93939e;
}
/* line 46, ../sass/app/_news-con.scss */
#news-con #back {
  margin: 50px auto 0;
  width: 180px;
  height: 50px;
  background-color: #ededef;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
}

/* line 9, ../sass/app/_product.scss */
#center {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
  background-color: white;
}
/* line 14, ../sass/app/_product.scss */
#center .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 18, ../sass/app/_product.scss */
#center .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 23, ../sass/app/_product.scss */
#center .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 29, ../sass/app/_product.scss */
#center .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 36, ../sass/app/_product.scss */
#center .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 42, ../sass/app/_product.scss */
#center .search_barwrap {
  margin: 40px 0 30px;
}
/* line 44, ../sass/app/_product.scss */
#center .search_barwrap .input {
  height: 58px;
  width: 998px;
  margin-right: 20px;
  border: 1px solid #d0d0d5;
}
/* line 49, ../sass/app/_product.scss */
#center .search_barwrap .input span {
  width: 30px;
  height: 26px;
  border-right: 1px solid black;
  margin: 16px 2px 16px 0;
  padding-left: 29px;
}
/* line 56, ../sass/app/_product.scss */
#center .search_barwrap .input .input_con {
  outline: none;
  border: none;
  width: 966px;
  height: 26px;
  padding: 16px 0;
  font-size: 16px;
  line-height: 26px;
}
/* line 66, ../sass/app/_product.scss */
#center .search_barwrap .button {
  cursor: pointer;
  border: none;
  outline: none;
  height: 60px;
  width: 180px;
  background-color: #ededef;
}
/* line 73, ../sass/app/_product.scss */
#center .search_barwrap .button p {
  font-size: 16px;
  width: 90px;
  margin: auto;
  font-weight: bold;
}
/* line 79, ../sass/app/_product.scss */
#center .search_barwrap .button span {
  width: 15px;
  height: 15px;
  margin-top: 2px;
}
/* line 86, ../sass/app/_product.scss */
#center .search_box_wrap {
  background-color: white;
  margin-bottom: 80px;
}
/* line 89, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap {
  margin-right: 30px;
  height: 60px;
  width: 380px;
}
/* line 93, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap ::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
/* line 98, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap ::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 4px;
}
/* line 103, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap ::-webkit-scrollbar-thumb:vertical {
  height: 32px;
  background-color: #ccc;
  -webkit-border-radius: 4px;
}
/* line 109, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap ::-webkit-scrollbar-thumb:horizontal {
  width: 32px;
  background-color: #ccc;
  -webkit-border-radius: 4px;
}
/* line 115, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .mySelect {
  position: relative;
  z-index: 10;
}
/* line 119, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .mySelect .inputWrap {
  width: 378px;
  height: 58px;
  border: 1px solid #d0d0d5;
  position: relative;
  cursor: pointer;
}
/* line 126, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .inputWrap .name {
  position: relative;
  top: 21px;
  width: 340px;
  margin-left: 22px;
  font-size: 16px;
  height: 16px;
}
/* line 134, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .mySelect .fa-close {
  cursor: pointer;
}
/* line 137, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .mySelect .fa-close:hover {
  color: #237eff;
}
/* line 140, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .mySelect .option-wrap {
  display: none;
  background-color: white;
  width: 378px;
  max-height: 300px;
  position: absolute;
  border: 1px solid #d0d0d5;
  padding: 10px 0 30px;
  z-index: 10;
}
/* line 150, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .option-wrap .btn {
  width: 320px;
  height: 50px;
  margin: 0 30px;
  background-color: #ededef;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
}
/* line 160, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .option-wrap .mySelect-option {
  width: 320px;
  max-height: 200px;
  margin: 10px 25px 25px 25px;
  background-color: white;
  overflow-y: scroll;
  font-size: 14px;
}
/* line 168, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .option-wrap .mySelect-option div {
  padding: 10px;
  overflow: hidden;
  height: 16px;
  max-height: 16px;
}
/* line 174, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .mySelect .inputWrap > i {
  position: absolute;
  padding: 12px;
  margin: 9px 8px;
  right: 0;
  top: 0;
}
/* line 181, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .mySelect-option div {
  cursor: pointer;
  margin: 5px;
}
/* line 185, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .mySelect-option div i {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  float: left;
  background-image: url("../imgs/index/xuankuang.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
/* line 194, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .mySelect-option div i.selected {
  background-image: url("../imgs/index/xuankuang2.png");
}
/* line 198, ../sass/app/_product.scss */
#center .search_box_wrap .fuxuan_wrap .mySelect-option div:hover {
  color: #d0d0d5;
}
/* line 202, ../sass/app/_product.scss */
#center .search_box_wrap .box-shadow {
  background: -webkit-linear-gradient(#fafafa, white);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fafafa, white);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fafafa, white);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#fafafa, #ffffff);
  /* 鏍囧噯鐨勮娉 */
}
/* line 209, ../sass/app/_product.scss */
#center .term-wrap {
  width: 1200px;
  padding-bottom: 24px;
  border-bottom: 1px solid #d0d0d5;
  position: relative;
}
/* line 214, ../sass/app/_product.scss */
#center .term-wrap .number {
  padding-right: 15px;
}
/* line 216, ../sass/app/_product.scss */
#center .term-wrap .number strong {
  display: block;
  position: relative;
  top: 4px;
  font-size: 18px;
}
/* line 223, ../sass/app/_product.scss */
#center .term-wrap .result {
  position: relative;
  max-width: 942px;
}
/* line 226, ../sass/app/_product.scss */
#center .term-wrap .result ul {
  padding: 0;
  margin: 0 0 5px 0;
  list-style: none;
}
/* line 230, ../sass/app/_product.scss */
#center .term-wrap .result ul li {
  display: inline-block;
  border-radius: 2px;
  list-style: none;
  margin-bottom: 5px;
  color: #03cbe9;
  font-size: 14px;
  background-color: #ededef;
  margin-right: 15px;
  padding: 8px 10px;
}
/* line 240, ../sass/app/_product.scss */
#center .term-wrap .result ul li span {
  text-align: left;
  width: auto;
  display: inline;
}
/* line 247, ../sass/app/_product.scss */
#center .term-wrap .result .close {
  border-radius: 2px;
  text-align: left;
  display: inline-block;
  width: 10px;
  height: 10px;
  cursor: pointer;
  background-image: url("../imgs/product2/close-icon.png");
}
/* line 257, ../sass/app/_product.scss */
#center .term-wrap .filter-clear {
  width: 96px;
  height: 30px;
  background-color: #93939e;
  color: white;
  font-size: 14px;
  text-align: center;
}
/* line 264, ../sass/app/_product.scss */
#center .term-wrap .filter-clear span {
  position: relative;
  top: 8px;
}
/* line 268, ../sass/app/_product.scss */
#center .term-wrap .filter-clear:hover {
  background-color: #5f5f6c;
}
/* line 273, ../sass/app/_product.scss */
#center .img-wrap {
  position: relative;
  width: 1200px;
  margin-top: 15px;
}
/* line 278, ../sass/app/_product.scss */
#center .img-wrap ul li {
  display: inline-block;
}
/* line 280, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming {
  width: 278px;
  height: 360px;
  box-shadow: 1px 1px 8px #ededef;
  margin: 15px 8px;
}
/* line 285, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .img {
  overflow: hidden;
  position: relative;
  width: 280px;
  height: 240px;
  background-color: #00a0e9;
}
/* line 291, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .img:hover .logo-bar {
  display: block;
}
/* line 294, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .img .logo-bar {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: none;
  position: absolute;
  bottom: 0px;
  background-color: #93939e;
}
/* line 300, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .img .logo-bar .logo-wrap {
  margin: 0 30px;
  width: 220px;
}
/* line 303, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .img .logo-bar .logo-wrap .logo-ele {
  box-sizing: border-box;
  width: 44px;
  padding: 7px 10px;
}
/* line 311, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .more-wrap {
  height: 68px;
  padding: 26px 30px;
}
/* line 314, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .more-wrap .product-name {
  font-size: 24px;
  height: 24px;
  font-family: BreuerText-Medium,'寰蒋闆呴粦';
}
/* line 319, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .more-wrap .more {
  margin-top: 12px;
  height: 32px;
}
/* line 322, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .more-wrap .more .more1 {
  position: absolute;
  width: 168px;
}
/* line 325, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .more-wrap .more .more1 .area1 {
  width: 112px;
  height: 14px;
  padding: 9px 20px;
  font-size: 14px;
  color: white;
  background-color: #93939e;
}
/* line 333, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .more-wrap .more .more1 .area2 {
  position: absolute;
  top: 0;
  left: 152px;
  width: 0;
  height: 0;
  border-top: 16px solid;
  border-bottom: 16px solid;
  border-right: 9px solid;
  border-left: 9px solid;
  border-color: #93939e transparent transparent #93939e;
}
/* line 346, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .more-wrap .more .more2 {
  width: 64px;
  position: relative;
  left: 156px;
}
/* line 350, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .more-wrap .more .more2 .area1 {
  width: 0;
  height: 0;
  border-top: 16px solid;
  border-bottom: 16px solid;
  border-right: 9px solid;
  border-left: 9px solid;
  border-color: transparent #172a88 #172a88 transparent;
}
/* line 359, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .more-wrap .more .more2 .area2 {
  position: absolute;
  top: 0;
  left: 18px;
  width: 26px;
  height: 32px;
  padding: 0 10px;
  background-color: #172a88;
}
/* line 367, ../sass/app/_product.scss */
#center .img-wrap ul li .product-shuoming .more-wrap .more .more2 .area2 img {
  margin-top: 13.5px;
}
/* line 377, ../sass/app/_product.scss */
#center .img-wrap .fanye {
  margin-top: 55px;
  padding-bottom: 15px;
  position: relative;
  left: 50%;
}
/* line 382, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination {
  position: relative;
  left: -50%;
  height: 36px;
}
/* line 386, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination .pagination-btn {
  padding: 0.06rem 0.10rem;
  border-radius: 4px;
  cursor: pointer;
  color: #93939e;
  display: inline-block;
  box-sizing: border-box;
  width: 25px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  font-family: 'BreuerText';
  font-size: 20px;
}
/* line 399, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination .pagination-btn:hover {
  color: #172a88;
}
/* line 403, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination .pagination-ellipsis {
  color: #999;
  position: relative;
  top: -5px;
  display: inline-block;
  padding: 0 0.12rem;
  margin-right: 4px;
}
/* line 411, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination .pagination-current {
  color: #172a88;
  position: relative;
}
/* line 414, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination .pagination-current:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #93939e;
  bottom: 0;
  left: 7.5px;
}
/* line 424, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination .pagenum {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
}
/* line 430, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination .pagenum:hover:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #93939e;
  bottom: 0;
  left: 7.5px;
}
/* line 440, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li {
  padding: 0.06rem 0.10rem;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  width: 25px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  font-family: 'BreuerText';
  font-size: 20px;
}
/* line 452, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li a {
  color: #93939e;
}
/* line 454, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li a:hover {
  color: #172a88;
}
/* line 460, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.active a {
  color: #172a88;
}
/* line 462, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.active a:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #93939e;
  bottom: 0;
  left: 7.5px;
}
/* line 474, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.prev {
  position: relative;
  top: 15px;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  margin: 0 30px 0 0;
  padding: 0;
}
/* line 482, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.prev a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/prev-normal.png");
}
/* line 487, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.prev a:hover {
  background-image: url("../imgs/product2/prev-hover.png");
}
/* line 491, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.prev span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/prev-normal.png");
}
/* line 496, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.prev span:hover {
  background-image: url("../imgs/product2/prev-hover.png");
}
/* line 502, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.next {
  position: relative;
  top: 15px;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  margin: 0 0 0 30px;
  padding: 0;
}
/* line 510, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.next a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/next-normal.png");
}
/* line 515, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.next a:hover {
  background-image: url("../imgs/product2/next-hover.png");
}
/* line 519, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.next span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/next-normal.png");
}
/* line 524, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.next span:hover {
  background-image: url("../imgs/product2/next-hover.png");
}
/* line 529, ../sass/app/_product.scss */
#center .img-wrap .fanye .chen-pagination li.disabled {
  cursor: not-allowed;
}

/* line 10, ../sass/app/_product3.scss */
#product-3level {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
}
/* line 14, ../sass/app/_product3.scss */
#product-3level .head {
  margin: 90px 0 30px;
}
/* line 16, ../sass/app/_product3.scss */
#product-3level .head .servlet {
  cursor: pointer;
  height: 24px;
  font-size: 16px;
  color: #93939e;
  padding: 4px 0;
  display: inline-block;
  font-family: "PingFang SC";
}
/* line 24, ../sass/app/_product3.scss */
#product-3level .head .servlet img {
  margin-bottom: 5px;
}
/* line 27, ../sass/app/_product3.scss */
#product-3level .head .servlet span {
  margin-left: 10px;
}
/* line 31, ../sass/app/_product3.scss */
#product-3level .head .product-name {
  font-size: 24px;
}
/* line 35, ../sass/app/_product3.scss */
#product-3level .banner-wrap {
  overflow: hidden;
}
/* line 37, ../sass/app/_product3.scss */
#product-3level .banner-wrap .banner {
  margin-bottom: 79px;
}
/* line 40, ../sass/app/_product3.scss */
#product-3level .banner-wrap .btn-wrap {
  width: 216px;
  margin: 40px auto 79px;
}
/* line 43, ../sass/app/_product3.scss */
#product-3level .banner-wrap .btn-wrap .btn-cell {
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0 20px;
}
/* line 48, ../sass/app/_product3.scss */
#product-3level .banner-wrap .btn-wrap .btn-cell .btn {
  position: absolute;
  margin: 12px;
  width: 8px;
  height: 8px;
  background-color: #172a88;
  border-radius: 50%;
}
/* line 56, ../sass/app/_product3.scss */
#product-3level .banner-wrap .btn-wrap .btn-cell .circle {
  display: none;
  position: relative;
  top: 0px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #172a88;
}
/* line 68, ../sass/app/_product3.scss */
#product-3level .line {
  height: 1px;
  background-color: #d0d0d5;
}
/* line 72, ../sass/app/_product3.scss */
#product-3level .detail-wrap {
  margin-top: 80px;
}
/* line 74, ../sass/app/_product3.scss */
#product-3level .detail-wrap #left {
  width: 448px;
  height: 348px;
  border: 1px solid #d0d0d5;
  text-align: center;
  line-height: 348px;
  overflow: hidden;
}
/* line 81, ../sass/app/_product3.scss */
#product-3level .detail-wrap #left img {
  vertical-align: middle;
}
/* line 85, ../sass/app/_product3.scss */
#product-3level .detail-wrap #right {
  width: 695px;
}
/* line 88, ../sass/app/_product3.scss */
#product-3level .detail-wrap #right ul li {
  height: 50px;
  background-color: #ededef;
}
/* line 91, ../sass/app/_product3.scss */
#product-3level .detail-wrap #right ul li .left {
  display: inline-block;
  margin: 0 0 0 50px;
  width: 260px;
  font-size: 16px;
  line-height: 48px;
  font-weight: 600;
}
/* line 103, ../sass/app/_product3.scss */
#product-3level .detail-wrap #right ul li .right {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
}
/* line 112, ../sass/app/_product3.scss */
#product-3level .detail-wrap #right ul li .right .download {
  cursor: pointer;
  color: #172a88;
}
/* line 118, ../sass/app/_product3.scss */
#product-3level .detail-wrap #right ul .bg-color {
  background-color: white;
}
/* line 124, ../sass/app/_product3.scss */
#product-3level .mask-wrap {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 110;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
}
/* line 134, ../sass/app/_product3.scss */
#product-3level .mask-wrap .mask {
  z-index: 1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #93939e;
  opacity: .6;
}
/* line 144, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap {
  z-index: 2;
  position: relative;
  height: 800px;
  border-radius: 3px;
  background-color: white;
  width: 1200px;
}
/* line 151, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .close {
  cursor: pointer;
  margin-top: 20px;
  margin-right: 50px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #d0d0d5;
  line-height: 48px;
  text-align: center;
}
/* line 161, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .close img {
  vertical-align: middle;
}
/* line 165, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap {
  margin: 0 100px;
  width: 1000px;
}
/* line 168, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .title-wrap {
  margin-top: 5px;
  padding-bottom: 19px;
  border-bottom: 1px solid #d0d0d5;
}
/* line 172, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .title-wrap .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}
/* line 178, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .warm {
  margin-top: 15px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #93939e;
}
/* line 184, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .warm strong {
  color: red;
}
/* line 188, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .input {
  height: 110px;
}
/* line 190, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .input .name {
  margin-right: 5px;
  width: 200px;
  height: 109px;
  border-bottom: 1px solid #172a88;
  line-height: 109px;
  font-size: 16px;
  font-weight: bold;
}
/* line 198, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .input .name strong {
  color: red;
}
/* line 202, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .input .contain {
  width: 795px;
  height: 109px;
  border-bottom: 1px solid #d0d0d5;
  font-size: 16px;
}
/* line 207, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .input .contain .wrap {
  font-size: 16px;
  position: relative;
  margin: 44px 75px 20px 25px;
}
/* line 211, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .input .contain .wrap .radio {
  position: absolute;
  opacity: 0;
  left: 0px;
  top: 0;
}
/* line 218, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .input .contain .wrap label .circle-wrap {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #00a0e9;
  margin-right: 10px;
}
/* line 227, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .input .contain .wrap label .circle-wrap .circle {
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  margin: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #00a0e9;
}
/* line 236, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .input .contain .wrap label .circle-wrap .display {
  opacity: 1;
}
/* line 242, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .input-wrap .input .contain .in {
  margin-top: 38px;
  margin-left: 15px;
  width: 763px;
  height: 33px;
  border: 1px solid #d0d0d5;
}
/* line 252, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .submit {
  position: relative;
  width: 180px;
  height: 50px;
  background-color: #172a88;
  left: 50%;
  top: 60px;
  margin-left: -90px;
  border: none;
  text-align: center;
  font-size: 15px;
  color: white;
}
/* line 266, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .success {
  text-align: center;
}
/* line 268, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .success .tips-img {
  width: 169px;
  height: 169px;
  margin: 110px auto 28px;
}
/* line 273, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .success .tips {
  font-size: 60px;
}
/* line 276, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .success .success {
  color: #69b94c;
}
/* line 279, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .success .danger {
  color: #172a88;
}
/* line 282, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .success .warm {
  font-size: 24px;
  margin-top: 30px;
  color: #93939e;
}
/* line 287, ../sass/app/_product3.scss */
#product-3level .mask-wrap .get-wrap .success .but {
  width: 180px;
  height: 50px;
  background-color: #172a88;
  border: none;
  margin-top: 140px;
  text-align: center;
  font-size: 15px;
  color: white;
}
/* line 300, ../sass/app/_product3.scss */
#product-3level .display {
  display: flex;
}

/* line 10, ../sass/app/_strength.scss */
#strength {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
  background-color: white;
}
/* line 15, ../sass/app/_strength.scss */
#strength .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 19, ../sass/app/_strength.scss */
#strength .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 24, ../sass/app/_strength.scss */
#strength .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 30, ../sass/app/_strength.scss */
#strength .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 37, ../sass/app/_strength.scss */
#strength .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 43, ../sass/app/_strength.scss */
#strength .develop {
  margin-top: 60px;
  text-align: center;
  line-height: 36px;
  font-weight: 600;
}
/* line 48, ../sass/app/_strength.scss */
#strength .develop .title {
  font-size: 18px;
  color: #93939e;
}
/* line 52, ../sass/app/_strength.scss */
#strength .develop .up {
  font-size: 24px;
  color: #172a88;
}
/* line 57, ../sass/app/_strength.scss */
#strength .develop .down {
  margin-top: 22px;
  font-size: 16px;
  line-height: 24px;
}
/* line 63, ../sass/app/_strength.scss */
#strength .location {
  margin-top: 60px;
  text-align: center;
  line-height: 36px;
  font-weight: 600;
}
/* line 68, ../sass/app/_strength.scss */
#strength .location .title {
  font-size: 18px;
  color: #93939e;
}
/* line 72, ../sass/app/_strength.scss */
#strength .location .up {
  font-size: 24px;
  color: #172a88;
}
/* line 76, ../sass/app/_strength.scss */
#strength .location .down {
  margin-top: 22px;
  font-size: 16px;
  line-height: 24px;
  color: #93939e;
}
/* line 83, ../sass/app/_strength.scss */
#strength .chuangxin {
  margin-top: 60px;
  position: relative;
  padding-bottom: 120px;
}
/* line 87, ../sass/app/_strength.scss */
#strength .chuangxin .left {
  height: 300px;
  width: 600px;
  background-image: url("../imgs/strength/left.png");
}
/* line 91, ../sass/app/_strength.scss */
#strength .chuangxin .left .color-block {
  position: absolute;
  height: 300px;
  width: 600px;
}
/* line 96, ../sass/app/_strength.scss */
#strength .chuangxin .left .text {
  position: relative;
  text-align: center;
  font-size: 24px;
  line-height: 300px;
  color: white;
}
/* line 102, ../sass/app/_strength.scss */
#strength .chuangxin .left .text .before {
  position: absolute;
  width: 50px;
  height: 1px;
  background-color: white;
  top: 150px;
  left: 180px;
}
/* line 110, ../sass/app/_strength.scss */
#strength .chuangxin .left .text .after {
  position: absolute;
  width: 50px;
  height: 1px;
  background-color: white;
  top: 150px;
  left: 370px;
}
/* line 119, ../sass/app/_strength.scss */
#strength .chuangxin .left .introduce {
  position: absolute;
  margin-top: 60px;
  top: 300px;
  width: 1200px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  left: 0;
}

/* line 6, ../sass/app/_talent.scss */
#talent {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
}
/* line 10, ../sass/app/_talent.scss */
#talent .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 14, ../sass/app/_talent.scss */
#talent .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 19, ../sass/app/_talent.scss */
#talent .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 25, ../sass/app/_talent.scss */
#talent .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 32, ../sass/app/_talent.scss */
#talent .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 38, ../sass/app/_talent.scss */
#talent .conduct {
  width: 450px;
  margin: 60px auto;
  font-weight: 600;
}
/* line 42, ../sass/app/_talent.scss */
#talent .conduct .title {
  font-size: 24px;
  text-align: center;
  line-height: 32px;
}
/* line 47, ../sass/app/_talent.scss */
#talent .conduct .middle {
  font-size: 18px;
  text-align: center;
  line-height: 32px;
  color: #93939e;
}
/* line 53, ../sass/app/_talent.scss */
#talent .conduct .down {
  font-size: 16px;
  text-align: center;
  line-height: 32px;
}
/* line 59, ../sass/app/_talent.scss */
#talent .img {
  height: 300px;
  background-image: url("../imgs/talent/banner.jpg");
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 80px;
}
/* line 66, ../sass/app/_talent.scss */
#talent .job-need {
  font-size: 24px;
  text-align: center;
  line-height: 32px;
  font-weight: bold;
}
/* line 72, ../sass/app/_talent.scss */
#talent .search_box_wrap {
  background-color: white;
  margin-bottom: 80px;
  margin-top: 55px;
}
/* line 76, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap {
  margin-right: 30px;
  height: 60px;
  width: 380px;
}
/* line 80, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap ::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
/* line 85, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap ::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 4px;
}
/* line 90, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap ::-webkit-scrollbar-thumb:vertical {
  height: 32px;
  background-color: #ccc;
  -webkit-border-radius: 4px;
}
/* line 96, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap ::-webkit-scrollbar-thumb:horizontal {
  width: 32px;
  background-color: #ccc;
  -webkit-border-radius: 4px;
}
/* line 102, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .mySelect {
  position: relative;
  z-index: 10;
}
/* line 106, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .mySelect .inputWrap {
  width: 378px;
  height: 58px;
  border: 1px solid #d0d0d5;
  position: relative;
  cursor: pointer;
}
/* line 113, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .inputWrap .name {
  position: relative;
  top: 21px;
  width: 340px;
  margin-left: 22px;
  font-size: 16px;
  height: 16px;
}
/* line 121, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .mySelect .fa-close {
  cursor: pointer;
}
/* line 124, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .mySelect .fa-close:hover {
  color: #237eff;
}
/* line 127, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .mySelect .option-wrap {
  display: none;
  background-color: white;
  width: 378px;
  max-height: 300px;
  position: absolute;
  border: 1px solid #d0d0d5;
  padding: 10px 0 60px;
  z-index: 10;
}
/* line 137, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .option-wrap .btn {
  width: 320px;
  height: 50px;
  margin: 0 30px;
  background-color: #ededef;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
}
/* line 147, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .option-wrap .mySelect-option {
  width: 320px;
  max-height: 200px;
  margin: 25px;
  background-color: white;
  overflow-y: scroll;
  font-size: 14px;
}
/* line 155, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .option-wrap .mySelect-option div {
  padding: 10px;
  overflow: hidden;
  height: 16px;
  max-height: 16px;
}
/* line 161, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .mySelect .inputWrap > i {
  position: absolute;
  padding: 12px;
  margin: 9px 8px;
  right: 0;
  top: 0;
}
/* line 168, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .mySelect-option div {
  cursor: pointer;
  margin: 5px;
}
/* line 172, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .mySelect-option div i {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  float: left;
  background-image: url("../imgs/index/xuankuang.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
/* line 181, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .mySelect-option div i.selected {
  background-image: url("../imgs/index/xuankuang2.png");
}
/* line 185, ../sass/app/_talent.scss */
#talent .search_box_wrap .fuxuan_wrap .mySelect-option div:hover {
  color: #d0d0d5;
}
/* line 189, ../sass/app/_talent.scss */
#talent .search_box_wrap .box-shadow {
  background: -webkit-linear-gradient(#fafafa, white);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fafafa, white);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fafafa, white);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#fafafa, #ffffff);
  /* 鏍囧噯鐨勮娉 */
}
/* line 196, ../sass/app/_talent.scss */
#talent .job-wrap {
  margin-top: 60px;
}
/* line 198, ../sass/app/_talent.scss */
#talent .job-wrap .head {
  height: 50px;
  background-color: #ededef;
}
/* line 202, ../sass/app/_talent.scss */
#talent .job-wrap .head ul li {
  display: inline-block;
  width: 194px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
}
/* line 214, ../sass/app/_talent.scss */
#talent .job-wrap .contain .job-wraps .job-cell {
  width: 1200px;
  cursor: pointer;
}
/* line 217, ../sass/app/_talent.scss */
#talent .job-wrap .contain .job-wraps .job-cell .ul {
  display: flex;
  border-bottom: 1px solid #d0d0d5;
}
/* line 220, ../sass/app/_talent.scss */
#talent .job-wrap .contain .job-wraps .job-cell .ul .li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 49px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  font-family: "Microsoft YaHei";
}
/* line 232, ../sass/app/_talent.scss */
#talent .job-wrap .contain .job-wraps .job-cell .ul .job-name {
  font-size: 16px;
  color: #00a0e9;
}
/* line 237, ../sass/app/_talent.scss */
#talent .job-wrap .contain .job-wraps .job-cell .detail-shuoming {
  border-bottom: 1px solid #d0d0d5;
  font-family: "Microsoft YaHei";
}
/* line 240, ../sass/app/_talent.scss */
#talent .job-wrap .contain .job-wraps .job-cell .detail-shuoming .left {
  display: inline-block;
  width: 410px;
  padding: 25px 95px;
}
/* line 244, ../sass/app/_talent.scss */
#talent .job-wrap .contain .job-wraps .job-cell .detail-shuoming .left .duty {
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
}
/* line 249, ../sass/app/_talent.scss */
#talent .job-wrap .contain .job-wraps .job-cell .detail-shuoming .left .detail {
  font-size: 13px;
  line-height: 24px;
}
/* line 254, ../sass/app/_talent.scss */
#talent .job-wrap .contain .job-wraps .job-cell .detail-shuoming .right {
  display: inline-block;
  width: 410px;
  padding: 25px 95px;
}
/* line 258, ../sass/app/_talent.scss */
#talent .job-wrap .contain .job-wraps .job-cell .detail-shuoming .right .qualifications {
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
}
/* line 263, ../sass/app/_talent.scss */
#talent .job-wrap .contain .job-wraps .job-cell .detail-shuoming .right .detail {
  font-size: 13px;
  line-height: 24px;
}
/* line 274, ../sass/app/_talent.scss */
#talent .mail {
  position: relative;
  margin-top: 60px;
  background-color: #ededef;
  height: 80px;
  font-size: 16px;
  line-height: 80px;
  text-align: center;
  font-family: "Microsoft YaHei";
}
/* line 283, ../sass/app/_talent.scss */
#talent .mail strong {
  color: #172a88;
  font-weight: 600;
  font-family: BreuerText;
}
/* line 289, ../sass/app/_talent.scss */
#talent .fanye {
  margin-top: 55px;
  padding-bottom: 15px;
  position: relative;
  left: 50%;
}
/* line 294, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination {
  position: relative;
  left: -50%;
  height: 36px;
}
/* line 298, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination .pagination-btn {
  padding: 0.06rem 0.10rem;
  border-radius: 4px;
  cursor: pointer;
  color: #93939e;
  display: inline-block;
  box-sizing: border-box;
  width: 25px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  font-family: 'BreuerText';
  font-size: 20px;
}
/* line 311, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination .pagination-btn:hover {
  color: #172a88;
}
/* line 315, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination .pagination-ellipsis {
  color: #999;
  position: relative;
  top: -5px;
  display: inline-block;
  padding: 0 0.12rem;
  margin-right: 4px;
}
/* line 323, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination .pagination-current {
  color: #172a88;
  position: relative;
}
/* line 326, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination .pagination-current:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #93939e;
  bottom: 0;
  left: 7.5px;
}
/* line 336, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination .pagenum {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
}
/* line 342, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination .pagenum:hover:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #93939e;
  bottom: 0;
  left: 7.5px;
}
/* line 352, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li {
  padding: 0.06rem 0.10rem;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  width: 25px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  font-family: 'BreuerText';
  font-size: 20px;
}
/* line 364, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li a {
  color: #93939e;
}
/* line 366, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li a:hover {
  color: #172a88;
}
/* line 372, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.active a {
  color: #172a88;
}
/* line 374, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.active a:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #93939e;
  bottom: 0;
  left: 7.5px;
}
/* line 386, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.prev {
  position: relative;
  top: 15px;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  margin: 0 30px 0 0;
  padding: 0;
}
/* line 394, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.prev a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/prev-normal.png");
}
/* line 399, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.prev a:hover {
  background-image: url("../imgs/product2/prev-hover.png");
}
/* line 403, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.prev span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/prev-normal.png");
}
/* line 408, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.prev span:hover {
  background-image: url("../imgs/product2/prev-hover.png");
}
/* line 414, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.next {
  position: relative;
  top: 15px;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  margin: 0 0 0 30px;
  padding: 0;
}
/* line 422, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.next a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/next-normal.png");
}
/* line 427, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.next a:hover {
  background-image: url("../imgs/product2/next-hover.png");
}
/* line 431, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.next span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/next-normal.png");
}
/* line 436, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.next span:hover {
  background-image: url("../imgs/product2/next-hover.png");
}
/* line 441, ../sass/app/_talent.scss */
#talent .fanye .chen-pagination li.disabled {
  cursor: not-allowed;
}

/* line 8, ../sass/app/_technology.scss */
#technology {
  position: relative;
  width: 1200px;
  margin: 0 auto 100px;
  background-color: white;
}
/* line 13, ../sass/app/_technology.scss */
#technology .system {
  width: 510px;
  margin: 0 auto;
  text-align: center;
}
/* line 17, ../sass/app/_technology.scss */
#technology .system .title {
  margin: 18px 0;
  font-size: 42px;
  font-weight: bold;
  color: black;
}
/* line 22, ../sass/app/_technology.scss */
#technology .system .title:before {
  content: url("../imgs/index/gloden-line-left.png");
  position: relative;
  bottom: 13px;
  right: 28px;
}
/* line 28, ../sass/app/_technology.scss */
#technology .system .title:after {
  content: url("../imgs/index/gloden-line-right.png");
  position: relative;
  bottom: 13px;
  left: 28px;
}
/* line 35, ../sass/app/_technology.scss */
#technology .system .guanggao {
  text-align: center;
  font-size: 20px;
  color: #93939e;
}
/* line 41, ../sass/app/_technology.scss */
#technology .techno-listwrap {
  border-top: 2px solid #93939e;
  margin-top: 60px;
}
/* line 45, ../sass/app/_technology.scss */
#technology .techno-listwrap ul li {
  cursor: pointer;
}
/* line 47, ../sass/app/_technology.scss */
#technology .techno-listwrap ul li .ul {
  padding: 0 100px;
  width: 1000px;
  border-bottom: 1px solid #d0d0d5;
}
/* line 51, ../sass/app/_technology.scss */
#technology .techno-listwrap ul li .ul .li {
  height: 59px;
  margin-right: 90px;
  font-size: 14px;
  line-height: 59px;
  font-family: "Microsoft YaHei";
}
/* line 57, ../sass/app/_technology.scss */
#technology .techno-listwrap ul li .ul .li span {
  display: none;
}
/* line 61, ../sass/app/_technology.scss */
#technology .techno-listwrap ul li .ul .time {
  width: 162px;
  margin-right: 0;
  font-size: 16px;
  font-family: BreuerText;
}
/* line 67, ../sass/app/_technology.scss */
#technology .techno-listwrap ul li .ul:hover {
  background-color: #f7f7f8;
}
/* line 70, ../sass/app/_technology.scss */
#technology .techno-listwrap ul li .ul:hover span {
  display: block;
}
/* line 77, ../sass/app/_technology.scss */
#technology .fanye {
  margin-top: 55px;
  padding-bottom: 15px;
  position: relative;
  left: 50%;
}
/* line 82, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination {
  position: relative;
  left: -50%;
  height: 36px;
}
/* line 86, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination .pagination-btn {
  padding: 0.06rem 0.10rem;
  border-radius: 4px;
  cursor: pointer;
  color: #93939e;
  display: inline-block;
  box-sizing: border-box;
  width: 25px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  font-family: 'BreuerText';
  font-size: 20px;
}
/* line 99, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination .pagination-btn:hover {
  color: #172a88;
}
/* line 103, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination .pagination-ellipsis {
  color: #999;
  position: relative;
  top: -5px;
  display: inline-block;
  padding: 0 0.12rem;
  margin-right: 4px;
}
/* line 111, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination .pagination-current {
  color: #172a88;
  position: relative;
}
/* line 114, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination .pagination-current:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #93939e;
  bottom: 0;
  left: 7.5px;
}
/* line 124, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination .pagenum {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
}
/* line 130, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination .pagenum:hover:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #93939e;
  bottom: 0;
  left: 7.5px;
}
/* line 140, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li {
  padding: 0.06rem 0.10rem;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  width: 25px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  font-family: 'BreuerText';
  font-size: 20px;
}
/* line 152, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li a {
  color: #93939e;
}
/* line 154, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li a:hover {
  color: #172a88;
}
/* line 160, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.active a {
  color: #172a88;
}
/* line 162, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.active a:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: #93939e;
  bottom: 0;
  left: 7.5px;
}
/* line 174, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.prev {
  position: relative;
  top: 15px;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  margin: 0 30px 0 0;
  padding: 0;
}
/* line 182, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.prev a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/prev-normal.png");
}
/* line 187, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.prev a:hover {
  background-image: url("../imgs/product2/prev-hover.png");
}
/* line 191, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.prev span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/prev-normal.png");
}
/* line 196, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.prev span:hover {
  background-image: url("../imgs/product2/prev-hover.png");
}
/* line 202, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.next {
  position: relative;
  top: 15px;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  margin: 0 0 0 30px;
  padding: 0;
}
/* line 210, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.next a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/next-normal.png");
}
/* line 215, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.next a:hover {
  background-image: url("../imgs/product2/next-hover.png");
}
/* line 219, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.next span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/product2/next-normal.png");
}
/* line 224, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.next span:hover {
  background-image: url("../imgs/product2/next-hover.png");
}
/* line 229, ../sass/app/_technology.scss */
#technology .fanye .chen-pagination li.disabled {
  cursor: not-allowed;
}

@keyframes nav_move {
  from {
    left: 360px;
  }
  to {
    left: 0;
  }
}
@keyframes hover_move {
  0% {
    margin-left: 18px;
  }
  100% {
    margin-left: 40px;
  }
}
@keyframes hover_move_right {
  0% {
    margin-right: 18px;
  }
  100% {
    margin-right: 40px;
  }
}
@keyframes circle-animation {
  0% {
    clip: rect(0px, 30px, 30px, 15px);
  }
  100% {
    clip: auto;
  }
}
@keyframes left-animation {
  0% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(135deg);
  }
  100% {
    transform: rotate(315deg);
  }
}
@keyframes right-animation {
  0% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(135deg);
  }
  100% {
    transform: rotate(135deg);
  }
}
@keyframes arrow {
  0% {
    margin-left: 0px;
  }
  25% {
    margin-left: 20px;
  }
  50% {
    margin-left: 0px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes out-right {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes out-up {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
.newqrcode{
  position: relative;
  left: -100%;
  top: 60px;
  text-align: center;
}
.newqrcode p{
  text-align: center;
  font-size: 18px;
  color: white;
  margin-top: 15px;
}