* {

  padding: 0;

  margin: 0;

  font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}

body {

  font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

  color: #333;

  margin: 0;

  line-height: 1.5;

  width: 100%;

  overflow-x: hidden;

  background: #f7f7f7;

}

*:before,

*:after {

  box-sizing: content-box;

}

:focus {

  outline: 1;

}

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

  display: block;

}

a {

  color: #333;

  text-decoration: none;

}

a:link,

a:hover,

a:active,

a:visited {

  text-decoration: none;

}

ins {

  background-color: #ff9;

  color: #000;

  text-decoration: none;

}

mark {

  background-color: #ff9;

  color: #000;

  font-style: italic;

  font-weight: bold;

}

del {

  text-decoration: line-through;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #cccccc;

  margin: 1em 0;

  padding: 0;

}

input,

select {

  vertical-align: middle;

}

li,

ul {

  list-style-type: none;

}

img {

  border: none;

}

input,

textarea {

  outline: 0;

  border: 0;

  resize: none;

}

h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

  font-weight: normal;

  font-style: normal;

}

.yc {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.gd {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.dx {

  text-transform: uppercase;

}

.pr {

  position: relative;

}

.pa {

  position: absolute;

}

.left {

  float: left;

}

.right {

  float: right;

}

.clearboth {

  clear: both;

}

.juzhong {

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

}

.textdq {

  text-align: justify;

}

.left {

  float: left;

}

.right {

  float: right;

}

.clearboth {

  clear: both;

}

.dq {

  text-align: center;

}

.flex {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

* {

  box-sizing: border-box;

}

.clerboth {

  clear: both;

}

.container {

  padding-left: 0.3125rem;

  padding-right: 0.3125rem;

}

.dl-container {

  padding-left: 0.3125rem;

  padding-right: 0.3125rem;

}

.logo{

  line-height: 0.625rem;

  font-size: 0.5rem;

  margin-top: 0.46875rem;

  margin-bottom: 0.46875rem;

  text-align: center;

}

.logo img {

  display: block;

  height: 0.625rem;

  width: auto;

  max-width: 100%;

  object-fit: contain;

  margin: 0 auto;

  margin-top: 0.46875rem;

  margin-bottom: 0.46875rem;

}

.menuTel ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  width: 50%;

  padding: 0 10%;

  margin: 0 auto;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

}

.menuTel ul li a {

  display: block;

  padding-top: 0.3125rem;

  padding-bottom: 0.3125rem;

}

.menuTel ul li a img {

  display: block;

  height: 0.3125rem;

}

.banner {

  width: 100%;

  position: relative;

  padding-bottom: 0.3125rem;

  padding-left: 0.234375rem;

  margin-top: 0.46875rem;

}

.banner ul li {

  display: block;

}

.banner ul li img {

  width: 100%;

  display: block;

  height: 100%;

}

.banner .swiper-pagination {

  font-size: 0.1875rem;

  color: #666;

  position: absolute;

  bottom: 0.78125rem;

  left: 0px;

  width: 100%;

  opacity: 1;

}

.banner .swiper-pagination .swiper-pagination-bullet {

  background: #ffffff;

  width: 0.578125rem;

  height: 2px;

  opacity: 1;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  transform: translateY(-5px);

}

.nav {

  border-bottom: 7px solid #f8f8f8;

}

.nav ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.nav ul li {

  width: 24%;

  float: left;

  flex-direction: column;

  flex: 0 0 24%;

  margin-bottom: 0.15625rem;

  padding: 0.078125rem;

}

.nav ul li a {

  border-radius: 5px;

  background: #1c304c;

  font-size: 0.375rem;

  text-align: center;

  line-height: 0.9375rem;

  color: #fff;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-weight: 100;

  border: 1px solid #fff;

  display: block;

}

.title {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  align-items: center;

  position: relative;

  padding-bottom: 0.234375rem;

  border-bottom: 1px solid #dededf;

}

.title .titleL {

  width: 70%;

  float: left;

  flex-direction: column;

  flex: 0 0 70%;

}

.title .titleL h4 {

  font-weight: bold;

  font-size: 0.625rem;

  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

}

.title .titleL h4 i {

  color: #1c304c;

  text-transform: uppercase;

  display: inline-block;

  float: left;

  font-weight: bold;

  line-height: 1;

}

.title .titleL h4 span {

  display: inline-block;

  color: #333;

  line-height: 1;

  float: left;

}

.title .titleL h4::after {

  content: "";

  clear: both;

  width: 0;

  height: 0;

  display: block;

  visibility: hidden;

}

.title .titleL h3 {

  font-size: 0.375rem;

  color: #666;

}

.title .titleR {

  width: 28%;

  float: left;

  flex-direction: column;

  flex: 0 0 28%;

  font-size: 0.375rem;

  color: #333;

}

.title::after {

  content: "";

  width: 10%;

  height: 3px;

  background: #1c304c;

  position: absolute;

  bottom: -2px;

  left: 0;

}

.webChatHm {

  position: absolute;

  top: -1000%;

}

.webChatHm::after {

  content: "";

  width: 100%;

}

.webChatBox {

  width: 96%;

  border-radius: 10px;

  background: #fff;

  position: fixed;

  z-index: 999999999999999;

  left: 2%;

  top: 30%;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

  display: none;

}

.webChatBox .webChatBoxCenter {

  position: relative;

}

.webChatBox .webChatBoxCenter .webClose {

  width: 20px;

  height: 20px;

  background: url(../images/webChatclose.png) no-repeat center;

  position: absolute;

  top: -15px;

  right: 20px;

  background-size: 100%;

}

.webChatBox .webChatBoxCenter img {

  width: 10%;

  display: block;

  margin: 10% auto 0;

}

.webChatBox .webChatBoxCenter h4 {

  font-weight: bold;

  color: #000;

  text-align: center;

  font-size: 18px;

  padding-top: 10px;

}

.webChatBox .webChatBoxCenter p {

  font-size: 16px;

  text-align: center;

  margin-top: 10px;

}

.webChatBox .webChatBoxCenter span {

  padding: 5px 20px;

  background: #1aad19;

  font-size: 16px;

  line-height: 2;

  border-radius: 20px;

  color: #fff;

  display: block;

  margin: 0 auto;

  width: 30%;

  text-align: center;

  margin: 6% auto 6%;

}

.product {

  margin-top: 0.46875rem;

}

.product .productTitle ul li {

  margin-top: 0.46875rem;

  /* box-shadow: 0px 0px 24px 0px rgba(4, 7, 6, 0.05);

  border-radius: 50px 0px 0px 50px; */

  position: relative;

  width: 25%;

  padding: 0 5px;

}

.product .productTitle ul li::after {

  content: "";

  width: 1px;

  height: 12px;

  background: #1c304c;

  position: absolute;

  top: 0;

  left: 48%;

}

.product .productTitle ul li::before {

  content: "";

  width: 1px;

  height: 6px;

  background: #1c304c;

  position: absolute;

  top: 0;

  left: 52%;

}

.product .productTitle ul li a {

  height: 1.875rem;

  border: 1px solid #ccc;

  display: block;

  font-size: 0.375rem;

  padding: 0.15625rem;

  text-align: center;

}

.product .productTitle ul li a span {

  padding-top: 0.4125rem;

  line-height: 1;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.product .productTitle ul li a i {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  line-height: 1.5;

  display: block;

  color: #666;

}

.product .productTitle ul li.swiper-slide-thumb-active a {

  border-color: #1c304c;

}

.product .productTitle ul li.swiper-slide-thumb-active a span {

  color: #1c304c;

}

.product .produtList ul li {

  margin-top: 0.78125rem;

}

.product .produtList ul li .produtListCenter {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  width: 100%;

}

.product .produtList ul li .produtListCenter .produtListCenterImg {

  width: 48%;

  float: left;

  flex-direction: column;

  flex: 0 0 48%;

}

.product .produtList ul li .produtListCenter .produtListCenterImg .productListCenterImgs {

  display: block;

  width: 100%;

}

.product .produtList ul li .produtListCenter .produtListCenterImg .productListCenterImgs img {

  display: block;

  width: 100%;

  border-radius: 10px 10px 0 0;

  height: 3.125rem;

}

.product .produtList ul li .produtListCenter .produtListCenterImg .productListCentertext {

  display: block;

  width: 100%;

  padding-right: 20%;

  background: #fff;

  padding: 0.15625rem;

  position: relative;

}

.product .produtList ul li .produtListCenter .produtListCenterImg .productListCentertext i {

  font-size: 0.375rem;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding-right: 20%;

}

.product .produtList ul li .produtListCenter .produtListCenterImg .productListCentertext span {

  display: block;

  font-size: 0.375rem;

  color: #999899;

  position: relative;

}

.product .produtList ul li .produtListCenter .produtListCenterImg .productListCentertext span::after {

  content: "";

  width: 3.125rem;

  height: 1px;

  background: #ccc;

  position: absolute;

  right: 0;

  top: 0.3125rem;

}

.product .produtList ul li .produtListCenter .produtListCenterImg .productListCentertext::after {

  content: "+";

  width: 0.9375rem;

  height: 0.9375rem;

  background: #1c304c;

  position: absolute;

  bottom: 0;

  right: 0;

  border-radius: 30px 0 0 0;

  color: #fff;

  font-size: 0.46875rem;

  box-sizing: border-box;

  line-height: 1;

  padding-top: 0.3125rem;

  padding-right: 0.15625rem;

  text-align: right;

}

.product .produtList ul li .produtListCenterBottom {

  margin-top: 0.3125rem;

}

.product .produtList ul li .produtListCenterBottom .produtListCenterBottomList {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  position: relative;

  padding-top: 0.3125rem;

  padding-bottom: 0.3125rem;

  margin-top: 0.46875rem;

}

.product .produtList ul li .produtListCenterBottom .produtListCenterBottomList .produtListCenterBottomListImg {

  width: 30%;

  float: left;

  flex-direction: column;

  flex: 0 0 30%;

  position: relative;

  z-index: 2;

}

.product .produtList ul li .produtListCenterBottom .produtListCenterBottomList .produtListCenterBottomListImg img {

  display: block;

  width: 100%;

  height: 2.5rem;

}

.product .produtList ul li .produtListCenterBottom .produtListCenterBottomList .produtListCenterBottomListText {

  width: 66%;

  float: left;

  flex-direction: column;

  flex: 0 0 66%;

  position: relative;

  z-index: 2;

  padding-right: 0.234375rem;

}

.product .produtList ul li .produtListCenterBottom .produtListCenterBottomList .produtListCenterBottomListText span {

  font-size: 0.375rem;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.product .produtList ul li .produtListCenterBottom .produtListCenterBottomList .produtListCenterBottomListText i {

  font-size: 0.3125rem;

  line-height: 1.5;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  margin-top: 0.15625rem;

  margin-bottom: 0.15625rem;

}

.product .produtList ul li .produtListCenterBottom .produtListCenterBottomList .produtListCenterBottomListText em {

  display: table-cell;

  font-size: 0.3125rem;

  background: #1c304c;

  color: #fff;

  padding: 0.078125rem;

}

.product .produtList ul li .produtListCenterBottom .produtListCenterBottomList::after {

  width: 90%;

  height: 100%;

  background: #fff;

  content: "";

  position: absolute;

  top: 0;

  right: -0.3125rem;

  border-radius: 20px 0 0 20px;

  box-shadow: 0px 0px 24px 0px rgba(4, 7, 6, 0.05);

  border-radius: 50px 0px 0px 50px;

}

.reason {

  margin-top: 0.78125rem;

  position: relative;

}

.reason .reasontop {

  position: absolute;

  z-index: 1;

}

.reason .reasontop .reasonTopL {

  width: 70%;

  background: #1c304c;

  padding-top: 0.78125rem;

}

.reason .reasontop .reasonTopL img {

  width: 100%;

  display: block;

  padding-left: 0.234375rem;

  padding-right: 0.46875rem;

  z-index: 999;

  position: relative;

  z-index: 999999;

}

.reason .reasontop .reasonTopR {

  width: 30%;

  height: 2.34375rem;

  background: #f7f7f7;

  position: absolute;

  top: 0;

  right: 0;

}

.reason .reasonCenter {

  width: 100%;

  padding-top: 2.34375rem;

  padding-left: 0.9375rem;

  background: #1c304c url(../images/resaonBg.png) no-repeat 0% bottom;

  background-size: 40%;

}

.reason .reasonCenter ul {

  padding-bottom: 0.625rem;

}

.reason .reasonCenter ul li img {

  width: 100%;

}

.reason .reasonCenter ul li h4 {

  color: #fff;

  font-size: 0.4375rem;

  font-weight: bold;

  display: block;

  padding-top: 0.15625rem;

  padding-bottom: 0.3125rem;

}

.reason .reasonCenter ul li i {

  font-weight: bold;

  width: 20%;

  height: 2px;

  background: #fff;

  display: block;

}

.reason .reasonCenter ul li p {

  font-weight: normal;

  font-size: 0.3125rem;

  color: #fff;

  line-height: 0.5625rem;

  padding-top: 0.3125rem;

  padding-right: 0.234375rem;

}

.case{

  padding-top: 0.46875rem;

  display: none;

}

.case .caseBox .caseTop {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  width: 100%;

  margin-top: 0.5625rem;

  padding-bottom: 0.46875rem;

  border-bottom: 1px dashed #ddd;

}

.case .caseBox .caseTop .caseTopImg {

  width: 48%;

  float: left;

  flex-direction: column;

  flex: 0 0 48%;

  display: block;

  padding: 21% 0;

  position: relative;

  background: #fbfbfb;

  border: 1px solid #dddddd;

}

.case .caseBox .caseTop .caseTopImg img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  margin: auto;

  object-fit: cover;

  padding-top: 0.15625rem;

  padding-left: 0.15625rem;

  padding-right: 0.15625rem;

  padding-bottom: 0.15625rem;

}

.case .caseBox .caseTop .caseTopText {

  width: 48%;

  float: left;

  flex-direction: column;

  flex: 0 0 48%;

}

.case .caseBox .caseTop .caseTopText span {

  font-size: 0.375rem;

  font-weight: bold;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  line-height: 2;

}

.case .caseBox .caseTop .caseTopText i {

  width: 0.375rem;

  height: 0.03125rem;

  background: #333;

  display: block;

  margin-top: 0.3125rem;

  margin-bottom: 0.3125rem;

}

.case .caseBox .caseTop .caseTopText em {

  display: block;

  font-size: 0.3125rem;

  color: #666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  line-height: 0.5625rem;

}

.case .caseBox .caseTop .caseTopText b {

  font-size: 0.3125rem;

  width: 1.875rem;

  height: 0.625rem;

  display: block;

  background: #1c304c;

  line-height: 0.625rem;

  text-align: center;

  color: #fff;

  font-weight: normal;

  margin-top: 0.3125rem;

}

.case .caseBox .caseBoxBottom ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-top: 0.46875rem;

}

.case .caseBox .caseBoxBottom ul li {

  margin-bottom: 0.46875rem;

  width: 48%;

  float: left;

  flex-direction: column;

  flex: 0 0 48%;

  border: 1px solid #ddd;

  padding: 0.15625rem;

  padding-bottom: 0rem;

  background: #fbfbfb;

}

.case .caseBox .caseBoxBottom ul li a.productBoxImg {

  position: relative;

  padding: 41% 0;

  display: block;

}

.case .caseBox .caseBoxBottom ul li a.productBoxImg img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  margin: auto;

}

.case .caseBox .caseBoxBottom ul li .productBoxText {

  font-size: 0.34375rem;

  line-height: 2.5;

  padding-right: 0.78125rem;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  background: url(../images/productBoxText.png) no-repeat center right;

  background-size: 0.46875rem;

}

.about .aboutTitle {

  width: 100%;

  height: 3.59375rem;

  background: url(../images/aboutBg.png) no-repeat center bottom #1c304c;

  background-size: contain;

}

.about .aboutTitle h4 {

  font-size: 0.625rem;

  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

  text-align: center;

  color: #fff;

  text-transform: uppercase;

  font-weight: bold;

  padding-top: 0.78125rem;

}

.about .aboutTitle span {

  font-weight: normal;

  font-size: 0.4275rem;

  text-align: center;

  display: block;

  color: #fff;

}

.about .aboutBox {

  background: #fff;

  padding-bottom: 0.3125rem;

}

.about .aboutBox .aboutBoxList ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  width: 100%;

}

.about .aboutBox .aboutBoxList ul li {

  width: 30%;

  float: left;

  flex-direction: column;

  flex: 0 0 30%;

  padding-top: 0.46875rem;

  position: relative;

}

.about .aboutBox .aboutBoxList ul li::after {

  content: "";

  width: 1px;

  height: 0.9375rem;

  background: #fff;

  position: absolute;

  bottom: 1.71875rem;

  left: 0.46875rem;

}

.about .aboutBox .aboutBoxList ul li::before {

  content: "";

  width: 1px;

  height: 0.8125rem;

  background: #1c304c;

  position: absolute;

  bottom: 1.25rem;

  left: 0.46875rem;

  z-index: 2;

}

.about .aboutBox .aboutBoxList ul li a {

  display: block;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  align-items: center;

  position: relative;

}

.about .aboutBox .aboutBoxList ul li a::after {

  content: "";

  width: 0.125rem;

  height: 0.09375rem;

  background: #fff;

  position: absolute;

  top: -1.0625rem;

  left: 0.40625rem;

  border-radius: 50%;

}

.about .aboutBox .aboutBoxList ul li a i {

  width: 0.90625rem;

  float: left;

  flex-direction: column;

  flex: 0 0 0.90625rem;

  height: 0.90625rem;

  background: #1c304c;

  border-radius: 50%;

  display: block;

  padding: 0.15625rem;

}

.about .aboutBox .aboutBoxList ul li a i img {

  width: 100%;

  height: 100%;

  display: block;

  object-fit: contain;

}

.about .aboutBox .aboutBoxList ul li a span {

  flex: 1;

  padding-left: 0.15625rem;

}

.about .aboutBox .aboutBoxList ul li a span b {

  font-size: 0.375rem;

  line-height: 1;

  display: block;

  font-weight: normal;

  color: #1c304c;

}

.about .aboutBox .aboutBoxList ul li a span em {

  font-size: 0.25rem;

  line-height: 1;

  display: block;

  color: #666;

  text-transform: uppercase;

}

.about .aboutBox .aboutBoxList ul li:nth-child(2) a i,

.about .aboutBox .aboutBoxList ul li:nth-child(3) a i {

  background: #fff;

  box-shadow: 0px 7px 38px 0px rgba(4, 7, 6, 0.08);

  border: solid 1px #ecf0f0;

}

.about .aboutBox .aboutBoxList ul li:nth-child(2) a span,

.about .aboutBox .aboutBoxList ul li:nth-child(3) a span {

  color: #1c304c;

}

.about .aboutBox .aboutImg {

  display: block;

  width: 100%;

  margin-top: 0.46875rem;

  position: relative;

}

.about .aboutBox .aboutImg img {

  display: block;

  width: 100%;

}

.about .aboutBox .aboutImg::after {

  content: "";

  height: 0.625rem;

  background: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 2;

  width: 100%;

  border-radius: 20px 20px 0 0;

}

.about .aboutBox h4 {

  font-size: 0.46875rem;

  font-weight: bold;

  text-align: center;

  display: block;

}

.about .aboutBox i {

  width: 0.9375rem;

  height: 2px;

  background: #1c304c;

  display: block;

  margin: 0 auto;

  margin-top: 0.34375rem;

  margin-bottom: 0.34375rem;

}

.about .aboutBox p {

  font-size: 0.375rem;

  display: block;

  line-height: 2;

  text-align: center;

}

.about .aboutBox .aboutMore {

  font-size: 0.3125rem;

  width: 1.875rem;

  height: 0.625rem;

  display: block;

  background: #1c304c;

  line-height: 0.625rem;

  text-align: center;

  color: #fff;

  font-weight: normal;

  margin: 0 auto;

  margin-top: 0.5125rem;

  margin-bottom: 0.5125rem;

}

.news {

  padding-top: 0.46875rem;

}

.news .title {

  align-items: center;

}

.news .title .titleL {

  width: 34%;

  float: left;

  flex-direction: column;

  flex: 0 0 34%;

}

.news .title .titleR1 {

  width: 65%;

  float: left;

  flex-direction: column;

  flex: 0 0 65%;

}

.news .title .titleR1 ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.news .title .titleR1 ul li {

  width: 32%;

  float: left;

  flex-direction: column;

  flex: 0 0 32%;

  height: 0.6875rem;

  background: #e6e6e6;

  margin-top: 0.3125rem;

}

.news .title .titleR1 ul li a {

  display: block;

  font-size: 0.34375rem;

  height: 0.6875rem;

  line-height: 0.6875rem;

  text-align: center;

}

.news .title .titleR1 ul li.on {

  background: #1c304c;

}

.news .title .titleR1 ul li.on a {

  color: #fff;

}

.news {

  margin-bottom: 0.46875rem;

}

.news ul li {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-top: 0.625rem;

}

.news ul li .newsBoxL {

  width: 20%;

  float: left;

  flex-direction: column;

  flex: 0 0 20%;

}

.news ul li .newsBoxL i {

  font-size: 0.4375rem;

  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

  display: block;

  text-align: center;

}

.news ul li .newsBoxL em {

  text-align: center;

  font-size: 0.28125rem;

  display: block;

}

.news ul li .newsBoxR {

  width: 76%;

  float: left;

  flex-direction: column;

  flex: 0 0 76%;

  background: #fff;

  position: relative;

  padding: 0.15625rem;

}

.news ul li .newsBoxR a {

  display: block;

  font-size: 0.375rem;

    display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.news ul li .newsBoxR span {

  display: block;

  font-size: 0.3125rem;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  color: #666;

  padding-top: 0.15625rem;

}

.news ul li .newsBoxR::after {

  content: "";

  width: 5px;

  height: 100%;

  background: #1c304c;

  position: absolute;

  top: 0;

  left: -5px;

  border-radius: 5px 0 0 5px;

}

.form {

  position: relative;

  margin-bottom: 0.625rem;

}

.form::before {

  content: "";

  display: inline-block;

  position: absolute;

  width: 100%;

  height: 9.375rem;

  top: -1.82812rem;

  left: 0px;

  z-index: -1;

  background: url("../images/form-bg.png") center center / cover no-repeat;

}

.form .formBox {

  text-align: right;

}

.form .formBox p {

  font-family: Arial;

  font-size: 0.625rem;

  font-weight: bold;

  line-height: 0.625rem;

  color: #1c304c;

  margin-top: 1.01562rem;

  margin-bottom: 0.625rem;

}

.form .formBox div {

  position: relative;

  height: 0.78125rem;

  margin-bottom: 0.296875rem;

}

.form .formBox div i {

  display: inline-block;

  color: #333333;

  font-size: 0.375rem;

  line-height: 0.625rem;

  vertical-align: top;

  transform: translateX(0.2rem);

}

.form .formBox div input {

  font-size: 0.21875rem;

  color: #333333;

  vertical-align: top;

  width: 4.21875rem;

  height: 0.765625rem;

  background-color: #ffffff;

  box-shadow: rgba(0, 0, 0, 0.05) 0px -3px 10px 0px;

  border: 1px solid #eeeeee;

  padding-left: 0.15625rem;

  padding-right: 0.15625rem;

}

.form .formBox div:nth-of-type(3) {

  height: 1.40625rem;

}

.form .formBox div:nth-of-type(3) input {

  width: 50%;

}

.form .formBox div textarea {

  vertical-align: top;

  width: 4.21875rem;

  height: 1.40625rem;

  background-color: #ffffff;

  box-shadow: rgba(0, 0, 0, 0.05) 0px -3px 10px 0px;

  border: 1px solid #eeeeee;

  padding: 0.15625rem;

}

.form .formBox div img {

  width: 1.4375rem;

  height: 0.59375rem;

  object-fit: cover;

  position: absolute;

  top: 5px;

  right: 0.125rem;

}

.form .formBox button {

  width: 2.67188rem;

  height: 0.765625rem;

  background-color: #1c304c;

  color: #ffffff;

  font-size: 0.375rem;

  border: 0px;

  display: block;

  margin-left: auto;

  margin-top: 0.234375rem;

}

.footer .footerTelBox p {

  text-align: center;

}

.footer .footerTelBox p:first-child {

  font-size: 0.375rem;

  line-height: 0.90625rem;

  color: #444444;

}

.footer .footerTelBox p:last-child {

  font-family: Arial;

  font-size: 0.75rem;

  line-height: 0.90625rem;

  color: #1c304c;

}

.footer .text {

  font-family: Arial;

  color: #444444;

  font-size: 0.34375rem;

  line-height: 0.75rem;

  text-align: center;

  margin-top: 0.46875rem;

  margin-bottom: 2.65625rem;

}

.footer .text img {

  vertical-align: middle;

}