html {
  -webkit-font-smoothing: antialiased;
  height: 100%;
  touch-action: manipulation; }

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

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer {
  display: block;
  margin: 0;
  padding: 0; }

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

table, th, td {
  border: 1px solid black; }

fieldset, img {
  border: 0; }

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

dl, ol, ul {
  list-style-type: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

a {
  text-decoration: none;
  color: inherit; }

a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  outline: none;
  blr: expression(this.onFocus=this.blur()); }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

textarea {
  resize: none;
  outline: none;
  font-family: Arial,Microsoft Yahei; }

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; }

button, input[type=submit], input[type=text], input[type=button] {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  blr: expression(this.onFocus=this.blur()); }

input {
  outline: 0;
  border-radius: 0; }

input::-webkit-input-safebox-button {
  display: none;
  /*去掉搜狗浏览器密码软盘*/ }

body {
  color: #000;
 }

header,
footer,
main,
header *,
footer *,
main * {
  box-sizing: border-box; }

* {
  box-sizing: border-box; }

@media (max-width: 1200px) {
  img {
    image-rendering: auto; } }
#web-ietip {
  width: 526px;
  height: 90px;
  padding: 83px 0 0 84px;
  overflow: hidden;
  background: url(http://18.223.177.190/themes/cn/css/ietip/browser.png) no-repeat center center;
  margin: 200px auto 0; }

#web-ietip a {
  display: block;
  width: 65px;
  height: 80px;
  float: left; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.eps2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.eps3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.eps4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }

html {
  font-size: calc(100vw / 1920 * 100); }

@media (max-width: 900px) {
  html {
    font-size: calc(900px / 1920 * 100); } }
/*有些苹果系统自带的浏览器safari可能不支持calc和vw一起用，可以试着写成*/
/*html{font-size: 5.2083vw;}
@media(max-width: 900px){
    html{font-size: 46.875px;}
}*/
body {
  font-size: calc(16 * 1rem / 100); }

@media (max-width: 1584px) {
  body {
    font-size: 13.2px; } }
.s12 {
  font-size: calc(12 * 1rem / 100); }

@media (max-width: 1920px) {
  .s12 {
    font-size: 12.0px; } }
.s13 {
  font-size: calc(13 * 1rem / 100); }

@media (max-width: 1846px) {
  .s13 {
    font-size: 12.5px; } }
.s14 {
  font-size: calc(14 * 1rem / 100); }

@media (max-width: 1783px) {
  .s14 {
    font-size: 13px; } }
.s15 {
  font-size: calc(15 * 1rem / 100); }

@media (max-width: 1664px) {
  .s15 {
    font-size: 13px; } }
.s16 {
  font-size: calc(16 * 1rem / 100); }

@media (max-width: 1620px) {
  .s16 {
    font-size: 13.5px; } }
.s17 {
  font-size: calc(17 * 1rem / 100); }

@media (max-width: 1525px) {
  .s17 {
    font-size: 13.5px; } }
.s18 {
  font-size: calc(18 * 1rem / 100); }

@media (max-width: 1493px) {
  .s18 {
    font-size: 14px; } }
.s19 {
  font-size: calc(19 * 1rem / 100); }

@media (max-width: 1415px) {
  .s19 {
    font-size: 14px; } }
.s20 {
  font-size: calc(20 * 1rem / 100); }

@media (max-width: 1392px) {
  .s20 {
    font-size: 14.5px; } }
.s21 {
  font-size: calc(21 * 1rem / 100); }

@media (max-width: 1326px) {
  .s21 {
    font-size: 14.5px; } }
.s22 {
  font-size: calc(22 * 1rem / 100); }

@media (max-width: 1309px) {
  .s22 {
    font-size: 15.0px; } }
.s23 {
  font-size: calc(23 * 1rem / 100); }

@media (max-width: 1277px) {
  .s23 {
    font-size: 15.3px; } }
.s24 {
  font-size: calc(24 * 1rem / 100); }

@media (max-width: 1248px) {
  .s24 {
    font-size: 15.6px; } }
.s25 {
  font-size: calc(25 * 1rem / 100); }

@media (max-width: 1221px) {
  .s25 {
    font-size: 15.9px; } }
.s26 {
  font-size: calc(26 * 1rem / 100); }

@media (max-width: 1196px) {
  .s26 {
    font-size: 16.2px; } }
.s27 {
  font-size: calc(27 * 1rem / 100); }

@media (max-width: 1173px) {
  .s27 {
    font-size: 16.5px; } }
.s28 {
  font-size: calc(28 * 1rem / 100); }

@media (max-width: 1152px) {
  .s28 {
    font-size: 16.8px; } }
.s29 {
  font-size: calc(29 * 1rem / 100); }

@media (max-width: 1132px) {
  .s29 {
    font-size: 17.1px; } }
.s30 {
  font-size: calc(30 * 1rem / 100); }

@media (max-width: 1113px) {
  .s30 {
    font-size: 17.4px; } }
.s31 {
  font-size: calc(31 * 1rem / 100); }

@media (max-width: 1096px) {
  .s31 {
    font-size: 17.7px; } }
.s32 {
  font-size: calc(32 * 1rem / 100); }

@media (max-width: 1080px) {
  .s32 {
    font-size: 18.0px; } }
.s33 {
  font-size: calc(33 * 1rem / 100); }

@media (max-width: 1064px) {
  .s33 {
    font-size: 18.3px; } }
.s34 {
  font-size: calc(34 * 1rem / 100); }

@media (max-width: 1050px) {
  .s34 {
    font-size: 18.6px; } }
.s35 {
  font-size: calc(35 * 1rem / 100); }

@media (max-width: 1036px) {
  .s35 {
    font-size: 18.9px; } }
.s36 {
  font-size: calc(36 * 1rem / 100); }

@media (max-width: 1024px) {
  .s36 {
    font-size: 19.2px; } }
.s37 {
  font-size: calc(37 * 1rem / 100); }

@media (max-width: 1011px) {
  .s37 {
    font-size: 19.5px; } }
.s38 {
  font-size: calc(38 * 1rem / 100); }

@media (max-width: 1000px) {
  .s38 {
    font-size: 19.8px; } }
.s39 {
  font-size: calc(39 * 1rem / 100); }

@media (max-width: 989px) {
  .s39 {
    font-size: 20.1px; } }
.s40 {
  font-size: calc(40 * 1rem / 100); }

@media (max-width: 979px) {
  .s40 {
    font-size: 20.4px; } }
.s41 {
  font-size: calc(41 * 1rem / 100); }

@media (max-width: 969px) {
  .s41 {
    font-size: 20.7px; } }
.s42 {
  font-size: calc(42 * 1rem / 100); }

@media (max-width: 960px) {
  .s42 {
    font-size: 21.0px; } }
.s43 {
  font-size: calc(43 * 1rem / 100); }

@media (max-width: 951px) {
  .s43 {
    font-size: 21.3px; } }
.s44 {
  font-size: calc(44 * 1rem / 100); }

@media (max-width: 942px) {
  .s44 {
    font-size: 21.6px; } }
.s45 {
  font-size: calc(45 * 1rem / 100); }

@media (max-width: 934px) {
  .s45 {
    font-size: 21.9px; } }
.s46 {
  font-size: calc(46 * 1rem / 100); }

@media (max-width: 926px) {
  .s46 {
    font-size: 22.2px; } }
.s47 {
  font-size: calc(47 * 1rem / 100); }

@media (max-width: 919px) {
  .s47 {
    font-size: 22.5px; } }
.s48 {
  font-size: calc(48 * 1rem / 100); }

@media (max-width: 911px) {
  .s48 {
    font-size: 22.8px; } }
.s49 {
  font-size: calc(49 * 1rem / 100); }

@media (max-width: 905px) {
  .s49 {
    font-size: 23.1px; } }
.s50 {
  font-size: calc(50 * 1rem / 100); }

@media (max-width: 898px) {
  .s50 {
    font-size: 23.4px; } }
.s51 {
  font-size: calc(51 * 1rem / 100); }

@media (max-width: 892px) {
  .s51 {
    font-size: 23.7px; } }
.s52 {
  font-size: calc(52 * 1rem / 100); }

@media (max-width: 886px) {
  .s52 {
    font-size: 24.0px; } }
.s53 {
  font-size: calc(53 * 1rem / 100); }

@media (max-width: 880px) {
  .s53 {
    font-size: 24.3px; } }
.s54 {
  font-size: calc(54 * 1rem / 100); }

@media (max-width: 874px) {
  .s54 {
    font-size: 24.6px; } }
.s55 {
  font-size: calc(55 * 1rem / 100); }

@media (max-width: 869px) {
  .s55 {
    font-size: 24.9px; } }
.s56 {
  font-size: calc(56 * 1rem / 100); }

@media (max-width: 864px) {
  .s56 {
    font-size: 25.2px; } }
.s57 {
  font-size: calc(57 * 1rem / 100); }

@media (max-width: 858px) {
  .s57 {
    font-size: 25.5px; } }
.s58 {
  font-size: calc(58 * 1rem / 100); }

@media (max-width: 854px) {
  .s58 {
    font-size: 25.8px; } }
.s59 {
  font-size: calc(59 * 1rem / 100); }

@media (max-width: 849px) {
  .s59 {
    font-size: 26.1px; } }
.s60 {
  font-size: calc(60 * 1rem / 100); }

@media (max-width: 844px) {
  .s60 {
    font-size: 26.4px; } }
.s61 {
  font-size: calc(61 * 1rem / 100); }

@media (max-width: 840px) {
  .s61 {
    font-size: 26.7px; } }
.s62 {
  font-size: calc(62 * 1rem / 100); }

@media (max-width: 836px) {
  .s62 {
    font-size: 27.0px; } }
.s63 {
  font-size: calc(63 * 1rem / 100); }

@media (max-width: 832px) {
  .s63 {
    font-size: 27.3px; } }
.s64 {
  font-size: calc(64 * 1rem / 100); }

@media (max-width: 828px) {
  .s64 {
    font-size: 27.6px; } }
.s65 {
  font-size: calc(65 * 1rem / 100); }

@media (max-width: 824px) {
  .s65 {
    font-size: 27.9px; } }
.s66 {
  font-size: calc(66 * 1rem / 100); }

@media (max-width: 820px) {
  .s66 {
    font-size: 28.2px; } }
.s67 {
  font-size: calc(67 * 1rem / 100); }

@media (max-width: 816px) {
  .s67 {
    font-size: 28.5px; } }
.s68 {
  font-size: calc(68 * 1rem / 100); }

@media (max-width: 813px) {
  .s68 {
    font-size: 28.8px; } }
.s69 {
  font-size: calc(69 * 1rem / 100); }

@media (max-width: 809px) {
  .s69 {
    font-size: 29.1px; } }
.s70 {
  font-size: calc(70 * 1rem / 100); }

@media (max-width: 806px) {
  .s70 {
    font-size: 29.4px; } }
.s70 {
  font-size: calc(70 * 1rem / 100); }

@media (max-width: 803px) {
  .s70 {
    font-size: 29.7px; } }
.s71 {
  font-size: calc(71 * 1rem / 100); }

@media (max-width: 800px) {
  .s71 {
    font-size: 30px; } }
.s72 {
  font-size: calc(72 * 1rem / 100); }

@media (max-width: 796px) {
  .s72 {
    font-size: 30.3px; } }
.s73 {
  font-size: calc(73 * 1rem / 100); }

@media (max-width: 793px) {
  .s73 {
    font-size: 30.6px; } }
.s74 {
  font-size: calc(74 * 1rem / 100); }

@media (max-width: 791px) {
  .s74 {
    font-size: 30.9px; } }
.s75 {
  font-size: calc(75 * 1rem / 100); }

@media (max-width: 788px) {
  .s75 {
    font-size: 31.2px; } }
.s76 {
  font-size: calc(76 * 1rem / 100); }

@media (max-width: 79px) {
  .s76 {
    font-size: 31.5px; } }
.s77 {
  font-size: calc(77 * 1rem / 100); }

@media (max-width: 785px) {
  .s77 {
    font-size: 31.8px; } }
.s78 {
  font-size: calc(78 * 1rem / 100); }

@media (max-width: 782px) {
  .s78 {
    font-size: 32.1px; } }
.s79 {
  font-size: calc(79 * 1rem / 100); }

@media (max-width: 780px) {
  .s79 {
    font-size: 32.4px; } }
.s80 {
  font-size: calc(80 * 1rem / 100); }

@media (max-width: 777px) {
  .s80 {
    font-size: 32.7px; } }
.s150 {
  font-size: calc(150 * 1rem / 100); }

@media (max-width: 683px) {
  .s150 {
    font-size: 53.4px; } }
/*参考 http://html.hunuo.com/2024/01/mingjin/nav.html*/
@media (max-width: 750px) {
  html {
    font-size: calc(100vw / 750 * 100); } }
@media (max-width: 750px) {
  .s12 {
    font-size: 0.22rem; }

  .s13 {
    font-size: 0.23rem; }

  .s14 {
    font-size: 0.24rem; }

  .s15 {
    font-size: 0.25rem; }

  .s16 {
    font-size: 0.26rem; }

  .s17 {
    font-size: 0.27rem; }

  .s18 {
    font-size: 0.28rem; }

  .s19 {
    font-size: 0.29rem; }

  .s20 {
    font-size: 0.30rem; }

  .s21 {
    font-size: 0.31rem; }

  .s22 {
    font-size: 0.32rem; }

  .s23 {
    font-size: 0.33rem; }

  .s24 {
    font-size: 0.34rem; }

  .s25 {
    font-size: 0.35rem; }

  .s26 {
    font-size: 0.36rem; }

  .s27 {
    font-size: 0.37rem; }

  .s28 {
    font-size: 0.38rem; }

  .s29 {
    font-size: 0.38rem; }

  .s30 {
    font-size: 0.38rem; }

  .s31 {
    font-size: 0.38rem; }

  .s32 {
    font-size: 0.38rem; }

  .s33 {
    font-size: 0.38rem; }

  .s34 {
    font-size: 0.38rem; }

  .s35 {
    font-size: 0.38rem; }

  .s36 {
    font-size: 0.38rem; }

  .s37 {
    font-size: 0.38rem; }

  .s38 {
    font-size: 0.38rem; }

  .s39 {
    font-size: 0.38rem; }

  .s40 {
    font-size: 0.38rem; }

  .s41 {
    font-size: 0.38rem; }

  .s42 {
    font-size: 0.38rem; }

  .s43 {
    font-size: 0.38rem; }

  .s44 {
    font-size: 0.38rem; }

  .s45 {
    font-size: 0.38rem; }

  .s46 {
    font-size: 0.38rem; }

  .s47 {
    font-size: 0.38rem; }

  .s48 {
    font-size: 0.38rem; }

  .s49 {
    font-size: 0.38rem; }

  .s50 {
    font-size: 0.38rem; }

  .s51 {
    font-size: 0.38rem; }

  .s52 {
    font-size: 0.38rem; }

  .s53 {
    font-size: 0.38rem; }

  .s54 {
    font-size: 0.38rem; }

  .s55 {
    font-size: 0.38rem; }

  .s56 {
    font-size: 0.38rem; }

  .s57 {
    font-size: 0.38rem; }

  .s58 {
    font-size: 0.38rem; }

  .s59 {
    font-size: 0.38rem; }

  .s60 {
    font-size: 0.38rem; }

  .s61 {
    font-size: 0.38rem; }

  .s62 {
    font-size: 0.38rem; }

  .s63 {
    font-size: 0.38rem; }

  .s64 {
    font-size: 0.38rem; }

  .s65 {
    font-size: 0.38rem; }

  .s66 {
    font-size: 0.38rem; }

  .s67 {
    font-size: 0.38rem; }

  .s68 {
    font-size: 0.38rem; }

  .s69 {
    font-size: 0.38rem; }

  .s70 {
    font-size: 0.38rem; }

  .s71 {
    font-size: 0.38rem; }

  .s72 {
    font-size: 0.38rem; }

  .s73 {
    font-size: 0.38rem; }

  .s74 {
    font-size: 0.38rem; }

  .s75 {
    font-size: 0.38rem; }

  .s76 {
    font-size: 0.38rem; }

  .s77 {
    font-size: 0.38rem; }

  .s78 {
    font-size: 0.38rem; }

  .s79 {
    font-size: 0.38rem; }

  .s80 {
    font-size: 0.38rem; } }
@media (max-width: 800px) {
  /* .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;} */
  .z1 {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    display: block !important; }

  .z2,
  .z3,
  .z4,
  .z5 {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0 2% 2% 0 !important; }

  .z2 {
    width: 49% !important; }

  .z3 {
    width: 32% !important; }

  .z4 {
    width: 23.5% !important; }

  .z5 {
    width: 18.4% !important; }

  .z2:nth-child(2n),
  .z3:nth-child(3n),
  .z4:nth-child(4n),
  .z5:nth-child(5n) {
    margin-right: 0 !important; }

  .mb3 {
    margin-bottom: 30px !important; }

  .mb2 {
    margin-bottom: 20px !important; }

  .mb1 {
    margin-bottom: 10px !important; }

  .mt1 {
    margin-top: 10px !important; }

  .mt0 {
    margin-top: 0px !important; }

  .l1 {
    padding-left: 10px !important; }

  .r1 {
    padding-right: 10px !important; }

  .t1 {
    padding-top: 10px !important; }

  .b1 {
    padding-bottom: 10px !important; }

  .l2 {
    padding-left: 20px !important; }

  .r2 {
    padding-right: 20px !important; }

  .t2 {
    padding-top: 20px !important; }

  .b2 {
    padding-bottom: 20px !important; }

  .l3 {
    padding-left: 30px !important; }

  .r3 {
    padding-right: 30px !important; }

  .t3 {
    padding-top: 30px !important; }

  .b3 {
    padding-bottom: 30px !important; }

  .t4 {
    padding-top: 40px !important; }

  .b4 {
    padding-bottom: 40px !important; }

  .t5 {
    padding-top: 50px !important; }

  .b5 {
    padding-bottom: 50px !important; }

  .t0 {
    top: 0 !important; }

  .p0 {
    padding: 0 !important; }

  .hauto {
    height: auto !important; }

  .nomaxh {
    max-height: 100% !important; }

  .none {
    display: none !important; }

  .tl {
    text-align: left !important; }

  .trs {
    text-align: right !important; }

  .tcn {
    text-align: center !important; }

  .nblock {
    display: block !important; }

  .epsnone {
    -webkit-line-clamp: 100; }

  .bnone {
    border: none !important; }

  .maxw {
    max-width: 100% !important; }

  .maxh {
    max-height: 100% !important; }

  .jfls {
    justify-content: flex-start !important; } }
@media (max-width: 450px) {
  .w1 {
    max-width: 500px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    display: block !important; }

  .wm2 {
    margin-bottom: 20px !important; }

  .wm1 {
    margin-bottom: 10px !important; }

  .wl1 {
    padding-left: 10px !important; }

  .wr1 {
    padding-right: 10px !important; }

  .wt1 {
    padding-top: 10px !important; }

  .wb1 {
    padding-bottom: 10px !important; }

  .wl2 {
    padding-left: 20px !important; }

  .wr2 {
    padding-right: 20px !important; }

  .wt2 {
    padding-top: 20px !important; }

  .wb2 {
    padding-bottom: 20px !important; }

  .wl3 {
    padding-left: 30px !important; }

  .wr3 {
    padding-right: 30px !important; }

  .wt3 {
    padding-top: 30px !important; }

  .wb3 {
    padding-bottom: 30px !important; } }
/* main{width: 100%;background-color: #fafafa;} */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999; }

/* 动画特效 */
.teaser {
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }

.teaser.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.lefter {
  opacity: 0;
  transform: translate3d(-35%, 35%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s; }

.lefter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.righter {
  opacity: 0;
  transform: translate3d(35%, 35%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s; }

.righter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.downer {
  opacity: 0;
  transform: translate3d(0, -35%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s; }

.downer.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.lter {
  opacity: 0;
  transform: translate3d(-35%, 0, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s; }

.lter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.rter {
  opacity: 0;
  transform: translate3d(35%, 0, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s; }

.rter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.delay1 {
  transition-delay: 0.1s !important; }

.delay2 {
  transition-delay: 0.2s !important; }

.delay3 {
  transition-delay: 0.3s !important; }

.delay4 {
  transition-delay: 0.4s !important; }

.delay5 {
  transition-delay: 0.5s !important; }

.delay6 {
  transition-delay: 0.6s !important; }

.delay7 {
  transition-delay: 0.7s !important; }

.delay8 {
  transition-delay: 0.8s !important; }

.delay9 {
  transition-delay: 0.9s !important; }

.delay10 {
  transition-delay: 1s !important; }

.delay11 {
  transition-delay: 1.1s !important; }

.delay12 {
  transition-delay: 1.2s !important; }

.delay13 {
  transition-delay: 1.3s !important; }

.delay14 {
  transition-delay: 1.4s !important; }

.delay15 {
  transition-delay: 1.5s !important; }

.teaser2 {
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }

.teaser2.is-visible2 {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

/*视频容器样式*/
.xv-a {
  position: fixed;
  left: 0;
  top: 120%;
  z-index: 188;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: top .5s ease-in-out; }

.xv-a.show {
  top: 0; }

.xv-a.show .xv-e {
  visibility: visible; }

.xv-a.show .xv-f {
  display: block; }

.xv-b {
  position: absolute;
  background-color: #000;
  left: 50%;
  top: 50%;
  margin-left: -550px;
  margin-top: -300px;
  width: 1000px;
  height: 600px; }

.xv-c {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #1a4793;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 10000; }

.xv-d {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 21px;
  text-align: center;
  line-height: 40px;
  color: #fff; }

.xv-e {
  visibility: hidden;
  width: 100%;
  height: 100%; }

.xv-f {
  display: none;
  width: 100%;
  height: 100%; }

@media (max-width: 1200px) {
  .xv-b {
    width: 90vw;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    transform: translate(-50%, -50%); }

  .xv-f {
    max-height: 90vh; }

  .xv-e {
    height: 60vh; } }
.w1200 {
  width: 12rem;
  margin: 0 auto;
  position: relative;
  font-size: 0; }

@media (max-width: 1280px) {
  .w1200 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1200 {
    width: 90%; } }
.mains {
  width: 100%;
  overflow: hidden;
  background-color: #000; }

.mains.white {
  background-color: #fff; }

.banner {
  width: 100%; }
  .banner .imgs {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .banner .imgs .img {
      width: 100%;
      padding-top: 50%; }

.videom {
  width: 100%;
  position: relative; }
  .videom .imgs {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .videom .imgs .img {
      width: 100%;
      padding-top: 50%; }
  .videom .vox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 2;
    width: 80%;
    text-align: center; }
    .videom .vox .vc {
      display: block;
      margin: 0 auto 0.3rem;
      width: 0.74rem; }
      .videom .vox .vc img {
        width: 100%;
        display: block; }
    .videom .vox .eim {
      width: 100%;
      color: #fff;
      font-weight: bold;
      line-height: 1.2; }
      .videom .vox .eim p {
        font-weight: bold;
        line-height: 1.2; }

.contactd {
  width: 100%;
  padding: 2rem 0 1.6rem; }
  .contactd .contem {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    .contactd .contem .conl {
      display: inline-block;
      vertical-align: middle;
      width: calc(580 / 1200 * 100%); }
      .contactd .contem .conl .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .contactd .contem .conl .imgs .img {
          width: 100%;
          padding-top: 68.96%; }
    .contactd .contem .conr {
      display: inline-block;
      vertical-align: middle;
      width: calc(520 / 1200 * 100%); }
      .contactd .contem .conr .cinp {
        width: 100%;
        color: #fff;
        line-height: 1.65; }
        .contactd .contem .conr .cinp p {
          color: #fff;
          line-height: 1.65; }
      .contactd .contem .conr .cob {
        width: 100%;
        font-size: 0;
        margin-top: 0.5rem; }
        .contactd .contem .conr .cob .ctn {
          display: inline-block;
          vertical-align: middle;
          background-color: #0f65bc;
          color: #fff;
          padding: 0 0.3rem;
          line-height: 2.8;
          border-radius: 1.4em;
          width: auto;
          transition: all ease 0.5s;
          top: 0;
          position: relative;
          cursor: pointer; }
        .contactd .contem .conr .cob .ctn:hover {
          top: -0.1rem; }

.popox {
  position: fixed;
  left: 0;
  top: 120%;
  z-index: 188;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: top .5s ease-in-out; }
  .popox .pform {
    position: absolute;
    width: 12rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0.6rem 0.5rem 0.5rem;
    max-width: 90%;
    z-index: 10;
    border-radius: 0.2rem;
    background-color: #1b1b1b; }
    .popox .pform .pif {
      width: 100%;
      text-align: center;
      color: #fff;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 0.6rem; }
      .popox .pform .pif p {
        color: #fff;
        font-weight: bold;
        line-height: 1.2; }
    .popox .pform .form {
      width: 100%;
      font-size: 0; }
      .popox .pform .form .row {
        width: 100%;
        font-size: 0; }
        .popox .pform .form .row .input {
          display: inline-block;
          vertical-align: top;
          width: calc((100% - 0.25rem) / 2);
          margin-right: 0.25rem;
          margin-bottom: 0.2rem; }
          .popox .pform .form .row .input .int {
            width: 100%;
            display: block;
            background-color: #2c2c2c;
            padding: 0 0.2rem;
            border: none;
            color: #969595;
            line-height: 3;
            height: 3em; }
          .popox .pform .form .row .input .select {
            font-size: 0;
            display: inline-block;
            vertical-align: middle;
            border: none;
            text-align: left;
            position: relative;
            z-index: 1;
            width: 100%; }
            .popox .pform .form .row .input .select .select-con {
              width: 100%;
              display: inline-block;
              vertical-align: middle;
              position: relative;
              font-size: 0; }
              .popox .pform .form .row .input .select .select-con .select-value {
                display: inline-block;
                vertical-align: middle;
                width: 100%;
                line-height: 3em;
                height: 3em;
                color: #969595;
                cursor: pointer;
                z-index: 3;
                position: relative;
                background-color: #2c2c2c;
                padding: 0 0.2rem;
                border: none; }
              .popox .pform .form .row .input .select .select-con select {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                z-index: 2;
                opacity: 0; }
                .popox .pform .form .row .input .select .select-con select option {
                  color: #666;
                  font-size: .16rem;
                  line-height: 2.5;
                  background: #fff; }
              .popox .pform .form .row .input .select .select-con .seluls {
                position: absolute;
                left: 0;
                top: calc(100%);
                min-width: 100%;
                max-height: 360px;
                overflow: auto;
                display: none;
                box-sizing: border-box;
                text-align: left;
                background-color: rgba(255, 255, 255, 0.8);
                z-index: 10;
                box-shadow: 0px 7px 59px 0px rgba(30, 112, 38, 0.16);
                overflow: auto;
                /*滚动条里面小方块*/
                /*滚动条里面轨道*/ }
                .popox .pform .form .row .input .select .select-con .seluls .option {
                  width: 100%;
                  color: #333;
                  line-height: 1.75;
                  cursor: pointer;
                  padding: 0.05rem 0.15rem; }
                .popox .pform .form .row .input .select .select-con .seluls .option:hover {
                  background-color: #222;
                  color: #fff; }
                .popox .pform .form .row .input .select .select-con .seluls .option + .option {
                  border-top: solid 1px rgba(0, 0, 0, 0.1); }
              .popox .pform .form .row .input .select .select-con .seluls::-webkit-scrollbar {
                width: 4px;
                height: 4px;
                scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
              .popox .pform .form .row .input .select .select-con .seluls::-webkit-scrollbar-thumb {
                border-radius: 10px;
                -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.3);
                background: rgba(255, 255, 255, 0.3);
                scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
              .popox .pform .form .row .input .select .select-con .seluls::-webkit-scrollbar-track {
                border-radius: 10px;
                -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
                background: rgba(0, 0, 0, 0.1); }
            .popox .pform .form .row .input .select .select-con:after {
              display: inline-block;
              content: "";
              position: absolute;
              right: .2rem;
              top: 55%;
              transform: translateY(-50%);
              z-index: 3;
              opacity: 0.6;
              width: 0;
              height: 0;
              border: solid 0.05rem;
              border-color: #fff transparent transparent transparent; }
          .popox .pform .form .row .input .select.shows {
            z-index: 10; }
        .popox .pform .form .row .input:nth-child(2n) {
          margin-right: 0; }
      .popox .pform .form .text {
        width: 100%; }
        .popox .pform .form .text .txt {
          width: 100%;
          width: 100%;
          display: block;
          background-color: #2c2c2c;
          padding: 0.2rem;
          border: none;
          color: #969595;
          line-height: 1.6; }
      .popox .pform .form .sub {
        width: 100%;
        font-size: 0;
        margin-top: 0.6rem;
        text-align: center; }
        .popox .pform .form .sub .stn {
          display: inline-block;
          vertical-align: middle;
          background-color: #0f65bc;
          color: #fff;
          width: auto;
          padding: 0 0.4rem;
          line-height: 2.8;
          border-radius: 1.4em;
          border: none;
          cursor: pointer;
          transition: all ease 0.5s;
          position: relative;
          top: 0; }
        .popox .pform .form .sub .stn:hover {
          top: -0.1rem; }
    .popox .pform .close {
      position: absolute;
      right: 0.3rem;
      top: 0.3rem;
      color: #fff;
      font-size: 18px;
      width: 2em;
      height: 2em;
      line-height: 2;
      border-radius: 50%;
      background-color: #2c2c2c;
      cursor: pointer;
      text-align: center;
      transition: all ease 0.5s; }
    .popox .pform .close:hover {
      transform: scale(1.1); }

.popox.show {
  top: 0; }

.modular {
  width: 100%; }
  .modular .mitop {
    width: 100%;
    text-align: center;
    margin-bottom: 0.8rem; }
    .modular .mitop .mit {
      width: 100%;
      color: #fff;
      line-height: 1.2;
      font-weight: bold; }
      .modular .mitop .mit p {
        color: #fff;
        line-height: 1.2;
        font-weight: bold; }
    .modular .mitop .mip {
      width: 100%;
      color: #fff;
      line-height: 1.5;
      margin-top: 0.1rem; }
      .modular .mitop .mip p {
        color: #fff;
        line-height: 1.5; }
    .modular .mitop .mic {
      width: 100%;
      color: #035db9;
      line-height: 1.5;
      margin-top: 0.1rem; }
      .modular .mitop .mic p {
        color: #035db9;
        line-height: 1.5; }

.modular.black .mitop .mit, .modular.black .mitop .mip {
  color: #333; }
  .modular.black .mitop .mit p, .modular.black .mitop .mip p {
    color: #333; }

.master {
  width: 100%;
  padding: 1.4rem 0; }
  .master .mastom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse; }
    .master .mastom .mal {
      width: calc(680 / 1200 * 100%);
      display: flex;
      flex-wrap: wrap; }
      .master .mastom .mal .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0.2rem; }
        .master .mastom .mal .imgs .img {
          width: 100%;
          padding-top: 143.235%; }
    .master .mastom .mar {
      width: calc(496 / 1200 * 100%);
      display: flex;
      flex-wrap: wrap;
      align-content: space-between; }
      .master .mastom .mar .marom {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        padding: 0.2rem 0.4rem;
        background-color: #222;
        border-radius: 0.2rem;
        height: calc((100% - 0.4rem) / 3); }
        .master .mastom .mar .marom .mit {
          width: 100%;
          color: #fff;
          font-weight: bold;
          line-height: 1.2;
          margin-bottom: 0.2rem; }
        .master .mastom .mar .marom .minp {
          width: 100%;
          color: #fff;
          line-height: 1.65; }
          .master .mastom .mar .marom .minp p {
            color: #fff;
            line-height: 1.65; }
      .master .mastom .mar .marom + .marom {
        margin-top: 0.2rem; }

@media (max-width: 800px) {
  .master .mastom .mal {
    width: 100%;
    margin-bottom: 0.3rem; }
  .master .mastom .mar {
    width: 100%; }
    .master .mastom .mar .marom {
      height: auto;
      padding: 0.4rem; } }
.industry {
  width: 100%;
  padding: 1rem 0; }
  .industry .indulist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .industry .indulist .indum {
      display: inline-block;
      vertical-align: top;
      width: calc(580 / 1200 * 100%);
      margin-right: calc(39 / 1200 * 100%);
      margin-bottom: 0.4rem;
      background-color: #222;
      padding: 0.4rem;
      border-radius: 0.2rem; }
      .industry .indulist .indum .mit {
        width: 100%;
        color: #fff;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0.2rem; }
      .industry .indulist .indum .minp {
        width: 100%;
        color: #fff;
        line-height: 1.65;
        min-height: 1.4rem; }
        .industry .indulist .indum .minp p {
          color: #fff;
          line-height: 1.65; }
    .industry .indulist .indum:nth-child(2n) {
      margin-right: 0; }

.cores {
  width: 100%;
  padding: 1.2rem 0; }
  .cores .corelis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .cores .corelis .corem {
      display: inline-block;
      vertical-align: top;
      width: calc(580 / 1200 * 100%);
      margin-right: calc(39 / 1200 * 100%);
      margin-bottom: 0.4rem; }
      .cores .corelis .corem a {
        width: 100%;
        display: block; }
      .cores .corelis .corem .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        margin-bottom: 0.14rem;
        border-radius: 0.2rem; }
        .cores .corelis .corem .imgs .img {
          width: 100%;
          padding-top: 55.17%;
          transition: all ease 0.5s; }
      .cores .corelis .corem .eit {
        width: 100%;
        color: #fff;
        font-weight: bold;
        line-height: 1.2; }
      .cores .corelis .corem .eim {
        width: 100%;
        color: #fff;
        line-height: 1.6;
        margin-top: 0.1rem; }
    .cores .corelis .corem:nth-child(2n) {
      margin-right: 0; }

.dvloms {
  width: 100%;
  padding: 1rem 0; }
  .dvloms .vloem {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center; }
    .dvloms .vloem .vml {
      display: inline-block;
      vertical-align: middle;
      width: calc(580 / 1200 * 100%); }
      .dvloms .vloem .vml .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .dvloms .vloem .vml .imgs .img {
          width: 100%;
          padding-top: 68.96%; }
    .dvloms .vloem .vmr {
      display: inline-block;
      vertical-align: middle;
      width: calc(580 / 1200 * 100%); }
      .dvloms .vloem .vmr .vir {
        width: 100%;
        color: #fff;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0.2rem; }
      .dvloms .vloem .vmr .eim {
        width: 100%;
        color: #fff;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0.2rem; }
      .dvloms .vloem .vmr .einp {
        width: 100%;
        color: #fff;
        line-height: 1.65; }
        .dvloms .vloem .vmr .einp p {
          color: #fff;
          line-height: 1.65; }
  .dvloms .vlomlis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.7rem; }
    .dvloms .vlomlis .vloms {
      display: inline-block;
      vertical-align: top;
      width: calc(380 / 1200 * 100%);
      margin-right: calc(29 / 1200 * 100%); }
      .dvloms .vlomlis .vloms .viop {
        width: 100%;
        text-align: center;
        color: #fff;
        font-weight: bold;
        line-height: 1.5; }
      .dvloms .vlomlis .vloms .eim {
        width: 100%;
        color: #fff;
        line-height: 1.5;
        text-align: center;
        margin-top: 0.14rem; }
      .dvloms .vlomlis .vloms .vmglist {
        width: 100%;
        font-size: 0;
        margin-top: 0.25rem; }
        .dvloms .vlomlis .vloms .vmglist .vems {
          width: 100%; }
          .dvloms .vlomlis .vloms .vmglist .vems .imgs {
            width: 100%;
            position: relative;
            overflow: hidden;
            border-radius: 0.2rem; }
            .dvloms .vlomlis .vloms .vmglist .vems .imgs .img {
              width: 100%;
              padding-top: 63.15%;
              transition: all ease 0.5s; }
        .dvloms .vlomlis .vloms .vmglist .vems + .vems {
          margin-top: 0.3rem; }
    .dvloms .vlomlis .vloms:nth-child(3n) {
      margin-right: 0; }
  .dvloms .tlomlis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.7rem; }
    .dvloms .tlomlis .tloms {
      display: inline-block;
      vertical-align: top;
      width: calc(380 / 1200 * 100%);
      margin-right: calc(29 / 1200 * 100%);
      margin-bottom: 0.4rem; }
      .dvloms .tlomlis .tloms .viop {
        width: 100%;
        text-align: center;
        color: #fff;
        font-weight: bold;
        line-height: 1.5; }
      .dvloms .tlomlis .tloms .vims {
        width: 100%;
        color: #fff;
        line-height: 1.5;
        text-align: center;
        height: 3em;
        margin-top: 0.12rem; }
        .dvloms .tlomlis .tloms .vims p {
          color: #fff;
          line-height: 1.5; }
      .dvloms .tlomlis .tloms .tems {
        width: 100%;
        margin-top: 0.25rem; }
        .dvloms .tlomlis .tloms .tems .imgs {
          width: 100%;
          position: relative;
          overflow: hidden;
          border-radius: 0.2rem; }
          .dvloms .tlomlis .tloms .tems .imgs .img {
            width: 100%;
            padding-top: 63.15%;
            transition: all ease 0.5s; }
    .dvloms .tlomlis .tloms:nth-child(3n) {
      margin-right: 0; }

@media (max-width: 800px) {
  .dvloms .vlomlis .vloms {
    width: 100%;
    margin-right: 0; }
  .dvloms .vlomlis .vloms + .vloms {
    margin-top: 0.4rem; }
  .dvloms .tlomlis .tloms .viop {
    min-height: 3em;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: center;
    font-size: 14px; } }
.hitems {
  width: 100%;
  padding: 1rem 0; }
  .hitems .hitmlis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .hitems .hitmlis .hitem {
      display: inline-block;
      vertical-align: top;
      width: calc(580 / 1200 * 100%);
      margin-right: calc(39 / 1200 * 100%);
      position: relative;
      margin-bottom: 0.4rem; }
      .hitems .hitmlis .hitem .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0.2rem; }
        .hitems .hitmlis .hitem .imgs .img {
          width: 100%;
          padding-top: 55.17%;
          transition: all ease 0.5s; }
      .hitems .hitmlis .hitem .hem {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        padding: 0.2rem 0.35rem; }
        .hitems .hitmlis .hitem .hem .hm {
          width: 100%;
          color: #fff;
          font-weight: bold;
          line-height: 1.5; }
    .hitems .hitmlis .hitem:nth-child(2n) {
      margin-right: 0; }

.rings {
  width: 100%;
  padding: 1.2rem 0; }
  .rings .mitop {
    margin-bottom: 0.5rem; }
  .rings .minp {
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 1.75;
    margin-bottom: 0.8rem;
    display: block;
    margin: 0 auto 0.8rem;
    max-width: 10.5rem; }
    .rings .minp p {
      color: #fff;
      line-height: 1.75; }
  .rings .pmgs {
    width: 100%;
    border-radius: 0.2rem;
    overflow: hidden; }
    .rings .pmgs .img {
      width: 100%;
      display: block; }
      .rings .pmgs .img img {
        width: 100%;
        display: block; }
  .rings .pmglis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .rings .pmglis .pitm {
      display: inline-block;
      vertical-align: top;
      width: calc(580 / 1200 * 100%);
      margin-right: calc(39 / 1200 * 100%);
      position: relative;
      margin-bottom: 0.4rem; }
      .rings .pmglis .pitm .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0.2rem; }
        .rings .pmglis .pitm .imgs .img {
          width: 100%;
          padding-top: 68.96%;
          transition: all ease 0.5s; }
    .rings .pmglis .pitm:nth-child(2n) {
      margin-right: 0; }

.applisom {
  width: 100%;
  font-size: 0;
  padding: 1rem 0; }
  .applisom .appliom {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .applisom .appliom .appom {
      display: inline-block;
      vertical-align: top;
      width: calc(285 / 1200 * 100%);
      margin-right: calc(19 / 1200 * 100%); }
      .applisom .appliom .appom .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0.2rem; }
        .applisom .appliom .appom .imgs .img {
          width: 100%;
          padding-top: 161.40%;
          transition: all ease 0.5s; }
      .applisom .appliom .appom .hem {
        width: 100%;
        margin-top: 0.14rem; }
        .applisom .appliom .appom .hem .hm {
          width: 100%;
          text-align: center;
          color: #fff;
          line-height: 1.5; }
          .applisom .appliom .appom .hem .hm p {
            color: #fff;
            line-height: 1.5; }
    .applisom .appliom .appom:nth-child(4n) {
      margin-right: 0; }

.peforms {
  width: 100%;
  padding: 1.2rem 0; }
  .peforms .pecmp {
    width: 100%;
    background-color: #1b1b1b;
    border-radius: 0.2rem;
    padding: 0.5rem; }
  .peforms .form {
    width: 100%;
    font-size: 0; }
    .peforms .form .row {
      width: 100%;
      font-size: 0; }
      .peforms .form .row .input {
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 0.25rem) / 2);
        margin-right: 0.25rem;
        margin-bottom: 0.2rem;
        position: relative;
        z-index: 1; }
        .peforms .form .row .input .int {
          width: 100%;
          display: block;
          background-color: #2c2c2c;
          padding: 0 0.2rem;
          border: none;
          color: #969595;
          line-height: 3;
          height: 3em; }
        .peforms .form .row .input .select {
          font-size: 0;
          display: inline-block;
          vertical-align: middle;
          border: none;
          text-align: left;
          position: relative;
          z-index: 1;
          width: 100%; }
          .peforms .form .row .input .select .select-con {
            width: 100%;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            font-size: 0; }
            .peforms .form .row .input .select .select-con .select-value {
              display: inline-block;
              vertical-align: middle;
              width: 100%;
              line-height: 3em;
              height: 3em;
              color: #969595;
              cursor: pointer;
              z-index: 3;
              position: relative;
              background-color: #2c2c2c;
              padding: 0 0.2rem;
              border: none; }
            .peforms .form .row .input .select .select-con select {
              position: absolute;
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              z-index: 2;
              opacity: 0; }
              .peforms .form .row .input .select .select-con select option {
                color: #666;
                font-size: .16rem;
                line-height: 2.5;
                background: #fff; }
            .peforms .form .row .input .select .select-con .seluls {
              position: absolute;
              left: 0;
              top: calc(100%);
              min-width: 100%;
              max-height: 360px;
              overflow: auto;
              display: none;
              box-sizing: border-box;
              text-align: left;
              background-color: rgba(255, 255, 255, 0.8);
              z-index: 10;
              box-shadow: 0px 7px 59px 0px rgba(30, 112, 38, 0.16);
              overflow: auto;
              /*滚动条里面小方块*/
              /*滚动条里面轨道*/ }
              .peforms .form .row .input .select .select-con .seluls .option {
                width: 100%;
                color: #333;
                line-height: 1.75;
                cursor: pointer;
                padding: 0.05rem 0.15rem; }
              .peforms .form .row .input .select .select-con .seluls .option:hover {
                background-color: #222;
                color: #fff; }
              .peforms .form .row .input .select .select-con .seluls .option + .option {
                border-top: solid 1px rgba(0, 0, 0, 0.1); }
            .peforms .form .row .input .select .select-con .seluls::-webkit-scrollbar {
              width: 4px;
              height: 4px;
              scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
            .peforms .form .row .input .select .select-con .seluls::-webkit-scrollbar-thumb {
              border-radius: 10px;
              -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.3);
              background: rgba(255, 255, 255, 0.3);
              scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
            .peforms .form .row .input .select .select-con .seluls::-webkit-scrollbar-track {
              border-radius: 10px;
              -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
              background: rgba(0, 0, 0, 0.1); }
          .peforms .form .row .input .select .select-con:after {
            display: inline-block;
            content: "";
            position: absolute;
            right: .2rem;
            top: 55%;
            transform: translateY(-50%);
            z-index: 3;
            opacity: 0.6;
            width: 0;
            height: 0;
            border: solid 0.05rem;
            border-color: #fff transparent transparent transparent; }
        .peforms .form .row .input .select.shows {
          z-index: 10; }
      .peforms .form .row .input.shows {
        z-index: 10; }
      .peforms .form .row .input:nth-child(2n) {
        margin-right: 0; }
    .peforms .form .text {
      width: 100%; }
      .peforms .form .text .txt {
        width: 100%;
        width: 100%;
        display: block;
        background-color: #2c2c2c;
        padding: 0.2rem;
        border: none;
        color: #969595;
        line-height: 1.6; }
    .peforms .form .sub {
      width: 100%;
      font-size: 0;
      margin-top: 0.6rem;
      text-align: center; }
      .peforms .form .sub .stn {
        display: inline-block;
        vertical-align: middle;
        background-color: #0f65bc;
        color: #fff;
        width: auto;
        padding: 0 0.4rem;
        line-height: 2.8;
        border-radius: 1.4em;
        border: none;
        cursor: pointer;
        transition: all ease 0.5s;
        position: relative;
        top: 0; }
      .peforms .form .sub .stn:hover {
        top: -0.1rem; }

.panners {
  width: 100%;
  position: relative; }
  .panners .imgs {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .panners .imgs .img {
      width: 100%;
      padding-top: 48.95%; }
  .panners .pox {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    width: 9rem;
    z-index: 2;
    text-align: center;
    max-width: 90%; }
    .panners .pox .pit {
      width: 100%;
      color: #fff;
      line-height: 1.3;
      margin-bottom: 0.2rem; }
    .panners .pox .pim {
      width: 100%;
      color: #fff;
      line-height: 1.6; }
      .panners .pox .pim p {
        color: #fff;
        line-height: 1.6; }
    .panners .pox .mtns {
      width: 100%;
      font-size: 0;
      text-align: center;
      margin-top: 0.4rem; }
      .panners .pox .mtns a {
        display: inline-block;
        vertical-align: middle;
        border: solid 1px #fff;
        line-height: 2.6;
        border-radius: 1.3em;
        padding: 0 0.3rem;
        color: #fff; }
        .panners .pox .mtns a span {
          display: inline-block;
          vertical-align: middle;
          width: 8px;
          position: relative;
          top: -0.02rem;
          margin-left: 0.1rem; }
          .panners .pox .mtns a span img {
            width: 100%;
            display: block; }
      .panners .pox .mtns a + a {
        margin-left: 0.2rem; }
      .panners .pox .mtns a:hover {
        background-color: #035db9;
        border: solid 1px #035db9; }

@media (max-width: 800px) {
  .panners .imgs .img {
    padding-top: 100%; }
  .panners .pox {
    top: 50%; } }
.ketom {
  width: 100%;
  background-color: #fff;
  padding: 1.2rem 0; }
  .ketom .kmgs {
    width: 100%;
    position: relative; }
    .ketom .kmgs .imgs {
      width: 100%;
      position: relative;
      overflow: hidden; }
      .ketom .kmgs .imgs .img {
        width: 100%;
        padding-top: 41.66%; }
    .ketom .kmgs .kmg {
      width: 100%;
      display: block; }
      .ketom .kmgs .kmg img {
        width: 100%;
        display: block; }
  .ketom .measure {
    width: 100%;
    margin-top: 0.4rem; }
    .ketom .measure .kim {
      width: 100%;
      text-align: center;
      color: #333;
      line-height: 1.5;
      margin-bottom: 0.35rem; }
    .ketom .measure .mealist {
      width: 100%;
      font-size: 0;
      display: flex;
      flex-wrap: wrap; }
      .ketom .measure .mealist .melm {
        width: 25%;
        display: inline-block;
        vertical-align: top;
        padding: 0.14rem;
        margin-bottom: 0.12rem; }
        .ketom .measure .mealist .melm .mc {
          display: block;
          margin: 0 auto 0.14rem;
          width: 0.8rem;
          height: 0.8rem; }
          .ketom .measure .mealist .melm .mc img {
            width: 100%;
            display: block; }
        .ketom .measure .mealist .melm .ms {
          width: 100%;
          text-align: center;
          color: #666;
          line-height: 1.5; }
          .ketom .measure .mealist .melm .ms p {
            color: #666;
            line-height: 1.5; }
  .ketom .abilper {
    width: 100%; }
    .ketom .abilper .swiper-slide {
      width: 100%; }
      .ketom .abilper .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0.2rem; }
        .ketom .abilper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 53.33%;
          transition: all ease 0.5s; }
      .ketom .abilper .swiper-slide .pom {
        width: 100%;
        padding: 0.35rem 0;
        font-size: 0;
        opacity: 0;
        transition: all ease 0.5s; }
        .ketom .abilper .swiper-slide .pom .pol {
          display: inline-block;
          vertical-align: top;
          width: calc(100% - 1rem); }
          .ketom .abilper .swiper-slide .pom .pol .lit {
            width: 100%;
            color: #333;
            line-height: 1.5; }
          .ketom .abilper .swiper-slide .pom .pol .lip {
            width: 100%;
            color: #666;
            line-height: 1.5;
            margin-top: 0.1rem; }
        .ketom .abilper .swiper-slide .pom .por {
          display: inline-block;
          vertical-align: top;
          width: 1rem;
          text-align: right;
          font-size: 0; }
          .ketom .abilper .swiper-slide .pom .por .btn {
            display: inline-block;
            vertical-align: middle;
            width: 0.42rem;
            height: 0.42rem;
            opacity: 0.5;
            transition: all ease 0.5s;
            cursor: pointer; }
            .ketom .abilper .swiper-slide .pom .por .btn img {
              width: 100%;
              display: block; }
          .ketom .abilper .swiper-slide .pom .por .btn + .btn {
            margin-left: 0.15rem; }
          .ketom .abilper .swiper-slide .pom .por .btn:hover {
            opacity: 1; }
    .ketom .abilper .swiper-slide-active .pom {
      opacity: 1; }
  .ketom .determine {
    width: 100%; }
    .ketom .determine .divem {
      width: 100%;
      font-size: 0; }
      .ketom .determine .divem .dit {
        width: 100%;
        color: #333;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 0.7rem; }
      .ketom .determine .divem .comdm {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        flex-direction: row-reverse; }
        .ketom .determine .divem .comdm .coml {
          display: inline-block;
          vertical-align: middle;
          width: calc(690 / 1200 * 100%); }
          .ketom .determine .divem .comdm .coml .loem {
            width: 100%;
            display: none; }
          .ketom .determine .divem .comdm .coml .loem.on {
            display: block; }
          .ketom .determine .divem .comdm .coml .imgs {
            width: 100%;
            position: relative;
            overflow: hidden;
            border-radius: 0.2rem; }
            .ketom .determine .divem .comdm .coml .imgs .img {
              width: 100%;
              padding-top: 57.97%; }
        .ketom .determine .divem .comdm .comr {
          display: inline-block;
          vertical-align: middle;
          width: calc(460 / 1200 * 100%);
          border-left: solid 1px #eee; }
          .ketom .determine .divem .comdm .comr .riem {
            width: 100%;
            position: relative;
            cursor: pointer; }
            .ketom .determine .divem .comdm .comr .riem .rt {
              width: 100%;
              padding: 0.2rem 0.3rem;
              color: #333;
              line-height: 1.3; }
            .ketom .determine .divem .comdm .comr .riem .repm {
              width: 100%;
              padding: 0.1rem 0.3rem 0.2rem;
              display: none; }
              .ketom .determine .divem .comdm .comr .riem .repm .rip {
                width: 100%;
                color: #666;
                line-height: 1.6; }
                .ketom .determine .divem .comdm .comr .riem .repm .rip p {
                  color: #666;
                  line-height: 1.6; }
            .ketom .determine .divem .comdm .comr .riem:after {
              content: ' ';
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 2px;
              transition: all ease 0.5s;
              background-color: #0f65bc; }
          .ketom .determine .divem .comdm .comr .riem.on:after {
            height: 100%; }
          .ketom .determine .divem .comdm .comr .riem.on .rt {
            color: #0f65bc; }
    .ketom .determine .divem + .divem {
      margin-top: 1.4rem; }
    .ketom .determine .divem:nth-child(2n) .comdm {
      flex-direction: row; }
  .ketom .mistake {
    width: 100%; }
    .ketom .mistake .miskm {
      width: 100%;
      font-size: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      .ketom .mistake .miskm .imgs {
        display: inline-block;
        vertical-align: middle;
        width: calc(630 / 1200 * 100%);
        position: relative;
        overflow: hidden;
        border-radius: 0.2rem; }
        .ketom .mistake .miskm .imgs .img {
          width: 100%;
          padding-top: 55.23%; }
      .ketom .mistake .miskm .rem {
        display: inline-block;
        vertical-align: middle;
        width: calc(400 / 1200 * 100%);
        margin: 0 calc(50 / 1200 * 100%); }
        .ketom .mistake .miskm .rem .rit {
          width: 100%;
          color: #333;
          line-height: 1.4;
          margin-bottom: 0.2rem; }
        .ketom .mistake .miskm .rem .simp {
          width: 100%;
          color: #666;
          line-height: 1.6; }
          .ketom .mistake .miskm .rem .simp p {
            color: #666;
            line-height: 1.6; }
    .ketom .mistake .miskm + .miskm {
      margin-top: 0.4rem; }
    .ketom .mistake .miskm:nth-child(2n) {
      flex-direction: row-reverse; }
  .ketom .featlis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .ketom .featlis .feam {
      display: inline-block;
      vertical-align: top;
      width: calc(278 / 1200 * 100%);
      margin-right: calc(29 / 1200 * 100%);
      margin-bottom: 0.3rem;
      background-color: #f9f9f9;
      border-radius: 0.2rem; }
      .ketom .featlis .feam .hoem {
        width: 100%;
        padding: 0.2rem 0.1rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        height: calc(0.4rem + 4.5em); }
      .ketom .featlis .feam .fim {
        width: 100%;
        color: #333;
        line-height: 1.5;
        max-height: 4.5em;
        text-align: center; }
    .ketom .featlis .feam:nth-child(4n) {
      margin-right: 0; }
  .ketom .scenlis {
    width: 100%; }
    .ketom .scenlis .swiper-slide {
      width: 100%;
      position: relative; }
      .ketom .scenlis .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0.2rem; }
        .ketom .scenlis .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 171.42%;
          transition: all ease 0.5s; }
      .ketom .scenlis .swiper-slide .spm {
        width: 100%;
        text-align: center;
        color: #333;
        line-height: 1.5;
        padding: 0.2rem 0.2rem; }
        .ketom .scenlis .swiper-slide .spm p {
          color: #333;
          line-height: 1.5; }
    .ketom .scenlis .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
  .ketom .caseper {
    width: 100%; }
    .ketom .caseper .swiper-slide {
      width: 100%;
      background-color: #f9f9f9;
      border-radius: 0.2rem;
      overflow: hidden; }
      .ketom .caseper .swiper-slide a {
        width: 100%;
        display: block; }
      .ketom .caseper .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0.2rem 0.2rem 0 0; }
        .ketom .caseper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 62.42%;
          transition: all ease 0.5s; }
      .ketom .caseper .swiper-slide .pom {
        width: 100%;
        padding: 0.4rem 0.34rem; }
        .ketom .caseper .swiper-slide .pom .pt {
          width: 100%;
          color: #333;
          line-height: 1.5;
          text-align: center;
          margin-bottom: 0.2rem; }
        .ketom .caseper .swiper-slide .pom .sim {
          width: 100%;
          color: #666;
          line-height: 1.6;
          overflow: auto;
          height: 1.8rem; }
          .ketom .caseper .swiper-slide .pom .sim::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
          .ketom .caseper .swiper-slide .pom .sim::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 10px rgba(15, 101, 188, 0.3);
            background: rgba(15, 101, 188, 0.3);
            scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
          .ketom .caseper .swiper-slide .pom .sim::-webkit-scrollbar-track {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
            background: rgba(0, 0, 0, 0.1); }
          .ketom .caseper .swiper-slide .pom .sim p {
            color: #666;
            line-height: 1.6; }
        .ketom .caseper .swiper-slide .pom .more {
          width: 100%;
          font-size: 0;
          text-align: center;
          margin-top: 0.34rem; }
          .ketom .caseper .swiper-slide .pom .more .sp {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            background-color: #0f65bc;
            color: #fff;
            line-height: 2.2;
            border-radius: 1.1em;
            padding: 0 0.3rem; }
    .ketom .caseper .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
    .ketom .caseper .swiper-slide:hover .pom .pt {
      color: #0f65bc; }
  .ketom .qymtper {
    width: 100%;
    position: relative; }
    .ketom .qymtper .btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2;
      display: inline-block;
      vertical-align: middle;
      width: 0.42rem;
      height: 0.42rem;
      opacity: 0.5;
      transition: all ease 0.5s;
      cursor: pointer; }
      .ketom .qymtper .btn img {
        width: 100%;
        display: block; }
    .ketom .qymtper .btn:hover {
      opacity: 1; }
    .ketom .qymtper .bl {
      left: 0; }
    .ketom .qymtper .br {
      right: 0; }
    .ketom .qymtper .swiper-slide {
      width: 100%;
      padding-bottom: 0.1rem; }
      .ketom .qymtper .swiper-slide .sic {
        display: block;
        margin: 0 auto 0.5rem;
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 50%;
        overflow: hidden;
        border: solid 2px #0f65bc; }
        .ketom .qymtper .swiper-slide .sic img {
          width: 100%;
          display: block; }
      .ketom .qymtper .swiper-slide .cim {
        width: 100%;
        text-align: center;
        color: #333;
        line-height: 1.5; }
      .ketom .qymtper .swiper-slide .simp {
        width: 100%;
        color: #666;
        line-height: 1.75;
        display: block;
        margin: 0 auto;
        max-width: 6.5rem;
        text-align: center; }
        .ketom .qymtper .swiper-slide .simp p {
          color: #666;
          line-height: 1.75; }
      .ketom .qymtper .swiper-slide .mtns {
        width: 100%;
        font-size: 0;
        text-align: center;
        margin-top: 0.5rem; }
        .ketom .qymtper .swiper-slide .mtns a {
          display: inline-block;
          vertical-align: middle;
          border: solid 1px #333;
          line-height: 2.6;
          border-radius: 1.3em;
          padding: 0 0.3rem;
          color: #333;
          width: auto; }
          .ketom .qymtper .swiper-slide .mtns a span {
            display: inline-block;
            vertical-align: middle;
            width: 8px;
            position: relative;
            top: -0.02rem;
            margin-left: 0.1rem; }
            .ketom .qymtper .swiper-slide .mtns a span img {
              width: 100%;
              display: block; }
        .ketom .qymtper .swiper-slide .mtns a + a {
          margin-left: 0.2rem; }
        .ketom .qymtper .swiper-slide .mtns a:hover {
          background-color: #035db9;
          border: solid 1px #035db9;
          color: #fff; }
          .ketom .qymtper .swiper-slide .mtns a:hover span img {
            filter: grayscale(1000%) brightness(2000%); }
  .ketom .caselis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .ketom .caselis .caom {
      display: inline-block;
      vertical-align: top;
      width: calc(585 / 1200 * 100%);
      margin-right: calc(29 / 1200 * 100%);
      margin-bottom: 0.3rem;
      background-color: #f9f9f9;
      border-radius: 0.2rem;
      padding: 0.5rem; }
      .ketom .caselis .caom .vc {
        width: 100%;
        color: #333;
        line-height: 1.3; }
      .ketom .caselis .caom .sim {
        width: 100%;
        color: #666;
        line-height: 1.75;
        margin-top: 0.1rem; }
    .ketom .caselis .caom:nth-child(2n) {
      margin-right: 0; }
  .ketom .customer {
    width: 100%; }
    .ketom .customer .swiper-slide {
      width: 100%;
      background-color: #fff;
      padding: 0.6rem 0.4rem;
      height: auto; }
      .ketom .customer .swiper-slide .vit {
        width: 100%;
        color: #333;
        line-height: 1.5;
        margin-bottom: 0.34rem;
        text-align: center; }
      .ketom .customer .swiper-slide .vinp {
        width: 100%;
        color: #666;
        line-height: 1.75;
        text-align: center; }
        .ketom .customer .swiper-slide .vinp p {
          color: #666;
          line-height: 1.75; }
  .ketom .modelper {
    width: 100%; }
    .ketom .modelper .swiper-slide {
      width: 100%; }
      .ketom .modelper .swiper-slide a {
        width: 100%;
        display: block; }
      .ketom .modelper .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        background-color: #fff;
        border-radius: 0.2rem; }
        .ketom .modelper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 100%;
          transition: all ease 0.5s; }
      .ketom .modelper .swiper-slide .som {
        width: 100%;
        padding-top: 0.34rem;
        text-align: center; }
        .ketom .modelper .swiper-slide .som .sid {
          width: 100%;
          color: #333;
          line-height: 1.5; }
        .ketom .modelper .swiper-slide .som .sie {
          width: 100%;
          color: #666;
          line-height: 1.5;
          margin-top: 0.1rem; }
    .ketom .modelper .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
    .ketom .modelper .swiper-slide:hover .som .sid {
      color: #0f65bc; }
  .ketom a {
    width: 100%;
    display: block; }
  .ketom .taste {
    width: 100%; }
    .ketom .taste .form {
      width: 100%;
      display: block; }
    .ketom .taste .radio {
      width: 100%;
      position: relative;
      margin-bottom: 0.3rem; }
      .ketom .taste .radio .label {
        width: 100%;
        font-size: 0;
        position: relative;
        display: block; }
        .ketom .taste .radio .label .ic {
          display: inline-block;
          vertical-align: top;
          width: 20px;
          margin-right: 0.3rem;
          margin-top: calc(0.9em - 10px); }
          .ketom .taste .radio .label .ic img {
            width: 100%;
            display: block; }
          .ketom .taste .radio .label .ic img:first-child {
            display: block; }
          .ketom .taste .radio .label .ic img:last-child {
            display: none; }
        .ketom .taste .radio .label .cm {
          display: inline-block;
          vertical-align: top;
          width: calc(100% - 20px - 0.3rem);
          color: #333;
          line-height: 1.8; }
        .ketom .taste .radio .label .ram {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          display: block;
          cursor: pointer;
          opacity: 0;
          z-index: 2; }
      .ketom .taste .radio .label.selected .ic img:first-child {
        display: none; }
      .ketom .taste .radio .label.selected .ic img:last-child {
        display: block; }
    .ketom .taste .row {
      width: 100%;
      font-size: 0; }
      .ketom .taste .row .input {
        display: inline-block;
        vertical-align: middle;
        width: calc(590 / 1200 * 100%);
        margin-right: calc(19 / 1200 * 100%);
        margin-bottom: 0.2rem; }
        .ketom .taste .row .input input {
          width: 100%;
          display: block;
          background-color: #f9f9f9;
          padding: 0 0.2rem;
          border: none;
          color: #333;
          line-height: 3;
          height: 3em; }
      .ketom .taste .row .input:nth-child(2n) {
        margin-right: 0; }
      .ketom .taste .row .input.w100 {
        width: 100%;
        margin-right: 0; }
    .ketom .taste .text {
      width: 100%;
      display: block;
      margin-bottom: 0.2rem; }
      .ketom .taste .text .txt {
        width: 100%;
        display: block;
        padding: 0.15rem 0.2rem;
        color: #333;
        line-height: 1.5;
        border: none;
        background-color: #f9f9f9; }
    .ketom .taste .sub {
      width: 100%;
      font-size: 0;
      text-align: center; }
      .ketom .taste .sub .vtn {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        background-color: #0f65bc;
        color: #fff;
        cursor: pointer;
        line-height: 3;
        padding: 0 0.55rem;
        height: 3em;
        position: relative;
        border-radius: 1.5em; }
        .ketom .taste .sub .vtn .stv {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          cursor: pointer;
          z-index: 2; }

.ketom.gray {
  background-color: #f9f9f9; }

.experience {
  width: 100%;
  padding: 0.8rem 0; }
  .experience .form {
    width: 100%;
    display: block; }
  .experience .row {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .experience .row .input {
      display: inline-block;
      vertical-align: top;
      width: calc(285 / 1200 * 100%);
      margin-right: calc(19 / 1200 * 100%);
      margin-bottom: 0.2rem;
      box-sizing: border-box; }
      .experience .row .input input {
        width: 100%;
        display: block;
        background-color: #f9f9f9;
        padding: 0 0.2rem;
        line-height: 3;
        height: 3em;
        border: none;
        color: #333; }
    .experience .row .input:nth-child(4n) {
      margin-right: 0; }
  .experience .sub {
    width: 100%;
    font-size: 0;
    margin-top: 0.2rem;
    text-align: center; }
    .experience .sub .stn {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      background-color: #035db9;
      padding: 0 0.5rem;
      color: #fff;
      line-height: 2.6;
      border-radius: 1.3em;
      position: relative; }
      .experience .sub .stn .stv {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        cursor: pointer;
        opacity: 0;
        z-index: 2; }