body { line-height: 1.7; font-size: 16px; color: #181b21; min-width: 320px; }
html,
body {
  position: relative;
  height: 100%;
}

.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: 1200px; margin: 0 auto; position: relative;}
.headerwrap{box-sizing: border-box;box-sizing: border-box;position: fixed;top: 0;left: 0;right:0;z-index: 20;transition: all .3s; margin: 0 auto;transition: all .3s; background-color: #fff;}

.headerwrap .header{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center; position: relative; height: 97px;transition: all .3s;}
.headerwrap .header.wrap{ width: 1280px;}
.headerwrap .header .logo{display: block; float: left;}
.headerwrap .header .logo img{display: block;width: auto;height: 65px;max-width: auto;}
.headerwrap .header .logo .logo02{display: none;}
.t_right{
position: absolute; right: 0; top: 0; width: 100px;    white-space: nowrap;}

.t_right .language {
  font-size: 12px;
  height: 29px;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  line-height: 29px;
  text-align: left;
  position: relative;
  overflow: hidden;
  transition: all .7s ease;
  -moz-transition: all .7s ease;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  background-color: hsla(0,0%,100%,.8);

}
.t_right .language .box{padding: 0 0px 0 10px;  float: left;}
.language .arrow {
  background: url(../images/locater_Arrow3.png?v=202104251101) 50% no-repeat;
  padding: 0 7px;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .7s ease;
  -moz-transition: all .7s ease;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  width: 10px;
}
.language:hover { height: 59px;}
.language:hover .arrow{
  transform: rotate(
180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(
180deg);
  -o-transform: rotate(180deg);
}
.t_right .language .box .text {
  color: #282828;
  margin-left: 4px;
}
.t_right .language .languageCn_Icon {
  background: url(../images/national_text_cn.png?v=202104251101) 50% no-repeat;display: inline-block; width: 24px;background-position: 0 5px;
}
.t_right .language .icon{
  background-image: url(../images/national_text.png?v=202311271108);
}

.t_right .language .languageEn_Icon {
  background-position: 0 -23px;
}

.navMenu{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center; height:93px;}
.nav >li{ float:left; position:relative; padding:0 .19rem; cursor:pointer;}
.nav >li:last-child::after{width: 0px;}
.nav >li:before{ content:""; width:100%; height:0; transition:328ms; background:#4ab344; position:absolute; left: 0; top:10px; opacity:0; visibility:hidden;}
.nav >li >a{ display:block; color:#4d4d4d;  line-height:90px; text-transform: uppercase;font-size: 16px; }
.meundown{ position:fixed; width:100%;text-align: center; left:0;right: 0; top:115px; opacity:0; transition:430ms; visibility:hidden; z-index:20;background: rgba(255,255,255,0.8); display: flex; justify-content: center;  padding: 35px 0 30px; gap: .68rem;}
.meundown:before{ content:""; width:10px; height:0px; background:url(../images/arrow.png) center no-repeat; position:absolute; left:50%; margin-left:-5px;}

.meundown li{ position:relative; text-align: center; }
.meundown li a{color:#454545;position:relative; text-align: center;   font-size: 18px;}
.meundown li a img{ padding-bottom: 10px;}


.meundown li:last-child a{border-right: 0px solid #eaeaea;}
.meundown li:hover:before{ width:100%; opacity:1; left:0; color: #fff;}

.nav >li.current::after{width: 0px;}
.nav >li.current .nav a{color:#4ab344;}
.nav >li.current:before{ height:2px; opacity:1; visibility:visible;}
.nav >li:hover .meundown{ opacity:1; visibility:visible; top:97px;}

.div2_1 .nav >li >a{ font-size: 14px;}
/* .div2_1 .headerwrap .header .logo .logo01{ display: none;}
.div2_1 .headerwrap .header .logo .logo02{ display: block;}

.div2_1 .nav >li:before{background:#003c8a; } */

/*index-banner*/
.index-banner {
  height: calc(100% - 97px); ;
  margin-top: 97px;
  position: relative;
}
.index-banner .swiper-container {
  height: 100%;
}

.index-banner .swiper-slide {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.index-banner .swiper-pagination {
  bottom: 25px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  word-wrap: normal;
}
.index-banner .swiper-pagination-bullet {
  font-size: 14px;
  background: none;
  color: rgba(255, 255, 255, 0.3);
  opacity: 1;
  font-family: "Noto Sans CJK SC";
  width: auto;
  height: auto;
  padding: 0 10px;
  outline: none;
}
.index-banner .swiper-pagination-bullet-active {
  color: rgba(255, 255, 255, 1);
}
.index-banner .swiper-button-prev,
.index-banner .swiper-button-next {
  outline: none; width: 32px;height: 9px; margin-top: -30px;top:auto; }
.index-banner .swiper-button-prev {
  left: 42%;
  bottom: 28px;
  background: url(../images/arrow3_l.png) no-repeat center center;
}
.index-banner .swiper-button-next {
  left: auto;
  right: 42%;
  bottom: 28px;
  background: url(../images/arrow3.png) no-repeat center center;
}
.index-banner .layui-btn {
  padding: 0 3em;
  font-size:16px;
}
.layui-btn {
  /* border: 1px solid rgba(255, 255, 255, 0.3); */
  padding: 0 3em;
  font-size: 0.6rem;
  position: relative; overflow: hidden;
}

.layui-btn-disabled {
  border: 1px solid #e6e6e6;
  background-color: #fbfbfb;
  color: #c9c9c9;
  cursor: not-allowed;
  opacity: 1;
}
.index-banner .container {
  height: 100%;
  position: relative;
}
.index-banner .item-img {
  position: absolute;
  left: 10%;
  top:35%;
  right: 0;
  padding: 0 15px;
  text-align: left;
}
.index-banner .item-img img{ width: 80%; margin: 0 auto; max-width: max-content;}
.index-banner .item-img2 {
  position: absolute;
  left: 10%;
  top: 35%;
  right: 0;
  padding: 0 15px;
  text-align: left;
}
.index-banner .item-img2 img{ width:579px; margin: 0 auto; }
@media screen and (max-width:1600px) {
  .index-banner .item-img {bottom: 15%;}
  .index-banner .item-img2{left: 10%;}
  .index-banner .item-img2 img{ width:40%; max-width:579px;}
}
.index-banner .item {
  position: absolute;
  left: 6%;
  bottom: 0%;
  transform: translateY(-50%);
  right: 0;
  padding: 0 15px;
  text-align: left;
}
.index-banner .item.banner1 {
  left: 0;
  text-align: center;
}
.index-banner .item .th1 {
  font-size: 70px;
  color: #fff;
  line-height: 1.6;
  padding: 20px 0 0;
  transition: all 0.4s;
  font-weight: 200;
	text-shadow:1px 1px 3px rgba(0,0,0,0.7);
  font-family: "OpenSans-Bold";
}


.index-banner .item .th2 span{ font-weight: 500;}
.index-banner .item .th2 {
  font-size: 18px;
  display: block;
  line-height: 1.6;
  color: rgba(255, 255, 255, 1);
  position: relative;
  padding-bottom: 0px;
  text-shadow:1px 1px 3px rgba(0,0,0,0.7);
  margin-bottom: 20px;
  width: 380px;
}

.index-banner .item .tbtn a{ color:#fff; padding: 10px 0 12px; border-radius: 30px; height: 49px; line-height: 49px; }
.index-banner .item .tbtn a span{width: 222px;background:rgba(0,0,0,0.7); height: 49px;display: block; float: left; text-align: center; border-radius:30px 0 0 30px;position: relative;overflow: hidden;z-index: 0;}
/* .index-banner .item .tbtn a:hover span{ background-color: #e6771b;} */
.index-banner .item .tbtn i{ width: 55px; text-align: center; background-color: #8dc92f;height: 49px; line-height: 49px; color:#fff;border-radius:0 30px 30px 0;}
.index-banner .item .tbtn a span::after{content: '';width: 0;height: 100%;background-color: #8dc92f;position: absolute;top: 0;left: 0;transition: all .3s;z-index: -1;}
.index-banner .item .tbtn a span:hover::after{width: 100%;}



/* --------------foot------------------- */
.footer{ background: #d7cec5;display: block;padding: 0.8rem 0 0.8rem 0; }
.footer .center{ display: block;margin: 0 auto; width: 80%; display: flex;}
.footer .center .logo{width: 126px; float: left; margin-right: .6rem; margin-top: 30px;}
.footer .center .right{float: left; width: 80%;}
.footer .center .right h2{ color: #a17f52; font-size: 18px; margin-bottom: .2rem;}
.footer .center .right .foot_ewm{width: 100%;}
.footer .center .right .foot_ewm ul{ display: flex; justify-content: space-between; }
.footer .center .right li{ width: 102px; float: left;}
.footer .center .right li .img{ width: 100%;}
.footer .center .right li .img img{ width: 100%; height: auto;}
.footer .center .right li .txt{ width: 100%; text-align: center; font-size: 14px; color: #000;margin-top: 10px;}
.footer .bottom{margin: 0 auto; width: 80%; text-align: left; font-size: 14px; color: #a17f52;margin-top: 1rem; line-height: 2;}
.footer .bottom a{color: #a17f52;}
.footer .bottom .f_1{color:#d7cec5;}
.footer .bottom .f_1 a{ color:#d7cec5;}
.footer .bottom .f_1 a:hover{color: #a17f52;}


 
.index-part1{width: 100%;  position: relative; background-color: #e7ddd3; padding: .8rem 0;}
.index-part1 .text{font-size: 20px; color: #010101; margin-bottom: .6rem;}
.index-part1 .text p{ text-indent: 24px; margin-bottom: 10px;}
.index-part1 .i_1_box{ display: flex; justify-content: space-between;}
.index-part1 .i_1_box .left{width: 37%;}
.index-part1 .i_1_box .left .first_box{display: flex; justify-content: center;align-items: center; background: #f5f2ed;flex-flow: column; margin-bottom: .5rem;height: 3.8rem; }
.index-part1 .i_1_box .left .first_box .icon{width: 69px;height: 69px; margin-bottom: 20px;}
.index-part1 .i_1_box .left .first_box h2{ font-size: 20px; color: #cfa972; line-height: 1; margin-bottom: 10px;}
.index-part1 .i_1_box .left .first_box h3{ font-size: .3rem;color: #cfa972; line-height: 1; }
.index-part1 .i_1_box .left .second_box{width: 100%;}
.index-part1 .i_1_box .left .second_box img{ width: 100%;height: auto;}
.index-part1 .i_1_box .right{width: 60%;}
.index-part1 .i_1_box .right .first_box{width: 100%; position: relative; margin-bottom: .5rem;}
.index-part1 .i_1_box .right .first_box img{width: 100%; height: auto;}
.index-part1 .i_1_box .right .first_box .txt{ position: absolute; bottom: 10px; right: 20px; color: #fff; font-size: 14px; z-index: 99; }
.index-part1 .i_1_box .right .second_box{ width: 100%;background: #f5f2ed;display: flex; align-items: center;height:3.07rem;}
.index-part1 .i_1_box .right .second_box p{ width: 80%; text-align: left; color: #000; text-indent: 24px; margin: 0 auto; line-height: 2;}

.index-part2{ width: 100%;padding:0 0 .8rem 0;}
.name_bg_wood{ width: 100%; background: url(../images/004.jpg) no-repeat; background-size: 100% 100%; text-align: center; font-size: 20px; color: #c19860; height: 145px; display: flex;align-items: center;justify-content: center; line-height: 1.5; margin-bottom: .5rem;}
.index-part2 .i_2_box{ display: flex; justify-content: space-between;}
.index-part2 .i_2_box .i_news{ width: 46%; margin: 0 2%;}
.index-part2 .i_2_box .i_news .img{width: 100%; height: 200px; border-radius: 8px; }
.index-part2 .i_2_box .i_news li{ border-bottom: 1px solid #dcd3cb; padding-bottom: 15px; padding-top: 15px;}
.index-part2 .i_2_box .i_news li:last-child{ border-bottom: 0; padding-bottom: 0;}
.index-part2 .i_2_box .i_news li .text{ font-size: 16px; color: #454545; margin-bottom: 10px;}
.index-part2 .i_2_box .i_news li .text a{ color: #666;}
.index-part2 .i_2_box .i_news li .time{ color: #999999; font-size: 15px;}
.index-part2 .more_txt{ width: 100%;  text-align: center; font-size: 20px; color: #19795e; margin-top: .5rem;}

.index-part3{padding:0 0 .8rem 0; width: 100%; position: relative;}
.index-part3 .bg{ width: 30%; background-color: #d7caba; position: absolute; right: 0; bottom: .8rem;height: 354px;}
.index-part3 .img1{ width: 100%; margin-bottom: .5rem;}
.index-part3 .img1 img{ width: 100%; height: auto;}
.index-part3 .img2{ width: 66.6%;height: 354px; background: url(../images/006.jpg) no-repeat; background-size: cover; float: left;}
.index-part3 .img3{ width: 29%; height: 354px;display: flex; justify-content: center;align-items: center; background: #f5f2ed;flex-flow: column; float: right;}
.index-part3 .img3 .icon{width: 69px;height: 69px; margin-bottom: 20px;}
.index-part3 .img3 h2{ font-size: 20px; color: #cfa972; line-height: 1; margin-bottom: 10px;}
.index-part3 .img3 h3{ font-size: 18px;color: #cfa972; line-height: 1; }

.index-part4{padding:0 0 .5rem 0; width: 100%; position: relative;}
.index-part4 .name{ width: 100%; text-align: center; font-size: 20px; color: #000000; margin-bottom: .8rem;}
.index-part4 .name span{ font-size: 16px;}
.index-part4 .i_4_box{ margin-bottom:.5rem;}
.index-part4 .i_4_box ul{ background: #eee7df;}
.index-part4 .i_4_box li{width: 16.6%; float: left;}
.index-part4 .i_4_box li .img{ width: 100%;}
.index-part4 .i_4_box li .img img{ width: 100%; height: auto;}
.index-part4 .i_4_box li .text{width: 100%; font-size: 16px; color: #000; line-height: 1.5;  position: relative;}
.index-part4 .i_4_box li .text .bg{ width: 100%;}
.index-part4 .i_4_box li .text .bg img{  width: 100%; height: auto;}
.index-part4 .i_4_box li .text .txt{ position: absolute; width: 100%; height: 100%; z-index: 1;  left:0; top:0; display: flex; align-items: center; justify-content: center;  text-align: center;}
.index-part4 .i_4_box li .text .txt p{ position: relative;}
.index-part4 .i_4_box li .text .txt p::after{content: ""; position: absolute; width: 21px; height: 13px; background:url(../images/009.jpg) no-repeat; left: 50%; margin-left: -10px; top:-30px}
.index-part4 .i_4_box li:nth-child(2n) .text .txt p::after{content: ""; position: absolute; width: 21px; height: 13px; background:url(../images/008.jpg) no-repeat; left: 50%; margin-left: -10px; top:60px}
.index-part4 .i_4_box2{ margin-top:.5rem;display: flex;flex-direction: row;  flex-wrap: wrap;  gap:10px;justify-content:space-between;}
.index-part4 .i_4_box2 .img_50{width: 49%;position: relative; }
.index-part4 .i_4_box2 .img_50 img{width: 100%; height: auto;max-width: 584px;}
.index-part4 .i_4_box2 .img_50 .txt{ position: absolute; width: 100%; height: 100%; z-index: 1;  left:0; top:0; display: flex; align-items: center; justify-content: center;  text-align: center;flex-flow: column;}
.index-part4 .i_4_box2 .img_50 .txt h2{ color: #c19860; font-size: 30px;}
.index-part4 .i_4_box2 .img_50 .txt p{ line-height: 2;}
.index-part4 .i_4_box2 .img_100{ margin-top: 30px;}

.index-part5{padding:.5rem 0 .5rem 0; width: 100%; position: relative; background: url(../images/015.jpg) no-repeat center top;}
.index-part5 .text{ width: 33.3%; float: right; font-size: 20px; color: #c19860;}
.index-part5 .icon_box{ width: 100%; height: 220px; margin-bottom:150px;}
.index-part5 .i_5_box{ width: 80%; margin: 0 auto;max-width: 800px;}
.index-part5 .i_5_box ul{display: flex;justify-content:space-between;  flex-wrap: wrap;}
.index-part5 .i_5_box li{width:305px;margin-bottom:60px;}
.index-part5 .i_5_box li:nth-child(2n){ margin-top: 1.6rem;}
.index-part5 .i_5_box li .img{width: 100%;max-width: 305px; box-shadow: 10px 10px 10px rgba(0,0,0,.3);}
.index-part5 .i_5_box li .img img{width: 100%;height: auto; }
.index-part5 .i_5_box li .txt{ margin-top: 20px;}
.index-part5 .i_5_box li .txt p{font-size: 16px; color: #000;}
.index-part5 .i_5_box li .txt h2{font-size:.3rem; color: #000; line-height: 1;}
.index-part5 .text_bottom{ width: 100%; text-align: center; color: #666666; font-size: 18px;margin-top: 1rem;}
.index-part5 .text_bottom span{ letter-spacing: -3px; padding: 0 10px;}

.index-part6{padding:.5rem 0 .5rem 0; width: 100%;}
.videoDiv{ position: relative;width: 100%;  margin-bottom: .5rem;}
.videoDiv .bg{ text-align:center;}
.videoDiv .bg img{ width: 100%; margin: 0 auto; text-align: center; }
.videoDiv .ico{ position: absolute; left: 50%; margin-left: -0.35rem; top: 50%; margin-top: -0.35rem; }
.videoDiv .ico img{ width: 0.7rem; }
.videoDiv .ico .bj{ position: absolute; left: 0; top: 0; }
.videoDiv .ico .img_rotate{  -moz-animation:rotate 5s infinite linear;  -webkit-animation:rotate 5s infinite linear;  animation:rotate 5s infinite linear; }





.video_banner_wrap{
  padding-bottom: 42.1%;
  position: relative;
  width: 100%;
  margin-top: 97px;
}
.banner_video_background{
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.banner_video_bg {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.pubbanner_cp {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 97px;
}

.pubbanner_cp-img {
  width: 100%;
  min-height: 3.4rem;
  object-fit: cover;
}

.pubbanner_cp-img img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}



.pubbanner {
  width: 100%;
  position: relative;
}

.pubbanner-img {
  width: 100%;
  min-height: 3.4rem;
  object-fit: cover;
}

.pubbanner-img img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.pubbanner-words {
  position: absolute;
  z-index: 4;
  color: #fff;
  bottom: 55%;
  left: 116px;
}

.pubbanner-tolt {
  left: 0%;
  width: 100%;
  text-align: center;
}

.pubbanner-words h6 {
  font-size: 0.46rem;
  font-weight: 500;
  opacity: 1;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 3px;
}

.pubbanner-words p {
  font-size: 18px;
  margin-top: 12px;
  opacity: 0;
}


.pubbanner-up {
  position: absolute;
  bottom: 124px;
  left: 24px;
  writing-mode: vertical-lr;
  writing-mode: tb-lr;
  white-space: nowrap;
  font-size: 70px;
  color: #fff;
  opacity: .2;
}

.pageNav {
  /* box-shadow: 0px 10px 10px #f2f2f2; */
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  position: absolute; bottom: 0; z-index: 9;
  right:10%;
  left: 10%;
  /* height: 0.75rem;
  line-height: 0.75rem; */
}

.pageNav li {
  font-size: 14px;  
  text-align: center;
  position: relative;
  float: left;
  display: block;
}
.pageNav2 li {width: 24%;}
.pageNav3 li { width: 20%;  border-right: 1px solid rgb(255, 255, 255, 0.2);}
.pageNav3 li:nth-child(5n){border-right: 0px;}
.pageNav4 li {width: 33.33%;}
.pageNav5 li {width: 50%;}
.pageNav li:first-child {border-left: 0;}


.pageNav li a {
  font-size: 16px;
  color: #fff;
  height: 75px; line-height: 75px;
  padding: 0px 40px; display: block;
}
.pageNav li a.aNow {
  color: #fff; 
  font-size: 18px;
  background: #1e73d0;
}
.pagenavph{ display:none;}

.ny_main {
  padding: .8rem 0px; background: #fff;min-height: 3rem;
}

.dybox-container {
  padding: 0 30px;
  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: 60%;
}
.dybox-container .pic {
  width: 35%;
}

.pic {
  font-size: 0;
  overflow: hidden;
  display: block;
  width: 100%;
}
.title-box {
  margin-bottom: 30px;
}
.title-box.center {
  text-align: center;
}
.title-box.center .line {
  margin: 0 auto;
}
.title-box h3 {
  font-size: 36px;
  line-height: 0.5;
  font-weight: 700;
  letter-spacing: 2px;
}
.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;
}
.title-box .line {
  width: 40px;
  height: 4px;
  background-image: linear-gradient(-90deg, #0e4fb5 0%, #1477d2 100%);
  background-blend-mode: normal, normal;
}
.dybox-container .dy_content {
  color: #666;
  line-height: 2;
  font-size: 16px;
}
.dybox-container .dy_content p{ margin-bottom: 20px;}
.dybox-container .brief {
  margin-top: 20px;
  font-size:30px;
  line-height: 2;
  background-image: -webkit-linear-gradient(left, #ffea75, #fcc902);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom:20px;
  font-weight: 700;
}

.cp_neir ul {
  width: 100%;
}

.cp_neir ul li {
  float: left;
  width: 22%;
  margin: 0 1.5% 0.4rem 1.5%;
  padding: .3rem 0.2rem;
  position: relative;
}
.cp_neir ul li .txt2{width: 100%; float: left; text-align: center; margin-top: 20px; }

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

.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%;
}

.cp_pro{padding:.8rem 0% ;}
.cp_pro ul {
  margin: 0 -1.5%;
}

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



.cp_pro ul li .txt2 a{color: #343434;}
.cp_pro ul li .txt2 {
  color: #343434;
  font-size: 16px;
  margin-bottom: 10px;
  float: left;
  padding: 18px 0 10px 0px;
  text-align: center;
  width: 100%;
}
.cp_pro ul li .txt a{color: #343434;}

.cp_pro ul li .txt {
  color: #343434;
  font-size: 16px;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  padding: 18px 0 10px 0px;
  text-align: center;
}

.i2ra{
	width: 50%;
	height: 50%;
	flex-direction: column;
	padding: 20px;
	position: relative;
  background: #fff;
  border: 1px solid #eee;
}
.i2ra::after{
	width: 0px;
	height: 3px;
	background: #1e73d0;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	transition: 1s;
	opacity: 0;
}
.i2ra:hover::after{
	width: 100%;
	opacity: 1;
}
.i2ra:hover{
	font-weight: bold;
	color: #1e73d0;
}

/* 详细页 */
.bread-box{	width:100%;	padding-top: 90px;	background: #fff; 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: #999;
}
.bread-box .bread a{
    color: #999;
    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: #999;
    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: 0px 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 h2{ font-size:18px; color:#232323; padding-bottom:20px;}
.projectshow1 .contentbox .text p{ font-size:16px; color:#454545;line-height:2; margin-bottom:15px;}
.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;}

.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:#013c8a;text-align:center;border-radius:6px;color:#fff;display:inline-block; font-weight: bold; font-size: 15px;}

/*产品详情*/
.product-detial{ background: #fff; padding-bottom: .6rem;}
.product-detial .name{width: 100%; text-align: left; font-size: 20px; color: #05a045; border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 15px; margin-bottom: 40px; }
.product-detial .name::before{position: absolute;content: ""; width: 80px; height: 3px; background: #05a045; left: 0; bottom: 0;}
.product-detial .summary .summary-left{float: left;width:42%;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: 100%; 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; justify-content: space-between;}
.liuyan a{height: 32px; line-height: 32px;  display: block; border-radius: 30px; margin: 0 10px; padding: 0 20px; font-size: 14px;}
.liuyan a{ background: #fff; color: #666;  border: 1px solid #e9e9e9;}
.liuyan a i{ margin-right: 5px;}

#summaryTab .swiper-slide-active .img{border:2px solid #e6e6e6;}
#summaryPoster{height: 450px;}
#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: 50%;}
.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;}
.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{ width: 150px; height: 45px; line-height: 45px; background: #fcc804; color: #000; text-align: center; border-radius: 45px; margin-bottom: .3rem; 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: #787878; padding-left: 20px;}

.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 .title{ border: 1px solid #eaeaea; height: 55px;}
.product-detial .specifications .title h2{ width: 160px; height: 55px; line-height: 55px; font-size: 16px; color: #4ab344; text-align: center; position: absolute;}
.product-detial .specifications .title h2::after{ position: absolute; width: 100%; content: ""; top: 0; height: 3px; background: #4ab344; left: 0;}
.product-detial .specifications .title h2::before{ position: absolute; height: 100%; width: 1px; content: "";  background-color: #eaeaea; right: 0; top: 0;}
.product-detial .specifications .text{padding: 30px 15px; }
.product-detial .specifications .text p{ font-size: 16px; line-height: 2;}



/*-----------------[新闻动态]--------------*/

.news1 li{ padding-bottom:50px; margin-bottom:50px; border-bottom:1px #d7cec5 solid; }
.news1 li .imgDiv{ float:left; width:23%;height: 180px;  overflow:hidden; border-radius: 8px;}
.news1 li .imgDiv img{ width:100%; height: 180px; transition:ease 0.3s; -webkit-transition:ease 0.3s; -moz-transition:ease 0.3s; -o-transition:ease 0.3s;}
.news1 li .imgDiv:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2);}
.news1 li .text{ float:left; width: 70%; padding:0 1% 0 4%; background:url(../images/ico18_1hr.png) no-repeat right center;}
.news1 li .morebox{ float:left; width:125px; padding-left:50px;}
.news1 li .morebox .more{ display:block; margin-top:70px; width:125px; height:40px; line-height:40px; text-indent:20px; font-size:14px; color:#8b8b8c; background:#f5f5f5; background-size:100% 100%;}
.news1 li .morebox .more:hover{ background:#817465; color:#fff; box-shadow:0 0 15px rgba(20,167,83,0.5);background-size:100% 100%;}
.news1 li .text h3{ font-weight:inherit; font-size:18px; color:#333; padding-bottom:15px; margin-bottom:15px; background:url(../images/ico2_1hr.png) no-repeat left bottom; height: 25px; overflow: hidden;}
.news1 li .text h3 a{ color:#333;}
.news1 li .text h3 a:hover{ color:#000;}
.news1 li .text p{ font-size:16px; color:#8b8b8c; line-height:1.8; height:100px; font-weight: 300;}
.news1 li .text .time{ font-size:13px; color:#8b8b8c;}

/*-----------------[产品中心]--------------*/
.p_box_1{ width: 100%; position: relative;background: #fff;padding-top: 2rem;}

.p_box_1 .part_1{width: 100%; text-align: center; position: relative;  padding-bottom: .7rem;}
.p_box_1 .part_1::before{ position: absolute; width: 100%; height:calc(100% - 260px); background: #e7ddd3; top:260px; left: 0; content: "";z-index: 0;}
.p_box_1 .part_1 h2{ color: #c19860; font-size: 120px; line-height: 1; }
.p_box_1 .part_1 h3{ color: #c19860; font-size: 36px; line-height: 1.2; }
.p_box_1 .part_1 h4{ color: #c19860; font-size: 14px; line-height: 1; margin-bottom: 15px;}
.p_box_1 .part_1 p{ font-size: 16px; line-height: 1.5;color: #c19860;}
.p_box_1 .part_1 .img1{ width: 215px; margin: 30px auto; z-index: 5; position: relative;}
.p_box_1 .part_1 .img1 img{ width: 100%; height: auto;}
.p_box_1 .part_1 .img2{width: 100%; margin-top: 30px;}
.p_box_1 .part_1 .img2 img{ width: 100%; height: auto;}

.p_box_1 .part_1 .Advantage{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.p_box_1 .part_1 .Advantage .box{ width: 60px;}
.p_box_1 .part_1 .Advantage .box .icon{ width: 56px; height: 56px;}
.p_box_1 .part_1 .Advantage .box .txt{ text-align: center; font-size: 12px; color: #000;}
.p_box_1 .part_1 .title{width: 100%; text-align: center; position: relative; padding-top: 80px; margin-top: .6rem;}
.p_box_1 .part_1 .title::before{ content: ""; width: 117px; height: 66px; background: url(../images/041.jpg) no-repeat; position: absolute; top: 0; left: 50%; margin-left: -58px;}
.p_box_1 .part_1 .title h2{ font-size: 20px; color: #000;}

.p_box_1 .part_2{ position: relative; padding: .5rem 0; }
.p_box_1 .part_2 .part_2_list{ width:calc(100% + 14px); float: left; margin: 0 -7px; }
.p_box_1 .part_2 .part_2_list li{ text-align: center ;font-size: 12px; color: #fff; float: left; position: relative; width:calc(33.3% - 14px);margin: 0 7px 15px;}
.p_box_1 .part_2 .part_2_list_2 li{ text-align: center ;font-size: 12px; color: #fff; float: left; position: relative; width:calc(50% - 14px);margin: 0 7px 15px;}
.p_box_1 .part_2 .part_2_list_3 li{ text-align: center ;font-size: 12px; color: #fff; float: left; position: relative; width:calc(16.66% - 14px); margin: 0 7px 15px;}
.p_box_1 .part_2 .part_2_list li .img{width: 100%;}
.p_box_1 .part_2 .part_2_list li .img img{width: 100%;height: auto;}
.p_box_1 .part_2 .part_2_list li .txt{ position: absolute; width: 90%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center;top:0; margin: 0 5%;}

.p_box_1 .part_2 .part_2_list_4{ width:calc(100% + 50px); float: left; margin: 0 -25px; }
.p_box_1 .part_2 .part_2_list_4 li{ text-align: center ;font-size: 12px; color: #fff; float: left; position: relative; width:calc(25% - 50px);margin: 0 25px 50px;}
.p_box_1 .part_2 .part_2_list_4 li .img{width: 100%; position: relative;}
.p_box_1 .part_2 .part_2_list_4 li .img img{width: 100%;height: auto;}
.p_box_1 .part_2 .part_2_list_4 li .img .txt2{ width: 90%; background-color: #e7ddd3; line-height: 1.2; font-size: 14px; color: #000; border-radius: 30px; position: absolute;left: 5%; right: 5%; top: 10px; padding: 10px;}
.p_box_1 .part_2 .part_2_list_4 li .txt{ width: 100%; height: 50px; background-color: #d7cec5; text-align: center; line-height: 50px; font-size: .2rem; color: #000;}

.p_box_1 .part_3{ position:relative; padding-bottom: .8rem;}
.p_box_1 .part_3 .title{width: 100%; text-align: left; font-size: 20px; color: #05a045; border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 15px; }
.p_box_1 .part_3 .title::before{position: absolute;content: ""; width: 30px; height: 3px; background: #05a045; left: 0; bottom: 0;}
.p_box_1 .part_3 .part_3_list{ width: 100%;display: flex;  flex-wrap: wrap;  gap: 20px; justify-content:flex-start; margin: 30px 0 0;}
.p_box_1 .part_3 .part_3_list li{ text-align: center ;font-size: 12px; color: #fff; float: left; position: relative; width:calc(15% - 5px);}

.p_box_1 .part_3 .part_3_list li .txt{width: 100%; text-align: center; color: #666; font-size: 16px; margin-top: 15px;}
.zoomImage{
  width:100%;
  height:0;
  padding-bottom: 100%;
  overflow:hidden;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}
.part_3_list_pic{
width: 100%;
overflow: hidden;
}
.part_3_list_pic img{
width: auto;
height:auto;
}

.p_box_1 .part_4{ position:relative;  }
.p_box_1 .part_4 .text{width: 100%; background: #d7cec5; padding: .6rem 0; text-align: center;}
.p_box_1 .part_4 .text h2{font-size: .48rem; color: #000;}
.p_box_1 .part_4 .text p{font-size: 18px; color: #000;}
.p_box_1 .part_4 .img{width: 100%; background: #e7ddd3; background-size: 100% auto;}
.p_box_1 .part_4 .img img{ width: 100%; height: auto;}
.p_box_1 .part_4 p.text2{font-size: 24px; color: #000; text-align: center; padding: .5rem 0;}
.p_box_1 .part_4 .img2{ width: 100%; background: #eee7df; padding: .5rem 0;}
.p_box_1 .part_4 .img2_bg2{ background: #e7ddd3;}
.p_box_1 .part_4 .img2 img{width: 100%; height: auto;}

.p_box_1 .part_5{ background: #fff; width: 100%;}
.p_box_1 .part_5 .img{width: 100%; max-width: 1208px; margin: .5rem auto;}
.p_box_1 .part_5 .img img{width: 100%; height: auto;}

.p_box_1 .part_6{ background: #f2f2f2; width: 100%;}

.p_box_1 .part_7{background: #f2f2f2; width: 100%; padding: .8rem 0;}
.p_box_1 .part_7_bg2{ background-color: #fff;}
.p_box_1 .part_7 .name{width: 100%; text-align: center;}
.p_box_1 .part_7 .name h2{ font-size: .48rem; color: #000;}
.p_box_1 .part_7 .name h3{ font-size: .24rem; color: #000;}
.p_box_1 .part_7 .img{width: 100%; max-width: 1208px; margin: .5rem auto;}
.p_box_1 .part_7 .img img{width: 100%; height: auto;}

.exhibition{ padding: .8rem;background-color: #efe7e1;}
.exhibition .title{ font-size: 20px; color: #000; width: 100%; text-align: center;}
.exhibition table{width: 100%;border-spacing: 10px;}
.exhibition table td{ padding:10px 0;}

/* 团队实力 */
.team_box{ margin-top: 97px; background-color: #fff;}
.team_p1{ display: flex; justify-content: space-between; align-items: center; padding: .6rem 0;}
.team_p1 .left{ width: 25%; }
.team_p1 .left img{ width: 100%;}
.team_p1 .right{ width: 65%; margin-right: 5%;}
.team_p1 .right p{ margin-bottom: 20px;}

.team_p2{ width: 100%; background-color: #e7ddd3;padding: .6rem 0 0;}
.team_p2 .img{ position: relative;}
.team_p2 .img .txt{position: absolute; width: 26%; height: 35%; text-align: center; z-index: 9;font-size: .2rem; color: #a17f52; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;}
.team_text{ padding: .5rem;}
.team_text p span{font-size: 30px; vertical-align: unset;}
.team_text p{ margin-bottom: .3rem; line-height: 30px;  vertical-align: unset;}
.team_bj{ background: #f6f3ee; border: 1px solid #e2e2e2; padding: .9rem 10px;}
.team_bj .txt{font-size: .2rem; color: #a17f52; position: relative;  text-align: center;}
.team_bj .icon{ max-width: 107px; width: 50%; margin: 0 auto;}
.team_bj .icon img{ width: 100%; height: auto;}

.team_p3{ width: 100%; background-color: #fff;padding: .6rem 0 0;}
.team_p3 .text{display: flex; justify-content: space-between; align-items: center;}
.team_p3 .text .team_bj{ width: 25%;}
.team_p3 .text .team_text{width: 75%;}
.team_p3 .img{ position: relative;}
.team_p3 .img .txt{position: absolute; width: 100%; height: 16%; text-align: center; z-index: 9;font-size: .2rem; color: #a17f52; right: 0; top: 0; }
.team_p3 .img .txt a{ width: 25%; float: left; height: 100%; display: flex; align-items: center; justify-content: center;color: #a17f52;}

.team_p4{ width: 100%; background-color: #e6dfd1;padding: .6rem 0 0;}
.team_p4 .text{display: flex; justify-content: space-between; align-items: center;}
.team_p4 .text .team_bj{ width: 25%;}
.team_p4 .text .team_text{width: 75%;}

.team_p5{ width: 100%; background-color: #efe8df;padding: .6rem 0 0;}

/* 合作共赢 */
.cooperate_box{background-color: #dacdbd; padding: .8rem 1rem; }
.cooperate_box .title{ text-align: left;}
.cooperate_box .title h2 { font-size: .2rem; color: #fff; line-height: 1; margin-bottom: 10px;}
.cooperate_box .title h3{font-size: .36rem; color: #000; line-height: 1;}
.cooperate_box .img{ width: 100%; margin: .5rem 0;}
.cooperate_box .img img{width: 100%; height: auto;}
.cooperate_box .text{display: flex; justify-content: space-between; align-items: center;}
.cooperate_box .text .left{width: 55%;}
.cooperate_box .text .left h2{ font-size: .3rem; color: #000; margin-bottom: 15px;}
.cooperate_box .text .left h3{ font-size: .2rem; color: #000; margin-bottom: 15px;}
.cooperate_box .text .left p{ font-size: 16px; margin-bottom: 20px; line-height: 2;}
.cooperate_box .text .right{ width: 40%;}
.cooperate_message{ background: #e7ddd3; padding: .6rem 1rem;}
.cooperate_message .title{ text-align: center; width: 100%;}
.cooperate_message .title h2 { font-size: .48rem; color: #666666; line-height: 1; margin-bottom: 20px;}
.cooperate_message .title p{font-size: 14px; color: #666666;}


.cooperate_message .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;
  margin-top: .5rem;
}
.cooperate_message .form .group {
  position: relative;
  width: 49.3%;
  margin-right: 1.37%;
  margin-top: 1.87%;
}
.cooperate_message .form .group.max {
  width: 100%;
  margin-right: 0;
}
.cooperate_message .form .group.max label {
  line-height: 0;
  top: 30px;
}
.cooperate_message .form .text,
.cooperate_message .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;
}
.cooperate_message .form .text:focus,
.cooperate_message .form .msg:focus {
  border-color: #fcc902;
}
.cooperate_message .form label {
  color: #999;
  position: absolute;
  left: 15px;
  top: 0;
  z-index: 10;
  line-height: 50px;
  font-size: 15px;
  font-weight: normal;
}
.cooperate_message .form label i {
  display: inline-block;
  color: #dc021c;
  margin-left: 3px;
  font-style: normal;
}
.cooperate_message .form .text {
  height: 50px;
  line-height: 50px;
  padding-left:90px;
  font-size: 15px;
}
.cooperate_message .form .msg {
  height: 2rem;
  line-height: 0.3rem;
  resize: none;
  padding-left: 90px;
  padding-top: 15px;
  padding-bottom: 0.3rem;
  font-size: 15px;
}
.cooperate_message .form .group:nth-child(2n) {
  margin-right: 0;
}
.cooperate_message .form .group:nth-child(-n+2) {
  margin-top: 0;
}
.cooperate_message .form .text .rad input[type="radio"],.cooperate_message .form .text .rad input[type="checkbox"]{margin-top: 20px; margin-right: 5px;}
.cooperate_message .form .text .rad {margin-right: 10px; float: left;}
.cooperate_message .form .group.yzm {
  width: 100%;
  margin-right: 0;
  vertical-align: top;
}

.cooperate_message .form .group.yzm .text{width: 150px; height: 42px; padding-left: 15px;}
.cooperate_message button {
  display: block;
  width: 200px;
  height: 46px;
  line-height: 46px;
  border-radius: 24px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background: #4ab344;
  border: none;
  margin: 20px auto;
}

.serOnline-container {
  overflow: hidden;
  position: absolute;
  width: 200px;
  left: 0; top: 0;
  background: #fff;
  font-size: 14px;
  color: #666;
  padding: 0 10px;
  border-radius: 5px;
}

.serOnline-container a {
  -webkit-text-decoration: none;
  text-decoration: none
}

.serOnline-container .lastData {
  margin: 0 0 15px 5px;
  _margin: 0 0 15px 3px
}

.serOnline-container .marBL-10 {
  line-height: 32px;
  margin: 0 0 5px
}

.serOnline-contact,
.serOnline-service,
.serOnline-worktime {
  clear: both;
  margin-top: 5px
}

.serOnline-service .lineH-21 {
  line-height: 21px
}

.serOnline-service .fk-onServiceLineH-23 {
  line-height: 23px
}

.serOnline-service .qqImg2 {
  background: url(../images/pa10.gif?v=202104251101) no-repeat
}


.serOnline-service .serOnline-img,
.serOnline-service .serOnline-img0 {
  display: inline-block;
  height: 21px;
  margin-right: 8px;
  width: 21px
}

.serOnline-service .serOnline-img1 {
  display: inline-block;
  height: 21px;
  margin-right: 8px;
  width: 23px
}

.serOnline-service .serOnline-img2 {
  display: inline-block;
  height: 21px;
  margin-right: 8px;
  width: 62px
}

.serOnline-service .serOnline-img3 {
  display: inline-block;
  height: 23px;
  margin-right: 8px;
  width: 81px
}

.serOnline-worktime .worktime-header-img {
  background: url(../images/serviceOnlineTime1.png?v=202104251101) no-repeat;
  _background: url(../images/serviceOnlineTime1.gif?v=202104251101) no-repeat;
  display: inline-block;
  height: 27px;
  width: 27px
}

.serOnline-contact .contact-header-img {
  background: url(../images/serviceOnlineCall.png?v=202104251101) no-repeat;
  _background: url(../images/serviceOnlineCall.gif?v=202104251101) no-repeat;
  display: inline-block;
  height: 27px;
  width: 27px
}

.serOnline-list-h {
  float: left;
  white-space: nowrap
}

.serOnline-list-h,
.serOnline-list-v {
  margin: 0 0 7px 5px;
  _margin: 0 0 7px 3px
}

.serOnline-separation-line {
  border: none;
  border-bottom: 1px dashed #e5e5e5;
  clear: both;
  margin: 0 auto;
  width: 95%
}

.cooperate_box2{background-color: #f1eae4; padding: .8rem .5rem .2rem; }
.cooperate_box2 .title{ text-align: left;}
.cooperate_box2 .title h2 { font-size: .24rem; color: #c29a5d; line-height: 1; margin-bottom: 10px;}
.cooperate_box2 .coo_box2_List{ display: flex; justify-content: center; margin-top: .5rem;flex-wrap: wrap; }
.cooperate_box2 .coo_box2_List li{ width: 29.3%; margin: 0 2% .4rem;} 
.cooperate_box2 .coo_box2_List li .img{ width: 100%;}
.cooperate_box2 .coo_box2_List li .txt{width: 100%; text-align: center;}
.cooperate_box2 .coo_box2_List li .img img{ width: 100%; height: auto;}
.cooperate_box2 .coo_box2_List li .txt h2{ font-size: .2rem; color: #000; margin: 15px 0;}
.cooperate_box2 .coo_box2_List li .txt p{ font-size: 14px; color: #000; }

.cooperate_box2 .coo_box2_List2{ display: flex; justify-content: center; margin-top: .5rem;flex-wrap: wrap; }
.cooperate_box2 .coo_box2_List2 li{ width: 46%; margin: 0 2% .4rem;} 
.cooperate_box2 .coo_box2_List2 li .img{ width: 100%;}
.cooperate_box2 .coo_box2_List2 li .txt{width: 100%; text-align: left; background: #d4c4b5; height: 123px;}
.cooperate_box2 .coo_box2_List2 li .img img{ width: 100%; height: auto;}
.cooperate_box2 .coo_box2_List2 li .txt h2{ font-size: .2rem; color: #000; padding: 20px .4rem 0;}
.cooperate_box2 .coo_box2_List2 li .txt p{ font-size: 14px; color: #000;padding: 0 .4rem;}

.cooperate_box3 {text-align: center;}
.cooperate_box3 .coop_box3_1{ background-color: #f0eae3; padding: .5rem 0; text-align: center; }
.cooperate_box3 .coop_box3_1 h2{ text-align: center;font-size: 24px; color: #000; line-height: 1; margin-bottom: .3rem;}
.cooperate_box3 .coop_box3_1 h2 span.t1{ font-size: 24px; color: #c19860; vertical-align:bottom;}
.cooperate_box3 .coop_box3_1 h2 span.t2{ font-size: 48px; color: #000;vertical-align:bottom; }
.cooperate_box3 .title{font-size: .2rem; color: #a17f52; text-align: left; margin: .5rem 0 20px;}
.cooperate_box3 .coop_box3_3{ background: #f0eae3; padding: .5rem;}
.cooperate_box3 .coop_box3_3 .title{ margin: 0;}
.cooperate_box3 .coo_box3_List{ display: flex; justify-content: center; margin-top: .4rem;flex-wrap: wrap; }
.cooperate_box3 .coo_box3_List li{ width: 22%; margin: 0 1.5% .2rem;} 
.cooperate_box3 .coo_box3_List li .img{ width: 100%;}
.cooperate_box3 .coo_box3_List li .txt{width: 100%; text-align: center;}
.cooperate_box3 .coo_box3_List li .img img{ width: 100%; height: auto;}
.cooperate_box3 .coo_box3_List li .txt h2{ font-size: .2rem; color: #000; margin: 15px 0;}
.cooperate_box3 .coo_box3_List li .txt p{ font-size: 14px; color: #000; width: 80%; margin: 0 auto; text-align: left;}

.cooperate_box3 .coop_box3_4{ background: #f8f5f1; padding:.3rem 10px;}
.cooperate_box3 .coop_box3_4 .title2{text-align: center; color: #000; font-size:.2rem; margin-bottom: .2rem; line-height: 1.5;}

.cooperate_box3 .coop_box3_5{ background: #f0eae3; padding: .5rem;}
.cooperate_box3 .coop_box3_5 .title{ margin: 0;}
.cooperate_box3 .coop_box3_5 .title2{ margin: .2rem 0; font-size: .36rem;}
.cooperate_box3 .coo_box5_List{ display: flex; justify-content: center; margin-top: .4rem;flex-wrap: wrap; }
.cooperate_box3 .coo_box5_List li{ width: 22%; margin: 0 1.5% .2rem; } 
.cooperate_box3 .coo_box5_List li .province{ text-align: left; margin-bottom: 10px;}
.cooperate_box3 .coo_box5_List li .city{padding: .3rem 0 .3rem .3rem; background: #b2c5bf; font-size: 14px; text-align: left;min-height: 250px;}
.cooperate_box3 .coo_box5_List li .city span{ width: 30%; float: left;}

.join_box{ padding:.5rem 1rem; background: #f1e6e1;}
.join_box .title{font-size: .2rem; color: #a17f52; text-align: left; margin-bottom: .3rem;}
.join_box table{width: 100%;border-spacing: 10px;}
.join_box table td{ padding:10px 30px; text-align: left; color: #000;vertical-align: middle; }
.join_box2{ padding: 0 0 .5rem 0;}
.join_box2 h2{font-size: .2rem; color: #a17f52; text-align: left; padding-left: .5rem; margin: .2rem 0;}
.join_box2 p{margin: .2rem 0; color: #000; text-align: right; font-size: 16px; padding-right: .5rem;}

.contact_box{ padding:.5rem .3rem; background: #eee7df; width: 100%; float: left; margin-bottom: .4rem;}
.contact_box .left{ width: 40%; float: left; margin-right: 5%; margin-left: 5%;}
.contact_box .left h2{font-size: .2rem; color: #a17f52; text-align: left; }
.contact_box .left p{ text-align: left; color: #000; line-height: 2.5; margin-top: .4rem; font-size: 14px; margin-left: 30%;}
.contact_box .right{ width: 50%; float: right;}
.contact_box .right .img{ border: 3px solid #fff;}

.pubbanner_about_txt{ position: absolute; bottom:20px; right:20%; color: #fff; font-size: 14px;z-index: 99;}
.company_box1 { background-color: #fff; padding:.4rem .6rem .2rem; } 
.company_box1 p{ font-size: 14px;}
.company_box1 p span{ font-size: .24rem;}

.company_box2 { background-color: #f1e6e1; padding:.6rem .6rem; text-align: center;} 
.about_title{ font-size: 18px; text-align: center; line-height: 1.5; color: #c19860; padding-bottom: .3rem;}

.company_box3{ background-color: #fff;padding:.4rem .6rem .6rem;}
.company_box3 .title{width: 100%; text-align: left; font-size: 20px; color: #05a045; border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 15px; }
.company_box3 .title::before{position: absolute;content: ""; width: 30px; height: 3px; background: #05a045; left: 0; bottom: 0;}
.company_box3 .swiper-container{ margin-top: 8px;}

.company_box4{ background: url(../images/125.jpg) no-repeat center; height: 835px;}
.company_box5 { padding: .6rem 0; background: #eee7df;}
.research_box1{background-color: #fff; padding:.4rem .6rem .2rem; }
.research_box2{ position: relative;}
.research_box2 h2{ position: absolute; left: .6rem; top:.4rem; color: #c19860; font-size: 16px;}
.research_box3{ position: relative; background: #f1e6e1;padding:.6rem .6rem; }
.research_box3 ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.research_box3 li{ width: 22%; margin: 0 1.5% 20px; text-align: center;} 
.research_box3 li .img{ width: 100%;}
.research_box3 li .txt h2{ color: #000; font-size: 16px; padding-bottom: 5px;}
.research_box3 li .txt p{ font-size: 14px;}
.research_box3 .txt2{ width: 100%; text-align: center; color: #c19860; font-weight: bold; margin-top: .2rem; font-size: 12px;}
.research_box4{ margin-top: .4rem;}
.research_box5{background-color: #efe7e1; padding:.4rem .6rem .2rem; }
.research_box6{ background-color: #fff; padding:.4rem 10px .2rem; text-align: center;}
.research_box6 .txt1{ font-size: .18rem;color: #c19860;  text-align: center; margin-bottom: .4rem;}
.research_box6 .part2{ display: flex; justify-content: space-between; max-width: 992px; width: 100%; margin: 30px auto;}
.research_box6 .part2 p{ font-size: 12px; margin-bottom: 5px; color: #000; padding: 0 20px; text-align: left;}
.research_box6 .part2 p span{ color: #045a46; font-weight: bold;}
.research_box6 .part2 .left{width: 55%;} 
.research_box6 .part2 .right{ width: 43%;}

.case_box .table1{ margin-top: .4rem; margin-bottom: .4rem;}
.case_box .table1 td{ padding: 8px 0 8px 20px;  }
.case_box .table2{ background-color: #eee7df; padding-top: 15px;}
.case_box .table2 td{ padding: 0 15px;}
.case_box .table3{ background-color: #eee7df;}
.case_box .table3 td{ padding: 0 15px;}
.case_box .table4{ background-color: #eee7df;}
.case_box .table4 td{ padding: 0 15px;}

.brand_box .part1{ background-color: #fff; padding: .6rem 0; }
.brand_box .part1 ul{ display: flex; justify-content: space-between;}
.brand_box .part1 li{width: 29.3%; margin: 0 1%; float: left;}
.brand_box .part1 li .title{width: 100%; text-align: left; font-size: 20px; color: #05a045; border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 15px; }
.brand_box .part1 li .title::before{position: absolute;content: ""; width: 30px; height: 3px; background: #05a045; left: 0; bottom: 0;}
.brand_box .part1 li .videoDiv{ margin-top: 8px;}
.brand_box .part2 .img1{ position: relative; }
.brand_box .part2 .img1 .wrap{ position: absolute; top: 0; left: 0; right: 0;}
.brand_box .part2 .img1 .txt{ position: absolute; left: 0; right: 0; text-align: center; top: 57%;}
.brand_box .part2 .img1 .txt h2{ font-size: .48rem; color: #fff;}
.brand_box .part2 .img1 .txt h3{ font-size: .20rem;color: #fff;}
.brand_box .part2 .img1 h4{ font-size: .48rem;color: #c19860; text-align: center;}
.brand_box .part2 .img2 .txt{top: 31%;}
.brand_box .part2 .img3 .txt{top: 45%;}
.brand_box .part2 .img3 .txt{top: 45%;}
.brand_box .part3{background: #fff; padding: .4rem 0;}
.brand_box .part3 .title{width: 100%; text-align: left; font-size: 20px; color: #05a045; border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 15px; }
.brand_box .part3 .title::before{position: absolute;content: ""; width: 30px; height: 3px; background: #05a045; left: 0; bottom: 0;}
.brand_box .part3 .swiper-container{ margin-top: 8px; margin-bottom: .4rem;}

.investor_box{ margin-top: 97px; width: 100%; background-color: #fff; padding: .4rem 0;}
.investor_box .name{width: 100%; text-align: left; font-size: 20px; color: #05a045; border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 15px; }
.investor_box .name::before{position: absolute;content: ""; width: 80px; height: 3px; background: #05a045; left: 0; bottom: 0;}
/* 单条新闻样式 */
.bidding-wrapper li {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 0.9rem;
  height: 0.9rem;
  border-bottom: 1px solid #e5e5e5;
}
.bidding-wrapper li:last-child{
  border-bottom: 0px solid #e5e5e5;
}

.bidding-wrapper li:hover .title {
  color: #000000;
}
.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: 14px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  width: 1.8rem;
  text-align: right;
  text-align: center;
  color: rgba(51, 51, 51, 0.8);
}
.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;
}

.show_news{ background-color: #fff; padding: .4rem 0;}