* {



  padding: 0;



  margin: 0;



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



}







html {



  font-size: 100px;



}







body {



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



  color: #333;



  margin: 0;



  line-height: 1.5;



}







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



}







.left {



  float: left;



}







.right {



  float: right;



}







.clearboth {



  clear: both;



}







.nybanner {



  width: 100%;



  display: block;



}







.nybanner img {



  width: 100%;



  display: block;



}







.dl-container {



  max-width: 1360px;



  margin: 0 auto;



  position: relative;



  z-index: 5;



}







.bodyColor {



  background: #f8fafb;



  overflow-y: hidden;



}







.clearboth {



  clear: both;



}







.nycase {



  position: relative;



  top: -0.5rem;



}







.nycase .nycaseBoxTop {



  width: 100%;



  background-color: #ffffff;



  box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.06);



  border-radius: 6px;



  overflow: hidden;



}







.nycase .nycaseBoxTop ul {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  align-items: center;



  overflow: hidden;



}







.nycase .nycaseBoxTop ul li {



  height: 1rem;



  flex: 1;



  text-align: center;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  overflow: hidden;



}







.nycase .nycaseBoxTop ul li a {



  display: block;



  line-height: 1rem;



  color: #333;



  padding: 0 0.2rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  position: relative;



}







.nycase .nycaseBoxTop ul li a img {



  width: 0.18rem;



  height: 1rem;



  object-fit: contain;



  vertical-align: inherit;



  margin: 0 0.1rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nycase .nycaseBoxTop ul li a img.nycaseBoxTopIco1 {



  display: inline-block;



}







.nycase .nycaseBoxTop ul li a img.nycaseBoxTopIco2 {



  display: none;



}







.nycase .nycaseBoxTop ul li a span {



  max-width: 70%;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  font-size: 0.16rem;



  display: inline-block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nycase .nycaseBoxTop ul li:hover {



  background: #d60a17;



}







.nycase .nycaseBoxTop ul li:hover a img.nycaseBoxTopIco1 {



  display: none;



}







.nycase .nycaseBoxTop ul li:hover a img.nycaseBoxTopIco2 {



  display: inline-block;



}







.nycase .nycaseBoxTop ul li:hover a span {



  color: #fff;



}







.nycase .nycaseBoxTop ul li.nycaseBoxTopActive {



  background: #d60a17;



}







.nycase .nycaseBoxTop ul li.nycaseBoxTopActive a {



  color: #fff;



}







.nycase .nycaseBoxTop ul li.nycaseBoxTopActive a img.nycaseBoxTopIco1 {



  display: none;



}







.nycase .nycaseBoxTop ul li.nycaseBoxTopActive a img.nycaseBoxTopIco2 {



  display: inline-block;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg {



  display: flex;



  /* justify-content: space-between; */



  flex-wrap: wrap;



  margin-top: 0.2rem;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li {



  flex: 0 0 31.333333%;



  justify-content: center;



  float: left;



  width: 31.3333333%;



  margin-top: 0.3rem;



  background: #fff;



  box-shadow: 0 5px 10px rgba(73, 53, 53, 0.03);



  margin: 0.15rem 1% 0.15rem;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li a.nycaseboxImg {



  width: 100%;



  border-radius: 3px;



  overflow: hidden;



  position: relative;



  padding: 34% 0;



  display: block;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li a.nycaseboxImg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  margin: auto;



  object-fit: cover;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li a.nycaseboxImg img {



  object-fit: contain;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li a.nycaseboxImg::before {



  z-index: 9;



  position: absolute;



  top: 0;



  width: 100%;



  height: 100%;



  background: rgba(214, 10, 23, 0.6);



  content: "";



  opacity: 0;



  transition: 0.5s;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li a.nycaseboxImg::after {



  opacity: 0;



  content: "";



  width: 0.6rem;



  height: 0.6rem;



  position: absolute;



  top: 50%;



  left: 50%;



  z-index: 99;



  background: url(../../img/nycaseboxImg.png) no-repeat center;



  transform: translate(-50%, -50%);



  transition: 0.8s;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li .nycaseboxText {



  padding: 0 0.54rem 0 0.17rem;



  line-height: 0.66rem;



  display: block;



  font-size: 0.18rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  position: relative;



  -webkit-transition: 0.5s;



  transition: 0.5s;







}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li .nycaseboxText::after {



  content: "";



  width: 0.14rem;



  height: 0.14rem;



  background: url(../../img/nycaseboxText.png) no-repeat center;



  position: absolute;



  top: 50%;



  right: 0.2rem;



  transform: translateY(-50%);



  opacity: 1;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  display: none;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li .nycaseboxText::before {



  content: "";



  width: 0.14rem;



  height: 0.14rem;



  background: url(../../img/nycaseboxText2.png) no-repeat center;



  position: absolute;



  top: 50%;



  right: 0.2rem;



  transform: translateY(-50%);



  -webkit-transition: 0.5s;



  transition: 0.5s;



  opacity: 0;



  display: none;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li:hover a.nycaseboxImg img {



  transform: scale(1.1);



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li:hover a.nycaseboxImg::before {



  opacity: 0;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li:hover a.nycaseboxImg::after {



  opacity: 0;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li:hover .nycaseboxText {



  color: #d60a17;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li:hover .nycaseboxText::after {



  opacity: 0;



}







.nycase .nycaseboxbottom ul.nycaseboxbottomImg li:hover .nycaseboxText::before {



  opacity: 1;



}







.addPage {



  padding-top: 0.5rem;



  padding-bottom: 0.3rem;



  text-align: center;



  color: #666666;



}







.addPage .page a {



  display: inline-block;



  width: auto;



  border: 1px solid #c3c3c3;



  margin: 3px 5px;



  text-align: center;



  color: #666666;



  font-family: "Microsoft Yahei";



  border-radius: 4px;



  -webkit-transition: 0.3s;



  padding: 5px 10px;



  transition: 0.3s;



  font-size: 14px;



  cursor: pointer;



  text-transform: capitalize;



}







.addPage .page a:hover {



  background-color: #d60a17;



  border-color: #d60a17;



  color: #fff;



}







.addPage .page span {



  display: inline-block;



  width: auto;



  border: 1px solid #c3c3c3;



  margin: 3px 5px;



  text-align: center;



  color: #666666;



  font-family: "Microsoft Yahei";



  border-radius: 4px;



  -webkit-transition: 0.3s;



  padding: 5px 10px;



  transition: 0.3s;



  font-size: 14px;



  cursor: pointer;



  text-transform: capitalize;



}







.addPage .page .current {



  background: #d60a17;



  color: #fff;



  border-color: #d60a17;



}







.addPage .page span:hover {



  background-color: #d60a17;



  border-color: #d60a17;



  color: #fff;



}







.caseXqBoxCenter {



  margin-top: 0.66rem;



  padding-bottom: 0.56rem;



}







.caseXqBoxCenter .caseXqBoxCenterBox {



  width: 100%;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL {



  width: 66.7%;



  float: left;



  background: #fff;



  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.02);



  color: #4d4d4d;



  position: relative;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLmenu {



  position: absolute;



  top: 0.5rem;



  left: -0.7rem;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLmenu a {



  width: 0.4rem;



  height: 0.4rem;



  display: block;



  margin-bottom: 0.2rem;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLmenu a img {



  width: 0.4rem;



  height: 0.4rem;



  display: block;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLmenu a.caseXqBoxCenterLmenuCenterIco em {



  position: relative;



  width: 0.4rem;



  height: 0.4rem;



  display: block;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLmenu a.caseXqBoxCenterLmenuCenterIco em::after {



  content: "";



  width: 0.2rem;



  height: 0.2rem;



  position: absolute;



  background: url(../../img/click.png) no-repeat center;



  bottom: 0;



  right: 0;



  opacity: 0;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLmenu a.caseXqBoxCenterLmenuCenterIco em:hover::after {



  animation: click 2.5s ease infinite;



  opacity: 1;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox {



  width: 90%;



  margin: 0.2rem auto 0;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox h4 {



  font-size: 0.28rem;



  line-height: 0.4rem;



  padding: 0.15rem 0;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopList {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding-top: 0.2rem;



  justify-content: left;



  border-bottom: 1px solid #e9e9e9;



  padding-bottom: 0.26rem;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopList .caseXqBoxCenterLBoxTopListSize {



  background: url(../../img/caseXqBoxCenterLBoxTopListSize.png) no-repeat center left;



  background-size: 0.15rem 0.13rem;



  padding-left: 0.25rem;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopList .caseXqBoxCenterLBoxTopListSize span {



  padding-left: 0.1rem;



  font-size: 0.14rem;



  color: #808080;



  cursor: pointer;



  display: inline-block;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopList .caseXqBoxCenterLBoxTopListSize span.on {



  color: #d60a17;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopList .caseXqBoxCenterLBoxTopListTime {



  margin-left: 0.8rem;



  background: url(../../img/caseXqBoxCenterLBoxTopListTime.png) no-repeat center left;



  background-size: 0.15rem 0.13rem;



  padding-left: 0.25rem;



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



  font-size: 0.14rem;



  color: #808080;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopList .caseXqBoxCenterLBoxTopListNum {



  margin-left: 0.8rem;



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



  font-size: 0.14rem;



  color: #808080;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopPage {



  padding-top: 0.2rem;



  font-size: 0.16rem;



  line-height: 2.1;



  color: #4d4d4d;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopPage video {



  width: 100% !important;



  display: block;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopPage img {



  max-width: 100%;



  display: inline-block;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopPage p{



  text-wrap: wrap !important;



  white-space: wrap;



    display: block;



    word-wrap: break-word;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopPage p span{



  text-wrap: wrap !important;



  white-space: wrap;



    display: block;



    word-wrap: break-word;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR {



  width: 31.1%;



  float: right;



  background: #fff;



  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.02);



  color: #4d4d4d;



  position: relative;



  padding: 0.3rem;



  box-sizing: border-box;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR h4 {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR h4 .caseXqBoxCenterRTitme {



  font-size: 0.18rem;



  color: #d60a17;



  line-height: 1;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR h4 .caseXqBoxCenterRTMore {



  color: #999999;



  text-transform: uppercase;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR h4 .caseXqBoxCenterRTMore:hover {



  color: #d60a17;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR ul li {



  margin-top: 0.2rem;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR ul li .caseXqBoxCenterRImg {



  position: relative;



  display: block;



  padding: 34% 0;



  overflow: hidden;



  border-radius: 0.05rem;



  display: none;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR ul li .caseXqBoxCenterRImg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  max-width: 100%;



  max-height: 100%;



  margin: auto;



  display: block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR ul li .caseXqBoxCenterRText {



  display: block;



  line-height: 0.26rem;



  font-size: 0.16rem;



  padding-top: 0.08rem;



  padding-bottom: 0.08rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR ul li:hover .caseXqBoxCenterRImg img {



  transform: scale(1.05);



}







.caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR ul li:hover .caseXqBoxCenterRText {



  color: #d60a17;



}







.right_y {



  border-top: 1px solid #e9e9e9;



  margin-top: 0.2rem;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  height: 0.88rem;



  line-height: 0.88rem;



  font-size: 0.16rem;



}







.right_y li {



  position: relative;



  box-sizing: border-box;



  flex: 0 0 50%;



  justify-content: center;



  float: left;



  width: 50%;



  padding: 0 0.2rem;



  height: 0.88rem;



  line-height: 0.88rem;



  color: #4d4d4d;



}







.right_y li span {



  padding: 0 0.2rem;



  height: 0.88rem;



  line-height: 0.88rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  vertical-align: top;



}







.right_y li a {



  height: 0.88rem;



  line-height: 0.88rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: inline-block;



  width: 80%;



  font-size: 0.16rem;



  color: #4d4d4d;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.right_y li:hover {



  color: #d60a17 !important;



}







.right_y li:hover a {



  color: #d60a17;



}







.right_y .left1::after {



  content: "";



  position: absolute;



  right: 0;



  top: 0;



  width: 1px;



  height: 100%;



  background: #e9e9e9;



}







.right_y .right1 {



  text-align: right;



}







.productXqBoxCenter .dl-container {



  position: relative;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox {



  width: 100%;



  background-color: #ffffff;



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



  border-radius: 3px;



  position: relative;



  top: -0.5rem;



  padding: 0.4rem 0 0;



  box-sizing: border-box;



}







.nyproduct .nyproductTop.nyproductTopTab {



  margin-bottom: 0.2rem;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox {



  top: 0;







}











.productXqBoxCenter .dl-container .productXqBoxCenterBox.productXqBoxCenterBoxMenuList {



  top: 0.5rem;



  flex: 0 0 76%;



  width: 76%;



}











.productXqBoxCenter .dl-container .productXqBoxCenterBox.productXqBoxCenterBoxR {



  flex: 0 0 76%;



  justify-content: center;



  float: left;



  width: 76%;



  margin-top: 0.5rem;



  top: 0;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop {



  padding: 0 0.4rem;



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  box-sizing: border-box;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL {



  width: 45.5%;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL .productXqBoxCenterBoxTopLBox ul li {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL .productXqBoxCenterBoxTopLBox ul li .productXqBoxCenterBoxL {



  flex: 0 0 100%;



  justify-content: center;



  float: left;



  width: 100%;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL .productXqBoxCenterBoxTopLBox ul li .productXqBoxCenterBoxL .productXqBoxCenterBoxLImg {



  background-color: #ffffff;



  border-radius: 4px;



  border: solid 1px #f3f3f3;



  position: relative;



  display: block;



  padding: 36.8% 0;



  overflow: hidden;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL .productXqBoxCenterBoxTopLBox ul li .productXqBoxCenterBoxL .productXqBoxCenterBoxLImg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  margin: auto;



  object-fit: cover;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL .productXqBoxCenterBoxTopLBox ul li:hover .productXqBoxCenterBoxL .productXqBoxCenterBoxLImg img {



  transform: scale(1.05);



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL .productXqBoxCenterBoxTopLBox ul li:hover .productXqBoxCenterBoxR .productXqBoxCenterBoxRTitle {



  color: #d60a17;



  transform: translateY(-5px);



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL .productXqBoxCenterBoxTopLBoxList {



  margin-top: 0.1rem;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL .productXqBoxCenterBoxTopLBoxList ul li {



  border-radius: 4px;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL .productXqBoxCenterBoxTopLBoxList ul li b {



  border: 1px solid #ccc;



  background-color: #ffffff;



  border-radius: 4px;



  border: solid 1px #f3f3f3;



  position: relative;



  display: block;



  padding: 32.8% 0;



  overflow: hidden;



  cursor: pointer;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL .productXqBoxCenterBoxTopLBoxList ul li b img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  margin: auto;



  object-fit: cover;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL .productXqBoxCenterBoxTopLBoxList ul li.swiper-slide-thumb-active b {



  border-color: #d60a17;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR {



  flex: 0 0 50%;



  justify-content: center;



  float: left;



  width: 50%;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRTitle {



  font-size: 0.24rem;



  display: block;



  padding: 0.1rem 0;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR span {



  color: #999;



  font-size: 0.14rem;



  padding-bottom: 0.3rem;



  display: block;



  padding-top: 0.2rem;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR p {



  font-size: 0.16rem;



  line-height: 0.3rem;



  color: #808080;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 3;



  -webkit-box-orient: vertical;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR p i {



  font-size: 0.18rem;



  color: #333;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRList {



  font-size: 0.18rem;



  line-height: 0.3rem;



  color: #333333;



  margin-top: 0.4rem;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRList dl {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRList dl dd {



  flex: 0 0 29.6%;



  justify-content: center;



  float: left;



  width: 29.6%;



  position: relative;



  margin-top: 0.3rem;



  overflow: hidden;



  border-radius: 0.05rem;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRList dl dd .productXqBoxCenterBoxRListImg {



  display: block;



  position: relative;



  padding: 39% 0;



  box-sizing: border-box;



  border-radius: 0.05rem;



  overflow: hidden;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRList dl dd .productXqBoxCenterBoxRListImg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  margin: auto;



  object-fit: cover;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRList dl dd .productXqBoxCenterBoxRListText {



  position: absolute;



  bottom: -0.3rem;



  width: 100%;



  background: rgba(0, 0, 0, 0.4);



  line-height: 0.3rem;



  font-size: 0.15rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  padding: 0 0.1rem;



  color: #fff;



  box-sizing: border-box;



  text-align: center;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRList dl dd:hover .productXqBoxCenterBoxRListImg img {



  transform: scale(1.1);



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRList dl dd:hover .productXqBoxCenterBoxRListText {



  bottom: 0;



  background: #d60a17;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRMore {



  width: 100%;



  margin-top: 0.45rem;



  text-transform: capitalize;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRMore a {



  width: 1.78rem;



  height: 0.5rem;



  display: inline-block;



  text-align: center;



  line-height: 0.5rem;



  background-color: #f3f4f6;



  font-size: 0.16rem;



  margin-right: 0.38rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRMore a.productXqBoxCenterBoxRMoreBack {



  width: 1.2rem;



  height: 0.3rem;



  background: #f3f4f6 url(../../img/productXqBoxCenterBoxRMoreBack.png) no-repeat 86px 4px;



  line-height: 0.3rem;



  font-size: 0.14rem;



  float: right;



  text-align: left;



  text-indent: 1.5em;



  margin-top: 0.2rem;



  color: #666;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRMore a:nth-child(2) {



  background: #d60a17;



  color: #fff;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRMore a:hover {



  background: #d60a17;



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



  color: #fff;



  transform: translateY(-5px);



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .swiper-pagination {



  width: 100%;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .swiper-pagination-bullet {



  background: #fff;



  opacity: 1;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .swiper-pagination-bullet-active {



  background: #d60a17;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .swiper-pagination-bullet {



  width: 0.12rem;



  height: 0.12rem;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom {



  margin-top: 0.55rem;



  padding: 0 0.4rem;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd {



  width: 100%;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  width: 100%;



  background-color: #ffffff;



  height: 0.98rem;



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



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li {



  flex: 1;



  text-align: center;



  line-height: 0.98rem;



  cursor: pointer;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li:nth-child(1) i {



  width: 0.21rem;



  height: 0.19rem;



  display: inline-block;



  background-image: url(../../img/productXqBoxCenterBottom1.png);



  background-repeat: no-repeat;



  background-position: 0 0;



  vertical-align: sub;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li:nth-child(2) i {



  width: 0.21rem;



  height: 0.19rem;



  display: inline-block;



  background-image: url(../../img/productXqBoxCenterBottom2.png);



  background-repeat: no-repeat;



  background-position: 0 0;



  vertical-align: sub;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li i {



  margin-right: 0.1rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li span {



  font-size: 0.16rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li:hover {



  background: #d60a17;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li:hover:nth-child(1) i {



  background-position: 0 -0.19rem;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li:hover:nth-child(1) span {



  color: #fff;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li:hover:nth-child(2) i {



  background-position: 0 -0.19rem;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li:hover:nth-child(2) span {



  color: #fff;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li.on {



  background: #d60a17;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li.on:nth-child(1) i {



  background-position: 0 -0.19rem;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li.on:nth-child(1) span {



  color: #fff;



  text-transform: capitalize;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li.on:nth-child(2) i {



  background-position: 0 -0.19rem;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li.on:nth-child(2) span {



  color: #fff;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .bd .productXqBoxCenterBottomList {



  padding-top: 0.55rem;



  padding-bottom: 0.4rem;



  padding-top: 0.2rem;



  font-size: 0.16rem;



  line-height: 2.1;



  color: #4d4d4d;



}







.productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .bd .productXqBoxCenterBottomList img {



  max-width: 100%;



}







.productAndproduct {



  padding-top: 0.24rem;



  padding-bottom: 0.7rem;



}







.productAndproduct h4 {



  text-align: center;



  font-size: 0.24rem;



  font-weight: bold;



  color: #d60a17;



}







.productAndproduct h4 i {



  font-weight: bold;



  display: inline-block;



  text-transform: capitalize;



}







.productAndproduct h4 i::after {



  content: "";



  width: 100%;



  height: 1px;



  background: #d60a17;



  display: block;



  margin-top: 0.1rem;



}







.productAndproduct .nycaseboxbottomImg {



  margin-top: 0.2rem;



}







.productAndproduct .nycaseboxbottomImg .swiper-container {



  padding: 0.2rem 0.07rem;



}







.productAndproduct .nycaseboxbottomImg li {



  margin-top: 0.3rem;



  background: #fff;



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



}







.productAndproduct .nycaseboxbottomImg li a.nycaseboxImg {



  width: 100%;



  border-radius: 3px;



  overflow: hidden;



  position: relative;



  padding: 38.5% 0;



  display: block;



}







.productAndproduct .nycaseboxbottomImg li a.nycaseboxImg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  margin: auto;



  object-fit: cover;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.productAndproduct .nycaseboxbottomImg li a.nycaseboxImg::before {



  z-index: 9;



  position: absolute;



  top: 0;



  width: 100%;



  height: 100%;



  background: rgba(214, 10, 23, 0.6);



  content: "";



  opacity: 0;



  transition: 0.5s;



}







.productAndproduct .nycaseboxbottomImg li a.nycaseboxImg::after {



  opacity: 0;



  content: "";



  width: 0.6rem;



  height: 0.6rem;



  position: absolute;



  top: 50%;



  left: 50%;



  z-index: 99;



  background: url(../../img/nycaseboxImg.png) no-repeat center;



  transform: translate(-50%, -50%);



  transition: 0.8s;



}







.productAndproduct .nycaseboxbottomImg li .nycaseboxText {



  padding: 0 0.54rem 0 0.17rem;



  line-height: 0.66rem;



  display: block;



  font-size: 0.18rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  position: relative;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.productAndproduct .nycaseboxbottomImg li .nycaseboxText::after {



  content: "";



  width: 0.14rem;



  height: 0.14rem;



  background: url(../../img/nycaseboxText.png) no-repeat center;



  position: absolute;



  top: 50%;



  right: 0.2rem;



  transform: translateY(-50%);



  opacity: 1;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.productAndproduct .nycaseboxbottomImg li .nycaseboxText::before {



  content: "";



  width: 0.14rem;



  height: 0.14rem;



  background: url(../../img/nycaseboxText2.png) no-repeat center;



  position: absolute;



  top: 50%;



  right: 0.2rem;



  transform: translateY(-50%);



  -webkit-transition: 0.5s;



  transition: 0.5s;



  opacity: 0;



}







.productAndproduct .nycaseboxbottomImg li:hover a.nycaseboxImg img {



  transform: scale(1.1);



}







.productAndproduct .nycaseboxbottomImg li:hover a.nycaseboxImg::before {



  opacity: 1;



}







.productAndproduct .nycaseboxbottomImg li:hover a.nycaseboxImg::after {



  opacity: 1;



}







.productAndproduct .nycaseboxbottomImg li:hover .nycaseboxText {



  color: #d60a17;



}







.productAndproduct .nycaseboxbottomImg li:hover .nycaseboxText::after {



  opacity: 0;



}







.productAndproduct .nycaseboxbottomImg li:hover .nycaseboxText::before {



  opacity: 1;



}







.nyproduct {



  position: relative;



  top: -0.5rem;



}







.nyproduct .nyproductTop {



  width: 100%;







  border-radius: 6px;



  overflow: hidden;



}







.nyproduct .nyproductTop ul {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding: 0;



  box-sizing: border-box;



  background-color: #ffffff;



  box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.06);



  padding-bottom: 0.1rem;







}







.nyproduct .nyproductTop ul li {



  flex: 1;



  position: relative;



  background: #fff;



  overflow: hidden;



}







.nyproduct .nyproductTop ul li::after {



  content: "";



  width: 1px;



  height: 100%;



  background: #f0f0f0;



  position: absolute;



  right: 1px;



  top: 0;



}







.nyproduct .nyproductTop ul li.nyproductactive .nyproductTopTitle {



  background: #d60a17;



  font-weight: bold;



  color: #fff;



}







.nyproduct .nyproductTop ul li.nyproductactive .nyproductTopTitleBox {



  background: #d60a17;



}







.nyproduct .nyproductTop ul li.nyproductactive b {



  background: #d60a17 url(../../img/pro_addPagenrIco.png) no-repeat 100% center;



}







.nyproduct .nyproductTop ul li.border-LIne::after {



  content: "";



  width: 1px;



  height: 100%;



  background: #f0f0f0;



  position: absolute;



  right: 0;



  top: 0;



  display: block !important;



}







.nyproduct .nyproductTop ul li .nyproductTopTitle {



  display: block;



  width: 100%;



  height: 0.7rem;



  line-height: 0.7rem;



  text-align: center;



  font-size: 0.18rem;



  border-bottom: 1px solid #f0f0f0;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  padding: 0 0.2rem;



  box-sizing: border-box;



}







.nyproduct .nyproductTop ul li .nyproductTopBox {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding: 0.3rem 0.2rem 0.2rem;



  width: 100%;



  box-sizing: border-box;



  position: relative;



}







.nyproduct .nyproductTop ul li .nyproductTopBox a {



  flex: 0 0 50%;



  justify-content: center;



  float: left;



  width: 50%;



  box-sizing: border-box;



  padding: 0 0.5rem 0 0.2rem;



  position: relative;



  line-height: 0.4rem;



  font-size: 0.16rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  background: url(../../img/nyproductTopBoxTopMore.png) no-repeat 93% center;



}







.nyproduct .nyproductTop ul li .nyproductTopBox a i {



  width: 100%;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}







.nyproduct .nyproductTop ul li .nyproductTopBox a span {



  margin-right: 0.02rem;



}







.nyproduct .nyproductTop ul li .nyproductTopBox a::after {



  content: "";



  width: 1px;



  height: 100%;



  border-left: 1px dashed #f0f0f0;



  position: absolute;



  top: 0;



  right: 0;



}







.nyproduct .nyproductTop ul li .nyproductTopBox a:nth-child(2n)::after {



  display: none;



}







.nyproduct .nyproductTop ul li .nyproductTopBox a:hover {



  color: #d60a17;



  transform: translateY(-2px);



}







.nyproduct .nyproductTop ul li:nth-child(3)::after {



  display: none;



}







.nyproduct .nyproductTop ul li:hover .nyproductTopTitle {



  background: #d60a17;



  font-weight: bold;



  color: #fff;



}







.nyproduct .nyproductBottom ul {



  display: flex;



  /* justify-content: space-between; */



  flex-wrap: wrap;



  margin-top: 0.2rem;



}







.nyproduct .nyproductBottom ul li {



  /* flex: 0 0 32%; */



  justify-content: center;



  float: left;



  width: 32%;



  margin-top: 0.3rem;



  background: #fff;



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



  margin-right: 2%;



}







.nyproduct .nyproductBottom ul li:nth-child(3n) {



  margin-right: 0;



}







.nyproduct .nyproductBottom ul li .nyproductBottomImg {



  width: 100%;



  overflow: hidden;



  position: relative;



  padding: 32% 0;



  display: block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nyproduct .nyproductBottom ul li .nyproductBottomImg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  margin: auto;



  object-fit: contain;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nyproduct .nyproductBottom ul li .nyproductBottomImgText {



  padding: 0 0.15rem;



  display: block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nyproduct .nyproductBottom ul li .nyproductBottomImgText i {



  height: 0.5rem;



  display: block;



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  border-bottom: 1px dashed #f4f4f4;



}







.nyproduct .nyproductBottom ul li .nyproductBottomImgText i span {



  flex: 1;



  line-height: 0.5rem;



  font-size: 0.18rem;



  font-weight: bold;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}







.nyproduct .nyproductBottom ul li .nyproductBottomImgText i em {



  width: 5em;



  font-size: 0.14rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  text-transform: uppercase;



  text-align: right;



  line-height: 0.5rem;



  color: #666;



}







.nyproduct .nyproductBottom ul li .nyproductBottomImgText b {



  display: block;



  font-weight: normal;



  line-height: 0.24rem;



  font-size: 0.14rem;



  margin: 0.15rem 0;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  color: #666;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



}







.nyproduct .nyproductBottom ul li:hover .nyproductBottomImg img {



  transform: scale(1.05);



}







.nyproduct .nyproductBottom ul li:hover .nyproductBottomImgText {



  transform: translateY(-5px);



}







.nyproduct .nyproductBottom ul li:hover .nyproductBottomImgText i span {



  color: #d60a17;



}







.nyproduct .nyproductBottom ul li:hover .nyproductBottomImgText i em {



  color: #333;



}







.nyproduct .nyproductBottom ul li:hover .nyproductBottomImgText b {



  color: #333;



}







.nyproduct .nyproductTitle {



  display: none;



}







.nyproduct.nyproductListTO {



  top: 0;



  padding-bottom: 0.5rem;



}







.nyproduct.nyproductListTO .nyproductListTOBox {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop {



  flex: 0 0 22%;



  justify-content: center;



  float: left;



  width: 22%;



  margin-top: 0.5rem;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop .nyproductTitle {



  display: block;



  background: #d60a17;



  padding: 0.2rem 0.2rem;



  text-align: center;



  width: calc(100% - 1px);



  box-sizing: border-box;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop .nyproductTitle h4 {



  text-align: center;



  font-size: 0.24rem;



  color: #fff;



  font-weight: bold;



  line-height: 1;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop .nyproductTitle p {



  font-size: 0.16rem;



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



  text-transform: uppercase;



  text-align: center;



  line-height: 1;



  color: #fff;



  padding-top: 0.15rem;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop ul li {



  flex: 0 0 100%;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop ul li .nyproductTopTitleBox {



  position: relative;



  padding-right: 0.5rem;



  height: 0.5rem;



  line-height: 0.5rem;



  transition: 0.8s;



  border-top: 1px solid #f0f0f0;



  border-bottom: 0px dashed #f0f0f0;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop ul li .nyproductTopTitleBox .nyproductTopTitle {



  height: 0.5rem;



  width: 100%;



  display: block;



  line-height: 0.5rem;



  border-top: 0;



  border-bottom: 0;



  text-align: left;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  box-sizing: border-box;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop ul li .nyproductTopTitleBox b {



  width: 0.25rem;



  height: 0.25rem;



  position: absolute;



  top: 0.1rem;



  right: 0.18rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  cursor: pointer;



  background: url(../../img/pro_addPagenrIco.png) no-repeat 100% center;



  background-size: 0.25rem;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop ul li .nyproductTopTitleBox b.on {



  transform: rotate(90deg);



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop ul li:hover .nyproductTopTitleBox {



  background: #d60a17;



  border-right: 1px solid #d60a17;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop ul li:hover .nyproductTopTitleBox .nyproductTopTitle {



  border-top: 0px solid #d60a17;



  border-bottom: 0px dashed #d60a17;



  background: transparent;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop ul li .nyproductTopBox {



  padding: 0rem 0 0.15rem;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductTop ul li .nyproductTopBox a {



  flex: 0 0 100%;



  justify-content: center;



  float: left;



  width: 100%;



  font-size: 0.15rem;



}







.nyproduct.nyproductListTO .nyproductListTOBox .nyproductBottom {



  flex: 0 0 74%;



  justify-content: center;



  float: left;



  width: 74%;



}







.nyabout {



  position: relative;



  top: -0.5rem;



  padding-bottom: 0.4rem;



}







.nyabout .nyaboutBg {



  background: url(../../img/nyabout.png) no-repeat center 0.5rem;



}







.nyabout .nycaseBoxTop {



  width: 100%;



  /* height: 1rem; */



  background-color: #ffffff;



  box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.06);



  border-radius: 6px;



  overflow: hidden;



}







.nyabout .nycaseBoxTop ul {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  /* height: 1rem; */



  align-items: center;



  overflow: hidden;



}







.nyabout .nycaseBoxTop ul li {



  height: 1rem;



  line-height: 1rem;



  flex: 1;



  text-align: center;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  overflow: hidden;



  position: relative;



}







.nyabout .nycaseBoxTop ul li::after {



  content: "";



  position: absolute;



  right: 0;



  top: 0;



  width: 1px;



  height: 100%;



  background: #f0f1f2;



}







.nyabout .nycaseBoxTop ul li a {



  display: block;



  line-height: 1rem;



  color: #333;



  padding: 0 0.3rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nyabout .nycaseBoxTop ul li a img {



  width: 0.18rem;



  height: 1rem;



  object-fit: contain;



  vertical-align: inherit;



  margin: 0 0.1rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nyabout .nycaseBoxTop ul li a img.nycaseBoxTopIco1 {



  display: inline-block;



}







.nyabout .nycaseBoxTop ul li a img.nycaseBoxTopIco2 {



  display: none;



}







.nyabout .nycaseBoxTop ul li a span {



  max-width: 70%;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  font-size: 0.16rem;



  display: inline-block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nyabout .nycaseBoxTop ul li:hover {



  background: #d60a17;



}







.nyabout .nycaseBoxTop ul li:hover a img.nycaseBoxTopIco1 {



  display: none;



}







.nyabout .nycaseBoxTop ul li:hover a img.nycaseBoxTopIco2 {



  display: inline-block;



}







.nyabout .nycaseBoxTop ul li:hover a span {



  color: #fff;



}







.nyabout .nycaseBoxTop ul li.nycaseBoxTopActive {



  background: #d60a17;



}







.nyabout .nycaseBoxTop ul li.nycaseBoxTopActive a {



  color: #fff;



}







.nyabout .nycaseBoxTop ul li.nycaseBoxTopActive a img.nycaseBoxTopIco1 {



  display: none;



}







.nyabout .nycaseBoxTop ul li.nycaseBoxTopActive a img.nycaseBoxTopIco2 {



  display: inline-block;



}







.nyabout .nycaseBoxBottom {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding-top: 0.7rem;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomL {



  flex: 0 0 14.7%;



  justify-content: center;



  float: left;



  width: 14.7%;



  position: relative;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomL h4 {



  font-size: 0.28rem;



  color: #d60a17;



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



  font-weight: bold;



  line-height: 0.26rem;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomL p {



  font-size: 0.18rem;



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



  color: #bcbcbc;



  line-height: 0.26rem;



  padding-top: 10px;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomL i {



  width: 2px;



  height: 1.47rem;



  background: #e6e6e6;



  display: block;



  margin-left: 0.1rem;



  margin-top: 0.45rem;



  position: relative;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomL i::after {



  content: "";



  width: 2px;



  height: 0.4rem;



  background: #d60a17;



  position: absolute;



  top: 0;



  left: 0;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomL span {



  text-transform: uppercase;



  display: inline-block;



  left: -0.35rem;



  transform: rotate(90deg);



  position: absolute;



  top: 3rem;



  letter-spacing: 2px;



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



  color: #d9d9d9;



  font-weight: bold;



  font-size: 0.16rem;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomR {



  flex: 0 0 78.3%;



  justify-content: center;



  float: left;



  width: 78.3%;



  background: #fff;



  padding: 0.3rem 0.4rem;



  box-sizing: border-box;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomR.nycaseBoxBottomRCenter {



  flex: 0 0 100%;



  justify-content: center;



  float: left;



  width: 100%;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomR.nycaseBoxBottomRCenter h4 {



  text-align: center;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomR h4 {



  font-weight: bold;



  color: #d60a17;



  line-height: 1;



  font-size: 0.22rem;



  padding-bottom: 0.25rem;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomR .nycaseBoxBottomRBox {



  font-size: 0.15rem;



  line-height: 2;



  color: #7d7d7d;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomR .nycaseBoxBottomRBox img {



  max-width: 100%;



}







.nyabout .nycaseBoxBottom .nycaseBoxBottomR .nycaseBoxBottomRBox p{



  word-wrap: break-word;



    word-break: normal;



}







.nyhonor .nyaboutBg {



  background: transparent;



}







.nyhonor .nyhonorBottom {



  padding-top: 0.55rem;



}







.nyhonor .nyhonorBottom h4 {



  text-align: center;



  font-size: 0.24rem;



  font-weight: bold;



  color: #d60a17;



}







.nyhonor .nyhonorBottom h4 i {



  font-weight: bold;



  display: inline-block;



}







.nyhonor .nyhonorBottom h4 i::after {



  content: "";



  width: 100%;



  height: 1px;



  background: #d60a17;



  display: block;



  margin-top: 0.1rem;



}







.nyhonor .nyhonorBottom .nyhonorBottomBox ul {



  width: 100%;



  display: flex;



  flex-wrap: wrap;



  margin-top: 0.44rem;



}







.nyhonor .nyhonorBottom .nyhonorBottomBox ul li {



  flex: 0 0 32.333333%;



  justify-content: center;



  float: left;



  width: 32.333333%;



  margin: 0 0.5%;



}







.nyhonor .nyhonorBottom .nyhonorBottomBox ul li .nyhonorBottomBoxImg {



  background: #fff;



  display: block;



  position: relative;



  padding: 37% 0;



}







.nyhonor .nyhonorBottom .nyhonorBottomBox ul li .nyhonorBottomBoxImg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  width: 90%;



  height: 90%;



  margin: auto;



  object-fit: cover;



}







.nyhonor .nyhonorBottom .nyhonorBottomBox ul li .nyhonorBottomBoxText {



  padding: 0 5%;



  text-align: center;



  line-height: 4;



  font-size: 0.16rem;



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  color: #4c4c4c;



}







.recruit .recruitBottom {



  margin-top: 0.5rem;



  margin-bottom: 0.4rem;



}







.recruit .recruitBottom h4 {



  text-align: center;



  font-size: 0.24rem;



  font-weight: bold;



  color: #d60a17;



}







.recruit .recruitBottom h4 i {



  font-weight: bold;



  display: inline-block;



}







.recruit .recruitBottom h4 i::after {



  content: "";



  width: 100%;



  height: 1px;



  background: #d60a17;



  display: block;



  margin-top: 0.1rem;



}







.recruit .recruitBottom ul {



  margin-top: 0.62rem;



  margin-bottom: 0.3rem;



}







.recruit .recruitBottom ul li {



  margin-top: 0.2rem;



}







.recruit .recruitBottom ul li .recruitBottomActive {



  height: 1.3rem;



  width: 100%;



  background: #fff;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  align-items: center;



  padding: 0.1rem 0.4rem;



  box-sizing: border-box;



}







.recruit .recruitBottom ul li .recruitBottomActive .recruitBottomActiveL {



  flex: 0 0 80%;



  justify-content: center;



  float: left;



  width: 80%;



}







.recruit .recruitBottom ul li .recruitBottomActive .recruitBottomActiveL h5 {



  font-size: 0.18rem;



}







.recruit .recruitBottom ul li .recruitBottomActive .recruitBottomActiveL p {



  padding-top: 0.1rem;



  color: #808080;



}







.recruit .recruitBottom ul li .recruitBottomActive .recruitBottomActiveR {



  flex: 0 0 20%;



  justify-content: center;



  float: left;



  width: 20%;



  text-align: right;



  font-size: 0.16rem;



  color: #d60a17;



  cursor: pointer;



}







.recruit .recruitBottom ul li .recruitBottomActive .recruitBottomActiveR img {



  margin-left: 0.1rem;



  display: inline-block;



  vertical-align: middle;



}







.recruit .recruitBottom ul li .recruitBottomActiveBox {



  padding: 0rem 0.4rem 0.4rem;



  background: #fff;



  display: none;



}







.recruit .recruitBottom ul li .recruitBottomActiveBox .recruitBottomActiveBoxList {



  margin-top: 0;



  margin-bottom: 0.2rem;



}







.recruit .recruitBottom ul li .recruitBottomActiveBox .recruitBottomActiveBoxList b {



  font-size: 0.14rem;



  font-weight: bold;



  color: #666;



  display: block;



  margin-bottom: 0.1rem;



}







.recruit .recruitBottom ul li .recruitBottomActiveBox .recruitBottomActiveBoxList ul {



  margin-top: 0;



}







.recruit .recruitBottom ul li .recruitBottomActiveBox .recruitBottomActiveBoxList ul li {



  margin-top: 0;



  padding: 0.1rem 0;



  line-height: 0.2rem;



  font-size: 0.14rem;



  color: #666;



  list-style-type: auto;



  margin-left: 0.15rem;



}







.recruit .recruitBottom ul li .recruitBottomActiveBox .recruitBotton {



  width: 1.36rem;



  height: 0.4rem;



  background: #d60a17;



  color: #fff;



  border-radius: 0.4rem;



  display: block;



  text-align: center;



  line-height: 0.4rem;



  margin-bottom: 0.4rem;



}







.nymessage {



  padding-bottom: 0;



  background: url(../../img/nymessageBg.jpg) center bottom no-repeat;



}







.nymessage .nymessageBox {



  width: 100%;



  display: flex;



  /* justify-content: space-between; */



  flex-wrap: wrap;



  margin-top: 1.2rem;



  position: relative;



}







.nymessage .nymessageBox .nymessageBoxL {



  flex: 0 0 65.7%;



  justify-content: center;



  float: left;



  width: 65.7%;



}







.nymessage .nymessageBox .nymessageBoxL img {



  width: 100%;



  display: block;



}







.nymessage .nymessageBox .nymessageBoxL .nymessageBoxLText {



  position: absolute;



  top: 18.5%;



  left: 19.5%;



  width: 19%;



  height: 59%;



  border-radius: 50%;



  text-align: center;



  box-sizing: border-box;



}







.nymessage .nymessageBox .nymessageBoxL .nymessageBoxLText h4 {



  display: block;



  width: 100%;



  font-size: 0.2rem;



  color: #fff;



  line-height: 2;



  font-weight: bold;



  margin-top: 35%;



}







.nymessage .nymessageBox .nymessageBoxL .nymessageBoxLText p {



  width: 100%;



  line-height: 2;



  font-size: 0.23rem;



  display: block;



  color: #fff;



}







.nymessage .nymessageBox .nymessageBoxR {



  flex: 0 0 30.4%;



  justify-content: center;



  float: left;



  width: 28.4%;



}







.nymessage .nymessageBox .nymessageBoxR ul li {



  width: 100%;



  display: block;



  height: 0.56rem;



  margin-bottom: 0.35rem;



  position: relative;



}







.nymessage .nymessageBox .nymessageBoxR ul li input {



  box-sizing: border-box;



  height: 0.56rem;



  width: 100%;



  padding-left: 0.4rem;



}







.nymessage .nymessageBox .nymessageBoxR ul li input.nymessageName {



  background: #fff url(../../img/nymessageName.png) no-repeat 0.15rem center;



}







.nymessage .nymessageBox .nymessageBoxR ul li input.nymessageTel {



  background: #fff url(../../img/nymessageTel.png) no-repeat 0.15rem center;



}







.nymessage .nymessageBox .nymessageBoxR ul li input.nymessageContent {



  background: #fff url(../../img/nymessageContent.png) no-repeat 0.15rem center;



}







.nymessage .nymessageBox .nymessageBoxR ul li input.nymessageQrText {



  background: #fff url(../../img/nymessageQrText.png) no-repeat 0.15rem center;



}







.nymessage .nymessageBox .nymessageBoxR ul li img.nymessageQrcode {



  width: 0.94rem;



  height: 0.38rem;



  position: absolute;



  top: 0.09rem;



  right: 0.09rem;



  cursor: pointer;



}







.nymessage .nymessageBox .nymessageBoxR ul li button {



  background: #d60a17;



  border: 0;



  width: 2.05rem;



  height: 0.55rem;



  border-radius: 0.3rem;



  text-align: center;



  font-size: 0.16rem;



  color: #fff;



  cursor: pointer;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nymessage .nymessageBox .nymessageBoxR ul li button:active {



  transform: translateY(-5px);



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



}







@keyframes click {



  0% {



    opacity: 0.5;



    right: 0;



    transform: translateY(10px) scale(0.5);



  }







  50% {



    opacity: 1;



    transform: translateY(5px) scale(1);



    right: 25%;



  }







  100% {



    opacity: 0.5;



    right: 0;



    transform: translateY(10px) scale(0.5);



  }



}







.gotop {



  position: fixed;



  bottom: 0.5rem;



  right: -0.8rem;



  cursor: pointer;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  z-index: 999999999999999;



}







.gotop img {



  width: 0.54rem;



  height: 0.54rem;



  background: #d60a17;



  display: block;



  border-radius: 50%;



  padding: 0.05rem;



  box-sizing: border-box;



}







.gotop p {



  line-height: 2;



  font-size: 0.14rem;



  color: #666;



  text-align: center;



  text-transform: capitalize;



}







.gotopOn {



  right: 0.3rem;



}







#zoom {



  z-index: 99999999999999999999999999999;



  position: fixed;



  top: 0;



  left: 0;



  display: none;



  width: 100%;



  height: 100%;



  background: rgba(0, 0, 0, 0.8);



  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";



  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";



}







#zoom .content {



  z-index: 9;



  position: absolute;



  top: 50%;



  left: 50%;



  width: 200px;



  height: 200px;



  background: #ffffff no-repeat 50% 50%;



  padding: 0;



  margin: -100px 0 0 -100px;



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



  border-radius: 4px;



}







#zoom .content.loading {



  margin: 42px 30px;



  width: 4px;



  height: 10px;



  opacity: 1;



  position: relative;



  -webkit-animation: rain 1s linear infinite alternate;



  -moz-animation: rain 1s linear infinite alternate;



  animation: rain 1s linear infinite alternate;



}







#zoom .content.loading:after {



  width: 40px;



  height: 10px;



  position: absolute;



  content: "";



  background-color: #ffffff;



  top: 0px;



  opacity: 1;



  -webkit-animation: line_flow 2s linear infinite reverse;



  -moz-animation: line_flow 2s linear infinite reverse;



  animation: line_flow 2s linear infinite reverse;



}







@-webkit-keyframes line_flow {



  0% {



    width: 0px;



  }







  100% {



    width: 40px;



  }



}







@-moz-keyframes line_flow {



  0% {



    width: 0px;



  }







  100% {



    width: 40px;



  }



}







@keyframes line_flow {



  0% {



    width: 0px;



  }







  100% {



    width: 40px;



  }



}







#zoom img {



  display: block;



  max-width: none;



  background: #ececec;



  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);



  border-radius: 4px;



}







#zoom .close {



  z-index: 999999999999999999999999;



  position: absolute;



  top: 20%;



  right: 9.5%;



  width: 49px;



  height: 49px;



  cursor: pointer;



  background: transparent url('../../img/close.png') no-repeat 50% 50%;



  opacity: 1;



  filter: alpha(opacity=100);



  border-radius: 0 0 0 4px;



}







#zoom .previous,



#zoom .next {



  z-index: 99;



  position: absolute;



  top: 50%;



  overflow: hidden;



  display: block;



  width: 0.43rem;



  height: 0.58rem;



  margin-top: -0.25rem;



  z-index: 9999999999;



}







#zoom .previous {



  left: 10%;



  background: url('../../img/honorIcoL.png') no-repeat 0 0;



  border-radius: 0 4px 4px 0;



}







#zoom .next {



  right: 10%;



  background: url('../../img/honorIcoR.png') no-repeat 100% 0;



  border-radius: 4px 0 0 4px;



}







.nymapbox {



  position: relative;



  top: -0.5rem;



  height: calc(100% - 200px);



  overflow: hidden;



}







.nymapbox .wjdh-map {



  width: 100%;



  height: 9.3rem;



  background: #f2f2f2;



}







#wjdh-map {



  display: none;



}











.nymapbox .wjdh-map #wmap {



  height: 100% !important;



  width: 150% !important;



  left: -35%;



  position: absolute;



}







.nymapbox .wjdh-map .page-aboutBox {



  width: 100%;



  float: right;



  background: #fff;



  padding: 0.4rem 0.6rem 0.4rem;



  box-sizing: border-box;



  box-shadow: 0px -3px 0px #d60a17;



  border-radius: 0.1rem;



  margin-top: 0.3rem;



}







.nymapbox .wjdh-map .page-aboutBox h4 {



  font-size: 0.2rem;



}







.nymapbox .wjdh-map .page-aboutBox p.aboutBoxCenterTitle {



  font-size: 0.28rem;



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



  color: #d60a17;



  text-transform: capitalize;



}







.nymapbox .wjdh-map .page-aboutBox .page-aboutBoxCenter {



  margin-top: 0.4rem;



}







.nymapbox .wjdh-map .page-aboutBox .page-aboutBoxCenter .aboutBoxCenterList {



  font-size: 0.14rem;



  line-height: 0.3rem;



}







.nymapbox .wjdh-map .page-aboutBox .page-aboutBoxCenter .page-aboutBoxCenterBox {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  margin-top: 0.5rem;



  justify-content: left;



  align-items: center;



  



}







.nymapbox .wjdh-map .page-aboutBox .page-aboutBoxCenter .page-aboutBoxCenterBox img.page-aboutQrcode {



  flex: 0 0 1.3rem;



  justify-content: center;



  float: left;



  width: 1.3rem;



  padding: 0.1rem;



  background: #fff;



  box-sizing: border-box;



  height: 1.3rem;



  display: block;



  margin-right: 0.2rem;



}







.nymapbox .wjdh-map .page-aboutBox .page-aboutBoxCenter .page-aboutBoxCenterBox .page-aboutQrcodeText h5 {



  font-size: 0.14rem;



  line-height: 0.3rem;



}







.nymapbox .wjdh-map .page-aboutBox .page-aboutBoxCenter .page-aboutBoxCenterBox .page-aboutQrcodeText i {



  display: block;



  font-size: 0.12rem;



  color: #808080;



}







.newsXqBoxCenteR {



  width: 31.1%;



  float: right;



  color: #4d4d4d;



  position: relative;



  box-sizing: border-box;



}







.newsXqBoxCenteR .newsXqBoxCenteRTop ul li {



  background: #fff;



  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.02);



  padding: 0.3rem 0.3rem 0.1rem;



  box-sizing: border-box;



}







.newsXqBoxCenteR .newsXqBoxCenteRTop ul li .caseXqBoxCenterRImg {



  position: relative;



  display: block;



  padding: 34% 0;



  overflow: hidden;



  border-radius: 0.05rem;



  display: none;



}







.newsXqBoxCenteR .newsXqBoxCenteRTop ul li .caseXqBoxCenterRImg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  max-width: 100%;



  max-height: 100%;



  margin: auto;



  display: block;



  -webkit-transition: 0.5s;



  transition: 0.5s;







}







.newsXqBoxCenteR .newsXqBoxCenteRTop ul li .caseXqBoxCenterRText {



  display: block;



  line-height: 0.26rem;



  font-size: 0.16rem;



  padding-top: 0.08rem;



  padding-bottom: 0.08rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.newsXqBoxCenteR .newsXqBoxCenteRTop ul li:hover .caseXqBoxCenterRImg img {



  transform: scale(1.05);



}







.newsXqBoxCenteR .newsXqBoxCenteRTop ul li:hover .caseXqBoxCenterRText {



  color: #d60a17;



}







.newsXqBoxCenteR .newsXqBoxCenteRBottom {



  background: #fff;



  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.02);



  padding: 0.3rem 0.3rem 0.1rem;



  box-sizing: border-box;



  margin-top: 0.15rem;



}







.newsXqBoxCenteR .newsXqBoxCenteRBottom h4 {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}







.newsXqBoxCenteR .newsXqBoxCenteRBottom h4 .caseXqBoxCenterRTitme {



  font-size: 0.18rem;



  color: #d60a17;



  line-height: 1;



}







.newsXqBoxCenteR .newsXqBoxCenteRBottom h4 .caseXqBoxCenterRTMore {



  color: #999999;



  text-transform: uppercase;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.newsXqBoxCenteR .newsXqBoxCenteRBottom h4:hover .caseXqBoxCenterRTMore {



  color: #d60a17;



}







.newsXqBoxCenteR .newsXqBoxCenteRBottom ul li {



  border-bottom: 1px solid #ededed;



  padding-bottom: 0.25rem;



}







.newsXqBoxCenteR .newsXqBoxCenteRBottom ul li a {



  margin-top: 0.25rem;



  display: block;



  line-height: 0.22rem;



  font-size: 0.16rem;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.newsXqBoxCenteR .newsXqBoxCenteRBottom ul li span {



  display: block;



  line-height: 1;



  margin-top: 0.12rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  color: #999;



}







.newsXqBoxCenteR .newsXqBoxCenteRBottom ul li:last-child {



  border-bottom: 0;



}







.newsXqBoxCenteR .newsXqBoxCenteRBottom ul li:hover a {



  color: #d60a17;



}







.newsXqBoxCenteR .newsXqBoxCenteRBottom ul li:hover span {



  transform: translateX(5px);



  color: #d60a17;



}







.nynews .nycaseBoxTop ul li {



  position: relative;



}







.nynews .nycaseBoxTop ul li::after {



  content: "";



  position: absolute;



  right: 0;



  top: 0;



  width: 1px;



  height: 100%;



  background: #f0f1f2;



}







.nynews .nynewsTop {



  margin-top: 0.65rem;



}







.nynews .nynewsTop ul {



  display: flex;



  flex-wrap: wrap;



  width: 100%;



}







.nynews .nynewsTop ul li {



  flex: 0 0 33.3333333%;



  justify-content: center;



  float: left;



  width: 33.3333333%;



  padding: 0.3rem 0.5rem;



  box-sizing: border-box;



  position: relative;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nynews .nynewsTop ul li::after {



  content: "";



  width: 1px;



  height: 100%;



  background: #ebebeb;



  position: absolute;



  top: 0;



  right: 0;



}







.nynews .nynewsTop ul li:last-child::after {



  content: "";



  width: 1px;



  height: 100%;



  background: transparent;



  position: absolute;



  top: 0;



  right: 0;



}







.nynews .nynewsTop ul li h5 {



  font-size: 0.14rem;



  color: #999999;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nynews .nynewsTop ul li .nynewsTopTitle {



  line-height: 0.3rem;



  height: 0.6rem;



  font-size: 0.22rem;



  margin-top: 0.3rem;



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nynews .nynewsTop ul li i {



  font-size: 0.15rem;



  color: #4c4c4c;



  display: block;



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



  padding-left: 0.2rem;



  margin-top: 0.3rem;



  background: url(../../img/nynewsTopTime.png) no-repeat center left;



  margin-bottom: 0.2rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nynews .nynewsTop ul li .nynewsTopImg {



  position: relative;



  display: block;



  padding: 31.1% 0;



  overflow: hidden;



}







.nynews .nynewsTop ul li .nynewsTopImg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  margin: auto;



  object-fit: cover;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nynews .nynewsTop ul li p {



  font-size: 0.14rem;



  line-height: 2;



  height: 0.84rem;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 3;



  -webkit-box-orient: vertical;



  margin-top: 0.3rem;



  color: #808080;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nynews .nynewsTop ul li a.nynewsTopMore {



  margin-top: 0.2rem;



  display: block;



  opacity: 0;



  text-transform: uppercase;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nynews .nynewsTop ul li:hover {



  background: #fff;



}







.nynews .nynewsTop ul li:hover .nynewsTopTitle {



  color: #d60a17;



  transform: translateY(-5px);



}







.nynews .nynewsTop ul li:hover i {



  color: #333;



}







.nynews .nynewsTop ul li:hover .nynewsTopImg img {



  transform: scale(1.1);



}







.nynews .nynewsTop ul li:hover p {



  color: #333;



}







.nynews .nynewsTop ul li:hover .nynewsTopMore {



  color: #d60a17;



  opacity: 1;



}







.nynews .nynewsBottom ul {



  width: 100%;



}







.nynews .nynewsBottom ul li {



  align-items: center;



  overflow: hidden;



  padding: 0.25rem 0;



  border-top: 1px solid #ebebeb;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nynews .nynewsBottom ul li .nynewsBottomImg {



  width: 20%;



  position: relative;



  padding: 7% 0;



  overflow: hidden;



  float: left;



}







.nynews .nynewsBottom ul li .nynewsBottomImg img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  margin: auto;



  object-fit: cover;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nynews .nynewsBottom ul li:hover {



  background: #fff;



}







.nynews .nynewsBottom ul li:hover .nynewsBottomImg img {



  transform: scale(1.1);



}







.nynews .nynewsBottom ul li:hover .nynewsBottomImgText a {



  color: #d60a17;



  text-transform: capitalize;



}







.nynews .nynewsBottom ul li:last-child {



  border-bottom: 1px solid #ebebeb;



}







.nynews .nynewsBottom ul li::after {



  content: "";



  width: 0;



  height: 0;



  overflow: hidden;



  visibility: hidden;



  clear: both;



}







.nynews .nynewsBottom ul li .nynewsBottomImgText {



  width: 77%;



  float: right;



}







.nynews .nynewsBottom ul li .nynewsBottomImgText .nynewsBottomImgTextTitle {



  display: block;



  line-height: 2;



  font-size: 0.22rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nynews .nynewsBottom ul li .nynewsBottomImgText i {



  font-size: 0.15rem;



  color: #4c4c4c;



  display: block;



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



  padding-left: 0.2rem;



  margin-top: 0.1rem;



  background: url(../../img/nynewsTopTime.png) no-repeat center left;



  margin-bottom: 0.2rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nynews .nynewsBottom ul li .nynewsBottomImgText p {



  font-size: 0.14rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  color: #808080;



  width: 100%;



}







.nynews .nynewsBottom ul li .nynewsBottomImgText .nynewsBottomImgMore {



  color: #666;



  display: block;



  margin-top: 0.3rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.caseMenuTop {



  border-bottom: 1px solid #f2f2f2;



}







.caseMenuTopBox {



  display: flex;



  height: 0.5rem;



  align-items: center;



}







.caseMenuTopBox .caseMenuL {



  flex: 1;



  color: #666;



  text-transform: capitalize;



}







.caseMenuTopBox .caseMenuL img {



  vertical-align: middle;



  width: 0.18rem;



  height: 0.22rem;



  margin-right: 0.1rem;



}







.caseMenuTopBox .caseMenuL a {



  font-size: 0.14rem;



  color: #666;







}







.caseMenuTopBox .caseMenuL a:last-child {



  color: #d60a17;



}







.caseMenuTopBox .caseMenuR {



  color: #666;



}







.caseMenuTopBox .caseMenuR a {



  color: #666;



  display: inline-block;



  text-transform: capitalize;



}







.caseMenuTopBox .caseMenuR a:hover {



  color: #d60a17;



}







.caseMenuTopBox .caseMenuR img {



  margin-left: 0.1rem;



  display: inline-block;



  vertical-align: middle;



}







/* download */







.nydownload {



  position: relative;



  top: -0.5rem;



}







.nydownload .nycaseBoxTop {



  width: 100%;



  background-color: #ffffff;



  box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.06);



  border-radius: 6px;



  overflow: hidden;



}







.nydownload .nycaseBoxTop ul {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  align-items: center;



  overflow: hidden;



}







.nydownload .nycaseBoxTop ul li {



  height: 1rem;



  flex: 1;



  text-align: center;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  overflow: hidden;



}







.nydownload .nycaseBoxTop ul li a {



  display: block;



  line-height: 1rem;



  color: #333;



  padding: 0 0.3rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  position: relative;



}







.nydownload .nycaseBoxTop ul li a img {



  width: 0.18rem;



  height: 1rem;



  object-fit: contain;



  vertical-align: inherit;



  margin: 0 0.1rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nydownload .nycaseBoxTop ul li a img.nycaseBoxTopIco1 {



  display: inline-block;



}







.nydownload .nycaseBoxTop ul li a img.nycaseBoxTopIco2 {



  display: none;



}







.nydownload .nycaseBoxTop ul li a span {



  max-width: 50%;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  font-size: 0.16rem;



  display: inline-block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nydownload .nycaseBoxTop ul li:hover {



  background: #d60a17;



}







.nydownload .nycaseBoxTop ul li:hover a img.nycaseBoxTopIco1 {



  display: none;



}







.nydownload .nycaseBoxTop ul li:hover a img.nycaseBoxTopIco2 {



  display: inline-block;



}







.nydownload .nycaseBoxTop ul li:hover a span {



  color: #fff;



}







.nydownload .nycaseBoxTop ul li.nycaseBoxTopActive {



  background: #d60a17;



}







.nydownload .nycaseBoxTop ul li.nycaseBoxTopActive a {



  color: #fff;



}







.nydownload .nycaseBoxTop ul li.nycaseBoxTopActive a img.nycaseBoxTopIco1 {



  display: none;



}







.nydownload .nycaseBoxTop ul li.nycaseBoxTopActive a img.nycaseBoxTopIco2 {



  display: inline-block;



}







.nydownloadBox {



  margin-top: 0.4rem;



}







.nydownloadBox ul {



  width: 100%;



  overflow: hidden;



}







.nydownloadBox ul li {



  width: 23.5%;



  float: left;



  background-color: #ffffff;



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



  border-radius: 5px 5px 5px 5px;



  height: 1.6rem;



  position: relative;



  overflow: hidden;



  margin-right: 2%;



  margin-top: 0.4rem;



  border-bottom: 1px solid #dedede;



}







.nydownloadBox ul li:nth-child(4n) {



  margin-right: 0;



}







.nydownloadBox ul li img.nydownloadImgBg {



  width: 200%;



  height: 0.85rem;



  position: absolute;



  bottom: 0;



  left: 0;



  animation: download 30s ease alternate infinite;



}







.nydownloadBox ul li img.nydownloadBoxhot {



  width: 0.2rem;



  height: 0.19rem;



  display: block;



  position: absolute;



  top: 0;



  left: 0;



  z-index: 999;



}







.nydownloadImgBox {



  position: relative;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  box-sizing: border-box;



  padding: 0.2rem 0.26rem;



}







.nydownloadBox ul li:hover .nydownloadImgBoxTop span em {



  color: #d60a17;



}







.nydownloadBox ul li:hover .nydownloadImgBoxBottomCopay {



  background: #d60a17;



  color: #fff;



}







.nydownloadImgBoxTop {



  display: flex;



  width: 100%;



  justify-content: space-between;



  align-items: center;



}







.nydownloadImgBoxTop i {



  flex: 0 0 26%;



  position: relative;



  padding: 13% 0;



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



  border-radius: 50%;



  overflow: hidden;



  background: #fff;



  z-index: 9999999999999999999999999;



}







.nydownloadImgBoxTop i img {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  margin: auto;



  object-fit: contain;



  padding: 22%;



  box-sizing: border-box;



}







.nydownloadImgBoxBottom {



  display: flex;



  width: 100%;



  align-items: center;



  justify-content: space-between;



  margin-top: 0.15rem;



}







.nydownloadImgBoxBottom i.tqm {



  flex: 0 0 50%;



  font-size: 0.16rem;



  color: #777;



}







.nydownloadImgBoxBottom i.tqm em {



  display: inline-block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  vertical-align: middle;



  -webkit-transition: .5s;



  transition: .5s;



}







.nydownloadImgBoxBottomCopay {



  flex: 0 0 45%;



  height: 0.36rem;



  background-color: #fdfdfd;



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



  border-radius: 18px;



  border: solid 1px #eeeeee;



  border-radius: 0.18rem;



  text-align: center;



  line-height: 0.36rem;



  color: #333;



  cursor: pointer;



  -webkit-transition: .5s;



  transition: .5s;



}







.nydownloadImgBoxTop span em {



  display: block;



  font-size: 0.16rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  font-weight: bold;



}







.nydownloadImgBoxTop span {



  flex: 0 0 68%;



  overflow: hidden;



}







.nydownloadImgBoxTop span b {



  font-weight: normal;



  color: #999999;



  font-size: 0.14rem;



  line-height: 2;



}







.attrHref {



  display: block;



  width: 120px;



  height: 30px;



  background: #fff;



  margin: 0 auto;



  border-radius: 20px;



  text-align: center;



  line-height: 30px;



  color: #333;



  margin-top: 10px;



  -webkit-transition: .5s;



  transition: .5s;



  border: 1px solid #eee;



}







.attrHref:hover {



  background: #6c3;



  color: #fff;



}







.nycourse {



  position: relative;



  top: -0.5rem;



}







.nycourse .nycaseBoxTop {



  width: 100%;



  background-color: #ffffff;



  box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.06);



  border-radius: 6px;



  overflow: hidden;



}







.nycourse .nycaseBoxTop ul {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  align-items: center;



  overflow: hidden;



}







.nycourse .nycaseBoxTop ul li {



  height: 1rem;



  flex: 1;



  text-align: center;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  overflow: hidden;



}







.nycourse .nycaseBoxTop ul li a {



  display: block;



  line-height: 1rem;



  color: #333;



  padding: 0 0.3rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  position: relative;



}







.nycourse .nycaseBoxTop ul li a img {



  width: 0.18rem;



  height: 1rem;



  object-fit: contain;



  vertical-align: inherit;



  margin: 0 0.1rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nycourse .nycaseBoxTop ul li a img.nycaseBoxTopIco1 {



  display: inline-block;



}







.nycourse .nycaseBoxTop ul li a img.nycaseBoxTopIco2 {



  display: none;



}







.nycourse .nycaseBoxTop ul li a span {



  max-width: 50%;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  font-size: 0.16rem;



  display: inline-block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.nycourse .nycaseBoxTop ul li:hover {



  background: #d60a17;



}







.nycourse .nycaseBoxTop ul li:hover a img.nycaseBoxTopIco1 {



  display: none;



}







.nycourse .nycaseBoxTop ul li:hover a img.nycaseBoxTopIco2 {



  display: inline-block;



}







.nycourse .nycaseBoxTop ul li:hover a span {



  color: #fff;



}







.nycourse .nycaseBoxTop ul li.nycaseBoxTopActive {



  background: #d60a17;



}







.nycourse .nycaseBoxTop ul li.nycaseBoxTopActive a {



  color: #fff;



}







.nycourse .nycaseBoxTop ul li.nycaseBoxTopActive a img.nycaseBoxTopIco1 {



  display: none;



}







.nycourse .nycaseBoxTop ul li.nycaseBoxTopActive a img.nycaseBoxTopIco2 {



  display: inline-block;



}







.course .dl-container {



  background: #fff;



  padding: 10px 0px 50px;



  box-sizing: border-box;



  margin-top: 60px;



  margin-bottom: 80px;



  overflow: hidden;



}







.course .dl-container h4 {



  padding-top: 60px;



  font-size: 28px;



  text-align: center;



  line-height: 1;



  padding-bottom: 0.2rem;



}







.course .dl-container h4::after {



  display: block;



  content: "";



  width: 40px;



  height: 1px;



  background: #ba251e;



  margin: 15px auto 0;



}







.course .dl-container .courseBox {



  position: relative;



  width: 100%;



  margin-top: 30px;



}







.course .dl-container .courseBox::after {



  content: "";



  width: 1px;



  height: 100%;



  background: #eaeaea;



  position: absolute;



  top: 0;



  left: 50%;



}







.course .dl-container .courseBox ul {



  width: 100%;



  padding: 0 0px;



  box-sizing: border-box;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}







.course .dl-container .courseBox ul li {



  flex: 0 0 50%;



  justify-content: center;



  float: left;



  width: 50%;



  position: relative;



  margin-bottom: 80px;



  box-sizing: border-box;



  padding: 0 4%;



  z-index: 5;



}







.course .dl-container .courseBox ul li .courseBoxList {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  height: 100%;



  width: 100%;



  align-items: center;



}







.course .dl-container .courseBox ul li .courseBoxList i {



  flex: 0 0 12.75%;



  justify-content: center;



  float: left;



  width: 12.75%;



  position: relative;



}







.course .dl-container .courseBox ul li .courseBoxList i img {



  display: block;



  width: 100%;



  height: 100%;



}







.course .dl-container .courseBox ul li .courseBoxList p {



  flex: 0 0 84%;



  justify-content: center;



  float: left;



  width: 84%;



}







.course .dl-container .courseBox ul li .courseBoxList p b {



  display: block;



  font-size: 22px;



  color: #333;



  font-weight: normal;



}







.course .dl-container .courseBox ul li .courseBoxList p span {



  margin-top: 10px;



  font-size: 16px;



  display: block;



  line-height: 2;



  color: #555;



}







.course .dl-container .courseBox ul li::after {



  content: "";



  width: 15px;



  height: 15px;



  background: #efefef;



  border-radius: 50%;



  position: absolute;



  top: 50%;



  left: -7px;



  z-index: 999;



}







.course .dl-container .courseBox ul li:nth-child(odd) {



  transform: translateY(-80px);



}







.course .dl-container .courseBox ul li:nth-child(odd) .courseBoxList {



  flex-direction: row-reverse;



}







.course .dl-container .courseBox ul li:nth-child(odd) .courseBoxList p {



  text-align: right;



}







.course .dl-container .courseBox ul li:nth-child(odd)::after {



  content: "";



  right: -7px;



  left: auto;



}







.course .dl-container .courseBox ul li:nth-child(1)::after {



  content: "";



  width: 10px;



  height: 10px;



  background: #333;



  border-radius: 50%;



  position: absolute;



  top: 50%;



  left: 0;



  opacity: 0;



}







.course .dl-container .courseBox .coursetime {



  position: absolute;



  width: 34px;



  height: 34px;



  left: 50%;



  transform: translateX(-50%);



  bottom: -17px;



  z-index: 2;



  background: #fff;



  border-radius: 50%;



}







@keyframes download {



  0% {



    left: 0;



  }







  100% {



    left: -100%;



  }



}











.nynewcontact {



  margin-top: 0.8rem;



  margin-bottom: 0.5rem;



}







.nynewcontact .nynewcontactBox {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  width: 100%;



}







.nynewcontact .nynewcontactBox .nynewcontactL {



  flex: 0 0 68%;



  justify-content: center;



  float: left;



  width: 68%;



  padding: 0.15rem;



  box-sizing: border-box;



  background: #eee;



  border-radius: 0.1rem;



  overflow: hidden;



}







.nynewcontact .nynewcontactBox .nynewcontactL .wjdh-map {



  width: 100%;



  height: 100%;



  background: #fff;



}







.nynewcontact .nynewcontactBox .nynewcontactL .wjdh-map #wmap {



  border: 6px solid #fff;



  width: 100%;



  height: 100%;



  display: block;



  box-sizing: border-box;



}







.nynewcontact .nynewcontactBox .nynewcontactR {



  flex: 0 0 31%;



  justify-content: center;



  float: left;



  width: 31%;



  padding: 0.2rem;



  box-sizing: border-box;



  border-radius: 0.1rem;



  background: url(../../img/nynewcontactRListBg.png) no-repeat center;



  background-size: cover;



}







.nynewcontact .nynewcontactBox .nynewcontactR .nynewcontactRList {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  border-bottom: 1px solid #484848;



  padding-bottom: 0.3rem;



}







.nynewcontact .nynewcontactBox .nynewcontactR .nynewcontactRList i {



  flex: 0 0 0.34rem;



  justify-content: center;



  float: left;



  width: 0.34rem;



  height: 0.34rem;



  display: block;



}







.nynewcontact .nynewcontactBox .nynewcontactR .nynewcontactRList b {



  flex: 1;



  padding-left: 0.2rem;



  line-height: 1;



}







.nynewcontact .nynewcontactBox .nynewcontactR .nynewcontactRList b span {



  font-size: 0.36rem;



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



  color: #fff;



  text-transform: uppercase;



  display: block;



}







.nynewcontact .nynewcontactBox .nynewcontactR .nynewcontactRList b strong {



  font-size: 0.18rem;



  color: #fff;



  font-weight: normal;



  letter-spacing: 8px;



  padding-top: 0.1rem;



  display: block;



}







.nynewcontact .nynewcontactBox .nynewcontactR ul li {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  margin: 0.2rem 0;



}







.nynewcontact .nynewcontactBox .nynewcontactR ul li i {



  flex: 0 0 0.34rem;



  justify-content: center;



  float: left;



  width: 0.34rem;



  height: 0.34rem;



  border-radius: 50%;



  background: #c4121a;



}







.nynewcontact .nynewcontactBox .nynewcontactR ul li i img {



  width: 100%;



  height: 100%;



  display: block;



  object-fit: contain;



  padding: 0.08rem;



  box-sizing: border-box;



}







.nynewcontact .nynewcontactBox .nynewcontactR ul li p {



  flex: 1;



  padding-left: 5%;



}







.nynewcontact .nynewcontactBox .nynewcontactR ul li p span {



  color: #fff;



  font-size: 0.16rem;



  display: block;



}







.nynewcontact .nynewcontactBox .nynewcontactR ul li p b {



  padding-top: 0.05rem;



  font-size: 0.16rem;



  line-height: 0.24rem;



  color: #fff;



  display: block;



  font-weight: normal;



}







.nynewcontact .nynewcontactBox .nynewcontactR .nynewcontactQrcodeBox {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  justify-content: center;



  width: 100%;



}







.nynewcontact .nynewcontactBox .nynewcontactR .nynewcontactQrcodeBox .nynewcontactQrcode {



  flex: 0 0 1.18rem;



  justify-content: center;



  float: left;



  width: 1.18rem;



  margin: 0 0.2rem;



}







.nynewcontact .nynewcontactBox .nynewcontactR .nynewcontactQrcodeBox .nynewcontactQrcode img {



  width: 100%;



  display: block;



  background: url(../../img/nynewcontactQrcode.png) no-repeat center;



  background-size: contain;



  box-sizing: border-box;



  padding: 0.1rem;



}







.nynewcontact .nynewcontactBox .nynewcontactR .nynewcontactQrcodeBox .nynewcontactQrcode>div {



  display: block;



  color: #dddddd;



  text-align: center;



  margin-top: 0.2rem;



  padding-bottom: 0.3rem;



}



 



.productMessage {



  margin-bottom: 50px;



  margin-top: 50px;



}







.productMessage h3 {



  text-align: center;



  font-size: 0.24rem;



  font-weight: bold;



  color: #d60a17;



}







.productMessage h3 i {



  font-weight: bold;



  display: inline-block;



}







.productMessage h3 i::after {



  content: "";



  width: 100%;



  height: 1px;



  background: #d60a17;



  display: block;



  margin-top: 0.1rem;



}







.productMessageTitle {



  text-align: center;



  font-size: 0.15rem;



  padding-top: 0.1rem;



  color: #666;



}







.productMessagelistBox{



  padding: 0.3rem 0.3rem 0;



  background: #fff;



  margin-top: 0.4rem;



  box-shadow: 0 0 10px rgba(0,0,0,.05);



  border-radius: 0.1rem;



}







.productMessagelist {



  display: flex;



  justify-content: space-between;



  width: calc( 100% - 2px); 



  border: 1px solid #e3e5e6;



}







.productMessagelistId {



  width: 20%;



}







.productMessagelistImg {



  width: 20%;



}







.productMessagelistName {



  width: 20%;



}







.productMessagelistPrice {



  width: 20%;



}







.productMessagelistNumber {



  width: 20%;



}







.productMessagelistId h4 {



  padding: 0.1rem;



  background: #fff;



  text-align: center;



  font-size: 0.16rem;



  border-right: 1px solid #e3e5e6;



  border-bottom: 1px solid #e3e5e6;



}







.productMessagelistImg h4 {



  padding: 0.1rem;



  background: #fff;



  text-align: center;



  font-size: 0.16rem;



  border-right: 1px solid #e3e5e6;



  border-bottom: 1px solid #e3e5e6;



}







.productMessagelistName h4 {



  padding: 0.1rem;



  background: #fff;



  text-align: center;



  font-size: 0.16rem;



  border-right: 1px solid #e3e5e6;



  border-bottom: 1px solid #e3e5e6;



}







.productMessagelistPrice h4 {



  padding: 0.1rem;



  background: #fff;



  text-align: center;



  font-size: 0.16rem;



  border-right: 1px solid #e3e5e6;



  border-bottom: 1px solid #e3e5e6;



}







.productMessagelistNumber h4 {



  padding: 0.1rem;



  background: #fff;



  text-align: center;



  font-size: 0.16rem;



  border-bottom: 1px solid #e3e5e6;



}







.productMessagelistId p {



  text-align: center;



  font-size: 0.16rem;



  background: #fff;



  padding: 0.1rem;



  border-right: 1px solid #e3e5e6;



  line-height: 0.8rem;



  height: 0.8rem;



}







.productMessagelistImg p {



  text-align: center;



  font-size: 0.16rem;



  background: #fff;



  padding: 0.1rem;



  border-right: 1px solid #e3e5e6;



  line-height: 0.8rem;



  height: 0.8rem;



}







.productMessagelistImg p img {



  display: block;



  height: 0.8rem;



  width: auto;



  margin: 0 auto;



}







.productMessagelistName p {



  text-align: center;



  font-size: 0.16rem;



  background: #fff;



  padding: 0.1rem;



  border-right: 1px solid #e3e5e6;



  line-height: 0.8rem;



  height: 0.8rem;



}











.productMessagelistPrice p {



  text-align: center;



  font-size: 0.16rem;



  background: #fff;



  padding: 0.1rem;



  border-right: 1px solid #e3e5e6;



  line-height: 0.8rem;



  height: 0.8rem;



}







.productMessagelistPriceText {



  width: 50%;



  margin: 0 auto;



  display: block;



  border: 1px solid #ccc;



  height: 0.3rem;



  margin-top: 0.25rem;



  padding: 0 0.1rem;



  box-sizing: border-box;



  text-align: center;



}







.productMessagelistNumber .productMessagelistNumberJJ {



  text-align: center;



  font-size: 0.16rem;



  background: #fff;



  padding: 0.1rem 0.5rem;



  line-height: 0.8rem;



  height: 0.8rem;



}







.productMessagelistNumberJJ {



  display: flex;



  justify-content: center;



  align-items: center;



}







.productMessagelistNumberJJ i {



  width: 0.3rem;



  height: 0.3rem;



  line-height: 0.3rem;



  flex: 0 0 0.3rem;



  background: #f2f2f2;



  font-size: 0.2rem;



  color: #666;



  cursor: pointer;



}







.productMessagelistNumberJJ b {



  height: 0.3rem;



  line-height: 0.3rem;



  flex: 1;



  font-size: 0.15rem;



  color: #666;







}







.productMessagelistNumberJJ b input {



  width: 80%;



  margin: 0 auto;



  display: block;



  border: 1px solid #ccc;



  height: 0.3rem;



  padding: 0 0.1rem;



  box-sizing: border-box;



  text-align: center;



}







.productMessagelistNumber h4 i{



  color: #f00;



}







.productMessageBottom{



  background: #fff;



  padding:0.4rem 0.3rem;



}



.productMessageBottom ul{



  display: flex;



  justify-items: center;



  width: 100%;



  flex-wrap: wrap;



  justify-content: space-between;



}







.productMessageBottom ul li:nth-child(1){



  flex: 0 0 100%;







}



.productMessageBottom ul li{



  flex: 0 0 48%;



  margin-bottom: 0.2rem;



  position: relative;



}







.productMessageBottom ul li b{



  flex: 0 0 1rem;



  font-size: 0.15rem;



  font-weight: normal;



  text-align: justify;



  text-justify:distribute-all-lines; 



  text-align-last: justify;



  padding-right: 0.1rem;



  position: relative;



  box-sizing: border-box;



  padding-top: 0.1rem;



}







.productMessageBottom ul li b i{



  position: absolute;



  color: #f00;



  left: -0.1rem;



}







.productMessageBottom ul li textarea{



  flex: 1;



  padding: 0.1rem;



  font-size: 0.16rem;



  color: #666;



  border: 1px solid #e3e5e6;



}







.productMessageBottom ul li input{



  flex: 1;



  padding: 0.1rem;



  font-size: 0.16rem;



  color: #666;



  border: 1px solid #e3e5e6;



}







.productMessageBottomcodeImg{



  width: 1.4rem;



  height: 0.38rem;



  position: absolute;



  right: 2px;



  top: 2px;



  z-index: 2;



  cursor: pointer;



}







.productMessageBottomBox{



  width: 100%;



  display: flex;







}







.productMessageBottomBoxBth{



  width: 2rem;



  height: 0.4rem;



  background:#d60a17 ;



  margin: 0 auto;



  text-align: center;



  line-height: 0.4rem;



  color: #fff;



  font-size: 0.16rem;



  cursor: pointer;



  margin-top: 0.2rem;



}







@media (max-width: 980px) {



  .productAndproduct .nycaseboxbottomImg .swiper-container {



    padding-top: 0;



  }







  .productAndproduct .nycaseboxbottomImg li {



    margin-top: 0.1rem;



  }







  .productAndproduct h4 {



    margin-top: 0.2rem;



  }







  .nydownload {



    top: 0;



  }







  .nycourse ul li {



    margin-top: 0.3rem;



  }







  .nycourse {



    margin-top: 0;



    top: 0;



    padding-bottom: 0.8rem;



  }







  .nycourse .nycaseBoxTop {



    height: auto;



    margin-top: 0.2rem;



    box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.06);



    background: transparent;



    border-radius: 0;



  }







  .nycourse .nycaseBoxTop ul {



    height: auto;



  }







  .nycourse .nycaseBoxTop ul li {



    height: 0.5rem;



    background: #f2f2f2;



    margin-top: 0.1rem;



  }







  .nycourse .nycaseBoxTop ul li a {



    height: 0.5rem;



    line-height: 0.5rem;



    padding: 0 0.1rem;



  }







  .nycourse .nycaseBoxTop ul li a img {



    height: 0.5rem;



  }







  .nycourse .nycaseBoxTop ul li {



    flex: 0 0 48%;



    justify-content: center;



    float: left;



    width: 48%;



  }















  .course .dl-container {



    padding-top: 0.52rem;



    margin-bottom: 0;



  }







  .course .dl-container h4 {



    font-size: 24px;



    color: #333;



    height: 50px;



    line-height: 0px;



    padding-bottom: 10px;



    padding-top: 0;



  }







  .course .dl-container h4::after {



    margin-top: 30px;



  }







  .nydownload {



    top: 0;



  }







  .nydownloadBox ul li {



    margin-top: 0.3rem;



  }







  .nydownloadBox {



    margin-top: 0;



  }







  .nydownload .nycaseBoxTop {



    height: auto;



    margin-top: 0.2rem;



    box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.06);



    background: transparent;



    border-radius: 0;



  }







  .nydownload .nycaseBoxTop ul {



    height: auto;



  }







  .nydownload .nycaseBoxTop ul li {



    height: 0.5rem;



    background: #f2f2f2;



    margin-top: 0.1rem;



  }







  .nydownload .nycaseBoxTop ul li a {



    height: 0.5rem;



    line-height: 0.5rem;



    padding: 0 0.1rem;



  }







  .nydownload .nycaseBoxTop ul li a img {



    height: 0.5rem;



  }







  .nydownload .nycaseBoxTop ul li {



    flex: 0 0 48%;



    justify-content: center;



    float: left;



    width: 48%;



  }







  .nydownloadBox ul {



    display: flex;



    justify-content: space-between;



    width: 100%;



    flex-wrap: wrap;



  }







  .nydownloadBox ul li {



    flex: 0 0 100%;



  }







  .course .dl-container .courseBox ul li:nth-child(1) {



    display: none;



  }







  .course .dl-container .courseBox::after {



    left: 20px;



  }







  .course .dl-container .courseBox ul li {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    margin-bottom: 30px;



  }







  .course .dl-container .courseBox ul li:nth-child(odd) .courseBoxList {



    flex-direction: unset;



  }







  .course .dl-container .courseBox ul li:nth-child(odd) .courseBoxList p {



    text-align: left;



    flex: 0 0 80%;



    justify-content: center;



    float: left;



    width: 80%;



  }







  .course .dl-container .courseBox ul li .courseBoxList {



    padding-left: 10%;



    box-sizing: border-box;



  }







  .course .dl-container .courseBox ul li .courseBoxList p {



    flex: 0 0 80%;



    justify-content: center;



    float: left;



    width: 80%;



  }







  .course .dl-container .courseBox ul li::after {



    left: 14px;



  }







  .course .dl-container .courseBox ul li:nth-child(odd)::after {



    left: 14px;



    right: auto;



  }







  .course .dl-container .courseBox ul li:nth-child(odd) {



    transform: translateY(0px);



  }







  .course .dl-container .courseBox .coursetime {



    left: 22px;



  }







  .course .dl-container .courseBox ul li .courseBoxList p span {



    margin-top: 0;



  }







  .course .dl-container .courseBox ul li .courseBoxList p span {



    line-height: 1.5;



  }







  .course .dl-container .courseBox {



    margin-top: 0;



  }



}







@media (max-width: 980px) {



  .dl-container {



    width: 100%;



    padding: 0 0.15rem;



    box-sizing: border-box;



  }







  .nycase {



    top: 0;



  }







  .nycase .nycaseBoxTop {



    height: auto;



    margin-top: 0.2rem;



    box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.06);



    background: transparent;



    border-radius: 0;



  }







  .nycase .nycaseBoxTop ul {



    height: auto;



  }







  .nycase .nycaseBoxTop ul li {



    height: 0.5rem;



    background: #f2f2f2;



    margin-top: 0.1rem;



  }







  .nycase .nycaseBoxTop ul li a {



    height: 0.5rem;



    line-height: 0.5rem;



    padding: 0 0.1rem;



  }







  .nycase .nycaseBoxTop ul li a img {



    height: 0.5rem;



  }







  .nycase .nycaseBoxTop ul li {



    flex: 0 0 48%;



    justify-content: center;



    float: left;



    width: 48%;



  }







  .nycase .nycaseboxbottom ul.nycaseboxbottomImg {



    margin-top: 0;



  }







  .nycase .nycaseboxbottom ul.nycaseboxbottomImg li {



    flex: 0 0 48%;



    justify-content: center;



    float: left;



    width: 48%;



    margin-top: 0.2rem;



  }







  .nycase .nycaseboxbottom ul.nycaseboxbottomImg li .nycaseboxText::after,



  .nycase .nycaseboxbottom ul.nycaseboxbottomImg li .nycaseboxText::before {



    display: none;



  }







  .nycase .nycaseboxbottom ul.nycaseboxbottomImg li .nycaseboxText {



    padding: 0 0.1rem;



    font-size: 0.15rem;



    line-height: 0.4rem;



    pointer-events: none;



  }







  .nycase .nycaseboxbottom ul.nycaseboxbottomImg li a.nycaseboxImg::before,



  .nycase .nycaseboxbottom ul.nycaseboxbottomImg li:hover a.nycaseboxImg::after {



    opacity: 0 !important;



  }







  .nycase .nycaseBoxTop ul li a span {



    max-width: 100%;



  }







  .nycase .nycaseBoxTop ul li.nycaseBoxTopActive a img.nycaseBoxTopIco1 {



    display: none !important;



  }







  .nycase .nycaseBoxTop ul li a img.nycaseBoxTopIco1,



  .nycase .nycaseBoxTop ul li.nycaseBoxTopActive a img.nycaseBoxTopIco2 {



    display: none !important;



  }







  .nycase .nycaseBoxTop ul li:hover a img.nycaseBoxTopIco2 {



    display: none !important;



  }







  .caseXqBoxCenter {



    margin-top: 0.4rem;



  }







  .caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL {



    width: 100%;



  }







  .right_y li {



    padding: 0 0.1rem;



    height: 0.5rem;



    line-height: 0.5rem;



    text-transform: capitalize;



  }







  .right_y {



    height: 0.5rem;



    line-height: 0.5rem;



  }







  .right_y li span {



    display: none;



  }







  .right_y li a {



    width: 100%;



    font-size: 0.15rem;



    text-align: center;



    height: 0.5rem;



    line-height: 0.5rem;



  }







  .caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopList .caseXqBoxCenterLBoxTopListTime {



    margin-left: 0.3rem;



  }







  .caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopList .caseXqBoxCenterLBoxTopListNum {



    margin-left: 0.3rem;



  }







  .caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopList {



    width: 100%;



  }







  .caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopList .caseXqBoxCenterLBoxTopListSize,



  .caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopList .caseXqBoxCenterLBoxTopListTime,



  .caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterL .caseXqBoxCenterLBox .caseXqBoxCenterLBoxTopList .caseXqBoxCenterLBoxTopListNum {



    margin-left: 0;



    flex: 0 0 40%;



    float: left;



    width: 40%;



    line-height: 2;



    justify-content: center;



  }







  .caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    margin-top: 0.3rem;



  }







  .caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR ul {



    display: flex;



    justify-content: space-between;



    flex-wrap: wrap;



    width: 100%;



  }







  .caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR ul li {



    flex: 0 0 48%;



    justify-content: center;



    float: left;



    width: 48%;



  }







  .caseXqBoxCenter .caseXqBoxCenterBox .caseXqBoxCenterR {



    padding: 0.3rem 0.1rem 0.2rem;



    margin-bottom: 0.7rem;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop ul li .productXqBoxCenterBoxL {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop ul li .productXqBoxCenterBoxR {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox {



    padding: 0;



    margin-top: 0.3rem;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop {



    padding: 0.15rem;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox {



    top: 0;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop ul li .productXqBoxCenterBoxR .productXqBoxCenterBoxRMore a {



    width: 50%;



    margin-right: 0;



    float: left;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .swiper-pagination {



    display: none;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom {



    padding: 0.15rem;



    margin-top: 0.1rem;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul li {



    height: 0.5rem;



    line-height: 0.5rem;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBottom .hd ul {



    height: 0.5rem;



  }







  .nyproduct {



    top: 0;



    margin-top: 0.2rem;



  }







  .nyproduct .nyproductTop ul li {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }







  .nyproduct .nyproductTop ul li .nyproductTopBox a::after {



    display: none;



  }







  .nyproduct .nyproductTop ul li .nyproductTopBox {



    padding: 0.1rem 0.1rem;



    border-bottom: 1px solid #f0f0f0;



  }







  .nyproduct .nyproductTop ul li .nyproductTopBox a {



    flex: 0 0 50%;



    justify-content: center;



    float: left;



    width: 50%;



    padding-left: 0.1rem;



    padding-right: 0.1rem;



    background: transparent;



  }







  .nyproduct .nyproductBottom ul li {



    flex: 0 0 48%;



    justify-content: center;



    float: left;



    width: 48%;



    margin-top: 0.15rem;



  }







  .nyproduct .nyproductBottom ul li .nyproductBottomImgText i em {



    display: none;



  }







  .nyproduct .nyproductBottom ul li .nyproductBottomImgText {



    padding: 0 0.1rem;



  }







  .nyproduct .nyproductBottom ul li .nyproductBottomImgText b {



    margin: 0rem 0 0.15rem;



    padding-top: 0rem;



  }







  .nyproduct .nyproductBottom ul {



    margin-top: 0.1rem;



    justify-content: space-between;



  }







  .nyabout {



    top: 0;



    margin-top: 0.2rem;



  }







  .nyabout .nycaseBoxTop {



    height: auto;



    margin-top: 0.3rem;



    box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.06);



    background: transparent;



    border-radius: 0;



  }







  .nyabout .nycaseBoxTop ul {



    height: auto;



  }







  .nyabout .nycaseBoxTop ul li {



    flex: 0 0 48%;



    justify-content: center;



    float: left;



    width: 48%;



    height: 0.5rem;



    background: #f2f2f2;



    margin-top: 0.1rem;



  }







  .nyabout .nycaseBoxTop ul li a img.nycaseBoxTopIco1,



  .nyabout .nycaseBoxTop ul li:hover a img.nycaseBoxTopIco1,



  .nyabout .nycaseBoxTop ul li.nycaseBoxTopActive a img.nycaseBoxTopIco2,



  .nyabout .nycaseBoxTop ul li:hover a img.nycaseBoxTopIco2 {



    display: none !important;



  }







  .nyabout .nycaseBoxBottom .nycaseBoxBottomL {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }







  .nyabout .nycaseBoxTop ul li a {



    height: 0.5rem;



    line-height: 0.5rem;



    padding: 0 0.1rem;



  }







  .nyabout .nycaseBoxTop ul li a span {



    max-width: 100%;



  }







  .nyabout .nycaseBoxBottom {



    padding-top: 0.3rem;



  }







  .nyabout .nycaseBoxBottom .nycaseBoxBottomL i {



    width: 1.47rem;



    height: 2px;



    margin-top: 0.2rem;



    margin-left: 0;



    margin-bottom: 0.2rem;



  }







  .nyabout .nycaseBoxBottom .nycaseBoxBottomL i::after {



    width: 0.4rem;



    height: 2px;



  }







  .nyabout .nycaseBoxBottom .nycaseBoxBottomL span {



    position: relative;



    top: 0;



    display: block;



    transform: rotate(0deg);



    left: 0;



    margin-top: 0.1rem;



    display: none;



  }







  .nyabout .nycaseBoxBottom .nycaseBoxBottomR {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    padding: 0.3rem 0.15rem;



    margin-top: 0.15rem;



  }







  .nyhonor .nyhonorBottom .nyhonorBottomBox ul li {



    flex: 0 0 48%;



    justify-content: center;



    float: left;



    width: 48%;



  }







  .nyhonor .nyhonorBottom {



    padding-top: 0.3rem;



  }







  .nyhonor .nyhonorBottom .nyhonorBottomBox ul {



    margin-top: 0.2rem;



  }







  .gotop {



    display: none;



  }







  .recruit .recruitBottom ul li .recruitBottomActive {



    padding: 0.1rem 0.15rem;



    height: auto;



  }







  .recruit .recruitBottom ul li .recruitBottomActive .recruitBottomActiveL {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }







  .recruit .recruitBottom ul li .recruitBottomActive .recruitBottomActiveR {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    text-align: left;



    margin-top: 0.2rem;



    padding-bottom: 0.2rem;



  }







  .recruit .recruitBottom ul li .recruitBottomActiveBox {



    padding: 0 0.15rem 0.4rem;



  }







  .nymessage .nymessageBox {



    margin-top: 0.2rem;



  }







  .nymessage .nymessageBox .nymessageBoxL {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }







  .nymessage .nymessageBox .nymessageBoxL img {



    display: none;



  }







  .nymessage .nymessageBox .nymessageBoxL .nymessageBoxLText {



    display: block;



    position: relative;



    top: 0;



    left: 0;



    width: 100%;



    height: auto;



    margin-top: 0.2rem;



  }







  .nymessage .nymessageBox .nymessageBoxL .nymessageBoxLText h4 {



    margin-top: 0;



    color: #d60a17;



    top: 0;



    left: 0;



    width: 100%;



    height: auto;



    font-size: 22px;



    line-height: 2;



  }







  .nymessage .nymessageBox .nymessageBoxL .nymessageBoxLText p {



    line-height: 1.5;



    color: #333;



    font-size: 0.16rem;



  }







  .nymessage .nymessageBox .nymessageBoxR {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    margin-top: 0.3rem;



  }







  .nymessage .nymessageBox .nymessageBoxR ul li {



    margin-bottom: 0.1rem;



  }







  .bodyColor {



    min-height: 100vh;



  }







  .nymapbox {



    position: relative;



    top: 0;



    margin-top: 0.4rem;



    padding: 0 0.15rem;



  }







  .nymapbox .wjdh-map {



    height: auto;



  }







  .nymapbox .wjdh-map #wmap {



    width: 100% !important;



    height: 4rem !important;



    background: #f2f2f2;



    position: relative;



    left: 0;



  }







  .nymapbox .wjdh-map .page-aboutBox {



    width: 100%;



    margin-top: 0.2rem;



    padding: 0.3rem 0.2rem 0.2rem;



  }







  .nymapbox .wjdh-map .dl-container {



    padding: 0;



  }







  .newsXqBoxCenteR {



    width: 100%;



    margin-top: 0.2rem;



  }







  .newsXqBoxCenteR .newsXqBoxCenteRTop ul li {



    padding: 0.15rem;



  }







  .newsXqBoxCenteR .newsXqBoxCenteRBottom {



    padding: 0.15rem;



  }







  .nynews .nynewsTop ul li {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    background: #fff;



  }







  .nynews .nynewsTop {



    margin-top: 0.25rem;



  }







  .nynews .nynewsTop ul li p {



    margin-top: 0.15rem;



  }







  .nynews .nynewsTop ul li {



    padding: 0.15rem 0.15rem;



    margin-bottom: 0.15rem;



  }







  .nynews .nynewsTop ul li .nynewsTopTitle {



    margin-top: 0.15rem;



    height: auto;



  }







  .nynews .nynewsTop ul li i {



    margin-top: 0.15rem;



  }







  .nynews .nynewsTop ul li a.nynewsTopMore {



    color: #333;



    opacity: 1;



  }







  .nynews .nynewsBottom ul li .nynewsBottomImg {



    display: none;



  }







  .nynews .nynewsBottom ul li .nynewsBottomImgText {



    width: 100%;



  }







  .nynews .nynewsBottom ul li .nynewsBottomImgText i {



    display: none;



  }







  .nynews .nynewsBottom ul li .nynewsBottomImgText .nynewsBottomImgMore {



    margin-top: 0.15rem;



  }







  .caseMenuTopBox .caseMenuR {



    display: none;



  }







  .nyproduct .nyproductTopList {



    background: transparent;



    border-radius: 0;



    box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0);



  }







  .nyproduct .nyproductTopList ul li .nyproductTopBox {



    display: none;



  }







  .nyproduct .nyproductTopList ul li {



    flex: 0 0 48%;



    justify-content: center;



    float: left;



    width: 48%;



    height: 0.5rem;



    line-height: 0.5rem;



    background: #f2f2f2;



    margin-bottom: 0.1rem;



  }







  .nyproduct .nyproductTopList ul li .nyproductTopTitle {



    height: 0.5rem;



    line-height: 0.5rem;



    font-size: 0.16rem;



  }







  .nyproduct .nyproductTopTab ul li .nyproductTopBox {



    display: none;



  }







  .nyproduct .nyproductTopTab ul li.nyproductactive .nyproductTopBox {



    display: block;



    overflow: hidden;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxTopL {



    width: 100%;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }







  .productXqBoxCenter .dl-container .productXqBoxCenterBox .productXqBoxCenterBoxTop .productXqBoxCenterBoxR .productXqBoxCenterBoxRMore a {



    width: 45%;



    margin: 0 2%;



  }







  .nyproduct .nyproductTop {



    background: transparent !important;



    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;



  }







  .nyproduct .nyproductTop ul li {



    flex: auto !important;



    width: 33.3333333%;



    float: left;



    margin-right: 0%;



    margin-top: 0.1rem;



    background: transparent;



    border-bottom: 0;



    padding: 0 0.05rem;



    box-sizing: border-box;



  }







  .nyproduct .nyproductTop ul {



    margin: 0 -0.05rem;



  }







  .nyproduct .nyproductTop ul li:nth-child(3n) {



    margin-right: 0;



  }







  .nyproduct .nyproductTop ul li .nyproductTopTitle {



    line-height: 0.4rem;



    height: 0.4rem;



    font-size: 0.15rem;



    background: #fff;



    padding: 0 0.05rem;



  }







  .nyproduct .nyproductTop ul li::after {



    display: none;



  }







  .nyproduct .nyproductBottom ul li .nyproductBottomImgText i span {



    font-size: .16rem;



    font-weight: normal;



  }







  .nyproduct .nyproductTopTab ul li.nyproductactive .nyproductTopBox {



    display: none;



  }







  .nynewcontact .nynewcontactBox .nynewcontactL {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }







  .nynewcontact .nynewcontactBox .nynewcontactR {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



    margin-top: 0.3rem;



  }







  .nynewcontact {



    margin-top: 0.4rem;



  }







  .nynewcontact .nynewcontactBox .nynewcontactL .wjdh-map {



    height: 4rem;



  }



}















.productsDownload{



  margin-top: 0.5rem;



  margin-bottom: 0.5rem;



}







.productsDownload h4{



    font-size: 0.16rem !important;



    color: #666;



    line-height: 1;



    padding-top: 0.4rem;



    padding-bottom: 0.4rem;



}











.productsDownload ul{



    min-width: 4rem;



    justify-content: left;



    line-height: 0.4rem;



    position: relative;



    overflow: hidden;



}







.productsDownload ul:before{



    content:



    "";



    width:1px;



    height: 24px;



    background: #ededed;



    position: absolute;



    top: 50%;



    left: 200px;



    transform: translateY(-50%);



}







.productsDownload ul::after{



    content: "";



    clear: both;



    width: 0;



    height: 0;



    display: none;



    overflow: hidden;



    vertical-align: middle;



}







.productsDownload ul li:nth-child(1){



    float: left;



    min-width: 200px;



    border: 1px solid #ededed;



    border-right: 0;



}







.productsDownload ul li:nth-child(2){



    float: left;



    min-width: 200px;



    border: 1px solid #ededed;



    border-left: 0;



}











.productsDownload p{







}







.productsDownload ul li i{



    width: 6px;



    height: 6px;



    background: #999999;



    border-radius: 50%;



}







.productsDownload ul li img{



    height: 24px;



    align-items: center;



}







.productsDownload ul li span{



    color: #333333;



    padding: 0 0.3rem 0 0.1rem;



}







.productsDownload ul li a{



    display: flex;



    justify-content: center;



    align-items: center;



}







.productsDownload p{



    margin: 0.3rem 0;



    line-height: 0.3rem;



}







.productsDownload p i{



    color: #666666;



}







.productsDownload p a{



    font-size: 0.14rem;



    color: rgb(46,85,214);



    margin-right: 0.1rem;



    -webkit-transition: .5s;



    transition: .5s;



    display: inline-block;



}







.productsDownload p a:hover{



    transform: translateY(-5px);



}



















.listnewspage {



  margin-top: 0.4rem;



  margin-bottom: 0.8rem;



}



.listnewspage .listnewspageTop ul li {



  padding-top: 0.44rem;



  padding-bottom: 0.34rem;



  border-bottom: 1px dashed #dddddd;



  position: relative;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageTop ul li .listnewspageTopCenterBg {



  background: #fff;



  position: absolute;



  top: 50%;



  left: 50%;



  box-shadow: 0px 6px 23px rgba(0, 0, 0, 0.05);



  width: 105%;



  height: 100%;



  transform: translate(-50%, -50%);



  border-radius: 0.2rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  opacity: 0;



}



.listnewspage .listnewspageTop ul li .listnewspageTopCenter {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  position: relative;



  z-index: 2;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterL {



  flex: 0 0 11.15%;



  justify-content: center;



  float: left;



  width: 11.15%;



  padding: 5px;



  box-sizing: border-box;



  border-radius: 5px;



  background: #f7f8fa;



  overflow: hidden;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterL img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  border-radius: 5px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR {



  flex: 0 0 87.69%;



  justify-content: center;



  float: left;



  width: 87.69%;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  align-items: center;



}



.listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop i {



  font-size: 0.2rem;



  flex: 0 0 82.28%;



  justify-content: center;



  float: left;



  width: 82.28%;



  font-weight: bold;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em i {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding: 0.12rem 0.2rem;



  box-sizing: border-box;



  background: #eaecef;



  border-radius: 0.05rem;



  display: none;



}



.listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em i img {



  width: 0.22rem;



  height: 0.22rem;



  display: block;



  margin-right: 0.15rem;



}



.listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em i b {



  font-size: 0.16rem;



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



  font-weight: normal;



  color: #999999;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRBottom {



  color: #999999;



  line-height: 0.3rem;



  padding-top: 0.15rem;



  display: block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



}



.listnewspage .listnewspageTop ul li:hover {



  border-bottom: 1px dashed #fff;



}



.listnewspage .listnewspageTop ul li:hover .listnewspageTopCenterBg {



  opacity: 1;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}







.listnewspage .listnewspageTop ul li.on .listnewspageTopCenterBg{



  opacity: 1;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageTop ul li:hover .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop i {



  color: #257f35;



}



.listnewspage .listnewspageBottom ul li {



  padding-top: 0.44rem;



  padding-bottom: 0.34rem;



  border-bottom: 1px dashed #dddddd;



  position: relative;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageBottom ul li .listnewspageTopCenterBg {



  background: #fff;



  position: absolute;



  top: 50%;



  left: 50%;



  box-shadow: 0px 6px 23px rgba(0,0,0, 0.05);



  width: 105%;



  height: 100%;



  transform: translate(-50%, -50%);



  border-radius: 0.2rem;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  opacity: 0;



}



.listnewspage .listnewspageBottom ul li .listnewspageTopCenter {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  position: relative;



  z-index: 2;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR {



  flex: 0 0 100%;



  justify-content: center;



  float: left;



  width: 100%;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  align-items: center;



}



.listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop i {



  font-size: 0.2rem;



  flex: 0 0 87.28%;



  justify-content: center;



  float: left;



  width: 87.28%;



  font-weight: bold;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em {



  flex: 0 0 11.15%;



  justify-content: center;



  float: left;



  width: 11.15%;



}



.listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em i {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding: 0.12rem 0.2rem;



  box-sizing: border-box;



  background: #eaecef;



  border-radius: 0.05rem;



}



.listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em i img {



  width: 0.22rem;



  height: 0.22rem;



  display: block;



  margin-right: 1%;



}



.listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em i b {



  font-size: 0.16rem;



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



  font-weight: normal;



  color: #999999;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRBottom {



  color: #999999;



  line-height: 0.3rem;



  padding-top: 0.15rem;



  display: block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



}



.listnewspage .listnewspageBottom ul li:hover {



  border-bottom: 1px dashed #fff;



}



.listnewspage .listnewspageBottom ul li:hover .listnewspageTopCenterBg {



  opacity: 1;



}



.listnewspage .listnewspageBottom ul li:hover .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop i {



  color: #257f35;



}



@media (max-width: 980px) {



  .listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterL {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop {



    margin-top: 0.1rem;



  }



  .listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop i {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em i {



    margin-top: 0.1rem;



  }



  .listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em i {



    padding: 0.05rem 0.1rem;



  }



  .listnewspage .listnewspageTop ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop i {



    font-size: 0.16rem;



  }



  .listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop {



    flex-direction: column-reverse;



    align-items: flex-start;



  }



  .listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop i {



    font-size: 0.16rem;



  }



  .listnewspage .listnewspageBottom ul li {



    padding-top: 0.3rem;



  }



  .listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em i {



    width: auto;



    padding: 0.05rem 0.1rem;



    flex-wrap: nowrap;



  }



  .listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop i {



    flex: 0 0 100%;



    justify-content: center;



    float: left;



    width: 100%;



  }



  .listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em i img {



    margin-right: 0.15rem;



  }



  .listnewspage .listnewspageBottom ul li .listnewspageTopCenter .listnewspageTopCenterR .listnewspageTopCenterRTop em i {



    margin-top: 0.1rem;



  }



}