@font-face { font-family: DIN-Bold; src: url(./fonts/DIN-Bold.ttf); }
.pic {
  font-size: 0;
  overflow: hidden;
  display: block;
  width: 100%;
}

.pic img {
  width: 100%;
  display: block;
  transition: transform 0.8s ease;
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
}
.wrap { width: 1370px; margin: 0 auto; position: relative; padding:  0 15px;}
.header {
    width: 100%;
    padding: 0rem 0;    
    z-index: 199;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.header .top1{height: 35px;background: url(//cdn.myxypt.com/7718055b/22/02/72c96e68c73a16dedab6f1ef693b13f7c23d9d98.png) no-repeat center;color: #a0a0a0;line-height:35px;overflow: hidden;font-size: 14px;}
.header .top2{height: 138px;overflow: hidden;}
.topLink{color: #fff;}
.topLink a{color: #fff;}

.header .wrap {
    display: flex;
	  display: -webkit-flex;
	  text-align: center;
    align-items: center;
    justify-content: space-between;
}

.header .logo {
    display: inline-block;
    width:260px;
    padding: 25px 0;
    overflow: hidden;
}
.header .logo img{ width: 100%; height: auto;}
.header .logo a {
  display: inline-block
}

.header .tmid { color: #000;   font-size:18px;  position: relative;flex-grow: 1; margin-left: 10px; text-align: left; padding-left: 20px; }
.header .tmid b { font-size:20px; font-weight: bold; display: block; }
.header .tmid:before { content: ""; display: block; position: absolute; left: 0; top:5px; width: 1px; height:50px; background-color: #666; }

.header .tel { width: 250px; float: right; font-size: 16px; line-height: 1.2; color: #000;}
.header .tel span { font-family: DIN-Bold; font-size:24px; display: block; }
.header .tel i { display: block; float: left; width: 50px; height: 50px; background: url(../images/htel.png) no-repeat center center; background-size: cover; margin-right: 8px; }




.navMenu {
    width: 100%;
    background: #00a650;
    height: 65px;
}

.navMenu ul {
    display: flex;
}

.nav>li {
    position: relative;
    cursor: pointer;
    width: 14.28%;
}



.nav>li>a {
    display: block;
    color: #fff;
    line-height: 1;
    font-family: "微软雅黑", "Regualr";
    line-height: 65px;
    font-size: 16px;
    width:100%;
    position: relative;
}

.nav>li>a:hover {
    color: #fff;
}
.nav>li::before{ background-color: #1cbb68; color: #0d0d0d; height: 100%;position: absolute; content: ""; left: 0;z-index: 0; width: 100%; top:0;opacity: 0;}
.nav>li.hover::before{ opacity: 1;}
/* .nav>li.hover{ background-color: #00a650; color: #0d0d0d;} */
/* .nav>li.hover a{color: #0d0d0d;} */
/* .nav>li.hover .meundown a{ color: #fff;} */
.meundown {
    background: rgba(0, 0, 0, 0.85);
    position: absolute;
    padding: 15px 0px 25px;
    left: 0px;
    top: 85px;
    opacity: 0;
    transition: 430ms;
    visibility: hidden;
    z-index: 999;
    width: 105%;
}

.meundown:before {
    content: "";
    width: 10px;
    height: 0px;
    position: absolute;
    left: 50%;
    margin-left: -5px;
}

.meundown li {
    position: relative;
    text-align: center;
    border-bottom: 1px dotted rgb(255, 255, 255, .1);
    transition: 430ms;
    padding-left: 10px;
    padding-right: 10px;
}

.meundown li:before {
    content: "";
    width: 0;
    height: 100%;
    background: #00a650;
    color: #232323;
    position: absolute;
    left: 50%;
    top: 0;
    transition: 320ms;
    opacity: 0;
}

.meundown li a {
    padding: 0;
    height: 42px;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 14px;
    position: relative;
    transition: 430ms;
}

.meundown li:hover a {
    color: #fff;
}

.meundown li:nth-of-type(4n) a {
    border-right: 0px solid #eaeaea;
}

.meundown li:hover:before {
    width: 100%;
    opacity: 1;
    left: 0;
    color: #232323;
}

.nav>li.current::after {
    width: 0px;
}

/* .nav >li:hover:before,.nav >li.current:before{ height:5px; opacity:1; visibility:visible;} */
.nav>li:hover .meundown {
    opacity: 1;
    visibility: visible;
    top: 65px;
}


.bannerSwiper { clear: both; position: relative; overflow: hidden; }
.bannerSwiper .swiper-slide { position: relative; overflow: hidden; z-index: 1; }
.bannerSwiper img { display: block; margin:0 auto; width:100%; object-fit: cover;}
.bannerSwiper .txt{ position: absolute;width: 100%; left: 0;padding-top: 2rem;}
.bannerSwiper .txt .t1{ max-width: 559px;position: absolute;}
.bannerSwiper .txt .t1 img{ width: 100%; height: auto;}
.bannerSwiper .swiper-pagination-bullet { background-color: #02724b; opacity: 1; }
.bannerSwiper .swiper-pagination-bullet-active { background-color: #ffc445; opacity: 1; }
.bannerSwiper .swiper-pagination{ bottom: 30px;}

/* --------------foot------------------- */
.foot-bg {
    background: rgb(34, 34, 34, 1);
    border-top: 5px solid #1ba24f;
    padding: .6rem 0 0px;
  }
  
  .foot-bg .foot-index {
    display: flex;
    justify-content: space-between;
  }
  
  .foot-bg .foot-index .foot1 {
    display: flex;
    justify-content: space-between;
    width: 100vw;
  }
  
  .foot-bg .foot-index .foot1 dl {
    width: 33%;
  }
  
  .foot-bg .foot-index .foot1 dl dt {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 1.5625vw; 
  }
  .foot-bg .foot-index .foot1 dl dt a {
    color: rgba(255, 255, 255, 1);
  }
  
  .foot-bg .foot-index .foot1 dl dd a {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    line-height: 34px;
    font-size: 15px;
  }
  .foot-bg .foot-index .foot1 dl dd a:hover{ color: #999;}
  
  .foot-bg .foot-index .lx h3 {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 1.5625vw;
  }
  
  .foot-bg .foot-index .lx p {
    color: rgba(255, 255, 255, 0.8);
    line-height: 34px;
  }
  .foot-bg .foot-index .lx a{ color: rgba(255, 255, 255, 0.8);}
  .foot-bg .foot-index .lx a:hover{ color: #999;}
  
  .foot-bg .foot-index .erq {
    margin-top: 2vw;
  }
  
  .foot-bg .foot-index .erq p {
    text-align: center;
    color: #fff;
    line-height: 2;
  }
  
  .foot-bg .foot-index .erq p img {
    max-width: 100%;
  }
  
  .foot-bg .cop-bg {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 30px;
    padding:20px 0;
    width: 100%;
  }
  
  .foot-bg .cop-bg .cop-index {
    display: flex;
    justify-content: space-between;
  }
  
  .foot-bg .cop-bg .cop-index .copl {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 24px;
  }
  
  .foot-bg .cop-bg .cop-index .copl a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
}
.foot-bg .cop-bg .flink a{ font-size: 14px; color: #666;}
  

.product{
  padding-top: 60px; padding-bottom: 60px;
}
.title{
  text-align: center;
}
.title h3{
  font-size: 40px;
  font-weight: 600;
  color: #333;
}
.title p{
  font-size: 18px;
  color: #888888;
  margin-top: 10px;
}
.pro-show{
  margin-top: 60px;
}
.pro-cfn{
  float: left;
  width: 22.6%;
}
.pro-cfn h3{
  text-align: center;
  background: #00a650;
  font-size: 30px;
  color: #fff;
  padding: 21px 0;
  position: relative;
}
.pro-cfn h3 span{
  display: block;
  font-size: 14px;
  opacity: .5;
  text-transform: uppercase;
  margin-top: 5px;
}
.pro-cfn h3::after{
  position: absolute;
  content: '';
  height: 1px;
  width: 100%;
  background: #fff;
  bottom: 2px;
  left: 0;
}
.pro-name{
  background: #f8f8f8;
  padding: 0 15px;
  padding-bottom: 30px;

}
.pro-name > ul >li{
    display:flex;
    align-items: center;
    width:100%;
    height: 65px;
  border-bottom: solid 1px #ddd;
  border-bottom-style: dashed;
}
.pro-name > ul >li > a{
  display: block;
  font-size: 20px;
  color: #333;
  line-height: 1.5;
}
.pro-name > ul >li:last-child > a{border-bottom: none;}
.pro-name > ul >li > a i{ padding-right: 20px; color: #999;  margin-left: 15px; line-height:1.5;}
.cfn-menu{
  padding-left: 35px;
  margin-top: 15px;
}
.cfn-menu li a:hover{
  color: #00a650;
}
.pro-list{
  float: right;
  width: 75.3%;
}
.pro-list ul{display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;}

.pro-list ul li {
  width: 31.33%;
  border: 1px solid #eee;
}
 



.pro-list ul li a{
  display: block;
}
.pro-list ul li a .pro-img{
  overflow: hidden;
}
.pro-list ul li a .pro-img img{
  width: 100%; height: auto;
}  
.pro-list ul li a h4{
  text-align: center;
  line-height: 56px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #555;
  font-weight: normal;
} 
.pro-list ul li a:hover h4{
  color: #00a650;
}

.section3 { padding: .6rem 0 .3rem; background: #f9f9f9; }
.sec3tit { width: 100%; float: left; color: #333; }
.sec3tit h2 { font-size: .36rem; font-weight: bold; }
.sec3tit p { display: flex; align-items: center; width: 100%; justify-content: space-between; }
.sec3tit p:after { content: ""; display: block; width: 70%; height: 1px; background-color: #ccc; float: right; margin-left: 10%; }
.section3 dl { display: flex; position: relative; overflow: hidden; margin-top: .4rem; flex-wrap: wrap; }
.sec31 { width: 43%; margin-right: 7%; float: left; display: inline-block; }
.sec31 h3 { font-size: .36rem; font-weight: bold; }
.sec31 p { text-indent: .5rem; line-height: 2; font-size: .2rem; }
.sec3txt { margin-bottom: .8rem; }
.sec3txt:before { content: ""; display: block; width: 100px; height:84px; background: url(../images/sec3-2.png) no-repeat center center; margin-bottom: .4rem; }
.sec3a { display: block; width: 2rem; height: .5rem; line-height: .5rem; border: 1px #1e2835 solid; border-radius: .5rem; text-align: center; font-size: .18rem; }
.sec3a:hover { opacity: 1; background-color:#1ba24f;  border: 1px solid #1ba24f; color: #fff; }
.sec32 { width: 50%; float: left; }
.sec32 img { width: 100%; object-fit: cover; height: 100%; }
.section3 dl:before { content: ""; display: block; width: .9rem; height: .9rem; background: url(../images/sec3-4.png) #1ba24f no-repeat center center; position: absolute; bottom: 0; left: calc(50% - .9rem); }
.sec33 { margin-top: .6rem; }
.sec33t { overflow: hidden; margin-bottom: .3rem; position: relative; padding-bottom: 15px; }
.sec33t h2 { font-size: .36rem; line-height: .36rem; margin-bottom: .2rem; width: 50%; }
.sec33t h2 b { font-weight: bold; }
.sec33t h2 span { font-size:.3rem; float: right; }
.sec33t a { display: block;background-color: #1ba24f; color: #ffffff; text-align: center; width: 1.26rem; height:.35rem; line-height: .35rem; border-radius: 2rem; position: absolute; right: 0; top:0}
.sec33t:before { content: ""; display: block; width: 100%; height: 1px; background-color: #ccc; position: absolute; bottom: 10px; left: 0;}
.sec3Swiper .swiper-slide { text-align: center; position: relative; }
.sec3Swiper .swiper-slide div { position: relative; margin-bottom: .4rem; text-align: center; padding: .2rem }
.sec3Swiper .swiper-slide div img { width: 100%; }
.sec3Swiper .swiper-slide div:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/sec3-5bg.png) no-repeat center center; background-size: cover; z-index: 3333; }
.sec3Swiper .swiper-slide:before { content: ""; display: block; position: absolute; bottom: 10%; left: 7%; width: 85%; height: 20%; background-color: rgba(220, 220, 220, 0.4); filter: blur(20px); }

.news{
  padding-top: 65px;
  padding-bottom: 100px;
}

.new-show{
  margin-top: 35px;
}

.new-con{
  margin-top: 55px;
}

.new-top{
  float: left;
  width:60.6%;
}
.new-hot{
  float: left;
  width: 47%;
  margin-left: 6%;
}
.new-hot:first-child{
  margin-left: 0;
}
.new-hot a{
  display: block;
}
.new-hot .new-img{
  overflow: hidden;
}
.new-hot .new-img img{
  width: 100%;
  height:200px;
}
.new-hot .new-text{
      padding-top: 30px;
}
.new-hot .new-text h3{
  font-size: 18px;
  color: #333333;
  overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
  font-weight: normal;
}
.new-hot .new-text .text{
  margin-top: 20px;
  font-size: 14px;
  color: #999;
  line-height: 1.8;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.new-hot .new-text span{
  display: block;
  font-size: 14px;
  color: #888;
  line-height: 28px;
  background: url(//cdn.myxypt.com/7718055b/22/02/b0d925c3e402e92a41dc129ea86d833d85251332.png)no-repeat right center;
  margin-top: 30px;
}
.new-hot a:hover .new-text h3{
  color: #00a650;
}
.new-hot a:hover .new-text span{
  background: url(//cdn.myxypt.com/7718055b/22/02/a15491ccaaf2b22c0b7f0b00b9283d360074f158.png)no-repeat right center;
}
.new-rem{
  float: right;
  width: 33.3%;
}
.new-rem ul li{
  border: solid 1px #ddd;
  margin-top: 30px;
  padding: 20px 0;
}
.new-rem ul li:first-child{
  margin-top: 0px;
}
.new-rem ul li a{
  display: flex;
  justify-content: space-between;
}
.new-rem ul li a h4{
  float: left;
  text-align: center;
  width: 90px;
  font-size: 14px;
  font-family: Arial;
  color: #666;
  font-weight: 500;
  height: 100%;
  border-right: solid 1px #ddd;
}
.new-rem ul li a h4 span{
  display: block;
  font-size: 40px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #555;
}
.new-rem ul li a:hover h4 span{
  color: #00a650;
}
.new-rem ul li a .rem-con{
  float: left;
  width: 79%;
  padding-left: 23px;
  padding-right: 15px;
}
.rem-con h3{
  font-size: 18px;
  color: #333;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.rem-con p{
  font-size: 14px;
  color: #999;
  line-height: 1.8;
  margin-top: 5px;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.new-rem ul li a:hover .rem-con h3{
  color: #00a650;
}
.new-rem ul li:hover{
  border: solid 1px #00a650;
}



.padding-100-110{padding: 100px 0 110px;}
.sonTitle{width: 100%;position: relative;text-align: center;}
.sonTitle .name{font-size: 36px;color: #1b1b1b;font-weight: 700;line-height: 1.1;}
.sonTitle .desc{font-size: 15px;color: #666;line-height: 26px;max-width: 1270px;margin: 22px auto 0;}
.sonTitle.white .name, .sonTitle.white .desc{color: #fff;}
.sonTitle.left{text-align: left;}
.sonTitle.right{text-align: right;}
.sonBan{width: 100%;position: relative;background: #fff; }
.sonBan .bg{ position: absolute;width: 100%; height: 100%; background:rgb(0, 0, 0, 0.2); left: 0; top: 0;}
.sonBan-img{width: 100%;object-fit: cover;min-height: 400px;}
.sonBan-cont{position: absolute;z-index: 2;width: 100%;height: 70%;display: flex;align-items: center;top: 0px;left: 0; }
.sonBan-cont p{font-size: 42px;font-weight: 700;font-family:'Samsung';color: rgba(255,255,255,.3);line-height: 1.1;text-transform: uppercase;}
.sonBan-cont h1, .sonBan-cont h4{font-size: 36px;font-weight: 700;line-height: 1.1;margin-top: 10px;color: #fff; text-align: center;}
.sonMenu{width: 100%;position: absolute; background:#fff; bottom: 0; z-index: 3;}
body.PC .sonMenu-scroll, body.PAD .sonMenu-scroll{width: 100%;}
.sonMenu::before{content: "";position: absolute;width: 100%;left: 0;bottom: 0;height: 1px;background: #f0f0f0;}
.sonMenu a{display: flex;float: left;height: 68px;font-size: 16px;color: #232323;align-items: center;margin: 0 28px;transition: all .4s ease;position: relative;}
.sonMenu a:first-child{margin-left: 0;}
.sonMenu a:last-child{margin-right: 0;}
.sonMenu a::after{content: "";position: absolute;width: 100%;height: 2px;bottom: 0;background: #00a650;display: none;}
.sonMenu a.active::after{display: block;}
.sonMenu a:hover, .sonMenu a.active{color: #00a650;}
@media all and (max-width:1599px) {
    .sonBan-cont p {font-size: 36px;}
    .sonBan-cont h1, .sonBan-cont h4 {font-size: 32px;margin-top: 8px;}
    .sonMenu a {height: 64px;margin: 0 25px;}
    .sonTitle .name {font-size: 32px;}
    .sonTitle .desc{margin-top: 18px;}
}
@media all and (max-width:1279px) {
    .sonBan-cont p {font-size: 32px;}
    .sonBan-cont h1, .sonBan-cont h4 {font-size: 28px;margin-top: 6px;}
    .sonMenu a {height: 60px;margin: 0 18px;}
    .sonTitle .name {font-size: 28px;}
    .sonTitle .desc{margin-top: 14px;}
}

@media all and (max-width:640px) {
    .sonBan-img {min-height: 240px;}
    .sonBan-cont{text-align: center;}
    .sonBan-cont p {font-size: 28px;}
    .sonBan-cont h1, .sonBan-cont h4 {font-size: 24px;margin-top: 4px;}
    .sonMenu{overflow-x: auto;}
    .sonMenu .contain{width: 100%;}
    .sonMenu a{margin: 0 12px !important;}
    .sonTitle .name {font-size: 22px;}
    .sonTitle .desc{margin-top: 10px;}
}
/* 简介 */
.entjjgs{width: 100%;overflow: hidden; padding-bottom: .5rem;}
.entjjgs .wrap{max-width: 1260px;}
.entjjgs-cont{width: 100%;margin-top: .5rem}
.entjjgs-cont p{font-size: 16px;color: #777;line-height: 2;text-align:justify; text-indent: 2em; margin-bottom: 20px;}
.entjjgs-list{width: 100%;display: flex;justify-content: center;align-items: flex-start;margin-top: 36px;}
.entjjgs-list li{margin: 0 24px;width: 160px;text-align: center;}
.entjjgs-list li:first-child{margin-left: 0;}
.entjjgs-list li:last-child{margin-right: 0;}
.entjjgs-list li .num{font-size: 16px;color: #00a650;line-height: 1;}
.entjjgs-list li .num span{font-size: 40px;font-family:'Samsung';display: inline-block;vertical-align: text-top;margin-right: 8px;}
.entjjgs-list li .desc{font-size: 16px;color: #666;margin-top: 6px;}
.entjjjy{width: 100%;overflow: hidden;background: #0d0d0d;position: relative;}
.entjjjy-img{width: 50%; }
.entjjjy-img img{width: 100%;object-fit: cover;}
.entjjjy-mix{position: absolute;z-index: 2;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;top: 0;left: 0;}
.entjjjy-cont{width: 50%;color: #fff;padding: 0 0% 0 10%;}
.entjjjy-cont-l{padding: 0 10% 0 0%;}
.entjjjy-cont .name{width: 100%;}
.entjjjy-cont .name h6{font-size: 36px;font-weight: 700;color: #00a650;}
.entjjjy-cont .name p{font-size: 16px;font-weight: 700;margin: 16px 0 20px;}
.entjjjy-cont .desc{font-size: 15px;line-height: 36px; margin-top: 30px;}
.entjjjy-cont .link{width: 156px;height: 46px;border: 2px solid #fff;display: flex;align-items: center;justify-content: center;transition: all .4s ease;margin-top: 68px;}
.entjjjy-cont .link span{font-size: 16px;padding-right: 26px;font-weight: 700;background: url('../images/pages/entjj1Arr.png') no-repeat right center;transition: all .4s ease;}
.entjjjy-cont .link:hover{background: #fff;}
.entjjjy-cont .link:hover span{color: #00a650;background-image: url('../images/pages/entjj1ArrH.png');}
.entjjfz{width: 100%;overflow: hidden;}
.entjjfz-mix{width: 100%;margin-top: 30px;}
.entjjfz-mix .swiper-button-lock {  display: block;}


/* --- */
.thumbs, .gallery{width: 100%;position: relative;padding: 0 80px;user-select: none; overflow: hidden;}
.thumbs-year-box{ width: 100%; overflow: hidden;}
.thumbs::after{content: "";position: absolute;width: calc(100% - 160px);height: 1px;background: #bfbfbf;bottom: 14px;left: 0;right: 0;margin: 0 auto;}
.thumbs-year{width: 100%;position: relative;display: flex;transition: all .4s ease;line-height: 1;align-items: flex-end;justify-content: center;height: 80px;padding-bottom: 38px;font-size: 20px;color: #777;font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.thumbs-year::before, .thumbs-year::after{content: "";position: absolute;right: 0;left: 0;margin: 0 auto;border-radius: 50%;}
.thumbs-year::before{width: 13px;height: 13px;background: #ddd;opacity: 0.6;border: 1px solid #d2d2d2;bottom: 8px;transition: all .4s ease;}
.thumbs-year::after{width: 3px;height: 3px;background: #d2d2d2;bottom: 13px;transition: all .4s ease;}
.thumbs-year:hover{color: #00a650;}
.thumbs-year.active{color: #00a650;font-size: 38px;}
.thumbs-year.active::before{background: #00a650;border: 1px solid #00a650;transform: scale(2.2);}
.thumbs-year.active::after{background: #00a650;transform: scale(2);}
.gallery{margin-top: 50px;}
.gallery-more{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.gallery-more .num{width: calc(100% - 606px);display: flex;align-items: center;justify-content: center;font-size: 130px;color: #00a650;font-family:'Samsung';}
.gallery-more .num, .gallery-more .cont .img{height: 300px;}
.gallery-more .cont{width: 100%; text-align: center;}
.gallery-more .cont .img{width: 100%;}
.gallery-more .cont .img img{width: 100%;object-fit: cover;}
.gallery-more .cont .desc{font-size: 16px;color: #777;line-height: 26px;margin-top: 28px;}
.thumbs-prev, .thumbs-next{position: absolute;width: 35px;height: 35px;bottom: 0px;background: url('../images/entjj2Arr.png') no-repeat center;transition: all .4s ease;cursor: pointer;z-index: 99;}
.thumbs-prev{left: 0;}
.thumbs-next{right: 0;transform: rotate(180deg);}
.thumbs-prev:hover, .thumbs-next:hover{background-image: url('../images/entjj2ArrH.png');}
/* --- */
.entjjxm{width: 100%;overflow: hidden;background: #f8f8f8;}
.entjjxm-mix{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;flex-direction: row-reverse;}
.entjjxm-loop, .entjjxm-img img{height: 479px;}
.entjjxm-loop{width: calc(100% - 764px);background: #fff;position: relative;border: 1px solid #f3f3f3;}
.entjjxm-img{width: 764px;}
.entjjxm-img img{width: 100%;object-fit: cover;}
.entjjxm-list{width: 100%;overflow: hidden;user-select: none;}
.entjjxm-list li{width: 50%;display: flex;align-items: center;justify-content: center;position: relative;text-align: center;padding: 0 20px;float: left;cursor: pointer;height: 107px;transition: background .4s ease;}
.entjjxm-list li::before, .entjjxm-list li::after{background: #f3f3f3;content: "";position: absolute;}
.entjjxm-list li::before{width: 100%;height: 1px;left: 0;bottom: 0;}
.entjjxm-list li::after{width: 1px;height: 100%;right: 0;top: 0;display: none;}
.entjjxm-list li:nth-child(2n+1)::after{display: block;}
.entjjxm-list li .num{position: absolute;line-height: 1;z-index: 3;font-size: 70px;color: #f9f9f9;font-family:'Samsung';transition: all .4s ease;}
.entjjxm-list li .desc{font-size: 15px;line-height: 24px;color: #555;font-weight: 700;position: relative;z-index: 5;transition: all .4s ease;}
.entjjxm-list li.active{background: #c41218;}
.entjjxm-list li.active .num{color: #ca3e42;}
.entjjxm-list li.active .desc{color: #fff;}
.entjjxm-btn{width: 100%;text-align: center;user-select: none;}
.entjjxm-btn>div{display: inline-block;vertical-align: middle;width: 50px;height: 50px;background: url('../images/pages/entjj3Arr.png') no-repeat center;cursor: pointer;transition: all .4s ease;}
.entjjxm-btn>div.entjjxm-next{transform: rotate(180deg);}
.entjjxm-btn>div:hover{background-image: url('../images/pages/entjj3ArrH.png');}

.joinjrfl{width: 100%;overflow: hidden; background: #f5f5f5;}
.joinjrfl .sonTitle .desc{color: #888;}
.joinjrfl-list{width: 100%;margin-top: 54px;}
.joinjrfl-list ul{margin: -2.5% 0 0 -2.5%;}
.joinjrfl-list li{width: 22.5%;float: left;margin: 2.5% 0 0 2.5%;overflow: hidden;position: relative;overflow: hidden;}
.joinjrfl-list li .img{width: 100%;object-fit: cover;}
.joinjrfl-cont{position: absolute;width: 100%;left: 0;padding: 0 28px;color: #fff;z-index: 4;transition: all .6s ease;top: 70%;}
.joinjrfl-cont .icon{width: 68px;height: 68px;border-radius: 50%;border: 2px solid #fff;display: flex;align-items: center;justify-content: center;}
.joinjrfl-cont .name{font-size: 24px;font-weight: 700;margin-top: 0px; text-align: center;}
.joinjrfl-cont .desc{font-size: 14px;line-height: 24px;margin-top: 12px;transition: all .4s ease;opacity: 0;}
.joinjrfl-list li::before{content: '';position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to bottom,transparent,rgba(0,0,0,.5));opacity: 1;transition: all .6s ease;}
.joinjrfl-list li::after{content: '';position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0);opacity: 0;transition: all .6s ease;}
.joinjrfl-list li:hover::before{opacity: 1;}
.joinjrfl-list li:hover::after{opacity: 1;}
.joinjrfl-list li:hover .joinjrfl-cont{top: 50%;transform: translateY(-50%);}
.joinjrfl-list li:hover .joinjrfl-cont .desc{opacity: 1; color: #fff;}

.ny_main {
  padding: .7rem 0;  background: #f7f7f7;
}
.ny_main_about{padding: 80px 0 0;}
.dy_box{background: #fff;}
/*产品列表*/
.cp_box_bg{ background: #f7f7f7;}
.cp_box_list{flex-wrap: wrap;display: flex;}
.txt_model{ color:#ababab; font-size: 15px; margin-top: 5px; margin-bottom: 5px; line-height: 1.5;}
.i2ra{
	width: 50%;
	height: 50%;
	flex-direction: column;
	position: relative;
}
.pda {
  margin-top: 5px;
  width: 23.5%;
  margin-right: 1.5%;
  background: #fff !important;

  transition: .5s;
  margin-bottom: 20px;
}
.pda:nth-of-type(4n){ margin-right: 0;}
.i2ra::after{
	width: 0px;
	height: 3px;
	background: #00a650;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	transition: 0.5s;
	opacity: 0;
  z-index: -100;
}
.i2ra:hover::after{
	width: 100%;
	opacity: 1;
}
/* .i2ra:nth-child(1),
.i2ra:nth-child(4){
	background: #f9f9f9;
} */
.i2ra:hover{
	font-weight: bold;
	color: #caa052;
}
.i2ra:hover p.text18{ color:#0d0d0d;}
.i2ra p.text18{ color:#0d0d0d; margin-top: 10px;}
.i2raimg{
	flex: 0;
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
  padding: 8px;
}
.i2raimg img{
	max-width: 100%;
	max-height: 100%;
}
/* .pda .i2raimg{
	height: 300px;
} */
.pdai{
	opacity: 0;
	transition: .25s;
	width: 20%;
	position: absolute;
	right: 0;
	top: 0;
}
.pdai img{
	display: block;
	width: 100%;
}
.pda:hover .pdai{
	opacity: 1;
}
.pda:hover{
	transform:translateY(-10px);
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}

.textcenter {
  text-align: center;
}

.two_menu{ width:100%;  padding: 40px 20px 0px; text-align: center;   position: relative;}
.two_menu a{  text-align: center;display:inline-block;height: 0.48rem; line-height: 0.47rem; padding: 0 5% 0 5%; color:#565656;  margin: 0 15px ;  border-radius: 30px; background: #ddd; }
.two_menu a:hover{ background: #caa052;color:#fff;border-bottom:1px dotted #caa052;  }
.two_menu a.act { background: #caa052;color:#fff;}
.two_menu .zi_menu{ height: 30px; position: absolute;top:100px;}
.two_menu .zi_menu a{ background: none;}


/*产品详情*/
.product-detial .summary .summary-left{float: left;width:33%;display: flex;flex-direction: column; overflow: hidden;}
.product-detial .summary .summaryTab{width: 100%;padding: 0px 0;position: relative;flex-shrink: 0;flex-grow: 0; margin-top: 30px; box-sizing: border-box;}
.product-detial .summary .summaryTab .img{border: 1px solid #e6e6e6;background: #fff;border-radius: 0%;box-sizing: border-box;padding: 5px;margin: 0px 0;transform: scale(0.9);}
.product-detial .summary .summaryTab .img img{width: 100%; height: auto;}
.product-detial .summary .summaryPoster{width: 99%; background: #fff;}
.product-detial .summary .summaryPoster .img{height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center; border: 1px solid #e6e6e6;}
.product-detial .summary .summaryPoster .img img{max-width: 100%; max-height: 100%;}
.liuyan{ width: 100%; text-align: center; display: flex; justify-content: left; margin-top: .4rem;}
.liuyan a{height: 45px; line-height: 45px; background: #1ba24f; color: #000;  display: block; border-radius: 45px; margin: 0 10px; padding: 0 .4rem;}
.liuyan a.tel{ background: #231916; color: #fff; }
.liuyan a i{ margin-right: 5px;}

#summaryTab .swiper-slide-active .img{border:2px solid #00a650;}
#summaryPoster .summaryPoster-prev,
#summaryPoster .summaryPoster-next,
#summaryPoster .summaryPoster-pagination{display: none;}
.product-detial .summary .summary-prev,
.product-detial .summary .summary-next{width: 31px;height: 18px;background: url('../images/pro-arrow-on.png') no-repeat;background-size: 100% 100%;position: absolute;left: 50%;margin-left: -15.5px;cursor: pointer;outline: none;}
.product-detial .summary .summary-prev{top: 0;}
.product-detial .summary .summary-next{bottom: 0;transform: rotate(180deg);}
.product-detial .summary .summary-prev.swiper-button-disabled,
.product-detial .summary .summary-next.swiper-button-disabled{background: url('../images/pro-arrow.png') no-repeat;background-size: 100% 100%;}
.product-detial .summary .summary-right{width: 62%;}
.product-detial .summary .summary-text{padding-top: 0px;}
.product-detial .summary .summary-text h5{line-height: 1.72;color: #666;}
.product-detial .summary .summary-text .title{font-size: 28px; color:#232323; font-weight: bold; margin-top: .3rem; margin-bottom: .1rem; text-align: left;}
.product-detial .summary .summary-text .en_title{font-size: 18px;line-height: 2;padding: 7px 0 18px;margin-bottom: 10px;}
.product-detial .summary .summary-text h2{ color: #000;margin: 20px 0; font-size: 18px; font-weight: bold;}
.product-detial .summary .summary-text h3{ width: 150px; height: 45px; line-height: 45px; background: #231916; color: #fff; text-align: center; border-radius: 45px; margin-bottom: .3rem; font-size: 18px; font-weight: bold;}
.product-detial .summary .summary-text p{line-height: 2;font-size: 15px;color: #343434;}
.product-detial .summary .summary-text table{border-collapse: collapse; width: 100%;}
.product-detial .summary .summary-text td{border: 1px solid #dddddd;padding: 5px 5px; color: #343434;}

.product-detial .summary .summary-text .ul{width: 100%; float: left;}
.product-detial .summary .summary-text .ul li{ width: 50%; float: left; display: flex;padding: 10px 0;align-items: center;}
.product-detial .summary .summary-text .ul li .icon{ width: 35px; margin-right: 8px;}
.product-detial .summary .summary-text .ul li .icon img{ max-width: 35px; height: 35px;}
.product-detial .summary .summary-text .ul li .txt{color: #666; font-size: 15px; margin-right: 8px;}


.pro-title{text-align: left;margin-bottom: 50px;}
.pro-title h3{position: relative; width: 100%; }
.pro-title h3 span{display: inline-block;vertical-align: top;font-size: 28px;position: relative;width: 100%; color:#232323;}
.pro-title h3 span:after{display: inline-block;content: "";vertical-align: top;width: 87%; height: 2px;background: #e5e5e5;position: absolute;top: 17px; left: 13%; }

.product-detial .specifications{background: #fff;padding: 74px 0 60px;}
.product-detial .specifications img{ max-width: 100%; height: auto;}
.product-detial .specifications table { font-size: 0.16rem;}
.product-detial .specifications .w80{max-width: 83%; width: 100%; margin: 0 auto; font-size: 0.16rem;}
.product-detial .specifications .w80 .h2{ font-size: 0.22rem; margin-top: 0.3rem;font-family: "PingFang SC Regular";}
.product-detial .specifications .w80 p{ font-size: 15px;font-family: "PingFang SC Regular";}
.none {  display: none;}

.zoomImage70{
  width:100%;
  height:0;
  padding-bottom: 70%;
  overflow:hidden;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}
.anli_list{
	margin:0 -2%;
}
.anli_item{
  width: 46%;
  float: left;
  margin:0 2% 0 2%;
  position: relative;
	overflow: hidden;
	background: #fff;
  
	
}
.anli_item2{
  width: 29%;
  float: left;
  margin:0 2% 20px 2%;
  position: relative;
	overflow: hidden;
	background: #fff;
  padding: 15px;
  border-radius: 15px;
	
}
.anli_item:hover{ 
	transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.anli_pic{
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
}
.anli_pic img{
  width: auto;
  height:auto;
}
.anli_item h3{
  width:100%;
  color: #fff;
  box-sizing: border-box;
	text-align: center;
  padding:12px 15px;
  overflow: hidden;
  font-size: 16px;
  text-align: left;
	position: absolute;
  background-color: rgb(0, 0, 0, 0.8);
  bottom:0px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}
.anli_item h3 .arrow{ right:15px; position: absolute; font-size: 24px; color: #fff;}
.anli_item:hover h3{background-color: rgb(0, 0, 0, 1); color: #1ba24f;}
.anli_item:hover h3 .arrow{ color: #1ba24f;}
.anli_item p{
  color: #4c4c4c;
  width: 100%;
  box-sizing: border-box;
	margin-bottom: 0.4rem;
  padding:0 0.3rem;
  line-height: 28px;  color: #949494; 
}
.anli_item h6{
	margin-bottom: 20px;
	width: 100%;
	color: #999; 
	font-size: 12px;
	font-weight: normal;padding:0 0.3rem 0.2rem;
}

.anli_line{
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
  position: relative;
}
.anli_line span{
  position: absolute;
  left: 0;
  top:0;
  height: 2px;
  display: block;
  width: 0;
  background-color: #005678;
  transition: all 0.4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}

.anli_item:hover .anli_line span{
  width: 100%;
}
.anli_item:hover .anli_pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

/* .cp_neir{} */
.cp_neir ul {
  width: 100%; margin: 0 -1.5%;
}

.cp_neir ul li {
  float: left;
  width: 22%;
  margin: 0 1.5% 0.4rem 1.5%;
  padding: 8px;
  border: 1px solid #d6d6d6;
  position: relative;
  background: #fff;
}

.dummy {padding-top: 100%;}
.dummy2 {padding-top: 75%;}


.cp_neir ul li .txt2 a{color: #343434;}

.cp_neir ul li .txt2 {
  color: #343434;
  font-size: 16px;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  padding: 18px 0 10px 0px;
  text-align: center;
}
.cp_tu {
  list-style-type: none;
  /*display:inline-block;*/
  display: block;
  float: left;
  max-width: 800px;
  max-height: 800px;
  width: 100%;
  margin: 0 0%;
  position: relative;
  overflow: hidden;
  background: #fff;
}

.cp_tu img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
  padding: auto;
}

.cp_tu i {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.cp_tu p {
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
}



.dybox-container {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
}
.dybox-container .info {
  width: 44.27%;
}
.dybox-container .pic {
  width: 50%;
}

.pic {
  font-size: 0;
  overflow: hidden;
  display: block;
  width: 100%;
}
.index-title-box {
  margin-bottom: 30px;
}
.index-title-box.center {
  text-align: center;
}
.index-title-box.center .line {
  margin: 0 auto;
}
.index-title-box h3 {
  font-size: 36px;
  line-height: 0.5;
  font-weight: 700;
  letter-spacing: 2px;
}
.index-title-box .en {
  font-size: 18px;
  color: #d3d3d3;
  font-family:'Times New Roman', Times, serif;
  text-transform: uppercase;
  line-height: 24px;
  margin: 20px auto 20px;
}
.index-title-box .line {
  width: 40px;
  height: 4px;
  background-image: linear-gradient(-90deg, #fdd700d5 0%, #00a650 100%);
  background-blend-mode: normal, normal;
}
.dybox-container .dy_content {
  color: #666;
  line-height: 2;
  font-size: 16px;
}
.dybox-container .brief {
  margin-top: 20px;
  font-size:30px;
  line-height: 2;
  background-image: -webkit-linear-gradient(left, #ffea75, #00a650);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom:20px;
  font-weight: 700;
}

.hrList{ width: 100%; margin: 0 auto;font-size: 14px;}
.hrList .hspan{ text-align:center;cursor:pointer; width: 16%; display: block; float: left; height: 60px; line-height: 60px; font-size:16px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width:23%;}
.hrList .hspan2{ text-align: left; width:23%;}
.hrList .hrdt{ background-color: #333; color: #fff;}
.hrList dd{ margin-bottom: 3px; position: relative; background-color: #fff;}
.hrList .hrdt{ height: 60px; overflow: hidden;}
.hrList .hrT{ background-color: #fff; color:#666666;}
.hrList .hrT .hspan{ line-height: 60px; height: 60px;}
.hrList .ib{ width:16px; height:16px; margin: 22px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{ border: 1px solid #00a650; display: none;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#00a650; color: #0d0d0d;}
.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #0d0d0d;}
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.join-box-btn{ padding-top: 30px;}
.join-box-btn .btn{ float: left; display: block; background-color: #00a650; color: #fff; padding: 10px 40px; font-size: 14px;}
.join-box-btn .btn:hover{ background-color: #333333; color: #fff;}


.contact-box {
  align-items: center;
}
.contact-box {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.contact-box .info {
  width: 47.917%;
  padding-right: 1rem;
}
.contact-box .content {
  color: #666;
  line-height: 2;
  font-size: 16px;
  margin-top: 50px;
}
.contact-box .qrcodes {
  margin-top: 40px;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
}
.contact-box .qrcodes .item {
  margin-right: 0.2rem;
}
.contact-box .qrcodes .item:last-child {
  margin-right: 0;
}
.contact-box .qrcodes img {
  display: block;
  width: 150px;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius:5px;
}
.contact-box .qrcodes p {
  color: #666;
  line-height: 24px;
  margin-top: 20px;
  font-size: 14px;
}
.contact-box .map {
  width: 50%;
  height: 550px;
  position: relative;
  border-radius: 20px;
}
.contact-box .map .con_img{position:absolute;left:30px;bottom:30px;text-align:center;}
.contact-box .map .con_img a{width:150px;padding:12px 0px;background:#1ba24f;text-align:center;border-radius:6px;color:#000;display:inline-block; font-weight: bold; font-size: 15px;}


.news-wrapper .list ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
}
.news-wrapper .list li {
  width: 31.64%;
  margin-right: 2.54%;
  margin-top: 0.74rem;
  background-color: #ffffff;
  box-shadow: 0px 5px 0.45rem 0px rgba(0, 0, 0, 0.09);
}
.news-wrapper .list li:nth-child(-n+3) {
  margin-top: 0;
}
.news-wrapper .list li:nth-child(3n) {
  margin-right: 0;
}
.news-wrapper .list li:hover {
  /* background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%); */
 
  background-blend-mode: normal, normal;
}
.news-wrapper .list li:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.news-wrapper .list li:hover .title {
  color: #1ba24f;  
}
.news-wrapper .list li a {
  display: block;
}
.news-wrapper .list .info {
  padding: 0.4rem 0.44rem 0.48rem;
}
.news-wrapper .desc {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.75);
  line-height: 26px;
  height: 52px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0.16rem auto 0.3rem;
}
.news-wrapper .date {
  font-size: 0.2rem;
  font-family: "mb";
  line-height: 0.24rem;
  color: rgba(51, 51, 51, 0.3);
}
.news-wrapper .title {
  font-size: 0.2rem;
  line-height: 0.3rem;
  height: 0.6rem;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: left;
}
.news-wrapper .date,
.news-wrapper .title,
.news-wrapper .desc {
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}


/* 单条新闻样式 */
.bidding-wrapper{ margin-top: -40px;}
.bidding-wrapper li {
  position: relative;
  padding-left: 2.1rem;
  padding-right: 0.4rem;
  line-height: 0.9rem;
  height: 0.9rem;
  border-bottom: 1px solid #e5e5e5;
}
.bidding-wrapper li:before {
  content: "";
  width: 100%;
  height: 100%;
  /* background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);
  background-blend-mode: normal, normal; */
  background: #f5f5f5;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.bidding-wrapper li:hover:before {
  opacity: 1;
  visibility: visible;
}
.bidding-wrapper li:hover .title {
  color: #1ba24f;
}
.bidding-wrapper li:hover .time {
  color: rgba(0, 0, 0, 0.5);
}
.bidding-wrapper li a {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
}
.bidding-wrapper .time {
  font-size: 0.18rem;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 1.8rem;
  text-align: center;
  color: rgba(51, 51, 51, 0.25);
}
.bidding-wrapper .title {
  font-size: var(--fs16);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  flex: 1;
  padding-right: 1rem;
  z-index: 12;
  text-align: left;
}

/* 详细页 */
.bread-box{	width:100%;		background: #f9f9f9; position: relative;}
.bread-box .bread{
    float: left;
    color: #999;
}
.bread-box .bread a,
.bread-box .bread span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin: 0 2px;
    color: #232323;
}
.bread-box .bread a{
    color: #232323;
    transition: all .2s;
	line-height: 60px;
  font-size: 14px;
}
.bread-box .bread .home{
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/home.png');
}
.bread-box .back{
  padding-right: 2.5%;
    float: right;
    font-size:14px;
	line-height:60px;
    color: #232323;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    background-image: url('../images/back-btn.png');
    transition: all .2s;
}
/*
-----------------[文章详细页]--------------*/
.projectshow1{width: 98%; max-width: 1200px; margin: 60px auto;}
.projectshow1 .title{ text-align:center; padding-bottom:15px; margin-bottom:30px;   }
.projectshow1 .title h1{ font-weight:inherit; font-size:30px; font-weight: bold;color:#333; padding-bottom:18px;}
.projectshow1 .title .time{ font-size:14px; color:#8b8b8c;text-align: center; width: 100%;border-bottom:1px #ddd dotted; border-top:1px #ddd dotted; padding: 12px 0; margin-top: 15px;}
.projectshow1 .title .time span{ padding:0 10px;float: none;}
.projectshow1 .contentbox .text p{ font-size:16px; color:#666;line-height:2;}
.projectshow1 .contentbox img{ max-width:100%; height: auto;}

.detailsshare{ position:relative; padding-top:20px;}
.detailsshare .share{ height:5px;  border-bottom:1px #ddd dotted; }
.detailsshare .share em{ font-size:14px; color:#8d8d8d; line-height:27px; float:left; font-style:normal}
.detailsshare .share li{ float:left; margin-left:10px;}
.detailsshare .bottomDiv{ padding-top:30px;}
.detailsshare .bottomDiv a{ font-size:14px; color:#333;}
.detailsshare .bottomDiv em{ font-size:14px; color:#333; font-weight:bold; font-style:normal}
.detailsshare .bottomDiv a:hover{ color:#000; font-weight: bold;}
.detailsshare .bottomDiv .left{ float:left;}
.detailsshare .bottomDiv .left .getDiv{ padding-bottom:15px;}
.detailsshare .bottomDiv .right{ float:right; margin-top:10px;}
.detailsshare .bottomDiv .right .backbtn{display:block; font-size:14px; text-align:center; color:#8b8b8c; line-height:40px; width:120px; height:40px; border:1px #eee solid;}
.detailsshare .bottomDiv .right .backbtn:hover{ color:#fff; background-color:#ec6c21; border:1px #ec6c21 solid;}
.detailsshare .flshare{ float:right; width:242px;}

.message_box .form {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
}
.message_box .form .group {
  position: relative;
  width: 32.42%;
  margin-right: 1.37%;
  margin-top: 1.37%;
}
.message_box .form .group.max {
  width: 100%;
  margin-right: 0;
}
.message_box .form .group.max label {
  line-height: 0;
  top: 30px;
}
.message_box .form .text,
.message_box .form .msg {
  width: 100%;
  background-color: #fff;
  border-radius: 0.05rem;
  border: solid 1px #ededed;
  transition: border 0.3s ease;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  color: #666;
  padding-right: 0.3rem;
}
.message_box .form .text:focus,
.message_box .form .msg:focus {
  border-color: #00a650;
}
.message_box .form label {
  color: #999;
  position: absolute;
  left: 15px;
  top: 0;
  z-index: 10;
  line-height: 50px;
  font-size: 15px;
  font-weight: normal;
}
.message_box .form label i {
  display: inline-block;
  color: #dc021c;
  margin-left: 3px;
  font-style: normal;
}
.message_box .form .text {
  height: 50px;
  line-height: 50px;
  padding-left:90px;
  font-size: 15px;
}
.message_box .form .msg {
  height: 2rem;
  line-height: 0.3rem;
  resize: none;
  padding-left: 90px;
  padding-top: 15px;
  padding-bottom: 0.3rem;
  font-size: 15px;
}
.message_box .form .group:nth-child(3n) {
  margin-right: 0;
}
.message_box .form .group:nth-child(-n+3) {
  margin-top: 0;
}
.message_box .form .text .rad input[type="radio"],.message_box .form .text .rad input[type="checkbox"]{margin-top: 20px; margin-right: 5px;}
.message_box .form .text .rad {margin-right: 10px; float: left;}
.message_box .form .group.yzm {
  width: 100%;
  margin-right: 0;
}
.message_box .form .group.yzm .text{width: 150px; height: 42px; padding-left: 15px;}
.message_box button {
  display: block;
  width: 200px;
  height: 46px;
  line-height: 46px;
  border-radius: 24px;
  color: #1ba24f;
  font-size: 16px;
  text-align: center;
  background: #0d0d0d;
  border: none;
  margin-top: 20px;
}

.pagenavph{ display:none;}