@charset "UTF-8";

/* 通用样式 */
p {
  margin: 0;
}


input,
textarea {
  border: none;
  outline: none;
  background-color: transparent;
}

img {
  vertical-align: middle;
}

.p1920 {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}

.wd1200 {
  width: 1200px;
  margin: 0 auto;
}

.bw {
  width: 100%;
}

.clearfix::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.clearboth {
  height: 0px;
  line-height: 0px;
  overflow: hidden;
  clear: both;
  font-size: 0px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.dfc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ovimg,
.ibw,
.miw,
.iml,
.imgbig {
  overflow: hidden;
}

.imgbig img {
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

.imgbig:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.ovimg img {
  width: 100%;
  min-height: 100%;
}

.ibw img {
  width: 100%;
  height: auto;
}

.miw img {
  max-width: 100%;
  max-height: 100%;
}

.iml {
  text-align: center;
}

.iml img {
  transform: translateY(-2px);
  vertical-align: middle;
}

.bgmax {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.bgmin {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}

.fh {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lc{ width:100%; border:0;}
/**/
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}

.align-center {
    align-items: center;
}

.w1752{
  max-width: 1782px;
    margin: 0 auto;
    padding: 0 15px;
}

.w1620{
    max-width: 1650px;
    margin: 0 auto;
    padding: 0 15px;
}
.w1250{
    width:1250px;
	max-width:80%;
	float:right;
	margin-right:10%;
	background:rgba(1,97,181,0.4);
    padding:50px;
	
}
.clear{ clear:both;}
/*  */
.head-bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 25px 0;
}

.head-index{
  position: relative;
}

.head-index .logo{
  width:15%;
}

.head-index .logo img{
  max-width: 100%;
}

.head-index .headr{
  width: 75%;
}

.head-index .headr .tnav{
  width: 70%;
}

.head-index .headr .ttel{
  color: #ffffff;
  font-size: 25px;
}

.head-index .headr .ttel p{
  display: flex;
  align-items: center;
}

.head-index .headr .ttel p img{
  margin-right: 5px;
}


/* banner */
.bannerSwiper{
  overflow: hidden;
  position: relative;
}

.bannerSwiper .banext{
  position: absolute;
  background: url(../img/l.png) no-repeat center;
  width: 31px;
  height: 31px;
  background-size: 100% 100%;
  left: 32px;
  top: 50%;
  margin-top: -15.5px;
  z-index: 99;
}

.bannerSwiper .baprev{
  position: absolute;
  background: url(../img/r.png) no-repeat center;
  width: 31px;
  height: 31px;
  background-size: 100% 100%;
  right: 32px;
  top: 50%;
  margin-top: -15.5px;
  z-index: 99;
}

.bannerSwiper .swiper-slide .img0 img{
  width: 100%;
}

.bannerSwiper .swiper-slide.swiper-slide-active .img0 img{
 
}

.bannerSwiper .ww{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.bannerSwiper .ww .w1620{
  width: 100%;
}

.bannerSwiper .ww a{
  display: flex;
  justify-content:flex-start;
  align-items: flex-end;
}

.bannerSwiper .ww a.a2{
  justify-content: center;
}

.bannerSwiper .ww a.a3{
  justify-content: center;
}

.bannerSwiper .ww a.a2 .wza img{
  max-width: 100%;
}

.bannerSwiper .ww a.a2 .wzb{
  margin-top: 3.125vw;
}

.bannerSwiper .ww a.a2 .wzb img{
  max-width: 100%;
}

.bannerSwiper .ww.ww3{
  display: block;
  top: 18%;
}

.bannerSwiper .ww a.a3 .wza img{
  max-width: 100%;
}

.bannerSwiper .ww a .wz{
 text-align:left;
}

.bannerSwiper .ww a .wz .wza{
  font-size: 1.4vw;
  color: #ffffff;
  font-family: Impact;
  margin-bottom: 5px;
}

.bannerSwiper .ww a .wz .wzb{
  font-size: 1.0vw;
  color: #fff;
}

.bannerSwiper .ww a .wz .wzc{
  margin-top:2vw;
  width: 150px;
  height: 38px;
  border: 2px solid #fff;
  border-radius: 30px;
  line-height: 34px;
  text-align: center;
  font-size: 1.04166666666667vw;
  color: #fff;
  float: right;
}

.bannerSwiper .ww a .wz .wzc:hover{
  background: #00529f;
  border: 2px solid #00529f;
}

.banner_slide {
  position: absolute;
  width: 10%;
  margin: 0 auto;
  bottom: 2%;
  left: 0;
  right: 0;
  z-index: 50;
  text-align: center;
}

.banner_slide p{
  color: #fff;
  font-size: 12px;
  margin-top: 10px;
}

.banner_slide .bts {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 34px;
  background: url(../img/sb.png) no-repeat center center;
  background-size: 100% 100%;
  margin: 0 auto;
}

.banner_slide .bts::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../img/c.png");
  display: block;
  width:1px;
  height: 5px;
  transform: translate3d(0px,-8px,0px);
  opacity: 0;
  animation-delay: 0ms;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}

@keyframes arrow {
  0% {
    opacity: 0;
    transform: translate3d(0px,-8px,0px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0px,8px,0px);
  }

}
.cs-more {
    width: 100%;
}

.cs-more a {
    border: 1px solid #007070;
    border-radius: 1000px;
    padding: 7px 28px;
    letter-spacing: 2px;
    color: #007070;
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: all .3s ease;
}

.cs-more a:hover {
    color: #ffffff;
    box-shadow: inset 2px 2px 2px 0 rgba(255,255,255,.5), 7px 7px 20px 0 rgba(0,0,0,.1), 4px 4px 5px 0 rgba(0,0,0,.1);
    transition: all .3s ease;
}

.cs-mores {
    width: 100%;
}

.cs-mores a {
    width: 140px !important;
    display: block;
    color: #00529f;
    text-align: center;
    border: 1px solid #00529f;
    border-radius: 10000px;
    margin-top: 20px;
    letter-spacing: 1px;
    position: relative;
    transition: .3s;
    overflow: hidden;

}

.cs-mores a:hover {
    color: #ffffff;
    box-shadow: inset 2px 2px 2px 0 rgba(255,255,255,.5), 7px 7px 20px 0 rgba(0,0,0,.1), 4px 4px 5px 0 rgba(0,0,0,.1);
    transition: all .3s ease;
}
.cs-mores a:hover .btn-inner{
    color:#ffffff;
}

.btn2 .btn-inner {
    padding:6px 12px;
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    color:#00529f;
}

.btn2:hover .btnbg-x {
    width: 140%;
    background: #00529f;
}

.btn2 .btnbg-x {
    position: absolute;
    left: -4px;
    width: 0;
    top: -4px;
    right: -4px;
    bottom: -4px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.plist a{ display:block; color:#333;}
.plist a:hover{color:#337ab7;}

/* table */
.datalist {width:100%; border-collapse:collapse; border-spacing:0; border:1px solid rgba(0,0,0,.06); max-width:788px; margin:0 auto;background: #f9fafc;}
.datalist tr td:nth-child(even) {background:#fff;}
.datalist th {font-weight:700; padding:5px 15px; 1px solid rgba(0,0,0,.06) background:#fff;}
.datalist td {padding:5px 15px; border:1px solid rgba(0,0,0,.06);}
.product-detail-xq { text-align:center;padding: 30px 0;}
.product-detail-xq img{}
.sbdisplay{ display:none;}
@media (min-width: 990px){
.product-list {width: 100%;margin: 30px 0;position: relative;float: left;}
.solu-jh-left {width: 50%;}
.solu-jh-left img {width: 100%;}
.solu-jh-right {position: absolute;right: 0;max-width: 866px;background: rgba(208, 208, 208, 0.2);padding: 50px 50px 50px 155px;width: 55%;box-sizing: border-box;top:50%;transform:translateY(-50%);}
.ifont-36 {font-size:36px;}
.slink {width: 55px;height: 2px;background: #bab8b7;margin: 25px 0;}
.ift2 {line-height:32px;}
.ifont-16{font-size: 16px;}

.product-list:nth-child(even) .solu-jh-left {
    float: right;
}

.product-list:nth-child(even) .solu-jh-right {
    position: absolute;
    left: 0;
    right: auto;
    padding:50px 145px 50px 50px;
/*    background: url(../images/solu-bg-right.png) repeat-y right center;
*/  background: rgba(208, 208, 208, 0.2);

}

.sbzs > li {width:24%;
    position: relative;text-align:center;
    background: #f7f7f7;border-right: 1px solid #dedede;
	 font-size: 16px;
    line-height: 30px;
    color: #4c4c4c;
    padding: 15px 18px;
}
}

@media (max-width: 990px){
.sbzs > li {width:50%;
    position: relative;text-align:center;
    background: #f7f7f7;border-right: 1px solid #dedede;
	 font-size: 16px;
    line-height: 30px;
    color: #4c4c4c;
    padding: 15px 18px;
}
.product-detail-xq img{ width:100%; max-width:790px;}
  .banner_slide{
    display: none;
  }
  .bannerSwiper .banext{
    left: 15px;
  }
  .bannerSwiper .baprev{
    right: 15px;
  }
  .bannerSwiper .ww a .wz .wza{
    font-size: 15px;
  }
  .bannerSwiper .ww a .wz .wzb{
    font-size: 13px;
    letter-spacing: 0;
  }
  .bannerSwiper .ww a .wz .wzc{
    width: 150px;
    height: 35px;
    line-height: 31px;
    font-size: 12px;
    /* float: none; */
    /* margin: 0 auto; */
    margin-top: 10px;
  }
  .bannerSwiper .ww a{
    /* justify-content: center; */
  }
  .bannerSwiper .ww a .wz{
    /* text-align: center; */
  }
  .bannerSwiper .ww a .wz .wzb{
    letter-spacing: 0 !important;
  }
  .bannerSwiper .ww a.a2 .wza img{
    max-width: 240px;
    width: 100%;
    margin: 0 auto;
  }
  .bannerSwiper .ww a.a2 .wzb img{
    max-width: 240px;
    width: 100%;
    margin: 0 auto;
  }
  .bannerSwiper .ww.ww3{
    top: 35%;
  }
  .bannerSwiper .ww a.a3 .wza img{
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
  }
  .product-list {
    width: 100%;
    margin: 20px 0;
    position: relative;
}
.solu-jh-left {width: 100%;}
.solu-jh-left img{max-width: 100%;}
.solu-jh-right {
    position: relative;
    width: 100%;
	    padding: 15px;
		top: auto;
    transform: translateY(0);
	background: rgba(208, 208, 208, 0.2);
}
.ifont-36 {
    font-size: 20px;
}
.slink {
    margin: 10px 0;
	width: 35px;
    height: 2px;
    background: #bab8b7;
}
.ifont-16 {
    font-size: 15px;
}
padd-b15 {
    padding-bottom: 15px;
}
.ift2 {
    line-height: 28px;
}

}

/* about */
.about-bg{
  background: url(../img/b4.jpg) no-repeat top center;
  background-size: cover;
  padding:8.417vw 0;
}

.svg-line {
  stroke-dasharray: 325;
  stroke-dashoffset: 325;
  animation: dashLoop 3s infinite linear;
}

@keyframes dashLoop {
  0% { stroke-dashoffset: 325; }
  50% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 0; } /* 负值实现无缝循环 */
}

.ptitle{
  width:40%;
}

.ptitle h3{
  display: flex;
  align-items: flex-start;
}

.ptitle h3 b{
  font-size: 1.82291666666667vw;
  color: #00529f;
  line-height: 1;
  font-family: Impact;
}

.ptitle h3 span{
  background: url(../img/cf59f27e17ecd09a666d55e019c9a91d110f0b59.png) no-repeat center;
  background-size: 100% 100%;
  width: 23px;
  height:24px;
  display: inline-block;
  margin-left: 10px;
}

.ptitle h4{
  color: #00529f;
  font-size: 15px;
  text-transform: uppercase;
  margin-top: 0.9375vw;
  margin-bottom: 0.8vw;
}

.ptitlea {
  
}

.ptitlea h3 b{
  color: #fff;
}

.ptitlea h3 span{
  background: url(../img/81cc115c589afc43f96e68976c005a7c790f22f2.png) no-repeat center;
}

.ptitlea h4{
  color: #fff;
}

.abw{
  margin-top:4.5vw;
}

.abw p{
  color: #fff;
  font-size: 2.1875vw;
  text-shadow: 0px 1px 11.83px rgba(72, 72, 72, 0.38);
  letter-spacing: 4px;
  margin-bottom: 20px;
  font-weight: 600;
}
.abw span{
  color: #fff;
  font-size: 1.05vw;
  text-shadow: 0px 1px 11.83px rgba(72, 72, 72, 0.38);
  letter-spacing: 4px;
  margin-bottom: 10px;
}
.abw p:last-child{
  margin-bottom: 0;
}

.numlist{
  display: flex;
  margin-top: 3.125vw;
}

.numlist li{
  margin-right:4.2vw;
}

.numlist li:last-child{
  margin-right: 0;
}

.numlist li .numa{
  font-size: 14px;
  color: #fff;
  text-shadow: 0px 1px 11.83px rgba(72, 72, 72, 0.38);
  margin-bottom: 5px;
}

.numlist li .numb b{
  color: #fff;
  font-size: 2.13541666666667vw;
  text-shadow: 0px 1px 11.83px rgba(72, 72, 72, 0.38);
  font-family: fantasy;
}

.numlist li .numb span{
  color: #fff;
  font-size: 1vw;
  text-shadow: 0px 1px 11.83px rgba(72, 72, 72, 0.38);
}

/* product */
.product-bg{
  position: relative;
  padding-top: 80px;
}

.product-bg::before{
  content: '';
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  width: 100%;
  height: 387px;
  background: #00529f;
}

.psort{
  width: 46%;
}

.psort li a{
  display: inline-block;
  color: #232323;
  font-size: 20px;
  position: relative;
  padding-bottom: 5px;
}

.psort li a::before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #00529f;
  transition: 0.5s;
}

.psort li:hover a{
  color: #00529f;
}

.psort li:hover a::before{
  width: 100%;
}

.product-roll{
  margin-top: 130px;
  position: relative;
}

.pnext{
  position: absolute;
  background: url(../img/13cb287d5d99c3da76436ea841a8036e709dfa18.png) no-repeat center;
  width: 21px;
  height: 39px;
  left: -46px;
  top: 40%;
  outline: none;
}

.pnext:hover{
  background: url(../img/b7668bfec76735b3a9dcd1e67c9a60239b380288.png) no-repeat center;
}

.pprev{
  position: absolute;
  background: url(../img/c7b6d23c7a579f8a91f4d41762534e5ad7d2cd0a.png) no-repeat center;
  width: 21px;
  height: 39px;
  right: -46px;
  top: 40%;
  outline: none;
}

.pprev:hover{
  background: url(../img/adc619c92cf6f82f69e20d32ad106e051b626642.png) no-repeat center;
}

.productSwiper{
  overflow: hidden;
  padding: 0 40px;
}

.productSwiper .swiper-slide .img1{
  box-shadow: 0px 1px 11.83px 1.17px rgba(72, 72, 72, 0.24);
  margin: 12px 0;
}

.productSwiper .swiper-slide .img1 img{
  width: 100%;
}

.productSwiper .swiper-slide .wz{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.3vw 0;
}

.productSwiper .swiper-slide .wz .wza{
  width: 85%;
  color: #fff;
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.productSwiper .swiper-slide .wz .wzb{
   width: 41px;
  height: 41px;
  background: #fff url(../img/m_on.png) no-repeat center;
  border-radius: 50%;
}

.productSwiper .swiper-slide:hover .wz .wzb{
  background: #df0e0e url(../img/m.png) no-repeat center;
}

/* yyly */
.yyly-bg{
  margin-top: 100px;
  background: url(../img/yybg.jpg) no-repeat top center;
  background-size: cover;
  padding: 5vw 0;
}

.ymore{
  width: 142px;
  height: 36px;
  border: 2px solid #00529f;
  border-radius: 30px;
  line-height: 32px;
  text-align: center;
  font-size: 1.04166666666667vw;
}

.ymore a{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00529f;
}

.ymore a span{
  background: url(../img/c70c5aa96b552d71ba3ab8a79ca6ad726b57d295.png) no-repeat center;
  height: 12px;
  width: 22px;
}

.ymore:hover{
  background: #df0e0e;
  border: 2px solid #df0e0e;
}

.ymore:hover a{
  color: #fff;
}

.ymore:hover a span{
  background: url(../img/1bb0a0b0b368810cd79aa739525a53fdf02b1ba9.png) no-repeat center;
}

.yyly-wrap{
  margin-top: 4.6875vw;
}

.yyly-wrap ul{
  display: flex;
  justify-content: space-between;
}

.yyly-wrap ul li{
  width: 18%;
  transition-duration: .5s;
}

.yyly-wrap ul li .img1{
  position: relative;
}

.yyly-wrap ul li .img1::before{
  content: '';
  position: absolute;
  background: url(../img/bg.png) no-repeat top center;
  background-size: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.yyly-wrap ul li .img1 > img{
  width: 100%;
  height: 555px;
}

.yyly-wrap ul li .ww{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.yyly-wrap ul li .ww .wza{
  color: #ffffff;
  font-size: 0.78125vw;
  padding: 0 1.3vw;
  padding-top: 1.8vw;
  text-shadow: 0px 1px 6.37px rgba(72, 72, 72, 0.43);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1vw;
}

.yyly-wrap ul li .ww .wzb{
  color: #ffffff;
  font-size: 1.30208333333333vw;
  padding: 0 1.3vw;
  text-shadow: 0px 1px 6.37px rgba(72, 72, 72, 0.43);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Impact;
}

.yyly-wrap ul li .ww .wzc{
  opacity: 0;
}

.yyly-wrap ul li .ww .img2{
  padding: 3.125vw;
}

.yyly-wrap ul li .ww .img2 img{
  max-width: 100%;
}

.yyly-wrap ul li.on{
  width: 43.15%;
}

.yyly-wrap ul li.on .ww .wza{
  padding: 0 3.4vw;
  padding-top: 1.56vw;
}

.yyly-wrap ul li.on .ww .wzb{
  padding: 0 3.4vw;;
}

.yyly-wrap ul li.on .ww .wzc{
  opacity: 1;
  padding: 0 3.4vw;;
  margin-top: 1.5vw;
  color: #fff;
  font-size: 0.73333333333333vw;
  line-height: 1.7;
  text-shadow: 0px 1px 6.37px rgba(72, 72, 72, 0.43);
}


/* news */
.news-bg{
  background: url(../img/ffe3189050b2672d6e024793ce7627576802edba.jpg) no-repeat top center;
  background-size: cover;
  padding-top: 5.2vw;
  padding-bottom: 4vw;
}

.news-con{
  margin-top: 60px;
  height: 100%;
}

.newsl{
  width: 32%;
  border: 2px solid #f1f1f1;
  padding: 1.82vw;
  position: relative;
}

.newsl::before{
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background: #df0e0e;
  bottom: 0;
  left: 0;
  transition: 0.5s;
}

.newsl:hover::before{
  width: 100%;
}

.newsl .img1 img{
  width: 100%;
}

.nlist1 li .wza{
  color: #474747;
  font-size: 20px;
  line-height: 37px;
  margin: 1vw 0;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
}

.nlist1 li .date{
  font-size: 20px;
  color: #474747;
  margin-top: 2vw;
}

.newsr{
  width: calc(100% - 32%);
  border: 2px solid #f1f1f1;
  border-left: none;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  /* height: 100%; */
}

.nlist2 {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.nlist2 li{
  float: left;
  width: 50%;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}

.nlist2 li::before{
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background: #df0e0e;
  bottom: -1px;
  left: 0;
  transition: 0.5s;
}

.nlist2 li:hover::before{
  width: 100%;
}

.nlist2 li:nth-child(2n){
  float: right;
}

.nlist2 li a{
  display: block;
  padding: 1vw;
}

.nlist2 li a .wza{
  color: #474747;
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nlist2 li a .wzb{
  color: #474747;
  font-size: 15px;
  line-height: 1.6;
  margin: 1.56vw 0;
  height: 70px;
  overflow: hidden;
}

.nlist2 li a .date{
  color: #474747;
  font-size: 20px;
}

.nlist2 li:hover a .wza{
  color: #00529f;
}


/* foot */
.foot-bg{
  background: url(../img/foot_b.jpg) no-repeat top center;
  background-size: cover;
}

.foot-index{
  padding:3.125vw 0;
}

.footl{
  width: 87%;
}

.fnav{
  width: 78%;
}

/*  */
.foot_nav {
    position: relative;
}

.foot_nav li {
    float: left;
    width: 20%;
}

.foot_nav li a {
    font-size: 18px;
    color: #ffffff;
    display: block;
    width: 100%;
}

.foot_nav li .x-nav-menu {
    width: 100%;
    margin-top: 1.5vw;
}

.foot_nav li .x-nav-menu a {
    display: block;
    font-size: 16px;
    line-height: 2.6;
    color: #dfdfdf;
    font-weight: normal
}

.foot_nav li .x-nav-menu a:hover{
  color: #E6332E;
}

.flx{
  width: calc(100% - 78%);
}

.flx .ft{
   font-size: 18px;
    color: #ffffff;
    display: block;
    width: 100%;
}
.flx .ft p{
  color: #dfdfdf;
  font-size: 16px;
  line-height: 2.2;
  padding-top:10px;
}
.fct{
  margin-top: 1.5vw;
}

.flx a {
  display: inline-block;
   width: 177px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background: #00529f;
   border-radius: 10px;
   color: #dfdfdf;
   font-size: 16px;
}

.flx a:hover{
  background: #df0e0e;
}

.fct p{
  color: #dfdfdf;
  font-size: 16px;
  line-height: 2.2;
}

.fct p:nth-of-type(2){
  font-weight: 600;
  font-size: 27px;
}

.footr{
  width: 13%;
  text-align: center;
}

.footr img{
  max-width: 100%;
}

.footr p{
  color: #dfdfdf;
  font-size: 16px;
  line-height: 3;
}

.cop-bg{
  border-top: 1px solid rgba(255,255,255,.13);
  background: rgba(0,0,0,.13);
  padding: 30px 0;
}

.cop-index{
  text-align: center;
  color: #dfdfdf;
  font-size: 13px;
}

.cop-index a{
  color: #dfdfdf;
}

.cop-index .power{
    display: flex;
    justify-content: center;
}

.cop-index a:hover{
  color: #00529f;
}


@media(max-width: 1366px){
  .yyly-wrap ul li .img1 > img{
    height: 430px;
  }
}

@media(max-width: 1280px){
  
  .x-menu > li > a{
    font-size: 16px;
  }
  .head-index .headr .ttel{
    font-size: 20px;
  }
  .bannerSwiper .ww a .wz .wzb{
    letter-spacing: 12px;
  }
  .psort li a{
    font-size: 18px;
  }
  .product-roll{
    margin-top: 60px;
  }
  .yyly-wrap ul li .img1 > img{
    height: 380px;
  }
  .yyly-wrap ul li .ww .img2 img{
    max-width: 60px;
    width: 100%;
  }
  .nlist1 li .wza{
    font-size: 18px;
  }
  .nlist1 li .date{
    font-size: 18px;
  }
  .nlist2 li a .wza{
    font-size: 18px;
  }
  .nlist2 li a .date{
    font-size: 18px;
  }
  .foot_nav li .x-nav-menu a{
    font-size: 16px;
  }
  .fct p:nth-of-type(2){
    font-size: 24px;
  }
  .flx a{
    font-size: 16px;
  }
  .footr p{
    font-size: 16px;
  }
  .cop-index{
    font-size: 16px;
  }
}

@media(max-width: 1200px){
  .yyly-wrap ul li .img1 > img{
    height: 350px;
  }
}

@media(max-width: 1100px){
  .x-menu > li > a{
    font-size: 15px;
  }
  .head-index .headr .ttel{
    font-size: 18px;
  }
  .bannerSwiper .ww a .wz .wzb{
    letter-spacing: 10px;
  }
  .psort li a{
    font-size: 16px;
  }
  .product-roll{
    margin-top: 30px;
  }
  .productSwiper .swiper-slide .wz .wza{
    font-size: 16px;
  }
  .nlist1 li .wza{
    font-size: 16px;
  }
  .nlist1 li .date{
    font-size: 14px;
  }
  .nlist2 li a .wza{
     font-size: 16px;
  }
  .nlist2 li a .wzb{
    font-size: 13px;
    height: 65px;
  }
  .nlist2 li a .date{
    font-size: 14px;
  }
  .foot_nav li .x-nav-menu a{
    font-size: 14px;
  }
  .foot_nav li a{
    font-size: 18px;
  }
  .fct p{
    font-size: 14px;
  }
  .fct p:nth-of-type(2){
    font-size: 18px;
  }
  .flx a{
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
  }
  .footr p{
    font-size: 14px;
  }
  .cop-bg{
    padding: 20px 0;
  }
  .cop-index{
    font-size: 14px;
  }
}

@media(max-width: 780px){
  .about-bg{
    padding: 40px 0;
  }
  .ptitle{
    width: 50%;
  }
  .ptitle svg{
    
  }
  .ptitle h3 b{
    font-size: 24px;
  }
  .ptitle h4{
    font-size: 20px;
    margin: 10px 0;
  }
  .abw{
    margin-top: 20px;
  }
  .abw p{
    font-size: 20px;
  }
  .numlist li .numa{
    font-size: 15px;
  }
  .numlist li .numb b{
    font-size: 18px;
  }
  .numlist li .numb span{
    font-size: 14px;
  }
  .product-bg{
    padding-top: 40px;
  }
  .product-bg::before{
    height: 200px;
  }
  .product-bg::before{
    bottom: -50px;
  }
  .pro1{
    flex-wrap: wrap;
  }
  .psort{
    width: 100%;
    margin-top: 20px;
  }
  .psort li a{
    font-size: 14px;
  }
  .pnext{
    left: 5px;
  }
  .pprev{
    right: 5px;
  }
  .productSwiper{
    padding: 0;
    width: 80%;
    margin: 0 auto;
  }
  .productSwiper .swiper-slide .wz .wza{
    font-size: 14px;
  }
  .productSwiper .swiper-slide .wz .wzb{
    width: 30px;
    height: 30px;
    background-size: 50% 30%;
  }
  .yyly-bg{
    padding: 40px 0;
  }
  .ymore{
    width: 150px;
    font-size: 13px;
  }
  .yyly-wrap ul{
    flex-wrap: wrap;
  }
  .yyly-wrap ul li{
    width: 50%;
  }
  .yyly-wrap ul li.on{
    width: 50%;
  }
  .yyly-wrap ul li .img1 > img{
    height: 250px;
  }
  .yyly-wrap ul li .ww .wza{
    font-size: 14px;
  }
  .yyly-wrap ul li .ww .wzb{
    font-size: 13px;
  }
  .yyly-wrap ul li.on .ww .wzc{
    font-size: 12px;
    
  }
  .yyly-wrap ul li.on .ww .wzc br{
    display: none;
  }
  .yyly-wrap ul li .ww .img2 img{
    max-width: 30px;
  }
  .yyly-wrap ul li.on .ww .wza{
    padding: 10px;
  }
  .yyly-wrap ul li.on .ww .wzb{
    padding:  0 10px;
  }
  .yyly-wrap ul li.on .ww .wzc{
    padding:  0 10px;
    line-height: 1.5;
  }
  .news-bg{
    padding: 40px 0;
  }
  .news-con{
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .newsl{
    width: 100%;
  }
  .newsr{
    width: 100%;
        border: 2px solid #f1f1f1;
  }
  .nlist2{
    flex-wrap: wrap;
  }
  .nlist2 li{
    width: 100%;
  }
  .foot-index{
    padding: 20px 0;
    flex-wrap: wrap;
  }
  .fnav{
    display: none;
  }
  .footl{
    width: 100%;
  }
  .footr{
    width: 100%;
    margin-top: 20px;
    text-align: left;
  }
  .footr img{
    max-width: 120px;
    width: 100%;
  }
  .flx{
    width: 100%;
  }
}

@media(max-width: 640px){
  .abw p{
    margin-bottom: 0;
  }
  .numlist li .numa{
    font-size: 13px;
  }
  .ptitle h4{
    font-size: 14px;
  }
  .psort{
    flex-wrap: wrap;
  }
  .psort li{
    width: 50%;
    margin-bottom: 10px;
  }
  .pnext{
    width: 8px;
    height: 15px;
    background-size: 100% 100%;
  }
  .pprev{
    width: 8px;
    height: 15px;
    background-size: 100% 100%;
  }
  .ymore{
    width: 120px;
    height: 45px;
    line-height: 43px;
  }
  .yyly-wrap ul li{
    width: 100%;
  }
  .yyly-wrap ul li.on{
    width: 100%;
  }
  .yyly-wrap ul li .ww .wzc{
    opacity: 1;
    color: #fff;
     padding: 10px;
     font-size: 12px;
     font-weight: 600;
  }
  .yyly-wrap ul li .ww .wza{
    padding: 10px;
  }
  .yyly-wrap ul li .ww .wzb{
    padding: 0 10px;
  }
  .newsl{
    padding: 10px 10px;
  }
  .nlist1 li .wza{
    line-height: 22px;
    padding: 10px 0px;
  }
  .nlist2 li{
    padding: 10px;
  }
  .nlist2 li a .wzb{
    height: auto;
  }
  .ymore{
    height: 35px;
    line-height: 33px;
    width: 90px;
  }
  .cop-index{
    font-size: 12px;
  }
  .cop-index .power{
    display: block;
  }
}


/*内页左侧样式*/

.page-wrap{
  padding: 3% 0;
}
.page-about{
  padding: 0;
}

.xypg-left-con2{margin-bottom:3%;}
 .xypg-left-con2 .xypg-left-nav {
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.xypg-left-con2 .xypg-left-nav>li {width:24%;
    position: relative;text-align:center;
    background: #f7f7f7;border-right: 1px solid #dedede;
}

.xypg-left-con2  .xypg-left-nav > li:last-child {
  border: none;
}

.xypg-left-con2 .xypg-left-nav>li>a {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #4c4c4c;
    padding: 15px 18px;
}


.xypg-left-con2 .xypg-left-nav>li:hover>a,
.xypg-left-con2 .xypg-left-nav>li.clicked>a {
    color: #fff;background:#DD2529;
}
.xypg-left-con2 .xypg-left-nav > li .first-nav-btn{display: none;}
.sbzs{display: flex;justify-content: center;}

.sbzs > li:last-child {
  border: none;
}
.sbzs .clicked{color: #fff;background:#00529f;}
@media (min-width: 991px) {
     .page-wrap-left{display:none;}
	 .profangan{width: 1000px;margin: 0 auto;}
    
}

@media (max-width: 768px) {
     .xypg-left-con2 .xypg-left-nav{display:none!important;}
     .xypg-right-content img{width:100%!important;height:auto!important;}
}
@media(max-width: 1200px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}