@charset "utf-8";@import 'com.css';
html { font-size: 62.5%; }
.b2b-box1 { padding: 85px 0 80px; }
.no_margin { margin-left: auto !important; }

.no_marginr { margin-right: auto !important; }

.no_marginl { margin-left: auto !important; }
.pull-left { float: left; }

.pull-right { float: right; }

.clear { clear: both; }

.fix { *zoom: 1; }
.banner img { display: block; width: 100%; }

.index-title { text-align: center; font-family: "Microsoft YaHei", "微软雅黑"; font-weight: bold; font-size: 54px; font-size: 5.4rem; line-height: 1.3; }

.index-title em { font-style: normal; color: #ff7e0e; }

.index-title, .index-title a { color: #111111; }

.index-title a { display: inline-block; }

.index-title a:hover { color: #006ee6; }

@media screen and (max-width: 1419px) { .index-title { font-size: 44px; font-size: 4.4rem; } }

@media screen and (max-width: 1219px) { .index-title { font-size: 36px; font-size: 3.6rem; } }

@media screen and (max-width: 991px) { .index-title { font-size: 28px; font-size: 2.8rem; } }

@media screen and (max-width: 767px) { .index-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 480px) { .index-title { font-size: 18px; font-size: 1.8rem; } }
.wp { width: 1360px; margin: auto; }

@media screen and (max-width: 1419px) { .wp { width: 1200px; } }

@media screen and (max-width: 1219px) { .wp { width: 960px; } }

@media screen and (max-width: 991px) { .wp { width: 720px; } }

@media screen and (max-width: 767px) { .wp { width: 100%; padding-left: 15px; padding-right: 15px; } }
.b2b-contact .item-input { width: 48.54369%; margin-bottom: 20px; position: relative; }

@media screen and (max-width: 767px) { .b2b-contact .item-input { margin-bottom: 15px; } }

@media screen and (max-width: 480px) { .b2b-contact .item-input { width: 100%; } }
.index-title em {
    font-style: normal;
    color: #ff7e0e;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@media screen and (max-width: 1419px) { .b2b-box1 { padding: 80px 0 60px; } }

@media screen and (max-width: 1219px) { .b2b-box1 { padding: 70px 0 50px; } }

@media screen and (max-width: 991px) { .b2b-box1 { padding: 40px 0 20px; } }

@media screen and (max-width: 767px) { .b2b-box1 { padding: 30px 0 10px; } }

.b2b-box1 .box-desc { max-width: 1200px; margin: 33px auto 0; font-size: 20px; font-size: 2rem; line-height: 1.6; text-align: center; color: #666; }

@media screen and (max-width: 1419px) { .b2b-box1 .box-desc { font-size: 18px; font-size: 1.8rem; margin-top: 30px; } }

@media screen and (max-width: 1219px) { .b2b-box1 .box-desc { font-size: 16px; font-size: 1.6rem; margin-top: 20px; } }

@media screen and (max-width: 991px) { .b2b-box1 .box-desc { font-size: 14px; font-size: 1.4rem; margin-top: 10px; } }

@media screen and (max-width: 767px) { .b2b-box1 .box-desc { font-size: 12px; font-size: 1.2rem; } }

.b2b-box1 .box-list { font-size: 0; letter-spacing: 0; text-align: center; margin-top: 59px; }

@media screen and (max-width: 1419px) { .b2b-box1 .box-list { margin-top: 50px; } }

@media screen and (max-width: 1219px) { .b2b-box1 .box-list { margin-top: 40px; } }

@media screen and (max-width: 991px) { .b2b-box1 .box-list { margin-top: 30px; } }

@media screen and (max-width: 767px) { .b2b-box1 .box-list { margin-top: 20px; } }

.b2b-box1 .box-list .list-item { display: inline-block; vertical-align: top; width: 17.14286%; margin-left: 3.57143%; background-color: #EAF3FD; padding: 18px 15px 38px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 20px; }

@media screen and (max-width: 1419px) { .b2b-box1 .box-list .list-item { width: 18.4%; margin-left: 2%; } }

@media screen and (max-width: 1219px) { .b2b-box1 .box-list .list-item { padding: 15px 10px 20px; } }

@media screen and (max-width: 991px) { .b2b-box1 .box-list .list-item { padding: 15px 10px; } }

@media screen and (max-width: 767px) { .b2b-box1 .box-list .list-item { padding: 10px 0; width: 31.33%; margin: 0 1% 15px !important; }
  .b2b-box1 .box-list .list-item:nth-child(4), .b2b-box1 .box-list .list-item:nth-child(5) { width: 48%; } }

.b2b-box1 .box-list .item-pic { max-width: 180px; margin: 0 auto; }

.b2b-box1 .box-list .item-title { font-weight: bold; margin-top: 36px; font-size: 20px; font-size: 2rem; line-height: 1.2; }

@media screen and (max-width: 1419px) { .b2b-box1 .box-list .item-title { font-size: 18px; font-size: 1.8rem; margin-top: 30px; } }

@media screen and (max-width: 1219px) { .b2b-box1 .box-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 22px; min-height: 44px; margin-top: 20px; } }

@media screen and (max-width: 991px) { .b2b-box1 .box-list .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 10px; line-height: 20px; min-height: 40px; } }

@media screen and (max-width: 767px) { .b2b-box1 .box-list .item-title { font-size: 12px; font-size: 1.2rem; line-height: 18px; min-height: auto; margin-top: 5px; } }

.b2b-box2 { background-color: #F6F8FA; padding: 87px 0 78px; }

@media screen and (max-width: 1419px) { .b2b-box2 { padding: 80px 0 60px; } }

@media screen and (max-width: 1219px) { .b2b-box2 { padding: 70px 0 50px; } }

@media screen and (max-width: 991px) { .b2b-box2 { padding: 40px 0 20px; } }

@media screen and (max-width: 767px) { .b2b-box2 { padding: 30px 0 10px; } }

.b2b-box2 .index-title { margin-bottom: 70px; }

@media screen and (max-width: 1419px) { .b2b-box2 .index-title { margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .b2b-box2 .index-title { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .b2b-box2 .index-title { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .b2b-box2 .index-title { margin-bottom: 20px; } }

.b2b-box2 .box-list { font-size: 0; letter-spacing: 0; }

.b2b-box2 .box-list .list-item { display: inline-block; vertical-align: top; width: 33.07143%; margin-left: 0.39286%; margin-bottom: 20px; position: relative; overflow: hidden; }

.b2b-box2 .box-list .list-item:first-child { margin-left: 0; }

@media screen and (max-width: 767px) { .b2b-box2 .box-list .list-item { width: 48%; margin: 0 1% 20px !important; height: 202px; } }

@media screen and (max-width: 440px) { .b2b-box2 .box-list .list-item { width: 98%; height: 150px; } }

.b2b-box2 .box-list .item-body { position: absolute; bottom: 21px; left: 30px; right: 30px; }

@media screen and (max-width: 1419px) { .b2b-box2 .box-list .item-body { left: 25px; right: 25px; bottom: 15px; } }

@media screen and (max-width: 1219px) { .b2b-box2 .box-list .item-body { left: 15px; right: 15px; bottom: 10px; } }

@media screen and (max-width: 991px) { .b2b-box2 .box-list .item-body { left: 10px; right: 10px; bottom: 5px; } }

.b2b-box2 .box-list .item-title { font-size: 32px; font-size: 3.2rem; letter-spacing: 1px; line-height: 1.2; color: #fff; margin-bottom: 27px; }

@media screen and (max-width: 1419px) { .b2b-box2 .box-list .item-title { font-size: 28px; font-size: 2.8rem; margin-bottom: 20px; } }

@media screen and (max-width: 1219px) { .b2b-box2 .box-list .item-title { font-size: 24px; font-size: 2.4rem; margin-bottom: 15px; } }

@media screen and (max-width: 991px) { .b2b-box2 .box-list .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .b2b-box2 .box-list .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 5px; } }

.b2b-box2 .box-list .item-desc { font-size: 0; letter-spacing: 0; }

.b2b-box2 .box-list .item-desc p { display: inline-block; vertical-align: top; width: 100%; font-size: 20px; font-size: 2rem; color: #fff; line-height: 24px; margin-bottom: 15px; position: relative; padding-left: 19px; }

.b2b-box2 .box-list .item-desc p:before { position: absolute; content: ''; width: 10px; height: 10px; left: 0; top: 7px; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; }

@media screen and (max-width: 1419px) { .b2b-box2 .box-list .item-desc p { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 1219px) { .b2b-box2 .box-list .item-desc p { font-size: 16px; font-size: 1.6rem; margin-bottom: 8px; padding-left: 15px; }
  .b2b-box2 .box-list .item-desc p:before { width: 8px; height: 8px; top: 8px; } }

@media screen and (max-width: 991px) { .b2b-box2 .box-list .item-desc p { font-size: 12px; font-size: 1.2rem; margin-bottom: 5px; line-height: 20px; padding-left: 10px; }
  .b2b-box2 .box-list .item-desc p:before { width: 6px; height: 6px; top: 7px; } }

@media screen and (max-width: 767px) { .b2b-box2 .box-list .item-desc p { font-size: 12px; font-size: 1.2rem; line-height: 18px; }
  .b2b-box2 .box-list .item-desc p:before { width: 5px; height: 5px; top: 8px; } }

@media screen and (max-width: 640px) { .b2b-box2 .box-list .item-desc p { margin-bottom: 0; } }

.b2b-box2 .box-list .item3 .item-desc p { width: 50%; }

.b2b-box2 .box-list .item3 .item-desc p:first-child { width: 100%; }

.index-btn { display: block; text-align: center; width: 220px; height: 60px; line-height: 60px; background: -webkit-gradient(linear, left bottom, left top, from(#FF7E0E), to(#FFB473)); background: -webkit-linear-gradient(bottom, #FF7E0E 0%, #FFB473 100%); background: -moz-linear-gradient(bottom, #FF7E0E 0%, #FFB473 100%); background: linear-gradient(0deg, #FF7E0E 0%, #FFB473 100%); background-color: #ff7e0e \9; -webkit-border-radius: 30px; border-radius: 30px; margin: 0 auto; color: #fff; font-size: 24px; font-size: 2.4rem; font-weight: 400; }

@media screen and (max-width: 1419px) { .index-btn { font-size: 20px; font-size: 2rem; height: 54px; line-height: 54px; } }

@media screen and (max-width: 1219px) { .index-btn { font-size: 18px; font-size: 1.8rem; width: 200px; height: 44px; line-height: 44px; } }

@media screen and (max-width: 991px) { .index-btn { font-size: 16px; font-size: 1.6rem; width: 160px; height: 38px; line-height: 38px; } }

@media screen and (max-width: 767px) { .index-btn { font-size: 12px; font-size: 1.2rem; width: 110px; height: 30px; line-height: 30px; } }

.b2b-box3 { padding: 87px 0 100px; }

@media screen and (max-width: 1419px) { .b2b-box3 { padding: 80px 0; } }

@media screen and (max-width: 1219px) { .b2b-box3 { padding: 70px 0; } }

@media screen and (max-width: 991px) { .b2b-box3 { padding: 40px 0; } }

@media screen and (max-width: 767px) { .b2b-box3 { padding: 30px 0; } }

.b2b-box3 .index-title { margin-bottom: 77px; }

@media screen and (max-width: 1419px) { .b2b-box3 .index-title { margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .b2b-box3 .index-title { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .b2b-box3 .index-title { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .b2b-box3 .index-title { margin-bottom: 20px; } }

.b2b-box3 .item-pic { margin-bottom: 72px; }

@media screen and (max-width: 1419px) { .b2b-box3 .item-pic { margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .b2b-box3 .item-pic { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .b2b-box3 .item-pic { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .b2b-box3 .item-pic { margin-bottom: 20px; } }

.b2b-box3 .item-pic img { display: block; margin: 0 auto; }

.b2b-box4 { background: url(../images/bg2.jpg) no-repeat center; background-attachment: fixed; position: relative; padding: 86px 0 82px; }

.b2b-box4:before { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/bg2.jpg) no-repeat center; background-size: cover; z-index: -1; }

@media screen and (max-width: 1419px) { .b2b-box4 { padding: 80px 0 65px; } }

@media screen and (max-width: 1219px) { .b2b-box4 { padding: 70px 0 55px; } }

@media screen and (max-width: 991px) { .b2b-box4 { padding: 40px 0 25px; } }

@media screen and (max-width: 767px) { .b2b-box4 { padding: 30px 0 15px; } }

.b2b-box4 .index-title { color: #fff; margin-bottom: 62px; }

@media screen and (max-width: 1419px) { .b2b-box4 .index-title { margin-bottom: 50px; } }

@media screen and (max-width: 1219px) { .b2b-box4 .index-title { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .b2b-box4 .index-title { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .b2b-box4 .index-title { margin-bottom: 20px; } }

.b2b-box4 .box-list { font-size: 0; letter-spacing: 0; text-align: center; }

.b2b-box4 .box-list .list-item { display: inline-block; vertical-align: top; width: 16.66667%; margin-bottom: 15px; }

@media screen and (max-width: 640px) { .b2b-box4 .box-list .list-item { width: 33.33333%; } }

.b2b-box4 .box-list .item-title { font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 1.2; }

.b2b-box4 .box-list .item-title em { font-style: normal; font-family: "SourceHanSansCN-Bold", "微软雅黑"; font-size: 38px; font-display: 3.8rem; margin-right: 10px; }

@media screen and (max-width: 1219px) { .b2b-box4 .box-list .item-title em { font-size: 32px; font-size: 3.2rem; } }

@media screen and (max-width: 991px) { .b2b-box4 .box-list .item-title em { font-size: 26px; font-size: 2.6rem; margin-right: 5px; } }

@media screen and (max-width: 767px) { .b2b-box4 .box-list .item-title { font-size: 12px; font-size: 1.2rem; }
  .b2b-box4 .box-list .item-title em { font-size: 20px; font-size: 2rem; margin-right: 2px; } }

.b2b-box4 .box-list .item-subt { font-size: 20px; font-size: 2rem; line-height: 1.2; color: #fff; margin-top: 22px; }

@media screen and (max-width: 1219px) { .b2b-box4 .box-list .item-subt { margin-top: 15px; font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .b2b-box4 .box-list .item-subt { margin-top: 10px; font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .b2b-box4 .box-list .item-subt { margin-top: 5px; font-size: 14px; font-size: 1.4rem; } }

.b2b-box5 { padding: 87px 0 90px; }

@media screen and (max-width: 1419px) { .b2b-box5 { padding: 80px 0 70px; } }

@media screen and (max-width: 1219px) { .b2b-box5 { padding: 70px 0 60px; } }

@media screen and (max-width: 991px) { .b2b-box5 { padding: 40px 0 30px; } }

@media screen and (max-width: 767px) { .b2b-box5 { padding: 30px 0 20px; } }

.b2b-box5 .index-title { margin-bottom: 47px; }

@media screen and (max-width: 1219px) { .b2b-box5 .index-title { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .b2b-box5 .index-title { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .b2b-box5 .index-title { margin-bottom: 20px; } }

.b2b-box5 .box-list { font-size: 0; letter-spacing: 0; }

.b2b-box5 .box-list .list-item { display: inline-block; vertical-align: top; margin-bottom: 10px; }

.b2b-box5 .box-list .item1 { width: 40%; }

@media screen and (max-width: 480px) { .b2b-box5 .box-list .item1 { width: 60%; } }

.b2b-box5 .box-list .item2 { width: 20%; }

@media screen and (max-width: 480px) { .b2b-box5 .box-list .item2 { width: 40%; } }

.b2b-box5 .box-list .item3 { width: 20%; }

@media screen and (max-width: 480px) { .b2b-box5 .box-list .item3 { width: 50%; } }

.b2b-box5 .box-list .item4 { width: 20%; }

@media screen and (max-width: 480px) { .b2b-box5 .box-list .item4 { width: 50%; } }

.b2b-contact { background: url(../images/bg3.jpg) no-repeat center; background-size: cover; padding: 86px 0 93px; }

@media screen and (max-width: 1419px) { .b2b-contact { padding: 80px 0; } }

@media screen and (max-width: 1219px) { .b2b-contact { padding: 70px 0; } }

@media screen and (max-width: 991px) { .b2b-contact { padding: 40px 0; } }

@media screen and (max-width: 767px) { .b2b-contact { padding: 30px 0; } }

.b2b-contact .index-title { margin-bottom: 50px; }

@media screen and (max-width: 1219px) { .b2b-contact .index-title { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .b2b-contact .index-title { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .b2b-contact .index-title { margin-bottom: 20px; } }

.b2b-contact .box-form { max-width: 618px; width: 100%; margin: 0 auto; }

.b2b-contact input, .b2b-contact textarea { display: block; width: 100%; background: #FFFFFF; border: 1px solid #E7E7E7; -webkit-border-radius: 4px; border-radius: 4px; color: #999; font-size: 18px; font-size: 1.8rem; padding: 0 10px 0 63px; }

@media screen and (max-width: 1219px) { .b2b-contact input, .b2b-contact textarea { font-size: 16px; font-size: 1.6rem; padding-left: 50px; } }

@media screen and (max-width: 991px) { .b2b-contact input, .b2b-contact textarea { font-size: 14px; font-size: 1.4rem; padding-left: 40px; } }

@media screen and (max-width: 767px) { .b2b-contact input, .b2b-contact textarea { font-size: 12px; font-size: 1.2rem; padding-left: 30px; } }

.b2b-contact input { height: 52px; line-height: 50px; }

@media screen and (max-width: 1219px) { .b2b-contact input { height: 48px; line-height: 46px; } }

@media screen and (max-width: 991px) { .b2b-contact input { height: 40px; line-height: 38px; } }

@media screen and (max-width: 767px) { .b2b-contact input { height: 36px; line-height: 34px; } }

.b2b-contact textarea { line-height: 24px; height: 100px; padding-top: 12px; padding-bottom: 12px; }

@media screen and (max-width: 1219px) { .b2b-contact textarea { padding-top: 10px; padding-bottom: 10px; } }

@media screen and (max-width: 991px) { .b2b-contact textarea { padding-top: 8px; padding-bottom: 8px; } }

@media screen and (max-width: 767px) { .b2b-contact textarea { line-height: 20px; padding-top: 7px; padding-bottom: 7px; } }

.b2b-contact .iconfont { position: absolute; font-size: 24px; font-size: 2.4rem; color: #ccc; left: 20px; top: 14px; }

@media screen and (max-width: 1419px) { .b2b-contact .iconfont { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 1219px) { .b2b-contact .iconfont { font-size: 20px; font-size: 2rem; left: 15px; top: 12px; } }

@media screen and (max-width: 991px) { .b2b-contact .iconfont { font-size: 18px; font-size: 1.8rem; left: 12px; top: 10px; } }

@media screen and (max-width: 767px) { .b2b-contact .iconfont { font-size: 16px; font-size: 1.6rem; left: 10px; top: 11px; } }

.b2b-contact .item-input { width: 48.54369%; margin-bottom: 20px; position: relative; }

@media screen and (max-width: 767px) { .b2b-contact .item-input { margin-bottom: 15px; } }

@media screen and (max-width: 480px) { .b2b-contact .item-input { width: 100%; } }

.b2b-contact .item-textarea { margin-bottom: 39px; position: relative; }

@media screen and (max-width: 1419px) { .b2b-contact .item-textarea { margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .b2b-contact .item-textarea { margin-bottom: 15px; } }

.b2b-contact .item-btn { border: 0; text-align: center; color: #fff; line-height: 60px; height: 60px; background: -webkit-gradient(linear, left bottom, left top, from(#FF7E0E), to(#FFB473)); background: -webkit-linear-gradient(bottom, #FF7E0E 0%, #FFB473 100%); background: -moz-linear-gradient(bottom, #FF7E0E 0%, #FFB473 100%); background: linear-gradient(0deg, #FF7E0E 0%, #FFB473 100%); background-color: #ff7e0e \9; -webkit-border-radius: 30px; border-radius: 30px; font-size: 24px; font-size: 2.4rem; }

.b2b-contact .item-btn:hover { background: -webkit-gradient(linear, left bottom, left top, from(#FFB473), to(#FF7E0E)); background: -webkit-linear-gradient(bottom, #FFB473 0%, #FF7E0E 100%); background: -moz-linear-gradient(bottom, #FFB473 0%, #FF7E0E 100%); background: linear-gradient(0deg, #FFB473 0%, #FF7E0E 100%); }

@media screen and (max-width: 1419px) { .b2b-contact .item-btn { font-size: 22px; font-size: 2.2rem; line-height: 54px; height: 54px; } }

@media screen and (max-width: 1219px) { .b2b-contact .item-btn { font-size: 20px; font-size: 2rem; line-height: 48px; height: 48px; } }

@media screen and (max-width: 991px) { .b2b-contact .item-btn { font-size: 18px; font-size: 1.8rem; line-height: 40px; height: 40px; } }

@media screen and (max-width: 767px) { .b2b-contact .item-btn { font-size: 16px; font-size: 1.6rem; line-height: 36px; height: 36px; } }