@charset "UTF-8";
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
html,
body,
h1,
h3,
p,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

html {
  font-size: 19.2px;
  /*默认以设计稿为基准*/
  color: #333333;
}

@media screen and (max-width: 1924px) {
  html {
    font-size: 19.24px;
  }
}
@media screen and (max-width: 1680px) {
  html {
    font-size: 16.8px;
  }
}
@media screen and (max-width: 1440px) {
  html {
    font-size: 14.4px;
  }
}
@media screen and (max-width: 1380px) {
  html {
    font-size: 14.4px;
  }
}
@media screen and (max-width: 1330px) {
  html {
    font-size: 13.66px;
  }
}
@media screen and (max-width: 1280px) {
  html {
    font-size: 12.8px;
  }
}

/* @media screen and (max-width: 1536px) {
  html {
    font-size: 15.36px;
  }
}
@media screen and (max-width: 1488px) {
  html {
    font-size: 14.88px;
  }
} */

@media screen and (max-width: 1280px) {
  html {
    font-size: 12.8px;
  }
}

.flex {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container {
  width: 66.66667rem;
  overflow: hidden;
  margin: 0 auto;
}

.nav {
  /* height: 100%; */
  position: fixed;
  width: 100%;
  background-color: #df3d3e;
  text-align: center;
  cursor: pointer;
  z-index: 100;
}

.nav .flex span {
    flex: 0 0 14.28%;
    font-size: 1.11111rem;
    color: #ffffff;
    border-right: 1px solid;
    width: 12rem;
    /* line-height: 4rem; */
    color: white;
    font-size: 1.4rem;
    display: inline;
    height: auto;
    margin: 1.3rem 0;
}

.nav .flex span:hover {
  color: #fff64d;
}

.content {
  padding-top: 3.88889rem;
}

.btn p {
  font-weight: 600;
  box-sizing: border-box;
  background-color: #df3d3e;
  color: #ffffff;
  font-size: 1.4rem;
  height: 3.6rem;
  line-height: 3.6rem;
  text-align: center;
  box-shadow: 0 4px 6px 0 rgba(223,61,62, 0.4);
  border-radius: 0.66667rem;
  cursor: pointer;
}
.btn :hover {
  background-color: #ffe600;
  font-weight: 600;
  color: #333;
  box-shadow: 0 4px 6px 0 rgba(255, 230, 0, 0.4);
}
.title {
  padding-top: 2.5rem;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.8rem;
  text-align: center;
}

.title span {
}

.box1 {
  background: url(../images/11.jpg) no-repeat;
  background-size: 100% 100%;
  height: 37rem;
  text-align: center;
  /* color: #ffffff; */
}
.box1 p{
  font-size: 1.4rem;
  font-weight: 500;
}
.box1 p img{
  width: 2rem;
}
.box1 h1 {
  font-size: 5rem;
  padding-top: 7.77778rem;
  line-height: 6.22222rem;
  font-weight: 600;
}

.box1 h3 {
  font-size: 4.4rem;
  line-height: 5.11111rem;
  font-weight: 600;
}

.box1 .btn {
}

.box1 .btn p {
  width: 14.44444rem;
  box-sizing: border-box;
}

.box1 .btn p:nth-child(2) {
  margin: 0 2.22222rem;
}

.box2 {
  /* background-color: #f7f8f9; */
  /* padding-bottom: 2.5rem; */
}

.box2 .p1 {
  font-size: 1.11111rem;
  margin-bottom: 0.55556rem;
}

.box2 .div .flex {
  justify-content: left;
  margin-right: 2.22222rem;
  margin-bottom: 1.11111rem;
}

.box2 .div .flex p {
  width: 14.27778rem;
  height: 3.2rem;
  line-height: 3.2rem;
  text-align: center;
  background-color: #eeeeee;
  margin-left: 2.22222rem;
  cursor: pointer;
  font-size: 1.2rem;
}

.box2 .div .flex p:hover {
  background-color: #ffe600 !important;
  color: #ffffff;
}

.box2 .hover {
  background-color: #ffe600 !important;
  color: #ffffff;
}

.box2 .div .div1 {
  justify-content: center;
}

.box2 .div {
  display: inline-block;
}

.box2 .btn p {
  width: 22.22222rem;
}

.box3 {
  padding-top: 1.66667rem;
  padding-bottom: 2.5rem;
}

.box3 .hover:hover {
  background-color: #df3d3e !important;
  color: #ffffff;
}

.box3 .pro {
  justify-content: space-between;
}

.box3 .pro p {
  flex: 0 0 17.9%;
  border-radius: 12px;
  text-align: center;
  background-color: #eeeeee;
  color: #333333;
  line-height: 3rem;
  height: 3rem;
  cursor: pointer;
  margin-bottom: 1.11111rem;
  font-size: 1.2rem;
}

.box3 .btn {
  margin-top: 1.11111rem;
}

.box3 .btn p {
  width: 18.88889rem;
}

.box3 .btn p:first-child {
  margin-right: 2.5rem;
}

.sec_tit {
  margin-top: 0.55556rem;
  font-size: 0.88889rem;
  text-align: center;
  color: #666666;
}

.box4 {
  background: #f7f7f7;
  height: 35rem;
  /* color: #fff; */
  text-align: center;
  /* background-size: 100% 100%; */
  padding-bottom: 2.5rem;
}

.box4 .p1 {
  margin-top: 2.05556rem;
  margin-bottom: 1.66667rem;
  font-size: 1.33333rem;
}

.box4 .p1 span {
  opacity: 0.8;
  /* height: 10px; */
  display: inline-block;
  border-bottom: 7px solid#df3d3e;
}

.box4 .time div {
  position: relative;
  width: 11.1rem;
  height: 9.2rem;
  background: linear-gradient(rgb(84, 80, 84), rgb(43, 40, 43));
  /* box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.5); */
  border-radius: 0.5rem;
  margin: 2rem 1rem 1rem;
}
.box4 .time span {
  font-size: 6rem;
  color: #fff;
  font-weight: bold;
  line-height: 9.2rem;
}
.box4 .time i {
  background: url(../images/line.png);
  background-size: 100% 100%;
  display: block;
  height: 1.5rem;
  width: 100%;
  border-radius: 1px;
  margin: 0 auto 0.3rem;
  z-index: 1000;
  transform: translateY(-50%);
  /* margin-top: -45%; */
  position: absolute;
  top: 50%;
}
.box4 .time p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #333;
}

.box4 > p {
  color: rgb(193, 193, 193);
  font-size: 1.4rem;
  line-height: 2rem;
}
.box4 > p a {
  color: #ab352e;
}

.box4 .btn {
  margin-top: 1.66667rem;
}

.box4 .btn p {
  width: 22.22222rem;
}

.box4 .title {
  padding-top: 2.22222rem;
  line-height: 3.11111rem;
}
.title .color {
  color: rgb(220, 89, 90);
}
.box5 {
  background: url(../images/501.png) no-repeat;
  height: 41.55556rem;
  text-align: center;
  background-size: 100% 100%;
}

.box5 .container {
  margin-top: 4.44444rem;
  background-color: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.07);
  padding: 2.22222rem;
  box-sizing: border-box;
}

.box5 .container .flex div {
  flex: 0 0 50%;
  font-size: 1.11111rem;
  margin-bottom: 0.8rem;
  display: flex;
  justify-content: space-around;
}

.box5 .container .flex div p {
  line-height: 2.4rem;
}

.box5 .container .flex div p:last-child {
  background-color: #df3d3e;
  color: #ffffff;
  width: 10rem;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1rem;
  border-radius: 0.44444rem;
  cursor: pointer;
}
.box5 .container .flex div p:last-child:hover {
  text-decoration: underline;
  font-weight: 600;
}
.box5 .container .btn {
  margin-top: 1.66667rem;
}

.box5 .container .btn p {
  width: 22.22222rem;
}

.box6 .container {
  margin-top: 2.22222rem;
  justify-content: space-between;
  padding-bottom: 2.22222rem;
  padding: 0 2.22222rem 2.22222rem;
}

.box6 .container div {
  flex: 0 0 32%;
  background: url(../images/601.png) no-repeat;
  background-size: 100% 100%;
  height: 26rem;
  text-align: left;
}

.box6 .container div:nth-of-type(2) {
  background: url(../images/602.png) no-repeat;
  background-size: 100% 100%;
}

.box6 .container div:nth-of-type(3) {
  background: url(../images/603.png) no-repeat;
  background-size: 100% 100%;
}

.box6 .container div p {
  margin-left: 2.11111rem;
}

.box6 .container div p:nth-of-type(1) {
  opacity: 0;
  font-size: 4rem;
  color: #ffffff;
  line-height: 4rem;
  padding-top: 7rem;
}

.box6 .container div p:nth-of-type(2) {
  font-size: 1.2rem;
  font-weight: 600;
}

.box6 .container div p:nth-of-type(3) {
  opacity: 0;
  font-size: 1.33333rem;
  width: 2.55556rem;
  height: 4px;
  background-color: #d8d8d8;
  margin: 0.55556rem auto 1.11111rem;
  margin-left: 2.11111rem;
}

.box6 .container div p:nth-of-type(4) {
  width: 16rem;
  font-size: 1.1rem;
  line-height: 26px;
  height: 5.66667rem;
}

.box6 .container div p:nth-of-type(5) {
  width: 12rem;
  height: 3.2rem;
  line-height: 3.2rem;
  background-color: #df3d3e;
  color: #ffffff;
  margin: 0 auto;
  text-align: center;
  font-weight: 600;
  border-radius: 8px;
  font-size: 1.2rem;
  margin-top: 0.5rem;
}
.box6 .container div p:nth-of-type(5):hover {
  font-weight: 600;
  background-color: #ffe600;
  box-shadow: 0 4px 6px 0 rgba(255, 230, 0, 0.4);
  color: #333;
  border: 1px solid #fff;
}
.box7 .container {
  justify-content: space-between;
  padding-top: 2rem;
}

.box7 .container div {
  flex: 0 0 49%;
  background: #f7f8f9;
  margin-bottom: 2.22222rem;
  height: 10rem;
  overflow: hidden;
  text-align: center;
  border-radius: 0.44444rem;
}

.box7 .container div img {
  width: 7.77778rem;
  height: 8.33333rem;
  float: left;
  margin: 0.83333rem;
}

.box7 .container div p:nth-of-type(1) {
  font-size: 1.33333rem;
  font-weight: 600;
  margin: 1.38889rem 0 0.8rem;
}

.box7 .container div p:nth-of-type(2) {
  font-size: 1rem;
  text-align: left;
  line-height: 26px;
  width: 21rem;
  margin: 0 auto;
}

.box7 .container div p:nth-of-type(3) {
  font-size: 1rem;
  width: 8.33333rem;
  height: 2rem;
  line-height: 2rem;
  background-color: #df3d3e;
  color: #ffffff;
  margin: 0.7rem auto;
  border-radius: 0.44444rem;
}
.box7 .container div p:nth-of-type(3):hover {
  text-decoration: underline;
  font-weight: 600;
  background-color: #ffe600;
  box-shadow: 0 4px 6px 0 rgba(255, 230, 0, 0.4);
  border: 1px solid #fff;
}
.box8 .container {
  justify-content: space-between;
  padding-bottom: 10px;
}

.box8 .container div {
  margin-top: 40px;
  flex: 0 0 19%;
}

.box8 .container div img {
  width: 100%;
  height: 100%;
}

.box8 .container div div {
  width: 79%;
  padding: 1.11111rem 0.55556rem;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
  position: relative;
  background-color: #fff;
  margin-top: -2.22222rem;
  margin-left: 6%;
}

.box8 .container div div p:nth-of-type(1) {
  text-align: center;
  font-size: 1.11111rem;
  height: 2.55556rem;
  line-height: 2.55556rem;
  border-bottom: #eeeeee;
}

.box8 .container div div p:nth-of-type(2) {
  font-size: 1rem;
  padding: 0.5rem 0.5rem;
  line-height: 24px;
  height: 80px;
}

.box8 .container div div p:nth-of-type(3) {
  font-size: 0.88889rem;
  width: 8.33333rem;
  height: 2.33333rem;
  line-height: 2.33333rem;
  background-color: #df3d3e;
  color: #ffffff;
  border-radius: 0.44444rem;
  text-align: center;
  margin: 0 auto;
}
.box8 .container div div p:nth-of-type(3):hover {
  text-decoration: underline;
  font-weight: 600;
  background-color: #ffe600;
  box-shadow: 0 4px 6px 0 rgba(255, 230, 0, 0.4);
  border: 1px solid #fff;
}
.box9 .container {
  text-align: center;
  justify-content: space-between;
  padding-top: 2.22222rem;
}
.box9{
  background: #f7f7f7;

}

.box9 .btn p {
  width: 22.22222rem;
}

.box9 .btn {
  padding: 1.5rem 0 2.5rem;
}

.box9 .div div {
  border:4px solid #fff;
  border-radius: 1.11111rem;
  flex: 0 0 30%;
  background-color: #fff;
}
.box9 .div div:hover{
  border:4px solid #ffd1d1;

}
.box9 img {
  width: 5.55556rem;
  height: 5.55556rem;
  padding: 2.22222rem 0 1.11111rem;
}

.box9 .div p {
  font-size: 1.11111rem;
  line-height: 22px;
}

.box9 .div p:nth-of-type(1) {
  font-size: 1.33333rem;
  font-weight: 600;
  margin-bottom: 0.55556rem;
}

.box9 .div p:last-child {
  font-weight: 600;
  font-size: 1.2rem;
    width: 12rem;
    height: 3rem;
    line-height: 3rem;
    background-color: #df3d3e;
    color: #ffffff;
    border-radius: 12px;
    text-align: center;
    margin: 0.83333rem auto 2.22222rem;
}
.box9 .div p:last-child:hover {
  font-weight: 600;
  background-color: #ffe600;
  color: #333;
}
.box10 {
  background-color: #f5f6f7;
  padding-bottom: 4.44444rem;
}

.box10 table {
  margin-top: 4.444444rem;
  text-align: center;
  font-size: 1.33333rem;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.box10 table thead tr {
  background-color: #ebebeb;
  font-weight: bold;
}

.box10 table tbody td:last-child,
.box10 .service-style {
  color: #df3d3e;
  cursor: pointer;
  text-decoration: underline;
}
.box10 .service-style:hover {
  color: #ffe600;
  cursor: pointer;
  text-decoration: underline;
  font-weight: 600;
}

.box10 table tbody td:last-child:hover {
  color: #ffe600;
  cursor: pointer;
  text-decoration: underline;
  font-weight: 600;
}
.box10 table tr {
  background-color: #fff;
}

.box10 table tr td {
  border: 2px solid #eeeeee;
  padding: 1.22222rem 0;
  vertical-align: middle;
}

.footer {
  text-align: center;
  font-size: 1rem;
  line-height: 2rem;
  height: 4rem;
  line-height: 4rem;
  background-color: #333333;
  color: #fff;
}

.slide1 {
  position: fixed;
  top: 10rem;
  left: 1%;
  background-color: #df3d3e;
  border-radius: 0.83333rem;
  width: 11.44444rem;
}

.slide1 .p1 {
  color: #ffffff;
  font-size: 1.33333rem;
  padding: 1.11111rem 0;
  text-align: center;
}

.slide1 div {
  border-radius: 0.83333rem;
  font-size: 1rem;
  background-color: #d0e0fd;
}

.slide1 div p {
  cursor: pointer;
  margin: 0 0.55556rem;
  border-bottom: 1px dashed rgba(64, 36, 9, 0.3);
  height: 2.77778rem;
  line-height: 2.77778rem;
  padding-left: 2.2rem;
}
.slide1 div p:hover {
  text-decoration: underline;
}
.slide1 div p span:first-child {
  padding: 0 2.22222rem 0 0.55556rem;
  display: inline-block;
}

.slide1 div p:last-child {
  border: 0;
}

.slide2 {
  position: fixed;
  top: 10rem;
  right: 1%;
  background-color: #df3d3e;
  width: 11.44444rem;
}

.slide2 .p1 {
  color: #ffffff;
  font-size: 1.33333rem;
  padding: 1.11111rem 0 0 0;
  text-align: center;
}

.slide2 div {
  margin: 10px;
  font-size: 1rem;
  background-color: #ffffff;
}

.slide2 div p {
  margin: 0 0.2rem;
  cursor: pointer;
  text-align: center;
  border-bottom: 1px dashed#df3d3e;
  height: 2.77778rem;
  line-height: 2.77778rem;
}

.slide2 div p:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #ffe600;
}

.slide2 div p span:first-child {
  padding: 0 0.27778rem 0 0.55556rem;
  display: inline-block;
}

.slide2 div p:last-child {
  border: 0;
  color: #df3d3e;
  cursor: pointer;
}

@media screen and (max-width: 1366px) {
  .slide1 {
    top: 13rem;
  }
  .slide2 {
    top: 13rem;
  }
}

.neaboasda {
  width: 66rem;
  margin: 0 auto;
  background-color: #fff;
  margin-top: 1.5rem;
  /* box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.06); */
  margin-bottom: 2.5rem;
}
.cz {
  float: left;
  border-right: 1px solid #ffadae;
  border-radius: 12px;
}
.newczitem {
  float: left;
}
.newczitem:first-of-type {
  border-top: 1px solid #ffadae;
  border-radius: 12px 12px 0 0;
}
.xulicz {
  width: calc(20rem - 3px);
  height: 9.3rem;
  float: left;
  font-size: 1.2rem;
  color: #df3d3e;
  line-height: 9.3rem;
  text-align: center;
  background-color: #fffafa;
  border-bottom: 1px solid #ffadae;
  border-left: 1px solid #ffadae;
  border-right: 1px solid #ffadae;
  font-weight: 600;
}
.newczitem:first-of-type .xulicz:first-of-type{
  border-radius: 12px 0 0;

}
.newczitem:last-of-type .xulicz:first-of-type{
  border-radius: 0 0 0 12px;

}
.xulicz:hover {
  text-decoration: underline;
}
.newczitem:last-of-type .czbotom {
  border-radius: 12px;

}
.cztop {
    width: 46rem;
    height: 4.62rem;
    float: left;
    line-height: 4.62rem;
    border-bottom: 1px solid #ffadae;
    /* background-color: rgb(238, 238, 238); */
}
.zhauncz {
  font-size: 1.2rem;
  color: #666;
  width: 23rem;
  float: left;
  /* height: 4.5rem; */
  text-align: center;
  border-right: 1px solid #ffadae;
}
.zhauncz:hover {
  cursor: pointer;
  color: #df3d3e;
}
.bthcz {
  width: 10rem;
  height: 2.5rem;
  line-height: 2.5rem;
  float: right;
  margin-top: 1.1rem;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  background: #df3d3e;
  margin-right: 6rem;
  border-radius: 0.8rem;
  cursor: pointer;
  font-weight: 600;
}
.bthcz:hover {
  background: #ffe600;
  color: #333;
}
.czbotom {
    width: 46rem;
    height: 4.62rem;
    float: left;
    line-height: 4.62rem;
    background-color: #fff;
    border-bottom: 1px solid #ffadae;
}
.nytad {
  width: 20rem;
  height: 3rem;
  line-height: 3rem;
  color: #fff;
  text-align: center;
  margin-top: 2.1rem;
  cursor: pointer;
  margin: auto;
  border-radius: 0.8rem;
  box-shadow: -1px 0px 3px 3px rgba(16, 96, 177, 0.2);
  background-color: #df3d3e;
  margin: 2.1rem auto;
}

.h-left {
  position: absolute;
  top: 7rem;
  left: 1rem;
}
.h-left .content {
  width: 301px;
  height: 456px;
  background-image: url(../images/76.png);
  background-size: 100% 100%;
  position: relative;
}
.h-left .content .top-1 {
  position: absolute;
  width: 6.8rem;
  height: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  top: 8.99rem;
  text-align: center;
  font-size: 1.1rem;
  color: #df3d3e;
  font-weight: 600;
}
.h-left .content .item .img1 {
  display: inline-block;
  vertical-align: middle;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.3rem;
  background-image: url(../images/71.png);
  background-size: 100% 100%;
}
.h-left .content .item .img2 {
  display: inline-block;
  vertical-align: middle;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.3rem;
  background-image: url(../images/72.png);
  background-size: 100% 100%;
}
.h-left .content .item .img3 {
  display: inline-block;
  vertical-align: middle;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.3rem;
  background-image: url(../images/73.png);
  background-size: 100% 100%;
}
.h-left .content .item .img4 {
  display: inline-block;
  vertical-align: middle;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.3rem;
  background-image: url(../images/74.png);
  background-size: 100% 100%;
}
.h-left .content .item .img5 {
  display: inline-block;
  vertical-align: middle;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.3rem;
  background-image: url(../images/75.png);
  background-size: 100% 100%;
}
.h-left .content .item:hover .img1 {
  background-image: url(../images/h3.png);
}
.h-left .content .item:hover .img2 {
  background-image: url(../images/h4.png);
}
.h-left .content .item:hover .img3 {
  background-image: url(../images/h5.png);
}
.h-left .content .item:hover .img4 {
  background-image: url(../images/h6.png);
}
.h-left .content .item:hover .img5 {
  background-image: url(../images/h7.png);
}
.h-left .content .item span {
  display: inline-block;
  vertical-align: middle;
}
.h-left .content .item div:first-of-type{
  margin-left: 1rem;
      margin-top: -3px;
}
.h-left .content .item {
  font-size: 0.9rem;
  color: rgb(51, 51, 51);
  font-weight: 500;
  width: 8rem;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 2.25rem;
  line-height: 2.25rem;
  background-image: url(../images/h1.png);
text-align: left;
  background-size: 100% 100%;
}
.h-left .content .item:hover {
  background-image: url(../images/h2.png);
  color: #fff !important;
}
.h-left .content .item1 {
  top: 11rem;
}
.h-left .content .item2 {
  top: 13.5rem;
}
.h-left .content .item3 {
  top: 16.1rem;
}
.h-left .content .item4 {
  top: 18.6rem;
}
.h-left .content .item5 {
  top: 21.1rem;
}
.h-left .sou {
  width: 3.7rem;
  height: 3.7rem;
  background-image: url(../images/78.png);
  margin-left: 1.8rem;
  background-size: 100% 100%;
  cursor: pointer;
}
.h-left .sou2 {
  background-image: url(../images/80.png);
}
.h-left .content2 {
  background-image: url(../images/79.png);
  width: 8rem;
  height: 11.2rem;
}
.h-right {
  position: absolute;
  top: 7rem;
  right: 1rem;
}
.h-right .content {
  width: 301px;
  height: 456px;
  background-image: url(../images/91.png);
  background-size: 100% 100%;
  position: relative;
}
.h-right .content .top-1 {
  position: absolute;
  width: 6.8rem;
  height: 1.7rem;
  line-height: 1.7rem;
  left: 50%;
  transform: translateX(-45%);
  top: 8.96rem;
  text-align: center;
  font-size: 1.1rem;
  color: #df3d3e;
  font-weight: 600;
  cursor: pointer;
}
.h-right .content .top-11 {
  top: 8.7rem;
}
.h-right .content .item img {
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  margin-right: 0.4rem;
}
.h-right .content .item span {
  display: inline-block;
  vertical-align: middle;
}
.h-right .content .item {
  font-size: 0.9rem;
  color: rgb(51, 51, 51);
  font-weight: 500;
  width: 8rem;
  text-align: center;
  position: absolute;
  left: 50%;
  height: 2.25rem;
  line-height: 2.25rem;
  transform: translateX(-46%);
  /* height:2rem; */
  /* line-height: 2rem; */
}
.h-right .content .item11:hover {
  background-image: url(../images/h222.png);
  color: #fff !important;
}
.h-right .content .item11 {
  height: 2.25rem;
  line-height: 2.25rem;
  background-image: url(../images/h22.png);
  background-size: 100% 100%;
}
.h-right .content .item1 {
  top: 11.3rem;
}
.h-right .content .item2 {
  top: 13.8rem;
}
.h-right .content .item3 {
  top: 16.3rem;
}
.h-right .content .item4 {
  top: 19.1rem;
}
.h-right .content .item5 {
  top: 18.8rem;
}
.h-left .item:hover,
.h-right .item:hover {
  color: rgb(F3C120) !important;
  cursor: pointer;
}
.h-right .sou {
  width: 3.7rem;
  height: 3.7rem;
  background-image: url(../images/78.png);
  margin-left: 1.8rem;
  background-size: 100% 100%;
  cursor: pointer;
}
.h-right .sou2 {
  background-image: url(../images/80.png);
  background-size: 100% 100%;
  margin-left: 2.8rem;
}
.h-right .content2 {
  background-image: url(../images/79.png);
  width: 8rem;
  height: 11.2rem;
}
.h-right .content .item6 img {
  width: 0.65rem;
  height: 0.85rem;
  vertical-align: middle;
}
.h-right .content .item6 {
  top: 19.5rem;
  width: 7.5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  top: 21.2rem;
  transform: translateX(-44.5%);
}
.h-right .content2 {
  background-image: url(../images/99.png);
  width: 8.65rem;
  height: 13.05rem;
}
.h-right .content .item7 {
  top: 11.2rem;
}
.h-right .content .item7:hover,
.h-right .content .item6:hover {
  color: #fff !important;
}
.middle img {
  vertical-align: middle;
}
.box33 {
  background: url(../images/box33.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 2.5rem;
}
.box33 .title {
  margin-bottom: 1.5rem;
}
.box3-flex {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
  width: 66rem;
  margin: 0 auto;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.box3-flex :first-of-type {
}
.box3-flex div {
  flex: 0 0 30%;
  /* width: 19rem; */
  height: 12.7rem;
  border-radius: 1rem;
  margin: 0 0.5rem;
  box-sizing: border-box;
  padding-top: 0.9rem;
  text-align: center;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.box3-flex img {
  display: block;
  width: 4.8em;
  height: auto;
  margin: 0 auto 0.5rem;
  height: 4.8em;
}
.box3-flex p {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 1rem;
}
.btn-big {
  display: block;
  width: 12.25rem;
  line-height: 2.6rem;
  background: #df3d3e;
  border-radius: 10px;
  color: white;
  font-size: 1.2rem;
  margin: auto;
  font-weight: 600;
  box-shadow:0 4px 6px 0 rgba(223,61,62, 0.4);
}
.btn-big:hover {
  cursor: pointer;
  background: #fff64d;
  color: #333;
  font-weight: 600;
  box-shadow: 0 4px 6px 0 rgba(255, 230, 0, 0.4);
}
.call {
  height: 10rem;
  margin: 10px auto 0;
  width: 44rem;
  background: url(../images/timebg.png) no-repeat;
  background-size: 100% 100%;
}
.call h2 {
    font-size: 1.8rem;
    color: #df3d3e;
    font-weight: 600;
    padding-top: 1rem;
    padding-left: 3rem;
    padding-bottom: 0.7rem;
}
.call p {
  font-size: 1.2rem;
  color: #999999;
  width: 29rem;
  margin: 0 auto;
  text-align: left;
  line-height: 1.6rem;
}
.box66 {
  width: 66.66667rem;
  margin: 0 auto;
}
.box66 .cont {
  align-items: initial;
  margin-top: 1.5rem;
}
.box66 .cont img {
  width: 31rem;
}
.box66 .cont div {
  display: flex;
  width: 47%;
  flex-wrap: wrap;
  align-items: center;
}
.box66 .cont p {
    height: 2rem;
    border: 1px solid #df3d3e;
    line-height: 2rem;
    width: 100%;
    border-radius: 10px;
    margin-left: 2.5rem;
    padding-left: 1rem;
    box-sizing: content-box;
}
.box66 .cont p span:last-of-type {
    font-weight: 600;
    width: 7.5rem;
    display: inline-block;
    float: right;
    background: #df3d3e;
    color: #fff;
    text-align: center;
    border-radius: 0 8px 8px 0;
    height: 105%;
    cursor: pointer;
    margin-top: -1px;
    margin-right: -3px;
}
.box66 .cont p span:last-of-type:hover {
  background: #fff64d;
  color: #333;
  font-weight: 600;

}
.box6 {
  background: #f7f7f7;
}
.box77 {
  width: 66rem;
  margin:  0 auto 2.5rem;
}
.box77 .flex {
  justify-content: space-between;
  margin-top: 1.5rem;
}
.box77 .flex div {
  text-align: center;
  height: 26rem;
  background: url(../images/701.png);
  background-size: 100% 100%;
  flex: 0 0 31%;
}
.box77 .flex div:nth-of-type(2) {
  background: url(../images/702.png);
  background-size: 100% 100%;
}
.box77 .flex div:nth-of-type(3) {
  background: url(../images/703.png);
  background-size: 100% 100%;
}
.box77 .flex div h1 {
  font-size: 1.5rem;
  padding-top: 3rem;
  font-weight: 600;
  color: #333333;
}
.box77 .flex div h2 {
     font-size: 1.2rem;
    padding-top: 3rem;
    font-weight: 600;
    color: #333333;
    padding: 1.5rem 0;
}
.box77 .flex div p {
     width: 15rem;
    font-size: 1.2rem;
    /* padding-top: 3rem; */
    color: #333333;
    margin-top: 1rem;
    text-align: left;
    margin: 0 auto;
        line-height: 24px;
}
.box77 .flex div p:last-of-type {
  font-weight: 600;
     font-size: 1.2rem;
    color: #333333;
    margin-top: 1rem;
    width: 12rem;
    background-color: #df3d3e;
    color: #fff;
    height: 3.2rem;
    line-height: 3.2rem;
    margin: 0 auto;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
}
.box77 .flex div p:last-of-type:hover{
    background: #fff64d;
  color: #333;
  font-weight: 600;

}