.sj-j-t {
  text-align: center;
  padding: 40px 0;
  color: #043596;
  font-weight: bold;
}
.sj-j-t h3 {
  font-size: 42px;
  font-weight: bold;
}
.sj-j-t h6 {
  font-size: 20px;
  font-weight: 300;
  margin-top: 10px;
  color: #000;
}
.header .encall {
  width: 232px !important;
}
.n_mbx a {
  text-transform: uppercase;
}
.sj-j-more {
  text-align: center;
  font-size: 0;
  overflow: hidden;
  margin-bottom: 20px;
}
.sj-j-more a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 14px;
  font-size: 18px;
  color: #7e7e7e;
  width: 252px;
  height: 60px;
  border-radius: 80px;
  line-height: 60px;
  border: 1px solid #7e7e7e;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
}
.sj-j-more a:hover {
  background: #009425;
  color: #fff;
  border: 1px solid #009425;
}
.cl {
  HEIGHT: 0px;
  CLEAR: both;
}
.c {
  *zoom: 1;
}
.c:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.video-list {
  margin-bottom: 29px;
}
.video-list ul {
  float: left;
  margin-right: 0.8%;
}
.video-list ul li {
  margin-bottom: 15px;
  overflow: hidden;
}
.video-list ul li img {
  display: block;
  width: 100%;
  height: 100%;
}
.video-list ul li:hover img {
  transform: scale(1.1);
}
.video-list ul.item1 {
  width: 17.7%;
}
.video-list ul.item1 li {
  width: 100%;
  overflow: hidden;
}
.video-list ul.item1 li:first-child {
  height: 238px;
}
.video-list ul.item1 li:last-child {
  height: 480px;
}
.video-list ul.item2 {
  width: 37.2%;
}
.video-list ul.item2 li:first-child {
  height: 468px;
}
.video-list ul.item2 li:nth-child(2),
.video-list ul.item2 li:last-child {
  float: left;
  height: 247px;
  width: 49%;
}
.video-list ul.item2 li:nth-child(2) {
  margin-right: 2%;
}
.video-list ul.item3 {
  width: 43.4%;
  margin-right: 0;
}
.video-list ul.item3 li:first-child {
  height: 234px;
}
.video-list ul.item3 li:nth-child(2),
.video-list ul.item3 li:nth-child(3) {
  float: left;
  height: 218px;
  width: 49%;
}
.video-list ul.item3 li:nth-child(2) {
  margin-right: 2%;
}
.video-list ul.item3 li:last-child {
  height: 248px;
}
.video-list ul li {
  position: relative;
}
.video-list ul li a strong {
  position: absolute;
  left: -100%;
  right: 0;
  width: 0%;
  text-align: center;
  z-index: 55;
  height: 0%;
  background: rgba(0, 0, 0, 0.473);
  z-index: 22;
  top: 0;
  bottom: 0;
  padding-top: 36%;
  box-sizing: border-box;
  transition: all .5s;
  color: #fff !important;
}
.video-list ul li a img {
  position: relative;
  z-index: 1;
  transition: all 0.3s;
}
.video-list ul.item1 li:last-child a strong {
  padding-top: 65%;
}
.video-list ul.item3 li:nth-child(2) a strong,
.video-list ul.item3 li:nth-child(3) a strong {
  padding-top: 32%;
}
.video-list ul.item3 li:first-child a strong {
  padding-top: 16%;
}
.video-list ul.item3 li:last-child a strong {
  padding-top: 16%;
}
.video-list ul li:hover strong {
  width: 100%;
  height: 100%;
  left: 0;
}
/*产品中心*/
.product {
  padding-bottom: 70px;
  background-size: contain;
  box-sizing: border-box;
}
.product .p_tit {
  overflow: hidden;
  margin-top: 42px;
  margin-bottom: 30px;
}
.index-title2 strong {
  display: block;
  font-size: 30px;
  color: #333;
  position: relative;
  margin-bottom: 9px;
}
.index-title2 strong:after {
  position: absolute;
  content: '';
  width: 30px;
  height: 3px;
  background: #043596;
  left: 143px;
  top: 26px;
}
.index-title2 p {
  line-height: 22px;
  color: #808080;
}
.product-title {
  margin-right: 5%;
  width: 24%;
}
.product-btn {
  width: 70%;
  margin-top: 54px;
}
.product-btn ul li {
  float: left;
  width: 12.5%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product-btn ul li a {
  display: block;
  font-size: 18px;
  color: #333333;
  line-height: 49px;
  position: relative;
  text-align: center;
}
.product-btn ul li:hover a,
.product-btn ul li.on a {
  color: #043596;
}
.index-more a {
  display: inline-block;
  width: 115px;
  background: #ededed;
  font-size: 15px;
  line-height: 43px;
  color: #333333;
  text-align: center;
  border-radius: 3px;
  margin-top: 49px;
}
.index-more a:hover {
  background: #043596;
  transition: 0.6s;
  color: #fff;
}
.product-list {
  background: rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
.product-list ul li {
  float: left;
  margin-right: 1%;
  width: 23.92344498%;
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}
.product-list ul li .pic {
  overflow: hidden;
  border: 1px solid #dbdbdb;
}
.product-list ul li .pic > img {
  display: block;
  width: 100%;
}
.product-list ul li .name {
  width: 52%;
  padding: 0 10%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0%;
  left: 0;
  right: 0;
  margin: auto;
  line-height: 58px;
}
.product-list ul li .name em {
  display: block;
  float: left;
  font-size: 15px;
  color: #fff;
}
.product-list ul li .name img {
  display: block;
  float: right;
  margin-top: 24px;
}
.product-list ul li:hover .name {
  bottom: 13px;
  transition: 0.6s;
  background: rgba(0, 148, 37, 0.753);
}
.sygs {
  background: url(/style25/gs.jpg) center no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  padding: 103px 0;
}
.sygs dl {
  overflow: hidden;
}
.sygs dt {
  width: 50%;
}
.sygs dt h3 {
  color: #043596;
  font-weight: bold;
}
.sygs dt h2 {
  color: #fff;
  font-weight: bold;
  margin-top: 20px;
}
.sygs dd {
  width: 50%;
  color: #fff;
  line-height: 160%;
}
.sygs dd a {
  margin: 30px 20px 0 0;
  padding: 15px 20px;
  border-radius: 10px;
  border: 2px solid;
  font: 16px 'Open Sans', sans-serif;
  text-transform: uppercase;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 25%;
  float: left;
  color: #043596;
  border-color: #043596;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 2;
  background: #ffffffba;
}
.sygs dd a:nth-of-type(1) {
  background: #043596;
  color: #fff;
}
.sygs dd a::before {
  position: absolute;
  content: "";
  background: #fff;
  -webkit-transform: skew(45deg, 0);
  transform: skew(45deg, 0);
  width: 0;
  height: 100%;
  top: 0px;
  left: -30px;
  z-index: -1;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.sygs dd a:hover {
  background: #fff;
  color: #043596;
}
.sygs dd a:hover::before {
  width: 150%;
}
.sygs ul {
  margin-top: 60px;
}
.sygs ul li {
  float: left;
  width: 23.80952381%;
  background: #fff;
  text-align: center;
  margin-right: 1%;
  padding: 2% 1% 1% 1%;
  box-sizing: border-box;
  transition: all .3s;
}
.sygs ul li b {
  display: block;
  margin-bottom: 10px;
}
.sygs ul li p {
  line-height: 160%;
}
.sygs ul li:hover {
  background: #043596;
  color: #fff;
}
.sygs ul li img {
  display: block;
  margin: 40px auto 0 auto;
}
.sysp {
  background: linear-gradient(70deg, #043596, #06e672);
  overflow: hidden;
  padding: 30px 0;
}
.sysp dl dt {
  width: 36%;
}
.sysp dl dt img {
  float: right;
}
.sysp dl dt div {
  font-size: 30px;
  padding-top: 80px;
  color: #fff;
  text-align: right;
}
.sysp dl dt div b {
  font-size: 82px;
  display: block;
  text-transform: uppercase;
}
.sysp dl dt div a {
  border: 1px solid #fff;
  width: 216px;
  float: right;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  position: relative;
}
.sysp dl dt div a::before {
  position: absolute;
  content: "";
  background: #fff;
  -webkit-transform: skew(45deg, 0);
  transform: skew(45deg, 0);
  width: 0;
  height: 100%;
  top: 0px;
  left: -30px;
  z-index: -1;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.sysp dl dt div a:hover {
  background: #043596;
  color: #fff;
}
.sysp dl dt div a:hover::before {
  width: 150%;
}
.sysp dl dd {
  width: 58%;
}
.sysp dl dd video {
  width: 100%;
}
.p_tit {
  overflow: hidden;
  margin-top: 80px;
  margin-bottom: 30px;
}
.p_tit b {
  display: block;
  color: #043596;
  font-size: 30px;
  position: relative;
  padding-top: 20px;
  font-weight: bold;
}
.p_tit b::before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  width: 100px;
  height: 3px;
  background: #043596;
}
.p_tit b em {
  display: block;
  color: #999999;
  font-size: 14px;
  text-transform: uppercase;
}
.p_tit a {
  padding: 15px 20px;
  border-radius: 10px;
  border: 2px solid;
  font: 16px 'Open Sans', sans-serif;
  text-transform: uppercase;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 15%;
  float: left;
  border-color: #043596;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 2;
  background: #fff;
  color: #043596;
  float: right;
}
.p_tit a::before {
  position: absolute;
  content: "";
  background: #fff;
  -webkit-transform: skew(45deg, 0);
  transform: skew(45deg, 0);
  width: 0;
  height: 100%;
  top: 0px;
  left: -30px;
  z-index: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.p_tit a:hover {
  background: #fff;
  color: #043596;
}
.p_tit a:hover::before {
  width: 150%;
}
/* 新闻 */
.synews .swiper-slide {
  position: relative;
}
.synews .swiper-slide .info {
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  width: 100%;
  bottom: 0px;
  padding: 10px 0;
  transition: all .3s;
  box-sizing: border-box;
  background: rgba(0, 148, 37, 0.712);
  color: #fff;
}
.synews .swiper-slide img {
  width: 100%;
  transition: all .3s;
}
.synews .swiper-slide a {
  overflow: hidden;
}
.synews .swiper-slide a:hover img {
  transform: scale(1.1, 1.1);
}
.synews .swiper-slide a:hover .info {
  background: #000;
  color: #fff;
}
.sywz {
  background: url(/style25/b4.jpg);
  overflow: hidden;
  padding: 103px 0;
  margin-top: 88px;
  background-attachment: fixed;
}
.sywz dl {
  overflow: hidden;
}
.sywz dt {
  width: 58%;
}
.sywz dt h2 {
  font-weight: bold;
}
.sywz dt img {
  margin-top: 50px;
  width: 90%;
}
.sywz dt h2 {
  color: #fff;
}
.sywz dd {
  width: 40%;
  color: #fff;
  line-height: 180%;
}
.sywz dd a {
  margin: 10px 20px 0 0;
  padding: 15px 20px;
  border-radius: 10px;
  border: 2px solid;
  font: 16px 'Open Sans', sans-serif;
  text-transform: uppercase;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 25%;
  color: #043596;
  border-color: #043596;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 2;
}
.sywz dd a:nth-of-type(1) {
  background: #043596;
  color: #fff;
}
.sywz dd a::before {
  position: absolute;
  content: "";
  background: #fff;
  -webkit-transform: skew(45deg, 0);
  transform: skew(45deg, 0);
  width: 0;
  height: 100%;
  top: 0px;
  left: -30px;
  z-index: -1;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.sywz dd a:hover {
  background: #fff;
  color: #043596;
}
.sywz dd a:hover::before {
  width: 150%;
}
.num_top .item {
  width: 50%;
  float: left;
  text-align: center;
  vertical-align: top;
  padding-top: 80px;
}
.num_top .item h3 {
  font-size: 46px;
  color: #043596;
}
.num_top .item h3 i {
  font-style: normal;
  display: inline-block;
  font-weight: bold;
}
.num_top .item span {
  color: #043596;
  border-radius: 50%;
  vertical-align: text-top;
}
.num_top .item p {
  color: #fff;
  margin-top: 10px;
}
.synewst {
  margin-top: 50px;
}
.synews1 .swiper-slide {
  position: relative;
}
.synews1 .swiper-slide span {
  width: 100%;
  height: 40px;
  background: #eeeeee;
  color: #6e6e6e;
  font-size: 14px;
  display: block;
  line-height: 40px;
  padding: 0 10px;
  box-sizing: border-box;
  margin-top: 10px;
}
.synews1 .swiper-slide span em {
  font-size: 14px;
}
.synews1 .swiper-slide span i {
  float: right;
}
.synews1 .swiper-slide .info {
  padding: 10px 10px;
  background: #f9f9f9;
}
.synews1 .swiper-slide .info p {
  margin-top: 10px;
  font-size: 14px;
}
.synews1 .swiper-slide .info i {
  float: right;
  fofffnt-style: normal;
}
.synews1 .swiper-slide img {
  width: 100%;
}
.synews1 .swiper-slide h3 {
  color: #043596;
  font-size: 18px;
  font-weight: normal;
}
.synews1 .swiper-slide h3 strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.morea {
  width: 200px;
  background: #043596;
  color: #fff;
  height: 50px;
  line-height: 50px !important;
  line-height: 40px;
  margin: 20px auto;
  text-align: center;
  border-radius: 30px;
}
.morea a {
  color: #fff;
}
.morea a:hover {
  box-shadow: 0 0 15px #043596;
  border-radius: 30px;
}
@media (max-width: 1200px) {
  .video-list ul.item1 li:first-child {
    height: 216px;
  }
  .video-list ul.item1 li:last-child {
    height: 438px;
  }
  .video-list ul.item2 li:first-child {
    height: 424px;
  }
  .video-list ul.item2 li:nth-child(2),
  .video-list ul.item2 li:last-child {
    height: 224px;
  }
  .video-list ul.item3 li:first-child {
    height: 212px;
  }
  .video-list ul.item3 li:nth-child(2),
  .video-list ul.item3 li:nth-child(3) {
    height: 195px;
  }
  .video-list ul.item3 li:last-child {
    height: 224px;
  }
  .product-list ul li .name {
    width: 79%;
  }
  .sygs ul li {
    width: 23.909524%;
    padding: 1% 0.5%;
  }
  .sygs ul {
    overflow: hidden;
  }
  .product-btn {
    margin-right: 1%;
  }
}
@media (max-width: 768px) {
  .header .logo {
    width: 40%;
  }
  .header {
    height: 88px !important;
  }
  .header .logo img,
  .header.bg .logo img {
    height: 52px;
  }
  .header .inner {
    height: auto;
  }
  .header.bg .logo {
    background-size: 100% 83% !important;
  }
  .header .nav_button,
  .header .nav_button::after,
  .header .nav_button::before {
    background: #fff;
  }
  .header.bg .nav_button,
  .header.bg .nav_button::after,
  .header.bg .nav_button::before {
    background: #009425;
  }
  #nyba {
    background-size: 280% auto;
  }
  .video-list ul.item1 {
    display: none;
  }
  .video-list ul.item2 {
    width: 50%;
  }
  .video-list ul.item2 li:first-child {
    height: 366px;
  }
  .video-list ul.item2 li:nth-child(2),
  .video-list ul.item2 li:last-child {
    height: 192px;
  }
  .video-list ul.item3 {
    width: 48.4%;
  }
  .video-list ul.item3 li:first-child {
    height: 153px;
  }
  .video-list ul.item3 li:nth-child(2),
  .video-list ul.item3 li:nth-child(3) {
    height: 147px;
  }
  .video-list ul.item3 li:last-child a,
  .video-list ul.item3 li:last-child a img {
    height: 100%;
  }
  .video-list ul.item3 li:last-child {
    height: 242px;
  }
  .product-btn ul li {
    float: left;
    width: 24.5%;
  }
  .product-btn {
    width: 103%;
    margin-top: -22px;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .product-list ul li .name img {
    display: none;
  }
  .sygs dt {
    width: 100%;
    float: none;
  }
  .sygs dd {
    width: 100%;
    float: none;
  }
  .sygs ul li {
    width: 48.909524%;
    padding: 1% 3%;
    margin-top: 10px;
  }
  .sysp dl dt {
    display: none;
  }
  .sysp dl dd {
    width: 100%;
  }
  .sywz dt h2 {
    display: none;
  }
  .sywz dt {
    width: 100%;
  }
  .sywz dd {
    width: 100%;
    float: none;
  }
  .sywzcon {
    display: none;
  }
  #footer .two,
  #footer .f2 {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
  }
  #footer .footer_con {
    margin: 24px auto 0;
  }
  #footer {
    padding-bottom: 36px;
  }
  .p_tit a {
    width: 21%;
  }
  .header .nav_button {
    top: 42px;
  }
  .pro-ylist li {
    width: 46%;
  }
  .rysy {
    margin: 20px 0;
  }
  .cp_r {
    width: 100%;
  }
  .xgcp li {
    width: 23.867925%;
    margin-right: 1%;
    float: left;
    margin-bottom: 30px;
  }
  .pro-ylist li {
    float: left;
    width: 48%;
  }
  .cp_r ul li {
    width: 48.258065%;
  }
  .lxdt {
    width: 100%;
  }
  .threea .list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .intro4 {
    display: none;
  }
}
@media (max-width: 768px) {
  .cpxq_text video {
    width: 100% !important;
    height: 350px !important;
  }
  .cpn_con .cp_l {
    display: none !important;
  }
  .xgcp li strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .xgcp li {
    width: 31.867925%;
    margin-bottom: 0 !important;
  }
  .x1 {
    width: 2.333333% !important;
  }
  #list {
    margin: 0px 0;
  }
  .product_list_one .item,
  .product_list_two .item,
  .product_list_three .item {
    margin-left: 1%;
  }
  .product_list_one .item,
  .product_list_two .item,
  .product_list_three .item {
    width: 48%;
  }
  .product_list_three .item {
    padding-bottom: 0;
  }
  .nbanner {
    height: 390px;
  }
  .fade_text {
    margin-top: 92px;
  }
  .n_fbj .fa_1 .fr .box {
    display: none;
  }
  .n_fbj .fa_1 .fl,
  .n_fbj .fa_1 .fr,
  .lxcon .text2,
  #lxdt {
    float: none;
    width: 100%;
  }
  .list-news .time {
    display: none;
  }
  .list-news {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .list-news .news {
    margin: 0;
  }
  .pro_show .left {
    width: 100%;
    padding: 0;
    float: none;
  }
  .pro_show .right {
    padding: 2%;
    width: 100%;
    box-sizing: border-box;
    float: none;
    margin-left: 0;
  }
  ._p_b a {
    display: none;
  }
  .cpn_con .cp_l {
    display: none;
  }
  .npic img,
  .fa_4 .fawt img {
    width: 100%;
  }
  .hn-hangye {
    overflow: hidden;
    box-sizing: border-box;
    height: auto;
    margin-left: 0;
    margin-top: 20px;
  }
  .hn-hyitem {
    margin: 2px 12px;
    line-height: 36px;
  }
  .hn-hyitem a {
    padding: 0;
  }
  .fa_2 h4 em {
    font-size: 22px;
  }
  .fa_2 {
    padding: 0;
  }
  .pro_show {
    margin-top: 15px;
  }
  .sidebar-r {
    display: none;
  }
  .x9 {
    width: 100%;
  }
  .lxcon .text2 {
    margin-top: 0;
  }
  .sidebar-l {
    margin-right: 0;
  }
  .article .padding-large {
    padding: 30px 10px;
  }
  .pub_title h4 {
    font-size: 34px;
    margin-top: 35px;
  }
  .pub_title p {
    font-size: 14px;
  }
  .cp_r ul li {
    margin-bottom: 12px;
  }
}
@media (max-width: 414px) {
  .nbanner {
    background-size: auto 100%;
  }
  .fa_4 h4 em {
    font-size: 28px;
  }
  .box_one ul li {
    margin-left: 0;
    margin-right: 1%;
  }
  .box_one ul li a {
    height: 34px;
    font-size: 14px;
  }
  .box_one ul li {
    line-height: 34px;
  }
  .cpn_con .cp_l {
    display: block;
  }
  .y-tit1 .tit2 h2 {
    font-size: 28px;
  }
  .sectionsp strong {
    font-size: 46px;
  }
  .sectionsp b {
    font-size: 20px;
  }
  .sectionsp a {
    padding: 5px 23px;
  }
  .sectionsp {
    height: 600px;
  }
  .sj-tab ul li {
    padding: 0 4.6%;
    line-height: 45px;
  }
  .sj-j-b-ani {
    padding: 10px 10px;
    left: 0;
    height: 100%;
  }
  .sj-j-b-ani p {
    line-height: 1.7;
    font-size: 14px;
  }
  .sj-j-more a {
    width: 45%;
    margin-right: 2%;
    height: 42px;
    line-height: 42px;
    margin: 0;
  }
  .sj-j-b-ani .line {
    display: none;
  }
  .num_top .item h3 {
    font-size: 38px;
  }
  .about .a_top h1 {
    padding: 18px 16px;
  }
  .about .a_top h4 {
    padding: 6px 34px  10px 30px !important;
  }
  .syys1 h3 {
    font-size: 29px;
  }
  .syys1 {
    height: 177px;
  }
  .synews .swiper-slide {
    width: 98% !important;
  }
  .fixed_footer {
    display: block !important;
  }
  .sj-j-banner .swiper-slide-active .sj-j-b-ani {
    width: 100%;
    height: 100%;
    left: 0;
  }
  .sj-j-b-ani {
    padding: 83px 48px;
    left: 0;
    height: 100%;
  }
  #top_scroll ul li p {
    display: none;
  }
  #top_scroll ul li .img {
    padding: 0;
  }
  #top_scroll ul li h3 {
    padding-left: 0;
    text-align: center;
    font-size: 14px;
  }
  #top_scroll {
    margin: 20px auto;
  }
  .about .a_top h4 {
    font-size: 16px;
  }
  .section_four .small .item {
    height: 189px;
  }
  .about_wz {
    padding: 31px 0;
  }
  .title3 {
    padding: 20px 0;
  }
  .title3 h3 {
    font-size: 33px;
  }
  .nbanner {
    height: 328px;
  }
  .y-tit1 .more {
    display: none;
  }
  .pro-ylist .txt {
    margin: 0 auto;
    padding: 5px;
  }
  .pro-ylist .txt .tit {
    font-size: 18px;
  }
  .pro-ylist .txt .more {
    display: none;
  }
  .pro-ylist .txt p {
    display: none;
  }
  .pro-ylist .item {
    margin: 20px 6px 20px;
  }
  .y-tit1 {
    margin-bottom: 0;
    margin-top: 10px;
  }
  .pro-ylist .img {
    width: 100%;
  }
  .pro-ylist .item {
    width: 100%;
  }
  .pro-ylist li {
    margin-left: 2%;
  }
  .pro-ylist {
    margin: 0;
  }
  .cpxq_text img {
    width: 100%;
  }
  .nycpcon,
  .nbt {
    display: none;
  }
  .xgcp li {
    width: 48.8%;
  }
  .xgcp li:last-child {
    display: none;
  }
  .header.bg .logo {
    width: 282px;
    height: 64px;
  }
  .header.bg .logo {
    background-size: 237px 54px;
  }
  .sywz {
    padding: 2px 0 0 0px !important;
  }
  .intro2 a {
    font-size: 20px;
  }
}
@media (max-width: 414px) {
  .header .logo {
    width: 85%;
  }
  .sectionsp strong {
    font-size: 48px;
  }
  .sj-j-t {
    padding: 18px 0;
  }
  .video-list ul.item2 li:first-child {
    height: 198px;
  }
  .video-list ul.item2 li:nth-child(2),
  .video-list ul.item2 li:last-child {
    height: 106px;
  }
  .video-list ul li a img {
    width: auto;
    max-width: inherit;
    height: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .video-list ul li {
    margin-bottom: 4px;
  }
  .video-list ul.item3 li:nth-child(2),
  .video-list ul.item3 li:nth-child(3) {
    display: none;
  }
  .video-list ul.item3 li:last-child {
    height: 152px;
  }
  .sj-j-more a {
    width: 42%;
    float: left;
  }
  .product .p_tit {
    margin-top: 20px;
  }
  .index-more a {
    margin-top: 37px;
  }
  .product-list ul li {
    width: 48.923445%;
  }
  .sygs {
    background-size: cover;
    padding: 42px 0;
  }
  .sygs ul {
    display: none;
  }
  .p_tit {
    margin-top: 42px;
  }
  .p_tit a {
    margin-top: 10px;
  }
  .sywz {
    padding: 63px 0;
    margin-top: 60px;
  }
  .synewst {
    margin-top: 0;
  }
  .f_48 {
    font-size: 31px;
  }
  .sectionsp .syspwz {
    width: 80%;
    top: 6%;
  }
  .header.bg .logo {
    background: url(/style25/logo22.png) left 6px no-repeat;
    width: 282px;
    height: 55px;
    background-size: 282px 47px;
  }
  .header.bg .logo {
    margin-top: 15px;
  }
  .sj-j-t h6 {
    font-size: 14px;
  }
  .sj-j-more a {
    height: 42px;
    line-height: 42px;
  }
  .product-list ul li .name {
    line-height: 34px;
  }
  .product-list {
    margin: 0 auto;
  }
  .w80 {
    width: 90%;
  }
  .sywz {
    padding: 2px 0 0 0px !important;
    height: 476px;
  }
  .w80 {
    width: 94%;
  }
  .pro-ylist li {
    margin-left: 0%;
    margin-right: 1%;
  }
  .list-content {
    padding: 20px 0 0 0;
    overflow: hidden;
  }
  .pro-ylist .txt .tit {
    padding-bottom: 4px;
    margin-bottom: 4px;
  }
  .pro-ylist .item {
    margin: 10px 6px 10px;
  }
  .y-tit1 {
    margin-bottom: 0;
    margin-top: 24px;
  }
  .list-news .news h3 a {
    font-size: 16px;
  }
  .list-news .button {
    display: none;
  }
  .x6 {
    width: 59%;
    margin-top: 10px;
  }
  .header {
    height: 74px !important;
  }
  .header .inner {
    padding: 7px 5px !important;
  }
}
@media (max-width: 375px) {
  .sj-j-more {
    padding-top: 12px !important;
  }
  .sj-j-more a {
    font-size: 14px !important;
    margin: 0 4px;
    width: 39% !important;
  }
  .header.bg .logo {
    background: url(/style25/logo22.png) left 6px no-repeat;
    width: 231px;
    height: 46px;
    background-size: 282px 47px;
  }
  .header .logo img,
  .header.bg .logo img {
    height: 38px !important;
  }
  .sectionsp a {
    padding: 5px 17px;
  }
  .header .logo img,
  .header.bg .logo img {
    height: 47px !important;
  }
  .sj-j-more a {
    width: 45% !important;
  }
  .f_48 {
    font-size: 28px;
  }
  .sywz {
    height: 445px;
  }
  .about_wz h1 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .rysy {
    display: none;
  }
  .aboutn {
    padding: 30px 0;
  }
}
@media (max-width: 320px) {
  .header .inner {
    padding: 16px 0 0 0 !important;
  }
  .sectionsp {
    height: 467px;
  }
  .sectionsp .syspwz {
    width: 90%;
    top: 28%;
  }
  .f_18 {
    font-size: 12px;
  }
  .num_top .item h3 {
    font-size: 30px;
  }
  .header .logo {
    width: 72%;
  }
  .header .logo img,
  .header.bg .logo img {
    height: 40px !important;
  }
  .header {
    height: 78px !important;
  }
  .sectionsp strong {
    font-size: 34px;
  }
  .sectionsp b {
    font-size: 16px;
  }
  .sectionsp a {
    padding: 5px 20px;
    margin: 20px 4px;
  }
  .sj-j-t h3 {
    font-size: 32px;
  }
  .sj-j-more {
    padding-top: 2px !important;
  }
  .sj-j-more a {
    width: 44% !important;
  }
  .product-btn ul li a {
    font-size: 16px;
  }
  .product-list ul li .name {
    width: 100%;
    padding: 0;
  }
  .product-list ul li .name em {
    text-align: center;
    float: none;
    display: block;
  }
  .f_48 {
    font-size: 24px;
  }
  .p_tit a {
    width: 13%;
  }
}




.title-l h2{line-height:28px;height:28px;color:#333;position:relative;font-size:18px;letter-spacing:0;padding-left:20px;margin-bottom:10px;}
.title-l h2:before {content:'';display:block;position:absolute;width:5px;height:20px;top:4px;background:#ff9600;left:0}

.list-post-text li {padding:5px 0;}
.list-post-text li a{display:block;}
.list-post-text li.dot a{padding-left:15px;position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-post-text li.dot:hover a:before {background:#ff9600;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}

.list-post-x .media{margin-bottom:20px}
.list-post-x .media.border{border:0;border-bottom:1px solid #ECEFF5;padding-bottom:20px}
.list-post-x .media img{transition:all .3s ease-out}
.list-post-x .media .thumb-md{position:relative;max-width:100px;overflow:hidden}
.list-post-x .media .thumb-md .playtime{position:absolute;bottom:5px;right:5px;padding:0 5px;height:20px;line-height:18px;background:rgba(0,0,0,.6);z-index:3;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.list-post-x .media .thumb-md .playicon{position:absolute;bottom:5px;left:5px;width:20px;height:20px;line-height:18px}
.list-post-x .media:hover img{transition:all .3s ease-out;transform:scale(1.1)}
.list-post-x .media.media-x .float-left{margin-right:15px}
.list-post-x .media.media-x .float-right{margin-left:15px}
.list-post-x .media.media-x .media-body{text-align:left;padding:0}
.list-post-x .media a:hover{color:#434C5A}
.list-post-x .media-body p{color:#888888;line-height:22px}
.list-post-x .media:last-child{margin-bottom:0}

.article{overflow:hidden}
.article .padding-large{padding:30px 50px}
.article .post h1{font-size:28px;font-weight:600;}
.article .post h2{font-size:24px;font-weight:600;margin:10px 0}
.article .post h3{font-size:20px;font-weight:600;margin:10px 0}
.article .post hr{margin:10px 0;height:1px}
.article .post strong{font-size:16px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.article .post p{font-size:16px;line-height:28px;margin-bottom:10px}
.article .post img{max-width:100%;height: auto !important;}
.article .post a{text-decoration:none;}
.article .post a:hover{color:#ff9600;border-bottom:0 solid #ff9600}
.article .post .text-right{text-align:right}
.article .post ul li{padding:0 0 5px 20px;position:relative;font-size:16px}
.article .post ul li p{line-height:24px}
.article .post ul li:before{content:'';position:absolute;top:8px;left:0;background:#888888;width:7px;height:7px;border-radius:50%}
.article .post ol{padding:10px 0 0 0}
.article .post ol.list-paddingleft-2{position:relative}
.article .post ol li{padding:0;position:relative}
.article .post ol li p{line-height:26px;font-size:16px;color:#888888}
