html,body {
  position: relative;
  height: 100%;
} 
body{
    font-family:"思源黑体 CN",Arial,"Microsoft Yahei",sans-serif !important;
    padding: 0;
    color: #333;
    margin:0 auto; 
  background:#ffffff !important;  
  overflow-x: hidden;
}
ul{
  margin: 0 !important;
  padding: 0;
}
li{
  list-style: none;
}
.hidden,.hid{
  display: none;
}
.m-display{ display: none; }
.m-hidden{ }
@media (max-width: 768px){
  .m-display{ display: block; }
  .m-hidden{ display: none; }
}
a:hover{
  text-decoration:none !important;
}
.container{
  position: relative;
}
.clearboth{ clear: both;}
*:focus { outline: none;}

.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
} 
.ltr{ direction: ltr; unicode-bidi: bidi-override; }
.rtl{ direction: rtl; unicode-bidi: bidi-override;}
.ali_font_reverse{ display: inline-block; transform: rotate(180deg); }
.pagination a{ color: #ddd; transition: 0.4s; }
.pagination a:hover{ color: #007061; }
.overflow{ overflow: hidden;}
.inner_container{ width: 1200px; margin: 0px auto;}
.main_theme{ color: #fff; background-color: #007061; }
.more{ color:#007061; font-size: 16px; display: block;}
.more:hover{ color: #007061;}



.btn_menu{ position: absolute; top: 76px; right: 360px; z-index: 23; cursor: pointer; }
.btn_menu>span{ display: block; background-color: #007061; width: 36px; height: 3px; border-radius: 3px; position: relative; transition: 0.4s; font-size: 18px; }
.btn_menu>i{ font-style: normal; display: block; position: absolute; right: -52px; top: -10px; font-size: 24px; line-height: 1; color: #007061; } 
.btn_menu::before, .btn_menu::after{ width: 80%; height: 3px; border-radius: 3px; background-color: #007061; position: absolute; left: 10%; content: ""; transition: 0.4s; display: block; }
.btn_menu::before{ top: -10px; }
.btn_menu::after{ bottom: -10px; }

.btn_menu.on>span{ background: none; }
.btn_menu.on::before{ transform:rotate(45deg); top: 0; }
.btn_menu.on::after{ transform:rotate(-45deg);  bottom: 0; }
@media (max-width: 768px){
  .btn_menu{ top: 40px; right: 80px; }
  .btn_menu>i{  }
}




.nav_container{ position: fixed; top: 0px; right: 0px; z-index: 22; height: 100%; }
.wrap_nav{ width: 300px; height: 100%; position: absolute; top: 0px; right: -300px; z-index: 22; background: rgba(0, 0, 0, 0.7); transition: 0.6s; }
.wrap_nav.on{ right: 0px; }
.home{ margin: auto; margin-top: 47px; position: relative; display: table; }
.home>a{ font-size: 20px; line-height: 1; text-align: center; color: #fff; }
.home::after{ width: 80%; height: 2px; display: block; content: ""; background-color: #007061; position: absolute; bottom: -12px; left: 10%; }
.wrap_nav>.nav{ padding: 20px 12px 0 12px; }
.wrap_nav>.nav>li{ padding: 19px 30px 13px 30px; border-bottom: 1px solid #5b5c60; }
.wrap_nav>.nav>li>a{ display: block; font-size: 16px; font-weight: 300; color: #fff; transition: 0.4s; }
.wrap_nav>.nav>li>a:hover, .wrap_nav>.nav>li.active>a{ background: none; color: #007061; }
.wrap_nav>.nav>li>a>.iconfont{ float: right; font-style: normal; font-size: 16px; }
.wrap_nav>.nav>li>a>span{ display: block; font-size: 14px; }
.wrap_nav_bottom{ width: 100%; position: absolute; bottom: 27px; left: 0px; }
.qrcode{  }
.wrap_nav_bottom .qrcode_item>img{ width: 93px; height: 93px; }
.wrap_nav_bottom .qrcode_item{ margin-right: 21px; }
.wrap_nav_bottom .qrcode_item>.title{ color: #fff; font-size: 14px; font-weight: 300; }
.wrap_nav_bottom .tel{ color: #fff; text-align: center; font-weight: 300; }
.wrap_nav_bottom .tel>.iconfont{ font-size: 23px; line-height: 1; vertical-align: bottom; margin-right: 10px; }
@media (max-width: 768px){
  .wrap_nav{ height: auto; padding-bottom: 30px; }
  .wrap_nav_bottom{ position: unset; }
}



.top{ height: 120px; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0px; left: 0px; width: 100%; border-bottom: 1px solid #007061; }
.top_left{ float: left;  line-height: 120px; height: 120px; }
.logo{  }

.top_right{ float: right;}
.top .nav{ float: left; display: table; }
.top .nav>li{ line-height: 120px; margin-right: 40px; display: inline-block; position: relative; }
.top .nav>li>a{ 
  height: 120px; 
  text-align: center; 
  color: #fff; 
  font-size: 16px; 
  padding: 0px;
  background: none!important;
  transition: 0.4s;
  position: relative;
}
.top .nav>li:hover>a,.top .nav>li.active>a{ color: #fff; }
.top .nav>li>a::after,.top .nav>li>a::before{ 
  width: 0px;
  height: 1px;
  content: "";
  display: block;
  position: absolute; 
  bottom: 32px; 
  transition: 0.5s;
  background-color: #007061;
  z-index: 3;
}
.top .nav>li>a::before{ 
  right: 50%;  
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.top .nav>li>a::after{ 
  left: 50%;  
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.top .nav>li:hover>a::after,.top .nav>li:hover>a::before,
.top .nav>li.active>a::after,.top .nav>li.active>a::before{ width: 25%; }

.nav_submenu{
  display: block;
    opacity: 0;
    visibility: hidden;
  transform: translateY(30px);
  transition: 0.3s;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 2;
}
.nav_submenu>li{ min-width: 150px; text-align: center; line-height: 50px; }
.nav_submenu>li>a{ color: #fff!important; font-size: 16px; font-weight: 300; display: block; transition: 0.3s; }
.top .nav>li:hover>.nav_submenu{ opacity: 1; visibility: visible; transform: translateY(0px); }
.nav_submenu>li:hover>a{ background-color: #007061; }

.sidemenu{ float: left; font-size: 30px; color: #007061; margin-left: 55px; position: relative; display: none;}
.sidemenu_container{ 
  position: fixed; 
  top: 120px; 
  right: 0px; 
  width: 0px; 
  background-color: #007061;
  opacity: 0.9;
  transition: 0.8s;
  z-index: 11;
}
.sidemenu_container.on{ width: 150px; }
.sidemenu_container.on .side_nav{ display: block;}
.sidemenu_container .side_nav{ display: none;}
.side_nav{ width: 150px; line-height: 30px; text-align: center;}
.side_nav>li:hover{ background-color: #fff; }
.side_nav>li:hover>a{color: #007061;}
.side_nav li a{ color: #fff; font-size: 18px; } 
.side_nav li a:hover{   }
.side_nav>li>ul{ display: none; background-color: #007061;}
.side_nav>li.on{ background-color: #fff;}
.side_nav>li.on>a{ color: #007061;}
.side_nav>li.on>ul{ background-color: #fff; }
.side_nav>li.on>ul>li:hover{ background-color: #007061;}
.side_nav>li.on>ul>li:hover>a{ color: #fff;}
.side_nav>li.on>ul>li>a{ color: #007061; }
.side_nav>li>ul>li>a{ font-size: 14px;}

.wrap_search{ 
  height: 35px; 
  width: 301px;
  background-color: #e0e8f1;
  float: right;
  margin-top: 23px;
  overflow: hidden;
}
@media (max-width: 768px){
  .wrap_search{ display: none; }
}
.btn_search{   
  width: 61px;
  height: 35px;
  background: url("../image/icon_search.png") center center no-repeat #007061;
  border: none; 
  display: block; 
  float: left;
}
.input_search{ 
  width: 240px; 
  height: 35px; 
  line-height: 35px; 
  float: left; 
  border: none; 
  background: none; 
  font-size: 14px; 
  padding-left: 10px;
  border: 1px solid #007061;
}
.input_search::-webkit-input-placeholder { 
  color: #999;
  font-size: 14px;
  font-weight: 300;
}  
.input_search::-moz-placeholder { 
  color: #999;
  font-size: 14px;
  font-weight: 300;
}
.input_search:-ms-input-placeholder { 
  color: #999;
  font-size: 14px;
  font-weight: 300;
}  
.input_search:focus{ }

.sidemenu span,.search .iconfont{ cursor: pointer; }
.top_contact{ font-size: 16px; color: #000; float: right; display: table; margin-top: 32px; }
.top_contact>div{ line-height: 27px; }
.top_contact span{ 
  width: 32px; 
  text-align: center; 
  border-right: 1px solid #000; 
  line-height: 17px;  
  display: inline-block;
  margin-right: 7px;
}

.index_nav{ height: 160px; position: fixed; top: 0px; width: 100%; z-index:22;}

.index_banner{ width: 100%; height: 100%; }
.index_banner img{ width: 100%; height: 100%; }
.index_banner .swiper-pagination-bullet{ width: 19px; height: 19px; margin: 0px 25px; }

.index_vedio{ width: 100%; height: 100%; position: relative; }
.index_vedio::before{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); position: absolute; top: 0px; left: 0px; z-index: 1; }
video{ height: 100%; width: 100%; object-fit: cover; position: fixed; left: 0; top: 0px; }

.index_footer{ width: 100%; position: fixed; bottom: 0px; height: 0px; transition: 0.8s; z-index: 20; overflow: hidden;}
.index_footer.on{ height: 455px;}
.footer{ 
  height: 475px; 
  background: url("../image/footer_bg.png") center no-repeat; 
  background-size: cover; 
  overflow: hidden;
  color: #fff;  
}
.bottom_logo{ text-align: center; padding-top: 37px; padding-bottom: 56px; }

.wrap_bottom{ overflow: hidden; }
.footer_left{ float: left;}

.footer_right{ float: right; position: relative; }

.footer .wrap_qrcode{ margin-top: 0px; }
.footer .qrcode_item>img{ width: 103px; height: 103px; }

.copyright{ background-color: #007061; line-height: 64px; color: #fff; font-size: 16px; text-align: center; border-top: 1px solid #fff; }
.copyright a,.copyright a:hover{ color: #fff; font-size: 16px;}

@media (max-width: 768px){
  body{ height: auto; }
  .inner_container{ width: 100%; }
  .top{ height: 60px; line-height: 60px; position: unset; background-color: #000; }
  .top_left {
    height: 60px;
    line-height: 60px;
  }
  .logo{ }
  .logo img{ height: 50px; }
  .logo::after{ display: none; }
  .top_product{ display: none; }
  .top_contact{ display: none;}
  
  .top .nav{ display: none;}
  .search{ display: none;}
  .sidemenu{ font-size: 24px; float: right; margin-right: 15px; display: block; }
  .sidemenu_container{ top: 60px;}
  .sidemenu_container.on{ width: 150px; }
  .side_nav{ line-height: 24px;}
  .side_nav li a{ font-size: 16px; }

  .wrap_search{ display: none; }  

  .index_nav{ height: 60px; position: relative; display: block;}
  .index_footer{ position: relative; height: auto;}
  
  .footer{ height: auto; }
  .footer_nav{ display: none; }
  .footer_left{ width: 100%;}  
  
  .footer_right{ float: none; height: auto; }
  .qrcode{ position: relative; bottom: 0px; right: 0px; }
  .copyright{ line-height: 30px;}
  .copyright span{ width: 100%; display: block;}

  .index .swiper-container-v>.swiper-wrapper{ display: block;}
  .index .swiper-container-v>.swiper-wrapper>.swiper-container{ height: auto; }
  .index .swiper-container-v>.swiper-wrapper>.swiper-slide{ flex-shrink:1; height: auto;}
  
  .index_banner{ height: auto; }
  .index_banner .swiper-pagination-bullet{ width: 8px; height: 8px; }
  .index_banner img{ height: auto; }
  
  .index_vedio{ height: 300px; }
  video{ height: 300px; }

  .m-hidden{ display: none}
}

@media (max-width: 1440px) and (min-width: 1200px)
{
  .index_footer.on{ height: 350px;}
  .index_footer .footer{ height: 300px; }
  .index_footer .footer .bottom_logo{ margin-top: 20px; padding-right: 18px;}
  .index_footer .footer .qrcode{ bottom: 75px; }
  .index_footer .footer .footer_nav{ margin-top: 45px !important; }
  .index_footer .footer .footer_nav>li>a{ font-size: 16px;}
  .index_footer .footer .submenu{ margin-top: 6px !important;}
  .index_footer .footer .submenu li a{ font-size: 14px;}
  .index_footer .copyright{ line-height: 50px; font-size: 14px;}
}


.slideBox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.slideBox .hd {
  height: 15px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 15px;
  z-index: 1;
  margin-left: -75px;
}

.slideBox .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}

.slideBox .hd ul li {
  float: left;
  margin:0 5px;
  width: 40px;
  height: 3px;
  line-height: 14px;
  text-align: center;
  background: #fff;
  cursor: pointer;
}
.slideBox .hd ul li.on{
  background: #007061;
}

.slideBox .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}

.slideBox .bd li {
  zoom: 1;
  vertical-align: middle;
}
.slideBox .bd li a .bdimg{
  background-size: cover !important;
}


.slideBox .prev,
.slideBox .next {
  position: absolute;
  left: 3%;
  top: 50%;
  margin-top: -25px;
  display: block;
  width: 32px;
  height: 40px;
  background: url(404.png) -110px 5px no-repeat;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.slideBox .next {
  left: auto;
  right: 3%;
  background-position: 8px 5px;
}

.slideBox .prev:hover,
.slideBox .next:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.slideBox .prevStop {
  display: none;
}

.slideBox .nextStop {
  display: none;
}
.divContent{
  height: 450px;
}
.underslideBox{
  top:-1px;
}
.underhd li a img,.underhd li img{
    width: 100%;
    height: auto;
}
.underhd li a img:hover{
    opacity: 1;
}

.wrap_title{ text-align: center; overflow: hidden; }
.index .wrap_title{ margin-top: 215px; }
.inner .wrap_title{ margin-top: 60px; }

.wrap_title .icon{ 
  width: 58px; 
  height: 58px; 
  line-height: 58px; 
  border-radius: 50%; 
  background-color: #007061; 
  text-align: center; 
  color: #fff; 
  font-size: 24px; 
  font-weight: 300;  
  margin: auto;
}
.inner_title{ 
  color: #1c1c1c; 
  font-size: 24px; 
  line-height: 1; 
  font-weight: 300; 
  border-left: 1px solid #007061;
  border-right: 1px solid #007061;
  padding: 0px 16px;
  display: table;
  margin: 20px auto 14px;
}
.index_title{ font-size: 38px; line-height: 1; color: #007061; }
.wrap_sep_line{ width: 49px; height: 7px; border-radius: 7px; background-color: #007061; margin: 15px auto; margin-bottom: 17px; }
.index_subtitle{  font-size: 18px; color: #999; text-transform: uppercase; line-height: 1; }

.wrap_title.black_theme .index_title{ color: #333; }
.wrap_title.black_theme .index_subtitle{ color: #666; }

.wrap_title.white_theme .index_title, .wrap_title.white_theme .index_subtitle{ color: #fff; }

.wrap_inner_title{ position: relative; margin: 0px auto; text-align: center;}
.inner_subtitle{ font-size: 12px; line-height: 1; color: #999; text-transform: uppercase; }
.wrap_inner_title .inner_title{ width: 100%; bottom: 45px;}
.wrap_inner_title .index_title{ font-size: 30px; color: #007061;}
.wrap_inner_sep_line{ width: 20px; border-bottom:2px solid #007061; margin: 10px auto; margin-top: 15px;}
.inner_slogan{ font-size: 18px;}

.btn_more{ 
  width: 149px; 
  height: 46px; 
  line-height: 46px; 
  border: 2px solid #007061;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  color: #1c1c1c;
}
.btn_more:hover{ color: #1c1c1c; }
@media (max-width: 768px){
  .index_title{ font-size: 18px; }
  .index_subtitle{ font-size: 14px; }
}
@media (max-width: 1440px) and (min-width: 1200px)
{  

}



.content_top{ height: 80px; overflow: hidden; border-bottom: 1px solid #f3f3f3; background-color: #f6f8fa; }
.wrap_hotkeys{ float: left; line-height: 80px; font-size: 16px; }
.wrap_hotkeys .iconfont{ color: #018724; font-size: 24px; margin-left: 14px; margin-right: 7px; }
.wrap_hotkeys a{ display: inline; margin-left: 7px; color: #666; font-size: 14px; transition: 0.4s;}
.wrap_hotkeys a:hover{ color: #018724; }
@media (max-width: 768px){
	.content_top{ display: none; }
  }




.wrap_about{ 
  width: 100%; 
  height: 100%;
  background: url("../image/about_bg.png") center no-repeat; 
  background-size: 100% 100%;
  overflow: hidden;  
  position: relative;
}
.wrap_about_content{ 
  width: 50%; 
  height: 100%; 
  position: absolute; 
  top: 0px; 
  right: 0px; 
  background-color: rgba(255, 255, 255, 0.6);  
  padding: 260px 140px 0px 140px;
}
.wrap_about_logo{ width: 220px; height: 220px; position: absolute; top: 50%; left: -110px; transform: translateY(-50%); }
.wrap_about_content>.title{ 
  width: 287px; 
  height: 62px; 
  line-height: 62px; 
  color: #fff; 
  background-color: #007061; 
  text-align: center; 
  font-size: 30px;
}
.wrap_about_content>.slogan{ margin-top: 22px; }
.wrap_about_content>.subtitle{ margin-top: 17px; line-height: 1; font-size: 36px; font-weight: 500; color: #1c1c1c; }
.wrap_about_content>.summary{
  color: #1c1c1c;
  font-size: 16px;
  line-height: 32px;
  margin-top: 25px;
}
.wrap_about_content>.wrap_more{ margin-top: 75px; }
@media (max-width: 768px){
  .wrap_about{ margin-top: 0px; height: auto; background-size: 100%; background: none; }
  .wrap_about_content{ height: auto; padding: 30px 15px; position: unset; width: 100%; }
  .wrap_about_content>.title{ margin: auto; }
  .wrap_about_content>.slogan{ text-align: center; }
  .wrap_about_content>.subtitle{ font-size: 24px; text-align: center; }
  .wrap_about_content>.summary{ font-size: 12px; }
  .wrap_about_logo{ display: none; }
  .wrap_about_content>.wrap_more{ margin-top: 30px; }
}
@media (max-width: 1440px) and (min-width: 1200px)
{  
  .wrap_about_content{ }
}
@media (max-height: 1080px) and (min-height: 900px)
{
    
}




.wrap_product{ 
  width: 100%; 
  height: 100%; 
  background: url("../image/product_bg.png") center no-repeat; 
  background-size: 100% 100%;
  overflow: hidden;  
}
.wrap_product .wrap_title{ display: none; }
.product_content{ overflow: hidden; margin-top: 215px; }
.inner .product_content{ margin-top: 45px; margin-bottom: 155px; }
.product_nav{ float: left; width: 280px; background-color: #f3f3f3; }
.content_box{ height: 68px; line-height: 68px; padding: 0px 35px; background-color: #fff; }
.content_box .iconfont{ float: right; font-size: 25px; }
.product_nav>.header>.content_box, .product_nav>.bottom>.content_box{ background-color: #007061; color: #fff; }
.product_nav>.header>.content_box{ font-size: 24px; }
.product_nav>.nav-tabs>li{ width: 100%; margin-top: 29px; }
.product_nav>.nav-tabs>li::before{ 
  content: ""; 
  position: absolute; 
  top: 31px; 
  left: 17px; 
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #007061;
}
.product_nav>.nav-tabs>li>a{ 
  width: 100%;
  border: none; 
  border-radius: unset; 
  display: inline-block; 
  background-color: #fff; 
  color: #007061; 
  margin: 0px; 
  padding: 0px; 
  font-size: 18px; 
  line-height: 68px; 
}
.product_nav>.nav-tabs>li>a:hover{ color: #007061; border: none; }
.product_nav>.nav-tabs>li>a>.iconfont{  }
.product_nav>.bottom>.content_box{ margin-top: 29px; font-size: 15px; line-height: 34px; text-align: center; padding: 0px 18px; }
.product_nav>.bottom>.content_box .iconfont{ float: unset; margin-right: 4px; vertical-align: bottom; font-size: 18px; }

.wrap_product .tab-content{ }

.product_list{ 
  overflow: hidden;   
  
  
  
  padding-left: 24px;
}
.product_item{ margin-bottom: 26px; width: 287px; overflow: hidden; float: left; }
.product_item:nth-child(3n-1){ margin: 0px 17px; }
.product_img{ 
  overflow: hidden;
  position: relative;
  clear: both;
  padding-top: 74.9128%;
  transition: 0.6s;
}
.product_img img{ 
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}
.product_layer{ 
  position: absolute; 
  top: -100%; 
  left: 0px; 
  width: 100%; 
  height: 100%; 
  transition: 0.3s;
  background-color: rgba(0, 0, 0, 0.6);
}
.product_layer a{ 
  display: block;
  color: #fff;
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.product_layer a .iconfont{ font-size: 36px; line-height: 36px; }
.product_title a{ 
  line-height: 51px; 
  font-size: 16px; 
  font-weight: 300;
  color: #1c1c1c; 
  background-color: #fff;
  text-align: center; 
  transition: 0.6s; 
  display: block;
}
.product_item:hover .product_title a{ color: #fff; background-color: #007061; }
.product_item:hover .product_layer{ top: 0px; }

.wrap_product .wrap_more{ display: none; text-align: center; }
.wrap_product .btn_more{ background-color: #007061; color: #fff; }
@media (max-width: 768px){
  .wrap_product{ height: auto; background-size: cover; }
  .wrap_product .wrap_title{ display: block; }
  .product_content{ margin-top: 0px; padding: 30px 0px; }
  .product_nav{ width: 100%; display: none; }
	.product_list{ width: 100%; padding-left: 0px; display: flex; flex-wrap: wrap; justify-content: space-around; }
	.product_item:nth-child(3n-1){ margin: unset; margin-top: 20px; }
  .product_item{ width: 45%; margin-top: 20px; }
  .product_item:nth-child(n+5){ display: none; }
  .wrap_product .wrap_more{ display: block; }
}
@media (max-width: 1440px) and (min-width: 1200px)
{
  
}




.wrap_brand{ 
  width: 100%; 
  height: 100%; 
  background: url("../image/brand_bg.png") center no-repeat; 
  background-size: 100% 100%;
  overflow: hidden;  
}
.wrap_brand_content{ padding: 72px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }

.brand_img{ width: 193px; height: 193px; overflow: hidden; margin: auto; }
.brand_img img{ width: 100%; height: 100%; border-radius: 50%; }
.brand_text{ 
  width: 50%; 
  height: 383px; 
  float: right; 
  margin-top: 14px; 
  background: url("../image/inner_brand_bg.png"); 
  padding: 18px 32px 0px 26px; 
  position: relative;
  box-shadow: 0px 4px 8px 3px #eee;
}
.brand_text::before,.brand_text::after{ 
  position: absolute; 
  left: 0px;
  content: "";
}
.brand_text::before{
  top: -14px;
  border-bottom: 14px solid #353535;
    border-right: 14px solid transparent;
}
.brand_text::after{
  bottom: -14px;
  border-top: 14px solid #353535;
    border-right: 14px solid transparent;
}
.brand_text>.title{ font-size: 24px; font-weight: 500; line-height: 1; color: #007061; }
.brand_text>.sepline{ width: 46px; height: 2px; background-color: #007061; margin-top: 17px; }
.brand_text>.summary{
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  min-height: 224px;
  color: #1c1c1c;
  margin-top: 18px;  
}
.brand_text>.wrap_more{ margin-top: 24px; }

.brand_item{ 
  width: 290px; 
  height: 395px; 
  box-shadow: 0px 4px 14.88px 1.12px rgba(47, 46, 45, 0.08), inset 0px 13px 29px 0px rgba(248, 245, 240, 0.71); 
  padding: 30px 25px; text-align: center; 
  background-color: #fff;
  margin-bottom: 30px;
  overflow: hidden;
}
.brand_title{ font-size: 18px; font-weight: 600; margin-top: 50px; transition: 0.4s; }
.brand_title a{ font-size: 18px; font-weight: 600; transition: 0.4s; }
.brand_item:hover .brand_title a{ color: #007061; }
.brand_summary{ font-weight: 500; line-height: 28px; color: #7d7d7d; margin-top: 10px; }
@media (max-width: 768px){
  .wrap_brand{ height: auto; background: none; }
  .wrap_brand_content{ padding: 20px 0px; justify-content: space-around; }
  .index .wrap_title{ margin-top: 30px; }
  
  .brand_item{ width: 45%; height: 360px; }
  .brand_img{ width: 120px; height: 120px; }
  .brand_text{ width: 100%; height: auto; padding: 15px; }
  .brand_text::before, .brand_text::after{ display: none; }
  .brand_title{ margin-top: 30px; }
  .wrap_brand .wrap_more{ margin-bottom: 20px; }
}

.wrap_brand .wrap_more{ text-align: center; }




.wrap_media{
  width: 100%; 
  height: 100%; 
  background: url("../image/media_bg.png") center no-repeat; 
  background-size: 100% 100%;
  overflow: hidden;
}
.media_list{ display: flex; justify-content: space-around; flex-wrap: wrap; padding-top: 34px; padding-bottom: 25px; }
.media_item{ width: 270px; background-color: #007061; height: 457px; overflow: hidden; color: #fff; }

.media_img{}
.media_img img{ width: 270px; height: 180px; }
.media_title{ font-size: 24px; line-height: 1; text-align: center; margin: 16px 0px; }
.media_summary{ font-weight: 300; line-height: 24px; padding: 0px 11px; text-indent: 28px; }
.wrap_media .wrap_more{ text-align: center; }
@media (max-width: 768px){
  .wrap_media{ height: auto; padding: 30px 0px; background-size: 100%; }
  .media_item{ height: auto; padding-bottom: 20px; width: 100%; }
  
  .media_img img{ width: 100%; height: auto; }
}




.wrap_partner{ 
  width: 100%; 
  height: 100%; 
  background: url("../image/partner_bg.png") center no-repeat; 
  background-size: 100% 100%;
  overflow: hidden;
}
.partner_list{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 54px 0px; }
.partner_item{ margin-top: 16px; width: 226px; cursor: pointer; }
.partner_img{ overflow: hidden;  }
.partner_img img{ 
  width: 226px;
  height: 121px;
  transition: 0.4s;
}
.partner_item:hover img{
  transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.wrap_partner .wrap_more{ text-align: center; }
.wrap_partner .btn_more{ background-color: #007061; color: #fff; font-weight: 400; }
@media (max-width: 768px){
  .wrap_partner{ height: auto; padding: 20px 0px; background: #52565a; }
	.partner_list{ justify-content: space-around }
	.partner_item{ width: 32%; }
	.partner_img img{ width: 100%; height: auto; }
}
@media (max-width: 1440px) and (min-width: 1200px)
{
  
}
@media (max-height: 1079px) and (min-height: 900px)
{
  
}




.wrap_contact{ 
  width: 100%; 
  height: 100%; 
  background: url("../image/contact_bg.png") center no-repeat; 
  background-size: 100% 100%;
  overflow: hidden;
}
.contact_content{ height: 650px; background: rgba(255, 255, 255, 0.4); margin-top: 215px; }
.contact_content .logo{ text-align: center; }
.bottom_slogan{ text-align: center; margin: 25px auto; }
.footer_contact{ display: table; margin: auto; }
.footer_contact p{ margin-bottom: 15px; font-size: 20px; line-height: 24px; margin-top: 0px; color: #fff; }
.footer_contact p .iconfont{ font-size: 24px; margin-right: 11px; margin-left: 4px; vertical-align: bottom; }
.wrap_qrcode{ margin: auto; margin-top: 30px; display: table;  }
.qrcode_item{ text-align: center; margin-right: 52px; float: left; }
.qrcode_item:last-child{ margin-right: 0px; }
.qrcode_item>img{ width: 148px; height: 148px; }
.qrcode_item>.title{ font-size: 16px; line-height: 1; padding: 17px 0px; }
@media (max-width: 768px){
  .wrap_contact{ height: auto; background-size: cover; }
  .contact_content{ height: auto; margin-top: 30px; }
  .contact_content>.logo{}
  .bottom_slogan img{ width: 100%; height: auto; }
  .bottom_logo{ padding: 0px; padding: 20px;}
  .bottom_logo img{ width: 100%; height: auto; }
  .footer_contact{ padding: 0px 15px; }
  .footer_contact p{ font-size: 16px; }
  .footer_contact p .iconfont{ font-size: 16px; }
  .footer .wrap_qrcode{ padding: 15px; }
  .wrap_contact .wrap_qrcode{ display: flex; flex-wrap: wrap; justify-content: space-around; }
  .qrcode_item{ margin-right: 30px; }
}
@media (max-width: 1440px) and (min-width: 1200px)
{
  
}
@media (max-height: 1079px) and (min-height: 900px)
{

}




.wrap_news{ 
  overflow: hidden; 
  height: calc(100% - 160px); 
  margin-top: 160px;
}
.wrap_news .wrap_title{ margin-top: 78px;}
.wrap_news_content{ margin-top: 38px; margin-bottom: 73px;}
.news_list{ margin-top: 30px; position: relative;}

.news_content_left{ 
  width: 790px;
  height: 492px;
  background-color: #fff;
  float: left;
  padding: 0px 30px;
  box-shadow: 0px 2px 5px #ddd;
}
.news_header{ position: relative;}
.wrap_news .more .iconfont{ font-size: 22px;}
.news_content_left .news_header{ margin-top: 10px; overflow: hidden;}
.news_header .nav{ display: block; }
.news_content_left .nav-tabs>li:nth-of-type(n+2){ margin-left: 85px; }
.news_content_left .nav-tabs>li{ margin-bottom: 0px; line-height: 60px;}
.news_content_left .nav-tabs>li.active{ border-bottom: 3px solid #007061;}
.news_content_left .nav-tabs>li.active>a{ color: #007061;}
.news_content_left .nav-tabs>li>a{ 
  border: none!important; 
  font-size: 18px; 
  line-height: 60px; 
  border-radius: 0px;
  padding: 0px;
}
.news_content_left .nav-tabs>li>a,.nav-tabs>li>a:hover{ color: #333;}
.news_content_left .nav>li>a:focus,.news_content_left .nav>li>a:hover{ background: none; }
.news_content_left .nav-tabs{ border: none;}
.news_content_left .tab-content{ margin-top: 31px;}

.news_item{ overflow: hidden; }
.news_img{ width: 345px; height: 182px; float: left;}
.news_img img{ width: 344px; height: 182px; float: left;}
.news_text{ float: right; width: 345px; height: 182px;}
.news_item .news_title{ margin-top: 15px;}
.news_title a{ font-size: 16px; color: #666!important; }
.news_date{ font-size: 12px; color: #999; }
.news_item .news_date{ margin-top: 8px;}
.news_summary{ margin-top: 26px; font-size: 12px; color: #666; line-height: 24px;}

.news_content_left .news_list ul{ margin-top: 25px!important; overflow: hidden;}
.news_list ul li{ line-height: 36px; }
.news_list ul li .news_title{  
  font-size: 14px;  
  color: #666; 
  text-indent: 19px;
  background: url("404.png") center left no-repeat;
}
.news_content_left .news_list ul li .news_title{ 
  width: 80%; 
  float: left; 
}
.news_list ul li .news_date{ width: 20%; text-align: right; float: left;}

.news_content_right{ 
  width: 360px; 
  height: 492px; 
  float: right; 
  position: relative; 
  background-color: #fff; 
  padding: 30px 26px;
  box-shadow: 0px 2px 5px #ddd;
}
.news_content_right::before{ 
  width: 100%; 
  height: 196px; 
  content: ""; 
  background-color: #007061; 
  position: absolute;
  top: 0px;
  left: 0px;
}
.news_content_right .news_header{ font-size: 18px; color: #fff; line-height: 22px; margin-top: 4px;}
.news_content_right .news_header .iconfont{ color: #fff;}
.news_content_right .news_list ul{ margin-top: 25px!important;}
.news_content_right .news_list ul li{ line-height: 32px;}
.news_content_right .news_title{ width: 100%;}

.news_content_left .more{ color: #999; position: absolute; top: 19px; right: 0px; }
.news_content_right .more{ float: right; }

@media (max-width: 768px){
  .wrap_news{ margin-top: 0px; }
  .wrap_news_content{ margin-bottom: 0px; }
  .news_content_left{ width: 100%; height: auto; }
  .news_text{ width: 100%; }
  .news_content_left{ float: none; }
  .news_content_left .news_list ul{ margin-top: 0px!important; margin-bottom: 25px!important; }
  .news_content_right{ width: 100%; float: none; margin: 20px auto; }
}



@media (max-width: 768px)
{
  
}
@media (min-width: 768px)
{
  .mt30{ margin-top: 30px;}
  .mt40{ margin-top: 40px;}
  .mt50{ margin-top: 50px;}
  .ml30{ margin-left: 30px;}
  .pl40{ padding-left: 40px;}
  .pl50{ padding-left: 50px;}
  .pr20{ padding-right: 20px;}
}

.lazy-hidden {
  opacity: 0;
}


.inner_banner img{
  width: 100%;
  height: auto;
  margin: 0px auto;
  }





.wrap_company_profile{ overflow: hidden; }
.company_profile_content{ overflow: hidden; padding-top: 40px; }
.company_profile_title{ text-align: center; margin-top: 40px; line-height: 1; font-size: 24px; color: #1c1c1c; }
.sep_line{ width: 32px; height: 1px; background-color: #007061; margin: auto; margin-top: 20px; }
.company_profile_summary{ font-size: 18px; line-height: 37px; color: #333; margin-top: 23.5px; text-indent: 36px; }
.company_profile_img_list{ display: flex; justify-content: space-between; margin-top: 40.5px; }

.wrap_culture{}
.culture_list{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 35px; padding-bottom: 73px; }
.culture_item{ width: 295px; position: relative; overflow: hidden; }
.culture_layer{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.6); color: #fff; padding-top: 136px; transition: 0.4s; }
.culture_item:hover>.culture_layer{ padding-top: 27px; }
.culture_layer>.icon{ width: 68px; height: 68px; line-height: 68px; border-radius: 50%; text-align: center; background-color: #007061; margin: auto; }
.culture_layer>.icon>.iconfont{ font-size: 36px; }
.culture_title{ font-size: 24px; line-height: 1; text-align: center; margin-top: 15px; }
.culture_summary{ padding: 0px 27px; font-size: 18px; line-height: 28px; margin-top: 85px; font-weight: 300; transition: 0.4s; visibility: hidden; }
.culture_item:hover>.culture_layer>.culture_summary{ visibility: visible; margin-top: 45px; }

@media (max-width: 768px){
	.company_profile_content img{ width: 100%; height: auto; }
	.company_profile_summary{ font-size: 14px; text-indent: 28px; padding: 0px 15px; }
	.company_profile_img_list{ justify-content: center; flex-wrap: wrap; }
	.company_profile_img_list img{ margin-top: 15px; }

	.culture_item{ width: 100%; }
  .culture_item>img{ width: 100%; height: auto; }
  .culture_item>.culture_layer{ padding-top: 27px; }
  .culture_item>.culture_layer>.culture_summary{ visibility: visible; margin-top: 45px; }
}




.wrap_founder{ overflow: hidden; }
.founder_content{ padding-top: 40px; padding-bottom: 53px; font-size: 18px; line-height: 36px; color: #1c1c1c; }
@media (max-width: 768px){
  .founder_content{ padding: 30px 15px; }
}




.wrap_organization{ overflow: hidden; }
.organization_content{ padding-top: 48px; padding-bottom: 120px; }
@media (max-width: 768px){

}




.wrap_honor{ overflow: hidden; }
.honor_list{ height: 780px; margin-top: 40px; }  
.honor_item{ width: 100%; height: auto; }
.honor_img,.honor_img img{ width: 100%; height: auto; }
.honor_title{ text-align: center; line-height: 42px; font-weight: 300; }
.report_list{ height: 480px; margin-top: 40px; }
@media (max-width: 768px){
  .report_list{ height: 650px; }
}




.wrap_inner_partner{ overflow: hidden; }
.partner_slogan{ padding: 57.5px 30px 0px 30px; font-size: 16px; line-height: 33px; font-weight: 300; text-align: center; }
@media (max-width: 768px){
	.partner_slogan{ padding: 30px 15px; }
}




.wrap_inner_brand{ overflow: hidden; }

.brand_list{ height: 584px; background: url("../image/inner_brand.png") right no-repeat; background-size: cover; margin: 80px 0px; color: #fff; overflow: hidden; position: relative; }
.brand_list>.title{ font-size: 43px; font-weight: 500; width: 1200px; margin: auto; margin-top: 95px; margin-bottom: 105px; }
.brand_list .swiper-container{  }
.inner_brand_img{ width: 385px; }
.inner_brand_img img{ width: 100%; }
.brand_list .swiper-button-prev,.brand_list .swiper-button-next{ top: 110px; }
.brand_list .swiper-button-prev{ left: unset; right: 40%; }
.brand_list .swiper-button-next{ right: 37%; }
.brand_list .swiper-button-prev:after,.brand_list .swiper-button-next:after{ content: ""; }
.brand_list .swiper-button-prev .iconfont, .brand_list .swiper-button-next .iconfont{ font-size: 51px; line-height: 51px; color: #fff; }
.inner_brand_content{ padding-top: 80px; padding-bottom: 300px; font-size: 18px; line-height: 36px; color: #1c1c1c; }
@media (max-width: 768px){
	.brand_list{ width: 100%; height: auto; padding-bottom: 80px; }
	.brand_list>.title{ width: 100%; font-size: 24px; text-align: center; }
	.inner_brand_img{ width: 100%; }
	.brand_list .swiper-button-prev, .brand_list .swiper-button-next{ top: 190px; }
	.brand_list .swiper-button-prev{ right: unset; left: 20%; }
	.brand_list .swiper-button-next{ right: 20%; }
}




.wrap_brand_culture{ overflow: hidden; }
.brand_culture_content{ padding-top: 69px; padding-bottom: 155px; }
@media (max-width: 768px){

}




.wrap_staff{ overflow: hidden; }
.staff_list{ padding-top: 67px; padding-bottom: 210px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.staff_item{ margin-bottom: 34px; width: 384px; }
.staff_img{ 
	overflow: hidden;
	position: relative;
	clear: both;
	padding-top: 93.2291%;
	transition: 0.6s;
}
.staff_img img{ 
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}
@media (max-width: 768px){
	.staff_list{ justify-content: center; }
	.staff_item{ width: 90%; }
}




.cultivate_list{ padding-top: 34px; padding-bottom: 60px; }
@media (max-width: 768px){

}




.index_sidebar{
  height: 100%; 
  position: fixed;  
  left: 0px;
  top: 0px;
  background: url("404.png") bottom right no-repeat;
  z-index: 2; 
  pointer-events:none!important;
  display: none;
}
.left_dobber{ 
  width: 280px;
  height: 379px;
  background:url("404.png") no-repeat;
  position: fixed;
  top: 30%;
  left: 56px;
  z-index: 1;
  opacity: 0.7;
  text-align: center;
}
.dobber_top{ margin-top: 50px; height: 120px;}
.dobber_title{ font-size: 30px; color: #007061; line-height: 30px;}
.dobber_sep{ width: 57px; height: 3px; background-color: #007061; margin: 20px auto;}
.dobber_sub_title{ font-size: 16px; color: #999; text-transform: uppercase; width: 200px; margin: 0px auto;}
.mouse{ 
  width: 23px; 
  height: 91px; 
  position: fixed;
  bottom: 92px;
  left: 78px;
  background: url("404.png") no-repeat; 
  animation: mousemove 2s linear 0s infinite;
  z-index: 1;
}
@media (max-width: 768px){
  .index_sidebar,.mouse{ display: none;}
}
@media (max-width: 1440px) and (min-width: 1200px)
{
  .mouse{ left: 39px; }
  .left_dobber{ display: none;}
  .index_sidebar{ 
    width: 110px;
  }
}
@media (max-width: 1920px) and (min-width: 1441px)
{
  .index_sidebar{ 
    width: 360px;
  }
}
@keyframes mousemove{
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    25% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    }
    75% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    }
    100% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    }
}


.yb_conct {
  position: fixed;
  z-index: 9999999;
  top: 50%;
  right: -127px;
  cursor: pointer;
  transition: all .3s ease;
}
.index .yb_conct{ display: none;}
.yb_bar ul li {
  width: 180px;
  height: 53px;
  font: 16px/53px 'Microsoft YaHei';
  color: #fff;
  text-indent: 54px;
  margin-bottom: 3px;
  border-radius: 3px;
  transition: all .5s ease;
  overflow: hidden;
}
.yb_bar .yb_top {
  background:url(../image/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
  background:url(../image/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
  text-indent: 0;
  background:url(../image/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {

  background:url(../image/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
  display: block;
  margin:0 auto;
}
.yb_QQ a {
  display: block;
  text-indent: 54px;
  width: 100%;
  height: 100%;
  color: #fff;
}
.yb_QQ a:hover{
  color: #fff;
}


.pagecontent .visual-form-builder fieldset{
  background: none;
  border:none;
  margin:0 !important;
}
.pagecontent .vfb-legend{
  display: none;
}
.pagecontent .visual-form-builder fieldset input,.pagecontent .visual-form-builder fieldset textarea{
  border-radius: 0;
  background: none;
  border:1px solid #e5e5e5;
  padding:10px 5px;
  width: 100%;
  margin-top: 5px;
  -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
#vfb-3{
  display: none;
}
.conbottom p{
  color: #999;
}
.conbottom a{
  color: #333;
}
.indexnewstag{
  margin-bottom: 6px;
}
.vfb-item-secret .vfb-desc{
  display: none !important;
}
.vfb-item-secret .vfb-span{
  display: none !important;
}
@media (max-width: 768px){
  .productpart #myTab li{
    width: 33.333%;
    float: left;
  }
  .productpart #myTabContent{
    margin-left: 0 !important;
    float: none;
  }
  .productpart #myTab{
    width: 100%;
    float: none;
  }
  .pcxc{
    display: none;
  }
  .sjxc{
    display: block;
    margin-bottom: 30px;
  }
  .yb_conct{
    display: none;
  }
  .youshipart{
        margin-bottom: 30px;
  }
  .thememenu{
    display: none;
  }

    .slideBox1 .newstext{
  width: 100%
    }
.slideBox1 .newsimg{
  width: 100%;

    }
    .indexnews{
      padding: 0;
    }
    .slideBox1 .prev,
  .slideBox1 .next{
    display: none;
  }    
    #sideMenu{
      display: block;
    }
    .slideBox{
      display: none;
    }
    .divContent{
      height: 300px;
    }
    .underslideBox{
      display: block !important;
    }



  .bdsharebuttonbox{
    float: left;
    margin-bottom: 10px;
    margin-top: 5px;
  }
  .lefttime{
    display: none;
  }
  .sidbarcontact{
    display: none;
  }
  .ymtitle{
    height: 0;
    overflow: hidden;
    transition: height 2s;
      -moz-transition: height 2s;
      -webkit-transition: height 2s;
      -o-transition: height 2s;
  }
  .sidbarnav:hover .ymtitle{
    height: 100%;
  }
  .links{
    margin-bottom: -30px;
  }
  .linkpart{
    margin-bottom: 30px;
  }
  .indexabout_text{
  width: 100%;
    }
.indexabout_img{
  width: 100%;
    }
  .indexcasepart{
  width: 100%;
    }
    .indexcasepart{
      margin-bottom: 15px;
    }
    .indexcase_text h3{
    margin-top: 0;
  font-size: 16px;
  margin-bottom: 10px;
    }
.indexcase_text p{
  line-height: 20px;
  margin-bottom: 5px;
  font-size: 12px;
    }
    .indexcase_text{
  padding: 20px;
    }
    .indexnewspart_img{
  width: 100%;
    }
.indexnewspart_text{
  width: 100%;
    }
    .header_center{
      display: none;
    }
    .header_top{
      display: none;
    }
    .header_bottom{
      background: none !important;
    }
    .navbar-brand{
      display: block;
      padding: 10px 0 !important;
    }
    .navbar-brand img{
      height: 35px;
      width: auto;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
      background: none !important;
    }
    .header_bottom .navbar-default .navbar-nav>li>a{
      margin-right: 0;
      margin-bottom: 3px;
      padding-left: 30px;
    }
    .dropdown-menu li a{
      color: #fff !important;
      padding-left: 45px !important;
      line-height: 30px !important;
    }
    .navbar-toggle{
      margin-right: 0 !important;
    }
}




.indexabout a{
    background: #007061;
}
.productpart{
    background: #007061;
}

.productpart .nav-tabs>li.active>a, .productpart .nav-tabs>li.active>a:focus, .productpart .nav-tabs>li.active>a:hover{
    color: #007061 !important;
}

.productpart #myTab li a:hover{
    color: #007061;
}
.slideBox1 .newsmore{
    color: #007061;
}

.yb_bar .yb_top {
    background-color: #007061;
}
.yb_bar .yb_phone {
    background-color: #007061;
}
.yb_bar .yb_QQ {
    background-color: #007061;
}
.yb_bar .yb_ercode {

    background-color: #007061;
}

.slideBox1 .prev,
.slideBox1 .next {
  background-color: #007061; 
}

.slideBox .hd ul .on {
background-color: #007061;
}
#sideMenu {
  color: #007061; 
}
.mxphonenav {
  background: #007061;
}
.tzggtit{
   background:#007061; 
}

.toptab a:hover{
color: #007061;
}

.youshilistpart:hover .yslistpartimg{
    background: #007061 !important;
}
.tzggtit span{
    color: #007061;
}
.ymtitle .current_page_item a,.ymtitle .current-cat a, .sidbarcontact a:hover{
    color: #007061 !important;
    border:none;
    font-weight: bold;
}
.proxiangqing{
    color: #007061;
}
.showpage a:hover { background:#007061; color:#fff;border-color: #007061}
#showsum span.sel { border:1px solid #007061;}
.sb-search-input{
    color: #007061 !important;
}

#showsum1 span.sel { border:1px solid #007061;}
.sb-search-input{
    color: #007061 !important;
}
.xgpro{
    color: #007061 !important;
}
.downloadlistpart a:hover{
    color: #007061 !important;
}
.conbottom a{
    color: #007061;
}
.ymtitle li a:hover{
    color: #007061;
    font-weight: bold;
}
.bread a{
    color: #007061;
}
.page_navi a:hover,.page_navi .current{
    color: #fff;
    background: #007061;
    border:1px solid #007061;
}
.lefttime .year{
    color: #007061;
}
.newstag a{
    color: #007061;
}
#vfb-4{
    color: #fff;
    background: #007061;
    border:1px solid #007061;
}


.maincon{
    background: #f9f9f9;
}
.nybanner img{
  width: 100%;
  height: auto;
  display: block;
  margin:0 auto;
}
.neicon{
  padding-top: 30px;
  padding-bottom: 30px;
}
.sidbarnav{
  background: #fff;
  padding:20px;
  margin-bottom: 20px;
}
.sidbar{ background-color: #fff; }
.listcon{
  background: #fff;
  padding:30px;
  overflow: hidden;
}
.tzggtit{
    margin-bottom: 5px;
  text-align: center;
  line-height: 35px;
  font-weight: bold;
  color: #fff;
}
.tzggtit span{
  color: #fff !important;
}
.tzggtit:before{
  content: '--'
}
.tzggtit:after{
  content: '--'
}
.ymtitle li{
  text-align: center;
}
.ymtitle li a{
  height: 34px;
  line-height: 34px;
  background: #f2f3f6;
  display: block;
  margin-top: 10px;
  text-align: center;
  color: #333;
}
.sidbarcontact{
  background: #fff;
  padding:20px;
}
.sidbarcontact p{
  font-size: 12px;
  line-height: 24px;
  color: #333;
  margin:15px 0;
}
.sidbarcontact a{
    display: block;
    margin-top: 10px;
    text-align: center;
    color: #111;
    border: 1px solid #eaeaea;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    transition: 0.3s;
}
.bread{
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  color: #999;
}
.pagetit{
  font-size: 24px;
  margin-bottom: 20px;
}
.pagecontent img{
  max-width: 100%;
  height: auto;
  display: block;
  margin:0 auto;
}
.pagecontent p{
  line-height: 30px;
  margin-bottom: 15px;
  color: #666;
}
.protoptextpart h1{
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}
.protoppart{
  margin-top: 30px;
}
.proxiangqing{
  font-size: 16px;
  margin-top: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
}
.xgpro{
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
  margin-top: 45px;
}


.newslistpart h1{
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px;
    
}
.newslistpart h1 a{
  color: #333;
}
.newstag span{
  color: #999;
  margin-right: 10px;
  font-size: 12px;
}
.newslistpart .newszy{
  color: #666;
  line-height: 22px;
  margin-top: 10px;
  margin-bottom: 0;

}
.newslistpart{
  padding: 30px 0;
  border-bottom: 1px dashed #e5e5e5;
}
.newslistpart img{
  width: 100%; height: auto;
}
.page_navi{
  margin-top: 30px;
}
.page_navi a{
    padding: 5px 12px;
    border:1px solid #e5e5e5;
    margin:0 2px ;
    color: #333;
}
.sancon{ position: relative;}
.sancon h1{
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  margin-top: 8px !important;
}
.sancon_more{ 
  position: absolute; 
  top: 8px; 
  right: 10px; 
  padding: 7px 16px;
  border-radius: 8px;
  border: 1px solid #e60011;
  color: #e60011;
  font-size: 14px;
}
.sancon_more:hover{ color: white; background-color: #e60011;}
@media (max-width: 768px) {
  .newslistpart img{ width: 100%;}
  .sancon_more{ display: none;}
}
.noborder{
  border:none !important;
  padding-bottom: 0 !important;
  margin-bottom: -10px;
}
.casetitle{
  margin-top: 10px !important;
}
.downloadlistpart{
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
}
.downloadlistpart h1{
  font-size: 14px;
  margin:0;
  line-height: 40px;
}
.downloadtime{
  font-size: 12px;
  color: #999;
}
.downloadlistpart h1 a{
  color: #333;
}
.sancontit{
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  line-height: 20px;
}
.threetag .newstag{
  margin-top: -5px;
  margin-bottom: -5px;
}
.lefttime{
  background: #fafafa;
  padding: 10px 0 1px 0;
}
.lefttime p{
  color: #999;
}
.year{
  font-size: 18px;
  font-weight: bold;
}
.bdsharebuttonbox{
  float: right;
  margin-top: 10px;
}
.conbottom{
  margin-top: 30px;
  background: #fafafa;
  padding: 20px 15px 10px 15px;

}
.not-found{
  margin-bottom: 160px;
}
.zhaopinlist table th{
  border-right: 1px solid #e5e5e5;

}
.zhaopinlist table tbody tr td{
  display:table-cell; 
  vertical-align:middle;
  border-right: 1px solid #e5e5e5;
}
.zhaopinlist .table>thead>tr>th{
  border-bottom: 1px solid #e5e5e5;
  background: #fafafa;
  display: table-cell;
    vertical-align: middle;
}
.zhaopinlist table{
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.proslist{
  margin-top: 30px;
}



.inner_news_list{}
.inner_news_list>div{ border-bottom: 1px dashed #ddd; line-height: 34px;}
.inner_news_list div a,.inner_news_list div a:hover{ color: #333; font-size: 14px;}

.tag_list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.tag_list>div{ width: 48%; line-height: 26px; border: 1px dashed #666; margin-top: 5px; text-align: center;}
.tag_list>div a,.tag_list>div a:hover{ color: #333; font-size: 14px;}



@media (min-width: 768px) {
  
    .pro-detail {
    border-bottom: 1px solid #e4eaec;
    margin-bottom: 30px;
  }

    .pro-detail>div {
        color: #007061;
        border-bottom: 2px solid #007061;
        margin-top: 20px;
        display: inline-block;
        padding: 10px;
        font-size: 16px;
    }
    .gallery-top .swiper-slide {
        height: 377px;
    }

    .gallery-thumbs {
        height: 85px;
    }
}

.gallery-top .swiper-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #f0f0f0;
}

.gallery-top img {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-thumbs {
    margin-top: 10px;
    width: 100%;
}

.gallery-thumbs .swiper-slide {
    opacity: 0.4;
    border: 1px solid #f0f0f0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.gallery-thumbs img {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.pro-info{ overflow: hidden; }
.pro-info-item {
    padding: 5px 0;
}

.pro-lable {
    width: 90px;
    height: 30px;
    line-height: 30px;
    background-color: #007061;
    color: white;
    text-align: center;
    font-size: 14px;
}

.pro-title {
    font-size: 16px;
    margin-top: 10px;
}

.pro-type {
    font-size: 16px;
    margin-top: 10px;
}

.pro-property {
    font-size: 16px;
    margin-top: 10px;
}