@charset "utf-8";
/*-----------------------------------------------------------*/

/*Generated by wjdhcms 3.0 */

* {

  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: #fff;

}

*: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;

}

.dl-container {

  padding-left: 0.3125rem;

  padding-right: 0.3125rem;

}

.headerTop {

  width: 100%;

  height: 1.5625rem;

  position: relative;

  background: #fff;

}

.headerTop .headerText {

  position: absolute;

  top: 0;

  left: 0;

  padding-left:0.5rem;

  padding-right: 1.5625rem;

  width: 100%;

  height: 1.5625rem;

}

.headerTop .headerText img {

  display: block;

  height:1.3rem;

  margin:0 auto;

  margin-top:0.2rem;

}

.headerTop .heaederMenuBox {

  position: absolute;

  right: 0;

  width: 1.5625rem;

  height: 1.5625rem;

  background: rgba(70, 160, 0, 0.05);

}

.headerTop .heaederMenuBox .heaederMenu {

  position: relative;

}

.headerTop .heaederMenuBox .heaederMenu::after {

  content: "";

  width: 0.375rem;

  height: 0.046875rem;

  position: absolute;

  background: #be0a18;

  top: 0.53125rem;

  left: 0.5rem;

}

.headerTop .heaederMenuBox .heaederMenu span {

  width: 0.5625rem;

  height: 0.046875rem;

  background: #be0a18;

  position: absolute;

  top: 0.75rem;

  left: 0.5rem;

}

.headerTop .heaederMenuBox .heaederMenu::before {

  content: "";

  width: 0.375rem;

  height: 0.046875rem;

  position: absolute;

  background: #be0a18;

  top: 0.96875rem;

  left: 0.5rem;

}

.Nav {

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  z-index: 999999999999999999999999999999;

  left: 0;

  background: #be0a18;

  display: none;

  overflow-x: hidden;

}

.Nav .navBox .close {

  height: 0.78125rem;

  width: 0.78125rem;

  position: absolute;

  top: 2%;

  right: 2%;

}

.Nav .navBox .close img {

  width: 100%;

}

.Nav .navBox h4 {

  text-align: center;

  color: #fff;

  font-size: 0.625rem;

  margin-top: 0.9375rem;

  font-weight: bold;

}

.Nav .navBox ul {

  width: 100%;

  padding: 0 10%;

  margin-top: 10%;

}

.Nav .navBox ul li a {

  display: block;

  text-align: center;

  line-height: 3.5;

  color: #fff;

  font-size: 0.375rem;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.banner {

  width: 100%;

}

.banner ul li a {

  display: block;

}

.banner ul li a img {

  width: 100%;

  display: block;

}

.indexnav ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.indexnav ul li {

  width: 25%;

  float: left;

  flex-direction: column;

  flex: 0 0 25%;

  position: relative;

  height: 1.25rem;

}

.indexnav ul li a {

  height: 1.25rem;

  font-size: 0.34375rem;

  padding-left: 0.15625rem;

  padding-right: 0.15625rem;

  line-height: 1.25rem;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  text-align: center;

}

.indexnav ul li:nth-child(1)::after,

.indexnav ul li:nth-child(2)::after,

.indexnav ul li:nth-child(3)::after,

.indexnav ul li:nth-child(5)::after,

.indexnav ul li:nth-child(6)::after,

.indexnav ul li:nth-child(7)::after {

  content: "";

  position: absolute;

  width: 1px;

  height: 1.25rem;

  background: #eee;

  top: 0;

  right: 0;

}

.indexnav ul li:nth-child(1)::before,

.indexnav ul li:nth-child(2)::before,

.indexnav ul li:nth-child(3)::before,

.indexnav ul li:nth-child(4)::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 1px;

  background: #eee;

  bottom: 0;

  right: 0;

}

.title {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  align-items: center;

}

.title .titleL {

  width: 50%;

  float: left;

  flex-direction: column;

  flex: 0 0 50%;

}

.title .titleL a {

  display: block;

  position: relative;

}

.title .titleL a i {

  font-family: 'Simsun', '宋体';

  font-weight: bold;

  font-size: 0.5625rem;

  display: inline-block;

  vertical-align: top;

  float: left;

}

.title .titleL a span {

  font-family: 'Simsun', '宋体';

  font-weight: bold;

  font-size: 0.46875rem;

  display: inline-block;

  float: left;

  vertical-align: top;

  margin-top: 0.15625rem;

}

.title .titleL a::after {

  content: "";

  width: 0.25rem;

  height: 0.234375rem;

  background: rgba(70, 160, 0, 0.3);

  position: absolute;

  border-radius: 50%;

  left: 0;

  top: 0.53125rem;

}

.title .titleL a::before {

  content: "";

  width: 0.25rem;

  height: 0.234375rem;

  background: rgba(70, 160, 0, 0.3);

  position: absolute;

  border-radius: 50%;

  left: 0.78125rem;

  top: 0.15625rem;

}

.title .titleL a b {

  font-weight: bold;

  font-size: 0.46875rem;

  padding-left: 10px;

  padding-right: 10px;

  float: left;

  margin-top: 0.09375rem;

}

.title .titleL a em {

  font-size: 0.28125rem;

  color: #ccc;

  margin-top: 0.15625rem;

  float: left;

}

.title .titleR {

  width: 50%;

  float: left;

  flex-direction: column;

  flex: 0 0 50%;

}

.title .titleR a {

  font-size: 0.3125rem;

  color: #999;

  text-align: center;

  text-align: right;

  text-transform: uppercase;

  display: block;

  letter-spacing: 3px;

}

.product {

  border-radius: 0.625rem 0.625rem 0 0;

  background: #f5f5f5 url(../images/product.png) no-repeat 0rem 0.2rem;

  padding-top: 0.46875rem;

  padding-bottom: 0.625rem;

}

.product .productBox {

  background: #fff;

  border-radius: 0.15625rem;

  margin-top: 0.3125rem;

  padding-bottom: 0.3rem;

}

.product .productBox .productTitle ul li {

  font-size: 0.3125rem;

  text-align: center;

  margin-top: 0.3125rem;

  padding-left: 0.3125rem;

  padding-right: 0.3125rem;

  position: relative;

}

.product .productBox .productTitle ul li a {

  font-size: 0.375rem;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

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

  color: #be0a18;

  font-weight: bold;

}

.product .productBox .productTitle ul li.swiper-slide-active::after {

  content: "";

  width: 0.109375rem;

  height: 0.09375rem;

  background: #be0a18;

  position: absolute;

  top: 0;

  border-radius: 50%;

  left: 0.09375rem;

  top: 0.25rem;

}

.product .productBox .productTitle ul li.swiper-slide-active::before {

  content: "";

  width: 0.109375rem;

  height: 0.09375rem;

  background: #be0a18;

  position: absolute;

  top: 0;

  border-radius: 50%;

  right: 0.09375rem;

  top: 0.25rem;

}

.product .productBox .productList {

  padding-left: 0.3125rem;

  padding-right: 0.3125rem;

}

.product .productBox .productList ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.product .productBox .productList ul li {

  width: 48%;

  float: left;

  flex-direction: column;

  flex: 0 0 48%;

  margin-top: 0.3125rem;

}

.product .productBox .productList ul li .productListImg {

  display: block;

  height: 3.125rem;

  overflow: hidden;

}

.product .productBox .productList ul li .productListImg img {

  width: 100%;

  height: 3.125rem;

  object-fit: cover;

  border-radius: 0.15625rem;

}

.product .productBox .productList ul li .productListText {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  position: relative;

  font-size: 0.34375rem;

  line-height: 0.78125rem;

  padding-right: 0.625rem;

  color: #666;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.product .productBox .productList ul li .productListText i {

  font-size: 0.3125rem;

  line-height: 0.78125rem;

  position: absolute;

  right: 0;

  width: 0.625rem;

  text-align: center;

}

.reason {

  margin-top: 0.78125rem;

  position: relative;

}

.reason .reasonList ul li img {

  display: block;

  width: 100%;

  height: 8.59375rem;

  object-fit: cover;

}

.reason .reasonList ul li .reasonBox {

  padding-bottom: 0.46875rem;

}

.reason .reasonList ul li .reasonBox .reasonBoxCenter {

  background: rgba(255, 255, 255, 0.95);

  border-radius: 0 0 0.3125rem 0.3125rem;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 250px 0px rgba(255, 255, 255, 0.35);

  padding-left: 0.3125rem;

  padding-right: 1.875rem;

  overflow: hidden;

  position: relative;

}

.reason .reasonList ul li .reasonBox .reasonBoxCenter .reasonBoxCenterTitle {

  font-size: 0.375rem;

  padding-top: 0.46875rem;

}

.reason .reasonList ul li .reasonBox .reasonBoxCenter .reasonBoxCenterTitle i {

  color: #be0a18;

}

.reason .reasonList ul li .reasonBox .reasonBoxCenter .reasonBoxCenterTitle b {

  font-weight: normal;

  color: #999;

}

.reason .reasonList ul li .reasonBox .reasonBoxCenter .reasonBoxCenterTitle span {

  font-size: 0.4375rem;

}

.reason .reasonList ul li .reasonBox .reasonBoxCenter p {

  font-size: 0.28125rem;

  line-height: 0.625rem;

  color: #777;

  padding-bottom: 0.625rem;

  padding-top: 0.3125rem;

}

.reason .reasonList ul li .reasonBox .reasonBoxCenter .reasonBoxCenter1 {

  position: absolute;

  background: #be0a18;

  width: 3.75rem;

  height: 3.75rem;

  bottom: -1.875rem;

  right: -1.875rem;

  border-radius: 50%;

}

.reason .reasonList ul li .reasonBox .reasonBoxCenter .reasonBoxCenter2 {

  position: absolute;

  background: rgba(255, 255, 255, 0.1);

  width: 3.125rem;

  height: 3.125rem;

  bottom: -1.5625rem;

  right: -1.5625rem;

  border-radius: 50%;

}

.reason .reasonList ul li .reasonBox .reasonBoxCenter .reasonBoxCenter3 {

  position: absolute;

  background: rgba(255, 255, 255, 0.1);

  width: 2.5rem;

  height: 2.5rem;

  bottom: -1.25rem;

  right: -1.25rem;

  border-radius: 50%;

}

.reason .reasonList ul li .reasonBox .reasonBoxCenter .reasonBoxCenter4 {

  position: absolute;

  width: 1.21875rem;

  height: 1.40625rem;

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

  bottom: 0.15625rem;

  right: 0.15625rem;

  background-size: 80%;

}

.reason .reasonMenu {

  width: 100%;

  position: absolute;

  z-index: 2;

  top: 7.03125rem;

}

.reason .reasonMenu ul {

  height: 1.59375rem;

  background: rgba(255, 255, 255, 0.95);

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  border-radius: 0.3125rem 0.3125rem 0 0;

}

.reason .reasonMenu ul li {

  width: 25%;

  float: left;

  flex-direction: column;

  flex: 0 0 25%;

  height: 1.59375rem;

  position: relative;

}

.reason .reasonMenu ul li i {

  position: absolute;

  width: 100%;

  text-align: center;

  opacity: 0.1;

}

.reason .reasonMenu ul li span {

  position: absolute;

  top: 0.46875rem;

  font-weight: bold;

  color: #999;

  font-size: 0.375rem;

  width: 100%;

  display: inline-block;

  text-align: center;

  background: #f2f2f2;

}

.reason .reasonMenu ul li.on i {

  color: #be0a18;

  opacity: 0.1;

}

.reason .reasonMenu ul li.on span {

  color: #be0a18;

}

.adm {

  width: 100%;

  height: 2.5rem;

  position: relative;

}

.adm .admBg {

  width: 100%;

  position: relative;

}

.adm .admR {

  width: 74.6%;

  position: absolute;

  top: 0;

  right: 0;

  right: 0.3125rem;

}

.adm .admR .admRTop {

  height: 1.25rem;

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  align-items: center;

}

.adm .admR .admRTop .webchat {

  width: 20%;

  float: left;

  flex-direction: column;

  flex: 0 0 20%;

  height: 1.25rem;

  border-bottom: 1px solid #efefef;

  position: relative;

}

.adm .admR .admRTop .webchat::after {

  content: "";

  width: 1px;

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  background: #efefef;

}

.adm .admR .admRTop .webchat img {

  width: 0.625rem;

  height: 0.625rem;

  display: block;

  margin: 0 auto;

  margin-top: 0.3125rem;

}

.adm .admR .admRTop .admRTopText {

  width: 100%;

  float: left;

  flex-direction: column;

  flex: 0 0 100%;

  font-size: 0.3125rem;

  height: 1.25rem;

  line-height: 1.25rem;

  padding-left: 0.15625rem;

  padding-right: 0.15625rem;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  border-bottom: 1px solid #efefef;

  color: #444444;

  padding-left: 0.78125rem;

}

.adm .admR .admRBottom {

  height: 0.609375rem;

  line-height: 1.234375rem;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  justify-content: left;

}

.adm .admR .admRBottom i {

  width: 67%;

  float: left;

  flex-direction: column;

  flex: 0 0 67%;

  font-size: 0.46875rem;

  font-weight: bold;

  line-height: 1.234375rem;

  text-align: right;

  padding-right: 0.3125rem;

}

.adm .admR .admRBottom a {

  width: 0.71875rem;

  height: 0.71875rem;

  background: #be0a18;

  border-radius: 50%;

  margin-top: 0.15625rem;

  margin-left: 0.46875rem;

  padding: 0.15625rem;

}

.adm .admR .admRBottom a img {

  display: block;

  box-sizing: border-box;

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.case {

  padding-top: 0.3125rem;

}

.case .caseBox {

  margin-top: 0.625rem;

  padding-right: 0.78125rem;

  position: relative;

}

.case .caseBox ul li {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.case .caseBox ul li .caseR {

  width: 100%;

  float: left;

  flex-direction: column;

  flex: 0 0 100%;

  background-color: #f2f2f2;

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

  border-radius: 10px;

  padding: 0.15625rem;

}

.case .caseBox ul li .caseR .caseImg {

  width: 100%;

  display: block;

}

.case .caseBox ul li .caseR .caseImg img {

  width: 100%;

  display: block;

  height: 2.34375rem;

}

.case .caseBox ul li .caseR .caseText a {

  margin-top: 0.15625rem;

  margin-bottom: 0.15625rem;

  font-size: 0.40625rem;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  position: relative;

}

.case .caseBox ul li .caseR .caseText span {

  display: block;

  font-size: 0.3125rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  color: #666;

}

.case .caseBox ul li.swiper-slide-active .caseL i {

  background: #be0a18;

}

.case .caseBox ul li.swiper-slide-active .caseR .caseText a::after {

  color: #be0a18;

}

.case .caseBoxMore {

  width: 0.78125rem;

  position: absolute;

  right: 0;

  background: #be0a18;

  top: 1.25rem;

  padding-top: 0.15625rem;

  padding-bottom: 0.15625rem;

  font-size: 0.375rem;

  text-align: center;

  color: #fff;

  border-radius: 0.2125rem 0 0 0.2125rem;

}

.reason .caseBoxMore {

  width: 0.78125rem;

  position: absolute;

  right: 0;

  background: #be0a18;
bottom: 145px;

  padding-top: 0.15625rem;

  padding-bottom: 0.15625rem;

  font-size: 0.375rem;

  text-align: center;

  color: #fff;
  z-index: 999;

  border-radius: 0.2125rem 0 0 0.2125rem;

}
.about {

  margin-top: 0.78125rem;

}

.about .aboutTop {

  width: 100%;

  display: block;

  position: relative;

}

.about .aboutTop img {

  display: block;

  width: 100%;

}

.about .aboutTop .aboutTitle {

  position: absolute;

  bottom: 0;

  left: 0;

  padding-left: 0.3125rem;

  padding-right: 0.3125rem;

  width: 100%;

  height: 1.25rem;

  align-items: flex-end;

}

.about .aboutTop .aboutTitle .aboutTitleL {

  font-size: 0.46875rem;

  width: 100%;

  background: #ffffff;

  border-bottom: 1px dashed #f2f2f2;

  height: 1.25rem;

  line-height: 1.25rem;

  text-align: center;

  border-radius: 0.125rem 0.125rem 0 0;

}

.about .aboutTop .aboutTitle .title {

  width: 28%;

  float: left;

  flex-direction: column;

  flex: 0 0 28%;

}

.about .aboutTop .aboutTitle .title a {

  position: relative;

  display: block;

  line-height: 1;

}

.about .aboutTop .aboutTitle .title a::after {

  content: "";

  width: 0.46875rem;

  height: 0.46875rem;

  background-image: linear-gradient(0deg, #eeeeee 0%, #1b72de 100%), linear-gradient(#1b72de, #1b72de);

  background-blend-mode: normal,

                            normal;

  position: absolute;

  top: -0.15625rem;

  right: -0.15625rem;

  border-radius: 50%;

}

.about .aboutTop .aboutTitle .title a b {

  font-size: 0.46875rem;

  line-height: 1;

  position: relative;

  z-index: 2;

  display: block;

  text-align: right;

}

.about .aboutTop .aboutTitle .title a b em {

  font-weight: bold;

  padding-right: 0.46875rem;

  position: relative;

}

.about .aboutTop .aboutTitle .title a b em::after {

  content: "";

  width: 1px;

  height: 70%;

  background: #ccc;

  position: absolute;

  top: 15%;

  right: 0.234375rem;

}

.about .aboutTop .aboutTitle .title a b i {

  font-weight: bold;

}

.about .aboutTop .aboutTitle .title a span {

  font-size: 0.21875rem;

  line-height: 1;

  display: block;

  position: relative;

  z-index: 2;

  text-align: right;

  color: #fff;

}

.about .aboutCenter {

  background: #ffffff;

  border-radius: 0 0 0.3125rem 0.3125rem;

  box-shadow: 10px 20px 20px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 250px 0px rgba(255, 255, 255, 0.35);

  padding-left: 0.3125rem;

  padding-right: 0.3125rem;

  overflow: hidden;

  position: relative;

}

.about .aboutCenter p {

  padding-left: 0.3125rem;

  padding-right: 0.3125rem;

  font-size: 0.28125rem;

  line-height: 0.625rem;

  color: #666;

}

.about .aboutCenter .aboutList {

  margin-top: 0.78125rem;

}

.about .aboutCenter .aboutList ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  width: 100%;

}

.about .aboutCenter .aboutList ul li {

  width: 33.333333%;

  float: left;

  flex-direction: column;

  flex: 0 0 33.333333%;

  position: relative;

}

.about .aboutCenter .aboutList ul li a {

  display: block;

}

.about .aboutCenter .aboutList ul li a i {

  display: block;

  width: 0.96875rem;

  height: 0.96875rem;

  margin: 0 auto;

}

.about .aboutCenter .aboutList ul li a i img {

  width: 0.96875rem;

  height: 0.96875rem;

  display: block;

  margin: 0 auto;

  padding-top: 0.234375rem;

  overflow: hidden;

  object-fit: contain;

}

.about .aboutCenter .aboutList ul li a b {

  font-size: 0.375rem;

  text-align: center;

  margin-top: 0.3125rem;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-weight: normal;

  position: relative;

}

.about .aboutCenter .aboutList ul li a b::after {

  content: "";

  width: 4em;

  height: 0.09375rem;

  background: #ddd;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}

.about .aboutCenter .aboutList ul li:nth-child(2) {

  background-color: rgba(70, 160, 0, 0.05);

  margin-top: 0.15625rem;

}

.about .aboutCenter .aboutList ul li:nth-child(2) a b::after {

  background: #be0a18;

}

.news .title .titleR1 {

  width: 65%;

  float: left;

  flex-direction: column;

  flex: 0 0 65%;

}

.news .title .titleR1 ul {

  width: 100%;

  display: flex;

  justify-content: right;

  flex-wrap: wrap;

}

.news .title .titleR1 ul li {

  width: 32%;

  float: left;

  flex-direction: column;

  flex: 0 0 32%;

  height: 0.6875rem;

  border-radius: 0.125rem;

}

.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: #be0a18;

}

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

  color: #fff;

}

.news {

  margin-top: 0.625rem;

  overflow: hidden;

}

.news .title {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.news .title .titleL {

  width: 30%;

  float: left;

  flex-direction: column;

  flex: 0 0 30%;

}

.news .newsBox {

  overflow: hidden;

}

.news .newsBox .newsR {

  width: 100%;

  float: left;

  flex-direction: column;

  flex: 0 0 100%;

  margin-top: 0.46875rem;

}

.news .newsBox .newsR ul li .newsRtop {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  width: 100%;

}

.news .newsBox .newsR ul li .newsRtop .newsRtopL {

  width: 36%;

  float: left;

  flex-direction: column;

  flex: 0 0 36%;

}

.news .newsBox .newsR ul li .newsRtop .newsRtopL a {

  width: 100%;

}

.news .newsBox .newsR ul li .newsRtop .newsRtopL a img {

  display: block;

  width: 100%;

  height: 2.1875rem;

  object-fit: cover;

}

.news .newsBox .newsR ul li .newsRtop .newsRtopR {

  width: 60%;

  float: left;

  flex-direction: column;

  flex: 0 0 60%;

}

.news .newsBox .newsR ul li .newsRtop .newsRtopR a i {

  display: block;

  font-size: 0.3125rem;

  line-height: 2;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.news .newsBox .newsR ul li .newsRtop .newsRtopR a p {

  font-size: 0.25rem;

  line-height: 0.46875rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  color: #777;

}

.news .newsBox .newsR ul li .newsRtop .newsRtopR a em {

  font-size: 0.28125rem;

  display: block;

  line-height: 2;

  margin-top: 0.15625rem;

}

.news .newsBox .newsR ul li p a {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  line-height: 0.9375rem;

  border-bottom: 1px dashed #d3d5d4;

}

.news .newsBox .newsR ul li p a i {

  width: 70%;

  float: left;

  flex-direction: column;

  flex: 0 0 70%;

  font-size: 0.28125rem;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.news .newsBox .newsR ul li p a em {

  width: 26%;

  float: left;

  flex-direction: column;

  flex: 0 0 26%;

  text-align: right;

  font-size: 0.28125rem;

}

.footer {

  margin-top: 1.21875rem;

  margin-bottom: 100px;

}

.footer .footerBox {

  background: #fff url(../images/footerbg.jpg) no-repeat center top;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

  background-size: cover;

}

.footer .footerBox ul {

  padding-top: 0.234375rem;

  padding-bottom: 0.234375rem;

}

.footer .footerBox ul li {

  font-size: 0.3125rem;

  color: #555;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  justify-content: left;

  padding-top: 0.15625rem;

  padding-bottom: 0.15625rem;

}

.footer .footerBox ul li i {

  width: 0.59375rem;

  float: left;

  flex-direction: column;

  flex: 0 0 0.59375rem;

  height: 0.59375rem;

  background-color: #be0a18;

  box-shadow: -3px -3px 10px 1px #ffffff;

  border-radius: 50%;

  display: inline-block;

  padding-top: 0.15625rem;

  padding-left: 0.15625rem;

  padding-right: 0.15625rem;

  padding-bottom: 0.15625rem;

}

.footer .footerBox ul li i img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.footer .footerBox ul li b {

  width: 84%;

  float: left;

  flex-direction: column;

  flex: 0 0 84%;

  margin-left: 5%;

  font-weight: normal;

  line-height: 1.8;

}

.footer .footerBox ul li a {

  color: #555;

  padding-right: 0.15625rem;

}

.footer .footerBox ul li::after {

  content: "";

  clear: both;

  vertical-align: middle;

  overflow: hidden;

  visibility: hidden;

}

.footer .footerBox .title {

  margin-top: 0.625rem;

  padding-top: 0.46875rem;

}