@charset "utf-8";
@import "../iconfont/iconfont.css";
/* CSS Document */
html {font-size: 62.5%; font-size: 10px;}
 @media (max-width: 1440px) {
    html {
      font-size: calc(10 * 100vw / 1440);
    }
  }
  @media (max-width: 1000px) {
    html {
      font-size: calc(10 * 100vw / 368);
    }
  }
body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #666; font: 16px/1 "Arial", "微软雅黑"; margin: 0; padding: 0; overflow: hidden; }


body,html{
  scroll-behavior: smooth;
  	
}
h1, h2, h3, h4, h5, h6 { font-size: 16px; padding: 0; margin: 0; }
ul, ol, li, dl, dt, dd { list-style: none; text-decoration: none; height: auto; padding: 0; margin: 0; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 14px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }
q:before, q:after { content: ''; }
p { margin: 0; padding: 0; }
/* 重置表单元素 */
legend { color: #424242; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }
input[type="text"],input[type="hidden"],input[type="button"],input[type="radio"],input[type="submit"],input[type="checkbox"],input[type="password"],button,textarea,select{outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
/* 重置表格元素 */
/* 重置 hr */
hr { border: none; height: 1px; }
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
:hover { text-decoration: none!important;}
html { overflow-y: scroll; }
:link { text-decoration: none; color: #424242; }
:visited { text-decoration: none; color: #424242;}
.fl { float:left;}
.fr { float:right;}
[data-mfp-src],
.btn-img-popup {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
a{text-decoration:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
img,.menu span,.header-right,.header,.header-code:before,.header-code span,.header-code p,.header-lang,.search,.search form,.search-close,.header-right ul li.icon span:before,.header-right ul li.icon span:after,.header-search:before,.header-search:after,.subs,.subs-item .em:before,.subs-item p i a:before,.subs-item p i a:after,.navs,.navs-li,.navs-li:before,.navs-li p,.navs-li em:before,.navs-li em:after,.navs-form form,.sub-nav,.menu-item:before,.right-phone,.right-wx,.banner-detail span:before,.banner-detail span:after,.banner-more,.habout-1more span,.habout-1more span:before,.habout-1more span:after,.habout-item,.habout-item samp img,.habout-item span,.happ-bg span,.happ-more span,.happ-more span:before,.happ-more span:after,.happ-item,.happ-item:before,.happ-item samp,.happ-item span,.hpro-right img,.hpro-button .swiper-button-prev:before,.hpro-button .swiper-button-prev:after,.hpro-button .swiper-button-next:before,.hpro-button .swiper-button-next:after,.hpro-title span,.hpro-nav p samp,.hpro-nav p samp:before,.hpro-nav p samp:after,.hpro-nav span,.hpro-nav em:before,.hpro-nav em:after,.hpro-bottom .swiper-button-prev,.hpro-bottom .swiper-button-next,.hnews-left,.hnews-cont .h4,.hnews-info,.hnews-left em,.hnews-left .swiper-pagination span,.hnews-model,.hnews-model:before,.hnews-model span,.hnews-model p,.hnews-model em,.bread-nav ul li a:before,.news-input,.news-right span,.news-item:after,.news-model span,.detail-page span,.vd-1 span,.join-item samp:before,.join-center,.contact-2item:before,.contact-2cont,.contact-3item,.contact-3item span,.contact-3item p,.join-2right span,.zx-nav span,.zx-2item,.zx-2left span,.zx-2left em,.zx-2left em:before,.zx-2left em:after,.zp-5,.zp-5 input,.solve-nav ul li,.solve-nav ul li samp img,.solve-2more em,.solve-2more em:before,.solve-2more em:after,.solve-3content .swiper-slide,.solve-3content .swiper-button-prev,.solve-3content .swiper-button-next,.solve-4right em,.solve-5 ul li,.solve-6 ul li,.solve-6 ul li:before,.solve-7pannel ul li,.solve-7pannel ul li span,.solve-7pannel ul li em,.pro-title,.pro-title span,.pro-title span:before,.pro-title em:before,.pro-title em:after,.pro-item span,.pro-item em:before,.pro-item em:after,.pro-model ul li,.pro-li p,.pro-li p span,.pro-1nav .swiper-slide,.pro-1nav .swiper-button-prev,.pro-1nav .swiper-button-next,.pro-2 ul li,.pro-2 ul li:before,/*.pro-3pannel,*/.pro-3small samp,.pro-3small samp:before,.pro-3small .pro-3res span,.pro-3small .pro-3res em,.pro-3rel span,.pro-3rel .swiper-button-prev,.pro-3rel .swiper-button-next,.pro-3item samp em,.pro-3video .swiper-button-prev,.pro-3video .swiper-button-next,.down-1icon,.down-1icon samp img,.down-1icon span,.down-2content ul li,.down-2content ul li span,.down-2content ul li em,.down-3content .swiper-slide,.down-3item samp em,.down-3item span,.down-3content .swiper-button-prev,.down-3content .swiper-button-next,.down-4 .txt5,.down-4 textarea,.down-4bt input,.tz-2 ul li,.tz-2item,.tz-2left:before,.tz-2left span,.tz-2left em,.tz-2right span,.tz-2right em,.tz-3item,.tz-3item samp img,.tz-3item span,.server-1left ul li,.server-1bg span,.server-1icon samp:before,.server-1icon samp:after,.server-1icon span,.server-3 ul li,.server-3 ul li span,.server-3 ul li em,.server-3more,.server-4 ul li,.server-4 ul li:after,.server-4 ul li span,.server-4item span,.server-4more,.pro-3li,.pro-3li span,.pro-3li em,.zx-close,.zx-g select,.zx-g .txt5,.zx-g textarea,.zx-bt input{-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
/*swiper*/
.swiper-container{width:100%;height:100%;}
/*.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:auto;}*/
.swiper-button-prev,.swiper-button-next{background:none;}
.swiper-button-prev::after,.swiper-button-next::after{content:"";}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.hinge{-webkit-animation-duration:3s;animation-duration:3s;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}



@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}
@media (min-width:1200px) {
    .hidden-lg {
        display: none !important;
    }
}
@media (max-width: 992px) {
	.container {padding: 0 15px;}
}
@media (min-width: 1200px) {
    .container {max-width: 98%; }
}
@media (min-width: 1300px) {
    .container {max-width: 96%; }
}
@media (min-width: 1400px) {
    .container {max-width: 95%; }
}
@media (min-width: 1600px) {
    .container {max-width: 1600px; }
}	

/*======================公用样式=======================*/
.wrap { width: 100%; }

.wrap-8 {padding: 0 5.2%;}
.sol-wrap #header {background: #fff;}
.sol-wrap .lyLogo a img { display:none;}
.sol-wrap .lyLogo a img.logo2 { display:inline-block;}
.sol-wrap .navbar a {color: #333}
.sol-wrap .navbar .active {color: #333;}
.sol-wrap .navbar a span::after {background: #333;}
.sol-wrap .header-search:before{width:18px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-2.png") no-repeat center;}
.sol-wrap .header-link .icon img { display:none;}
.sol-wrap .header-link .icon img.icon2 { display:inline-block;}
.sol-wrap .header-link {border-left: 1px solid #333;}
.sol-wrap .fixed-top {position: relative;}
.wrap-show {background: #fff;}
.wrap-show .lyLogo a img.logo1 {display: none;}
.wrap-show .lyLogo a img.logo2 {display:inline-block;}
.wrap-show .navbar a {color: #333;}
.wrap-show .navbar .active {color: #333!important;}
.wrap-show .navbar a span::after{background: #333;}
.wrap-show .navbar a span::after {background: #333;}
.wrap-show .header-search:before{width:18px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-2.png") no-repeat center;}
.wrap-show .header-link .icon img { display:none;}
.wrap-show .header-link .icon img.icon2 { display:inline-block;}
.wrap-show .header-link {border-left: 1px solid #333;}

@media (max-width: 992px) {
	.wrap-8 {padding:0 15px; background: #fff;}
}


.lyLogo { width:auto; height:50px; overflow:hidden;  padding:0; float:left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyLogo a { display: table-cell; vertical-align: middle; width:100%; height:50px; overflow:hidden; margin:0; padding:0;}
.lyLogo a img { display:inline-block;  height:auto; margin:0; padding:0;}
.lyLogo a img.logo2 { display:none;}
.header-scrolled .wrap-8, .wrap-8:hover { background-color:#fff; }
.header-scrolled .wrap-8, .wrap-8:hover a { color: #333;}
.header-scrolled .lyLogo a img.logo1, .wrap-8:hover .lyLogo a img.logo1 { display:none;}
.header-scrolled .lyLogo a img.logo2, .wrap-8:hover .lyLogo a img.logo2 { display:inline-block;}
@media (max-width: 992px) {
	.lyLogo {height: auto;}
}
@media (max-width: 767px) {
	.wrap-8 .lyLogo { margin:0; background:none;}
	.lyLogo a { height:45px;}
	.header-scrolled .lyLogo a img.logo1, .wrap-8 .lyLogo a img.logo1 { display:none;}
	.header-scrolled .lyLogo a img.logo2, .wrap-8 .lyLogo a img.logo2 { display:inline-block;}

}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

body.fp-viewing-1 #header,body.fp-viewing-2 #header,body.fp-viewing-3 #header,body.fp-viewing-4 #header,body.fp-viewing-5 #header,.fp-viewing-6 #header {display: none!important;}
#header {
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  top: 0;
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.25);*/
 
}

.fixed-top-index {}

#header .header-container {
  /*padding: 15px 0;*/

}

#header.header-scrolled {
  background: #fff;
  box-shadow:0px 0px 12px 4px rgba(0,0,0,0.02);
  top: 0;
}


@media (max-width: 992px) {
  #header {
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    top: 0;
    background: #fff;
	position: relative;
  }
  #header.header-scrolled, #header .header-container {
    background: #fff;
	padding: 5px 0;  
  }

}



/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
  position: static;
  overflow: visible !important; /* 确保不裁剪下拉菜单 */	
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;

  overflow: visible !important;	
}



.navbar a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 23px 17px 23px;
  color: #fff;
  transition: 0.3s;
  font-size: 16px;
  font-weight: 500;
  /*text-transform: uppercase;*/
  white-space: nowrap;
  transition: 0.3s;
}
.header-scrolled .navbar a {color: #333;}
.navbar .dropdown ul a {color: #333;}
.navbar a span {font-size: 18px; position: relative;}
.navbar a i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover, .navbar .active, .navbar li:hover > a {
  color: #fff!important;
}
.navbar a span::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -17px;
        width: 100%;
        margin: 0 auto;
	    background: #fff;
        height: 2px;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        opacity: 0;
    }

.navbar a:hover > span::after,.navbar .active span::after,.navbar li:hover > a span::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}

.header-scrolled .navbar a:hover, .header-scrolled .navbar .active, .header-scrolled .navbar li:hover > a {
  color: #000!important;

}

.header-scrolled .navbar a span::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -17px;
        width: 100%;
        margin: 0 auto;
	    background: #07afbd;
        height: 2px;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        opacity: 0;
    }

.header-scrolled .navbar a:hover > span::after,.header-scrolled .navbar .active span::after,.header-scrolled .navbar li:hover > a span::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}

.wrap-8:hover .navbar a:hover, .wrap-8:hover .navbar .active, .wrap-8:hover .navbar li:hover > a {
  color: #000!important;

}

.wrap-8:hover .navbar a span::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -17px;
        width: 100%;
        margin: 0 auto;
	    background: #07afbd;
        height: 2px;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        opacity: 0;
    }

.wrap-8:hover .navbar a:hover > span::after,.wrap-8:hover .navbar .active span::after,.wrap-8:hover .navbar li:hover > a span::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}

.navbar .getstarted {
  display: none;
}
.navbar .dropdown:nth-child(2) {
  position: static; 
}
.navbar .dropdown:not(.has-subs) ul {
  position: absolute;
  left: 0;
}

.navbar .dropdown .subs {
    width: 100%;
    left: 0;
    top: calc(100%+5px);
	border-top: 1px solid #ebedee;
}
@media only screen and (min-width: 1199px) {
	.navbar .dropdown .subs {
		min-width: 250px;
        position: absolute;
        z-index: 999;
		margin: 0;
		background-color: white;
        opacity: 0;
        top: 100%;
        box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.15);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: transform .3s, opacity .3s;
        transition: transform .3s, opacity .3s;
	}
	
}
.navbar .dropdown .subs:before {
    content: "";
    position: absolute;
    left: 0;
    top: -25px;
    width: 100%;
    height: 25px;
    z-index: 5
}
.navbar .dropdown .subs .cat-nav {width: 80%; margin: 0 auto; overflow: hidden; border-bottom: 2px solid #f6f6f7; padding: 25px 0;}
@media (min-width:1200px) and (max-width:1440px) {
    .navbar .dropdown .subs .cat-nav {
        width: 85%;
    }
}
 
.navbar .dropdown .subs .cat-nav:nth-child(2n) { border: 0;}
.navbar .dropdown .subs .cat-nav dt,.navbar .dropdown .subs .cat-nav dd {width: 20%; height: 220px; float: left; border-right: 2px solid #f6f6f7;}
.navbar .dropdown .subs .cat-nav dt {margin-top: 16px;}
.navbar .dropdown .subs .cat-nav dt img {display: none; margin-left: 20%;}
.navbar .dropdown .subs .cat-nav dt em {width: 150px; margin-left: 20%; display: block; text-align: center; line-height: 20px; font-size: 16px; color: #2e2e2e;}
.navbar .dropdown .subs .cat-nav dd {margin-top: 38px;}
.navbar .dropdown .subs .cat-nav dd .t-1 {font-size: 20px; color: #484848; margin-bottom: 8px;margin-left: 10%; }
.navbar .dropdown .subs .cat-nav dd .t-2 {line-height: 24px;margin-left: 10%; margin-bottom: 10px; }
.navbar .dropdown .subs .cat-nav dd .t-2 img {width: 56px; margin-right: 10px;}
.navbar .dropdown .subs .cat-nav dd .t-2 a {color: #484848; text-decoration: underline;}
 
.navbar .dropdown .subs li {
  width: calc(20% - 20px);
  float: left;
  border: 1px solid #333;
  box-sizing: border-box;
  margin: 10px;
}

.navbar .dropdown .subs li img {
  width: 100%;
  display: block;
}
.navbar .dropdown .subs li em {display: block; text-align: center; padding-bottom: 10px;}
.navbar .dropdown .subs a {padding: 0; display: block;}


.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  /*min-width: 200px;*/
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  text-transform: none;
  font-weight: 500;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #d22c2e;
}

.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}
@media (max-width: 992px) {
	.navbar .dropdown:not(.has-subs) ul {position: static;}
    .navbar .dropdown:nth-child(2n) i {display: none;}
	.navbar .dropdown:nth-child(2n) .dropdown-active {display: none;}
  .navbar .dropdown .subs {
    display: none;
  }
  
 
}
/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #333;
  font-size: 28px!important;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {display: block;}
	
  .navbar ul {display: none;}
  .navbar a span {font-size: 15px}
  .wrap-8:hover .navbar a span::after {height: 0;}
	.navbar a:hover > span::after,.navbar .active span::after,.navbar li:hover > a span::after {opacity: 0;}
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(29, 28, 31, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;	
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a {
  padding: 10px 20px;
  font-size: 14px;
  color: #36343a;
}
.navbar-mobile .getstarted {
  display: block;
  margin: 15px;
}
.search-i {width: 100%; border: 1px solid #e0e0e0;}
.search-i .search-form{position:relative}
.search-i .search-form .search-input{display:block;width:100%;height:34px;line-height:initial; background: #fff; border: 0; color:#787878;outline:0;-webkit-transition:.5s;transition:.5s; padding-left:10px}
.search-i .search-form .search-button{position:absolute;right:0;top:0;height:34px;background:0 0;border:0;width:50px;outline:0;-webkit-transition:.5s;transition:.5s;padding:0;cursor:pointer}
.search-i .search-btn{-webkit-transition:all .5s;transition:all .5s;font-size:16px;}
.search-i i {color: #000; font-weight: bold;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #d22c2e;
}

.navbar-mobile .getstarted {
  display: block;
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #009970;
}

.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}
.head-right{float:right;width:auto;height:100%;}
.header-search{float:left;width:18px;height:22px;overflow:hidden;cursor:pointer;position:relative; margin-right: 20px;}
.header-search:before{width:18px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-1.png") no-repeat center;}
.header-search:after{width:18px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-2.png") no-repeat center;opacity:0;}
.header-scrolled .header-search:before {opacity: 0;}
.header-scrolled .header-search:after {opacity: 1;}
.wrap-show .header-search:before{width:18px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-2.png") no-repeat center;}

.wrap-8:hover .header-search:after {opacity: 1;}
.search{width:100%;height:100%;position:fixed;left:0px;top:0px;background:rgba(0,0,0,0.6);z-index:500;opacity:0;visibility:hidden;}
.search form{width:80%;height:60px;line-height:60px;margin:100px auto 0px;background:#fff;position:relative;transform:translateY(-100px);}
.search form .txt{width:100%;height:100%; border: 0; overflow:hidden;display:block;box-sizing:border-box;padding:0px 20px 0px 60px;}
.search form .bt{width:50px;height:100%; border: 0; overflow:hidden;display:block;position:absolute;left:0px;top:0px;background:url("../images/icon-2-2.png") no-repeat center;cursor:pointer;}
.search-close{width:60px;height:100%;position:absolute;right:0px;top:0px;cursor:pointer;background:url("../images/close.png") no-repeat center;}
.search-close:hover{transform:rotate(180deg);}
.search.search-active{opacity:1;visibility:visible;}
.search.search-active form{transform:translateY(0px);}
@media screen and (max-width:1000px){
    .header-search{display:none;}
}







.header-link {float: right; padding-left: 20px; border-left: 1px solid #fff;position: relative;}
.wrap-8:hover .header-link { border-left: 1px solid #333;}
.header-scrolled .header-link { border-left: 1px solid #333;}
.header-link .icon { width:auto; height:22px; overflow:hidden;  padding:0; float:left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.header-link .icon img { display:inline-block;  height:auto; max-height:100%; margin:0; padding:0;}
.header-link .icon img.icon2 { display:none;}
.header-scrolled .icon img.icon1, .wrap-8:hover .icon img.icon1 { display:none;}
.header-scrolled .icon img.icon2, .wrap-8:hover .icon img.icon2 { display:inline-block;}
.wrap-show .icon img.icon1 {display:none;}
.wrap-show .icon img.icon2 {display:inline-block;}
.wrap-show .header-link {border-left:1px solid #000;}
.header-link .drop {
    font-size: 16px
}

@media (max-width: 992px) {
	.header-link {display: none;}
}
.header-link .drop {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    top: 50px;
    min-width: 200px;
    transition: .6s;
    opacity: 0;
    white-space: nowrap;
    z-index: 55;
    padding: 14px 0;
    font-size: 14px;
    text-align: center;
    background: #fff;
    box-shadow: 0 10px 10px rgba(0,0,0,0.1)
}

@media (max-width: 1360px) {
    .header-link .drop {
        font-size:14px
    }
}

.header-link .drop a{overflow:hidden;display:block;line-height:2.5;padding:0 24px}
.header-link .drop a:hover{background:#000;color:#fff;}
.header-link:hover .drop{display:block;opacity:1}





.mobile-lang {display: none;}

@media (max-width: 992px) {
	.header_language {display: none;}
	.head-right {float: left; position: absolute;height: 22px; top: 15px; right: 50px;}
	.header-link {border-left: 0; padding-left: 0;}
	.wrap-8:hover .header-link {border-left: 0;}
	.header-link .icon img.icon1 {display:none;}
    .header-link .icon img.icon2 {display:inline-block;}
	.mobile-lang {display: block;}
	.mobile-lang a span {font-weight: bold;}
}


/*底部*/
.foot { width: 100%; background:#060606; overflow: hidden;}
.foot-main {padding: 90px 0 130px 0; overflow: hidden;}


.foot-main .tit {font-size: 20px; color: #fff; margin-bottom: 15px;}
.foot-main .line {width: 33px; height: 3px; background: #07afbd; margin-bottom: 25px;}
.foot-main .con {width:20%; float: left; overflow: hidden;}
.foot-main .con-3 {width: 25%;}
.foot-main .con:nth-child(4) {width: 15%;}
.foot-main .con li {line-height: 31px;}
.foot-main .con-3 li {width: 50%; float: left;}
.foot-main .con li a {color: #c4c4c4;}
.foot-main .con li a:hover {color: #fff;}
.foot-main .con span {margin-right:20px; float: left; display: block;}
.foot-main .con span:nth-child(2) {margin-right: 0;}

.foot-link {width: 100%;overflow: hidden; padding: 25px 0; color: #fff; font-size: 20px; border-top: 1px solid #1e1e1e;}
.foot-link a {margin-left:10px;}



.foot-copy {width: 100%; background: #000; line-height:85px; overflow: hidden; color: #fff;}
.foot-copy a {color: #fff; }
.foot-copy span {display: block; float: left;}
.foot-copy em {display: block; float: right;}

@media (max-width:1080px) {
	.foot {padding: 0 0;}
	.foot-main {display: none;}
	.foot-link {display: none;}
	.foot-copy {font-size: 14px; line-height: 25px; padding: 20px 0; border-top: 0;}
	.foot-copy em {float: none;}
}



.ban {position: relative; overflow: hidden;}
.ban-pc {display: block;}
.ban-pc .swiper-slide {
	 /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.ban-pc .swiper-slide img {display: block; max-width: 100%; max-height: 100%; margin:0 auto;}
.ban-pc .info {width: 100%; overflow: hidden; position: absolute; top: 68%; left: 8.5%; z-index: 2;}


.ban-mobile {display: none;}
.ban-mobile img {width: 100%; height: auto;}
.ban .swiper-pagination-bullet {
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #c6c4c2;
    margin-right: 8px;
    opacity: 1;
    transition: all 0.3s ease;
    cursor: pointer;
}
.ban .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {
    transform: scale(1.1);
    background: #07afbd;
}

.ban .swiper-pagination-bullet:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 0;
    height: 100%;
    border-radius: 12px;
    opacity: 0;
}

.ban .swiper-pagination-bullet-active {
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    width: 40px;
    border-radius: 7px;
    background: #07afbd;
}

.ban .swiper-pagination-bullet-active:before {
    background: linear-gradient(149deg, var(--theme-gradient1), var(--theme-gradient2));
    background-size: 200% 200%;
    animation: gradientShift 3s ease infinite;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    opacity: 1;
}

/* 渐变移动动画 */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.ban .swiper-container-horizontal>.swiper-pagination-bullets, 
.ban .swiper-pagination-custom, 
.ban .swiper-pagination-fraction {
    bottom: 5% !important;
}
@media (max-width: 991px) {
  .ban-pc {display: none;}	
  .ban-mobile {display: block; /*margin-top: 55px;*/}	
  .ban .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:6%!important;}	
}





.index-tit {width: 100%; overflow: hidden; text-align: center;}
.index-tit .t-1 {font-size: 56px; color: #222; margin-bottom: 20px;    font-weight: 600;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
.index-tit .t-2 {font-size: 18px; color: #6d6d6d;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height:22px;}
@media (max-width: 991px) {
	.index-tit .t-1 {font-size: 24px;}
    .index-tit .t-2 {font-size: 16px; line-height: 22px;}
}






/*首页*/
.index-box-1 {width: 100%; overflow: hidden; padding:100px 0 50px 0;}
.index-box-1 .main {width: 100%; margin: 50px auto 0; overflow:hidden;}
.index-box-1 .main .con {width: 25%; float: left; overflow: hidden; position: relative;transition: all 0.3s ease;}
.index-box-1 .main .con:nth-child(1) {width: 50%;}
.index-box-1 .main .con img {display: block; width: 100%;}
.index-box-1 .main .con::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(7, 175, 189, 0.76); /* 遮罩背景色 */
  opacity: 0; /* 默认透明（隐藏） */
  transition: opacity 0.3s ease; /* 过渡动画 */
  z-index: 1; /* 遮罩层级低于文字 */
}
.index-box-1 .main .con .info {width: 100%; position:absolute; top: 60px; left:0; z-index: 2; transition: color 0.3s ease;}
.index-box-1 .main .con .info .t-1 {font-size: 34px; color: #eceff0; text-align: center; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight:600;}
.index-box-1 .main .con .info .t-2 {font-size: 15px; color: #eceff0; text-align: center; margin-top: 12px;}
.index-box-1 .main .con .info .more {width: 120px; line-height: 38px; text-align: center; margin: 32px auto 0;}
.index-box-1 .main .con .info .more a {display: block; color: #fff; font-size: 18px; background: #07afbd; border: 1px solid #07afbd; border-radius: 19px; transition: all 0.3s ease;}
.index-box-1 .main .con:hover::before {opacity: 1;}
.index-box-1 .main .con:hover .info .t-1,
.index-box-1 .main .con:hover .info .t-2 {
  color: #fff;
}
.index-box-1 .main .con:hover .more a {background: none; border:1px solid #fff; border-radius: 19px;}
@media (max-width: 991px) {
	.index-box-1 {padding: 40px 0 20px 0;}
	.index-box-1 .main {margin: 30px auto 0;}
	.index-box-1 .main .con {width: 100%; float: none;}
	.index-box-1 .main .con:nth-child(1) {width: 100%;}
	.index-box-1 .main .con .info .t-1 {font-size:24px;}
    .index-box-1 .main .con .info .t-2 {font-size: 14px;}

}

.index-box-2 {width: 100%; overflow: hidden; padding: 50px 0;}
.home__case {width: 100%; overflow: hidden; margin: 50px auto 0;}
@media (max-width: 991px) {
	.index-box-2 {padding: 40px 0;}
	.home__case {margin: 30px auto 0;}
}
.home__case .section-wrapper-video-list {
    width: 190%;
    overflow: hidden;
	position: relative;
    text-align: center
}

@media only screen and (max-width: 1050px) {
    .home__case .section-wrapper-video-list {
        width:250%;
        height: 47.2vw;
    }
}
.home__case .section-wrapper-content {
    width: 32%;
    top: 22px;
    position: absolute;
    top: 54%;
    left: 26%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    pointer-events: none
}
.home__case .section-wrapper-video-list ul {
    left: -24%
}

@media only screen and (max-width: 1050px) {
    .home__case .section-wrapper-video-list ul {
        left:-30%
    }
}

.home__case .section-wrapper-video-list .swiper-slide {

}
@media only screen and (max-width: 1050px) {
    .home__case .section-wrapper-video-list .swiper-slide {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.home__case .section-wrapper-video-list .swiper-slide .vd-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.home__case .section-wrapper-video-list .swiper-slide .vd-top span{width:42px;height:42px;display:block;position:absolute;top: 50%;
  left: 50%;transform: translate(-50%, -50%);background:url("../images/video-icon2.png") no-repeat center;background-size:100%;z-index:12;}

@media only screen and (max-width: 1050px) {
	.home__case .section-wrapper-video-list .swiper-slide .vd-top span {
		bottom: 20px; right: 40%;
	}
    
}

.home__case .section-wrapper-video-list .swiper-slide h3 {
    visibility: hidden
}
.home__case .section-wrapper-video-list .swiper-slide p {
    visibility: hidden
}

.home__case .section-wrapper-video-list .swiper-slide .info {
    position: absolute;
	top: 90px;
    left: 0;
    color: #FFF;
    width: 50%;
    text-align: center;
	width: 100%;
}
.home__case .section-wrapper-video-list .swiper-slide .info .more {width: 160px; line-height: 36px; text-align: center; margin: 32px auto 0;}
.home__case .section-wrapper-video-list .swiper-slide .info .more a {display: block; color: #fff; font-size: 18px; border: 1px solid #fff; border-radius: 18px;}

@media only screen and (max-width: 1050px) {
    .home__case .section-wrapper-video-list .swiper-slide .info {
        z-index:2;
        width: 100%;
        text-align: center;
        width: 90%;
        text-align: center;
        bottom: 0;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
	.home__case .section-wrapper-video-list .swiper-slide .info .more {width: 120px; line-height: 28px;}
	.home__case .section-wrapper-video-list .swiper-slide .info .more a {font-size: 14px;}
}

.home__case .section-wrapper-video-list .swiper-slide .info h3 {
    margin-bottom:12px;
    font-size: 35px;
    letter-spacing: 1.88px;
    line-height: 42px;
    text-shadow: 0 0 10px rgba(0,0,0,.6)
}

@media only screen and (max-width: 1050px) {
    .home__case .section-wrapper-video-list .swiper-slide .info h3 {
        font-size:16px;
        text-shadow: 0 0 4px rgba(0,0,0,.1);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 22px;
        margin-bottom: 5px
    }
}

.home__case .section-wrapper-video-list .swiper-slide .info p {
    font-size: 18px;
    line-height: 30px;
    text-shadow: 0 0 10px rgba(0,0,0,.4)
}

@media only screen and (max-width: 1050px) {
    .home__case .section-wrapper-video-list .swiper-slide .info p {
        font-size:12px;
        text-align: center;
        text-shadow: none;
        letter-spacing: 0;
        line-height: 17px;
        color: rgba(255,255,255,.8)
    }
}


.home__case .section-wrapper-video-list .swiper-slide.swiper-slide-active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}
.home__case .section-wrapper-video-list .swiper-slide.swiper-slide-active h3 {
    visibility: visible
}
.home__case .section-wrapper-video-list .swiper-slide.swiper-slide-active p {
    visibility: visible
}


.pc-show {
        display: block;
    }
@media only screen and (max-width: 1050px) {
    .home__case .section-wrapper-video-list .swiper-slide.swiper-slide-active::after {
        background:0 0
    }
	.home__case .section-wrapper-content {width: 35%; left: 20%;}
}

.home__case .section-wrapper-video-list .swiper-button-prev,.home__case .section-wrapper-video-list .swiper-rtl .swiper-button-next {
    background: url("../images/icon-22.png") no-repeat center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    pointer-events: all
}

.home__case .section-wrapper-video-list .swiper-button-next:after,.home__case .section-wrapper-video-list .swiper-rtl .swiper-button-prev:after {
    content: ""
}

.home__case .section-wrapper-video-list .swiper-button-next,.home__case .section-wrapper-video-list .swiper-rtl .swiper-button-prev {
    background: url("../images/icon-22.png") no-repeat center;
    width: 44px;
    height: 44px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    border-radius: 50%;
    pointer-events: all
}

.home__case .section-wrapper-video-list .swiper-button-prev:after,.home__case .section-wrapper-video-list .swiper-rtl .swiper-button-next:after {
    content: ""
}

.home__case .section-wrapper-video-list img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}











.index-box-3 {width: 100%; overflow: hidden; padding:50px 0 90px 0; }
.index-box-3 .main-info {margin-top: 50px; overflow: hidden;}
.index-box-3 .main-info .swiper-slide {width:25%; float: left; padding:0 1rem; display:block;}
.index-box-3 .main-info .con {}
.index-box-3 .main-info .con .img {overflow: hidden; background: #f3f3f3; padding: 40px;}
.index-box-3 .main-info .con .img img {width: 100%;}
.index-box-3 .main-info .con .img img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
.index-box-3 .main-info .con .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
.index-box-3 .main-info .con .info {padding: 30px 35px; overflow: hidden;}
.index-box-3 .main-info .con .info .t-1 {font-size: 28px; text-align: center;}
.index-box-3 .main-info .con .info .t-1 a {color: #1d1d1c;}
.index-box-3 .main-info .con .info .t-2 {margin: 18px 0 40px 0; line-height: 23px; text-align: center; color: #616161;}
.index-box-3 .main-info .con .info .more {width: 100%; overflow: hidden; justify-content: center; display: flex;}
.index-box-3 .main-info .con .info .more span {text-align:center; margin:0 9px; float:left; cursor:pointer;}
.index-box-3 .main-info .con .info .more span a {display: block; color: #646464; font-size: 18px;border: 1px solid #aaa; padding: 12px 14px; border-radius: 21px}
.index-box-3 .main-info .con .info .more span a:hover {color: #fff; background: #07afbd;border: 1px solid #07afbd; color: #fff;}
.index-box-3 .main-info .bottom50 {width: 100%; height: 50px;}
.index-box-3 .main-info .swiper-pagination {display: -webkit-box;display: -ms-flexbox;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.index-box-3 .main-info .swiper-pagination-bullet-active { background: #595956 !important;}
.index-box-3 .main-info .swiper-pagination-bullet { width: 12px!important; height: 12px!important; background: #bdbdbb; opacity:1!important;}

@media (max-width: 991px) {
	.index-box-3 {padding: 40px 0;}
    .index-box-3 .main-info .swiper-slide {width:100%; padding:0;}
}




/*内页*/
.inner-h {width: 100%; height: 50px;}
@media (max-width: 991px) {
	.inner-h {display: none;}
}
.inner {width: 100%; overflow: hidden; background: #f7f9fc;}
.inner-tit {width: 100%; overflow: hidden; text-align: center;}
.inner-tit .t-1 {font-size: 56px; color: #222; margin-bottom: 20px; font-weight:600;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
.inner-tit .t-2 {font-size: 18px; line-height: 29px; color: #6d6d6d;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
@media (max-width: 991px) {
	.inner-tit .t-1 {font-size: 24px;}
    .inner-tit .t-2 {font-size: 16px; line-height: 25px;}
}

.section {
	position: relative;
	overflow: hidden;
}
/*.section:first-child{
	overflow: auto;
}*/

.bg-layer {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: 3s;
	transition: 3s;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
    z-index: 1;
    
}
.active .bg-layer {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

@media (max-width: 991px) {
	.section .bg-layer {}
}


.mobile-b {width: 100%; height: 55px; display: none;}
.inner-ban {width:100%;overflow:hidden;position:relative;}
.inner-ban img{width:100%;height:100%;overflow:hidden;display:block;object-fit:cover;}
.banner-info {width:100%;overflow:hidden;position:absolute; top: 15%; left: 0;z-index:12; text-align: center;}
.banner-info .t-1 {width: 60%; margin: 0 auto; font-size: 68px; color: #fff; line-height: 73px;font-weight:600;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
.banner-info .t-2 {font-size: 22px; color: #cdcecf; line-height: 45px;}
.banner-center{
	width:60%;
	position:absolute;
	left:50%;
	bottom: 10%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index:12;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.banner-center li {
	width: 25%;
    text-align: center;
	float: left;
}
.banner-center li img {width: 40px; margin:0 auto 20px;}
.banner-center li p {font-size: 18px; color: #fff;}


@media (max-width: 992px) {
    .mobile-b {display: block;}	
    .banner-center {width:100%;bottom: 15%;}
	.banner-center li img {margin: 0 auto 10px;}
    .banner-center li p {font-size:14px; line-height:20px;}

    .banner-info {top: 30%;} 
	.banner-info .t-1 {width: 100%; font-size: 28px; line-height:35px;}
    .banner-info .t-2 {font-size:18px; line-height: 30px;}
}
.search-in {width:370px;  border: 1px solid #fb6f42; float: right; overflow: hidden;}
.search-in .search-form{position:relative}
.search-in .search-form .search-input{display:block;width:100%;height:42px;line-height:initial;border:1px solid #eee;color:#373737;outline:0;padding-top:4px;padding-left:20px}
.search-in .search-form .search-button{position:absolute;right:0;top:0;height:42px;background:#fb6f42;border:0;width:93px;outline:0;padding:0;cursor:pointer;color:#fff;}
.search-in .search-btn {-webkit-transition:all .5s;transition:all .5s;font-size:16px; text-align: center;}
.search-in .search-form .search-button i {margin-right: 8px;}
@media (max-width: 991px) {
	.search-in {width: 100%; float: none;}
}
.gynav-MQkitchen-bj {
	width: 100%;
	background: #073d86;
    position: relative;
	z-index: 2;
	overflow: hidden;
}
.gynav-MQkitchen-bj .container-fluid {padding: 0}
.gynav-MQkitchen {
	text-align: center;
	color: #fff;
	font-size: 0;
}

.gynav-MQkitchen>div{
	display: inline-block;
	width: 25%;
	border-right: 1px solid rgba(255,255,255,.3);
	font-size: 16px;
	line-height: 60px;
	transition: all .3s;
  -webkit-transition:all .3s;
  cursor: pointer;
}
.gynav-MQkitchen>div:first-child{
	border-left: 1px solid rgba(255,255,255,.3);
}
.gynav-MQkitchen>div:hover{
	background: #06316b;
	transition: all .3s;
  -webkit-transition:all .3s;
}
.gynav-MQkitchen>a{
	display: inline-block;
	width: 25%;
	border-right: 1px solid rgba(255,255,255,.3);
	font-size: 16px;
	color: #fff;
	line-height: 60px;
	transition: all .3s;
  -webkit-transition:all .3s;
  cursor: pointer;
}

.gynav-MQkitchen>a:first-child{
	/*border-left: 1px solid rgba(255,255,255,.3);*/
}
.gynav-MQkitchen>a:hover{
	background: #fb6f42;
	color: #fff;
	transition: all .3s;
  -webkit-transition:all .3s;
}
.gynav-MQkitchen>a.on{
	background: #fb6f42;
	transition: all .3s;
  -webkit-transition:all .3s;
}

.gynav-MQkitchen-2 a {width: 50%;}
.gynav-MQkitchen-3 a {width: 33.33%;}
.gynav-MQkitchen-4 a {width: 25%;}
.gynav-MQkitchen-5 a {width: 20%;}
.gynav-MQkitchen-7 a {width:14.2%;}
@media (max-width: 992px) {
    .gynav-MQkitchen-bj-1 {display: none;}
	.gynav-MQkitchen-bj-2 {margin-top: 0; overflow: hidden;}
	.gynav-MQkitchen-bj-2 .container {padding: 0;}
	.gynav-MQkitchen a {font-size: 14px; line-height: 30px;}
	.gynav-MQkitchen-1 a {font-size: 12px; line-height: 30px;}	
	.gynav-MQkitchen-2 a {width: 50%; font-size: 14px; line-height: 25px; float: left;}
	.gynav-MQkitchen-3 a {width: 33.33%; font-size: 12px; line-height: 25px; float: left;}
	.gynav-MQkitchen-4 a {width: 50%; font-size: 14px; line-height: 25px; float: left;}
	.gynav-MQkitchen-5 a {width: 50%; font-size: 14px; line-height: 25px; float: left;}
	.gynav-MQkitchen-7 a {width: 50%; font-size: 14px; line-height: 25px; float: left;}
}


.Atis-box {width: 100%; height: 0; position: relative; top: -50px}
@media (max-width: 991px) {
	.Atis-box {top:-55px}
}



/*关于我们*/

.about-1 {width: 100%; background: #f6f6f6; overflow: hidden; padding:100px 0;}
.about-1 .main {overflow: hidden; margin-top: 55px;}
.about-1 .main .txt {width: 80%; margin: 0 auto; font-size: 18px; color: #6d6d6d; line-height: 30px; text-align: center; overflow: hidden;}
@media (min-width:991px) and (max-width:1440px) {
    .about-1 .main .txt {
        width: 100%;
    }
}
.about-1 .main .main-box {margin-top: 65px; overflow: hidden;}
.about-1 .main .con { overflow: hidden; position: relative;transition: all 0.3s ease;}
.about-1 .main .con img {display: block; width: 100%;}
.about-1 .main .con::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, rgba(7, 175, 189, 0.76)); /* 遮罩背景色 */
  opacity: 0; /* 默认透明（隐藏） */
  transition: opacity 0.3s ease; /* 过渡动画 */
  z-index: 1; /* 遮罩层级低于文字 */
}
.about-1 .main .con .info {width: 100%; position:absolute; top:138px; left:0; z-index: 2; transition: color 0.3s ease;}
.about-1 .main .con .info .t-1 {width: 70%; margin: 0 auto; font-size: 30px; color: #fff; line-height: 38px; text-align: center;}
.about-1 .main .con:hover::before {opacity: 1;}
@media (max-width: 991px) {
	.about-1 {padding: 40px 0;}
	.about-1 .main {margin-top: 30px;}
	.about-1 .main .txt {width: 100%; font-size: 14px; line-height: 28px;}
	.about-1 .main .main-box {margin-top: 30px;}
	.about-1 .main .con {margin-bottom: 20px;}
	.about-1 .main .con .info {top:100px;}
	.about-1 .main .con .info .t-1 {font-size: 24px; line-height: 32px;}
}





.about-2 {width: 100%; padding: 100px 0 50px 0; overflow: hidden;}
.about-2 .main {width: 100%; margin-top: 56px; overflow: hidden; position: relative;}
.about-2 .main img {width: 100%;}
.about-2 .main .info {width: 100%; position: absolute; top: 12.5%; left: 0;}
.about-2 .main .info .txt {width:50%; margin:0 auto; text-align: center; font-size: 27px; color: #fff; line-height: 37px;}
@media (max-width: 1000px) {
	.about-2 {padding: 40px 0 20px 0;}
	.about-2 .main {margin-top: 30px;}
	.about-2 .main .info {}
	.about-2 .main .info .txt {width: 80%; font-size: 16px; line-height: 28px;}
}

.about-3 {width: 100%; padding: 50px 0; overflow: hidden;}
.about-3 .main {width: 100%; margin-top: 50px;}
.about-3 .main .main-L {width:39.25%; float: left; overflow: hidden;}
.about-3 .main .main-L .con {overflow: hidden; position: relative;}
.about-3 .main .main-L .con img {width: 100%;}
.about-3 .main .main-L .con .info {width: 100%; position: absolute; top:15%; left: 0;}
.about-3 .main .main-L .con .info .txt {width: 80%; overflow: hidden; margin: 0 auto;}
.about-3 .main .main-L .con .info .txt .t-1 {font-size: 45px; color: #222; line-height: 60px;}
.about-3 .main .main-L .con .info .txt .t-2 {font-size: 20px; color: #6d6d6d; line-height: 27px; margin-top: 14px;}

.about-3 .main .main-R {width: 59%; float: right;}
.about-3 .main .main-R .col-lg-4 { padding-right:0; padding-left: 0;}
.about-3 .main .main-R .con {margin-left: 9%; margin-bottom: 30px; overflow: hidden; position: relative;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
.about-3 .main .main-R .con img {width: 100%; display:inline-block;  height:auto; margin:0; padding:0;}
.about-3 .main .main-R .con img.bg2 { display:none;}
.about-3 .main .main-R .con:hover img.bg1 {display:none;}
.about-3 .main .main-R .con:hover img.bg2 {display:inline-block;}
.about-3 .main .main-R .con .info {width: 100%; overflow: hidden; position: absolute; top:30px;}
.about-3 .main .main-R .con .txt {width: 81%; margin: 0 auto; overflow: hidden; font-size: 22px; color: #474747; line-height: 30px;}
.about-3 .main .main-R .con:hover .txt {color: #fff;}
@media (max-width: 991px) {
	.about-3 {padding:40px 0 20px 0;}
	.about-3 .main {margin-top: 30px;}
	.about-3 .main .main-L {width: 100%; float: none; margin-bottom: 20px;}
    .about-3 .main .main-R {width: 100%; float: none;}
	.about-3 .main .main-L .con .info .txt .t-1 {font-size:28px; line-height:35px;}
    .about-3 .main .main-L .con .info .txt .t-2 {font-size:16px; line-height: 25px;}
	.about-3 .main .main-R .col-lg-4 {width: 50%; padding-right:15px; padding-left: 15px;}
	.about-3 .main .main-R .con {margin-left: 0; margin-bottom: 20px;}
	.about-3 .main .main-R .con .txt {font-size: 14px; line-height: 23px;}
}

.about-4 {width: 100%; padding: 50px 0 25px 0; overflow: hidden;}
.about-4 .main {margin-top: 40px; overflow: hidden;}
.about-4 .main .con {width: 49.3%; float: left; background: #eeefef; overflow: hidden; margin-bottom: 25px;}
.about-4 .main .con:nth-child(2),.about-4 .main .con:nth-child(4) { float: right;}
.about-4 .main .con .pic {width: 50%; float: left;}
.about-4 .main .con .info {width: 50%; float: left; padding:64px 60px 60px 60px; overflow: hidden;}
.about-4 .main .con .info .icon {width: 50px; height: 44px; margin-bottom: 18px;}
.about-4 .main .con .info .t-1 {font-size: 30px; line-height: 30px; color: #121212; margin-bottom: 18px;}
.about-4 .main .con .info .t-2 {font-size: 18px; line-height: 25px; color: #6e6e6e;}
@media (max-width: 991px) {
	.about-4 {padding:40px 0 0 0;}
	.about-4 .main {margin-top: 30px;}
	.about-4 .main .con {width: 93%; float: none; margin:0 15px 20px 15px;}
	.about-4 .main .con:nth-child(2),.about-4 .main .con:nth-child(4) { float: none;}
	.about-4 .main .con .pic,.about-4 .main .con .info {width: 100%; float: none;}
	.about-4 .main .con .info {padding:20px 15px;}
	.about-4 .main .con .pic img {width: 100%;}
	.about-4 .main .con .info .t-1 {font-size: 24px; line-height: 30px;}
    .about-4 .main .con .info .t-2 {font-size: 16px; line-height: 25px;}
}

.about-5 { padding: 50px 0 100px 0; overflow: hidden;}
.about-5 .main {margin-top: 45px; overflow: hidden;}
.about-5 .main .con {width: 28.4%; float: left;overflow: hidden; position: relative;transition: all 0.3s ease;}

.about-5 .main .con img {display: block; width: 100%;}
.about-5 .main .con::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(7, 175, 189, 0.76); /* 遮罩背景色 */
  opacity: 0; /* 默认透明（隐藏） */
  transition: opacity 0.3s ease; /* 过渡动画 */
  z-index: 1; /* 遮罩层级低于文字 */
}
.about-5 .main .con .info {width: 100%; position:absolute; top:74%; left:0; z-index: 2; transition: color 0.3s ease;}
.about-5 .main .con:hover::before {opacity: 1;}
.about-5 .main .con .info img {width:70px; height: 66px; display:block; margin: 0 auto;}
.about-5 .main .con .info img.bg2 { display:none;}
.about-5 .main .con:hover img.bg1 {display:none;}
.about-5 .main .con:hover img.bg2 {display:block;}
.about-5 .main .con .info .t-1 {width: 80%; margin: 14px auto 0; overflow: hidden; text-align: center; font-size: 21px; line-height: 25px; color: #fff;}
.about-5 .main .icon {padding: 0 19px; float: left;}
.about-5 .main .icon img {width: 77px; height: 30px; margin-top: 310px;}

@media (max-width: 991px) {
	.about-5 {padding:40px 0;}
	.about-5 .main {margin-top: 30px;}
	.about-5 .main .con {width: 100%; float: none; margin-bottom: 20px;}
	.about-5 .main .icon {display: none;}
	.about-5 .main .con .info {top: 65%;}
	.about-5 .main .con .info .t-1 {font-size: 18px;}
}









/**/
.news-top {width: 100%; background: url("../images/news-topbg.jpg") no-repeat center; background-size: cover; overflow: hidden; padding: 100px 0;}
.news-top .con {}
.news-top .con a {display: block;}
.news-top .con a .pic {display: block; width: 100%; overflow: hidden;}
.news-top .con a .pic img{height: auto;width: 100%;display: block;}
.news-top .con a .info {padding: 22px;background: #fff;position: relative;z-index: 2;}
.news-top .con a .info .tit {height: 57px; line-height: 25px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #1c1c1c; font-size: 18px; margin-bottom: 10px;}
.news-top .con a .info .day {border-top:1px solid #e1e1e1; padding-top: 18px;color: #8d8d8d; font-size: 16px; background: url(../images/arr.png) no-repeat right;}
.news-top .con:hover {-moz-box-shadow:0px 2px 10px #bbb; -webkit-box-shadow:0px 2px 10px #bbb; box-shadow:0px 2px 10px #bbb;}
.news-top .con:hover a .pic img{transform: scale(1.09);-webkit-transform: scale(1.09);}
.news-top .con:hover a .info .day{color: #000; background: url(../images/arr_c.png) no-repeat right; }

.list-news {padding: 60px 0 35px 0; overflow: hidden;}
.list-news li {display: inline-block;width: 100%;margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ebebeb;}
.list-news li:hover .imgfd img {transform: scale(1.09);-webkit-transform: scale(1.09);}
.list-news li .imgfd {width:19%;overflow: hidden; display: block;}
.list-news li .imgfd img{width: 100%; display: block;}
.list-news li .txt{width: 78%; margin-top: 15px;}
.list-news li .txt .t-1 {font-size: 24px;color: #272727;font-weight: normal;height: 26px;line-height: 26px;overflow: hidden;}
.list-news li .txt .word{color: #6a6a6a; font-size: 16px; line-height:28px;height:58px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;margin: 10px 0 30px;}
.list-news li .bott span{color: #666; line-height: 34px;}
.list-news li .bott .tags .t_lx{display: block;float: left;font-size: 14px;color: #717171;background: #f3f4f8;padding: 10px; border-radius: 20px; margin-right: 16px;}
.list-news li .bott .tags .t_lx:last-child{margin-right: 0;}
.list-news li .bott .tags .t_lx:hover{background: #e0f3f3;}
.list-news li .txt .t-1:hover{color: #1aa0a1;}

.show-new {width: 100%; padding: 100px 0; overflow: hidden; background: #ededed;}
.show-new-main {padding: 60px 65px; background: #fff;}
.show-new-fl {padding-right: 40px; overflow: hidden;}
.show-new-fl .t-1 {width: 80%; line-height: 35px; font-size: 30px;color: #1b1b1b;}
.show-new-fl .t-2 {width: 100%; height: 62px; padding: 12px 0; border-bottom: 1px dotted #f1f1f1;}
.show-new-fl .t-2 span { line-height: 37px; color: #b6b5b5;margin-right: 30px;}
.show-new-fl .t-2 span a {color: #b6b5b5;}
.show-new-fl .t-2 em {display: block; float: right; line-height: 37px;}
.pro-1fx {float:right; line-height: 44px; font-size: 16px;}
.show-new-fl .t-2 em o {display: block; float: left;}
.show-new-fl .t-2 em a {width: 37px; line-height: 37px; border-radius: 20px; text-align: center; color: #fff; background: #bdbdbd; margin-right: 10px; float: left;}
.show-new-fl .t-2 em a:hover i {background: #0da6a5;width: 37px; line-height:37px; display: block; border-radius: 20px;}
.show-new-fl .box-1 {padding: 40px 0 100px 0; line-height: 26px; font-size: 16px; overflow: hidden;}
.show-new-fl .box-2 {width: 100%; height: 27px; margin-bottom: 25px;}
.show-new-fl .box-2 dt {line-height: 27px; float: left; font-size: 15px; color: #484848; display: block;}
.show-new-fl .box-2 dd {display: block;float: left;background: #f3f4f8;padding:0 10px; line-height: 27px; border-radius: 20px; margin-right: 15px;}
.show-new-fl .box-2 dd a {display: block; color: #717171;}
.show-new-fl .box-2 dd:hover{background: #e0f3f3;}

.show-new-fl .paging { width: 100%; overflow: hidden; padding: 40px 0; border-top: 1px dotted #f1f1f1;}
.show-new-fl .paging-fl {float: left;}
.show-new-fl .paging-fl span {display: block; line-height: 46px; font-size: 16px; color: #484848;}
.show-new-fl .paging-fl span a {color: #484848;}
.show-new-fl .paging-fl span a:hover {color: #1aa0a1;}
.show-new-fl .return { float: right; border-radius: 25px; display: block;width: 140px; line-height: 50px; margin-top: 10px; text-align: center;  font-size: 16px; background: #0da6a5; color: #fff; }
.show-new-fl .return a {color: #fff; display: block;}

.show-new-fr {margin-top: 18px; overflow: hidden;}
.show-new-fr .title {font-size:26px; color: #000;border-left: 4px solid #0da6a5;padding-left:15px;display: block;margin-bottom:18px;}
.show-new-fr .info-new {margin-top: 18px; padding-bottom: 30px; overflow: hidden;}
.show-new-fr .info-new .con {margin-bottom: 24px; overflow: hidden;}
.show-new-fr .info-new .con .pic {width: 38%; float: left; overflow: hidden;}
.show-new-fr .info-new .con .pic img {width: 100%; display: block;}
.show-new-fr .info-new .con:hover .pic img {transform: scale(1.09);-webkit-transform: scale(1.09);}
.show-new-fr .info-new .con:hover .txt span a {color: #0da6a5;}
.show-new-fr .info-new .con .txt {width: 60%; float: right; overflow: hidden;}
.show-new-fr .info-new .con .txt span {margin-top: 3px; display: block; line-height: 24px;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.show-new-fr .info-new .con .txt span a {color: #1b1b1b;}
.show-new-fr .info-new .con .txt em {margin-top: 25px; color: #b6b5b5; font-size: 16px; display: block;} 
.show-new-fr .list-rmtj {margin-top: 10px; overflow: hidden; display: block;}
.show-new-fr .list-rmtj li {width: 100%; line-height: 40px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.show-new-fr .list-rmtj li a {font-size: 16px; color: #3d3d3d;}
.show-new-fr .list-rmtj li a:hover {color: #0da6a5;}

@media (max-width: 1000px){
	.news-top {padding: 40px 0;}
	.show-new {padding: 40px 0;}
	.show-new-main {padding: 30px 10px;}
	.show-new-fl {padding: 0;}
	.show-new-fl .t-1 {width: 100%; font-size: 16px; line-height: 25px;}
	.show-new-fl .t-2 span { font-size: 12px; margin-right: 10px;}
	.show-new-fl .t-2 em {display: none;}
	.show-new-fl .box-1 {padding: 20px 0 40px 0; font-size: 14px;}
	.show-new-fl .box-2 {margin-bottom: 15px;}
	.show-new-fl .box-2 dt {font-size: 12px;}
	.show-new-fl .box-2 dd {font-size: 12px; padding: 0 5px; margin-right: 10px;}
	.show-new-fl .paging {padding: 20px 0;}
	.show-new-fl .paging-fl {float: none;}
	.show-new-fl .paging-fl span {line-height: 25px; font-size: 12px;}
	.show-new-fl .return {font-size: 14px; line-height: 40px;}
	.show-new-fr .title {font-size: 18px;}
	.show-new-fr .list-rmtj li a {font-size: 14px;}
	.news-top .con {margin-bottom: 20px;}
	.news-top .con a .info {padding: 10px;}
	.news-top .con a .info .tit {font-size: 14px;}
	.news-top .con a .info .day {font-size: 12px;}
	.list-news {padding:15px 0;}
	.list-news li {padding-bottom: 0;}
	.list-news li .txt .t-1 {font-size: 17px;}
	.list-news li .txt .word{height: 48px;line-height: 24px;margin: 10px 0 20px;}
	.list-news li .imgfd {width: 35%!important;}
	.list-news li .txt{width: 60%!important; margin-top: 0;}



}
@media (max-width: 450px){
	.list-news li .txt .t-1 {font-size: 15px;}
	.list-news li .imgfd{width: 44%;}
	.list-news li .txt{width: 53%;}

	.list-news li .bott{display: none;}
	.list-news li .pad{padding: 14px;}
	.list-news li {margin-bottom: 10px;}
	.list-news li .txt .word{font-size: 13px;height: 40px;line-height: 20px;}

}

.location {width: 100%; overflow: hidden; padding: 50px 0 45px 0; color: #737373; }
.location a {color: #737373;}
@media (max-width: 991px) {
	.location {padding: 20px 0; font-size: 14px;}	
}

/*产品*/
.inner-pro {padding: 90px 0 50px 0; overflow: hidden;}
.inner-pro-Ltxt,.inner-pro-Rtxt,.inner-pro-txt-img,.inner-pro-con-2,.inner-pro-con-3 {width: 100%; margin: 50px 0; overflow: hidden;}
.inner-pro-Ltxt {background: #f3f3f3;}
.inner-pro-Ltxt .fl-main {width: 50%; float: left; padding:175px 8%; overflow: hidden;}
.inner-pro-Ltxt .fl-main .t-1 {width: 220px; text-align: center; background: #07afbd; font-size: 19px; color: #fff; line-height: 38px;}
.inner-pro-Ltxt .fl-main .t-2 {margin-top: 40px; font-size: 33px;color: #222;}
.inner-pro-Ltxt .fl-main .t-3 {margin-top: 18px; line-height:26px; color: #5b5b5b;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.inner-pro-Ltxt .fr-main {width: 50%; float: left; overflow: hidden;}
.inner-pro-Ltxt .fr-main .img {overflow: hidden;}
.inner-pro-Ltxt .fr-main .img img {width: 100%;}
.inner-pro-Ltxt .fr-main .img img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
.inner-pro-Ltxt .fr-main .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
@media (max-width: 991px) {
	.inner-pro-Ltxt .fl-main {width: 100%; float: none; padding: 20px 15px;}
	.inner-pro-Ltxt .fl-main .t-1 {font-size:16px; line-height: 30px;}
    .inner-pro-Ltxt .fl-main .t-2 {margin-top: 20px; font-size:18px; line-height: 25px;}
    .inner-pro-Ltxt .fl-main .t-3 {margin-top: 15px; font-size: 14px; line-height: 23px;}
	.inner-pro-Ltxt .fr-main {width: 100%; float: none;}
}

.inner-pro-Rtxt {background: #f3f3f3;}
.inner-pro-Rtxt .fl-main {width: 50%; float: left; overflow: hidden;}
.inner-pro-Rtxt .fl-main .img {overflow: hidden;}
.inner-pro-Rtxt .fl-main .img img {width: 100%;}
.inner-pro-Rtxt .fl-main .img img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
.inner-pro-Rtxt .fl-main .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
.inner-pro-Rtxt .fr-main {width: 50%; float: left; padding:175px 8%; overflow: hidden;}
.inner-pro-Rtxt .fr-main .t-1 {width: 220px; text-align: center; background: #07afbd; font-size: 19px; color: #fff; line-height: 38px;}
.inner-pro-Rtxt .fr-main .t-2 {margin-top: 40px; font-size: 33px;color: #222;}
.inner-pro-Rtxt .fr-main .t-3 {margin-top: 18px; line-height:26px; color: #5b5b5b;}
@media (max-width: 991px) {
	.inner-pro-Rtxt .fl-main {width: 100%; float: none;}
	.inner-pro-Rtxt .fr-main {width: 100%; float: none; padding: 20px 15px;}
	.inner-pro-Rtxt .fr-main .t-1 {font-size:16px; line-height: 30px;}
    .inner-pro-Rtxt .fr-main .t-2 {margin-top: 20px; font-size:18px; line-height: 25px;}
    .inner-pro-Rtxt .fr-main .t-3 {margin-top: 15px; font-size: 14px; line-height: 23px;}	
}
.inner-pro-con-2 .con { overflow: hidden; background: #f3f3f3;padding: 53px 25px 25px 25px; position: relative;transition: all 0.3s ease;}
.inner-pro-con-2 .con::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:linear-gradient(transparent, rgba(7, 175, 189, 0.76)); /* 遮罩背景色 */
  opacity: 0; /* 默认透明（隐藏） */
  transition: opacity 0.3s ease; /* 过渡动画 */
  z-index: 1; /* 遮罩层级低于文字 */
}
.inner-pro-con-2 .con:hover::before {opacity: 1;}
.inner-pro-con-2 .con .info {overflow: hidden;}
.inner-pro-con-2 .con .info .txt {width: 50%; float: left; padding:0 22px;position: relative; z-index: 2;}
.inner-pro-con-2 .con .info .txt .t-1 {font-size: 25px; color: #1d1d1c; margin-bottom: 20px;}
.inner-pro-con-2 .con .info .txt .t-2 {font-size: 20px; color: #616161;}
.inner-pro-con-2 .con .info .img {width: 50%; float: left;}
.inner-pro-con-2 .con .info .img img {width: 100%;}
.inner-pro-con-2 .con .more {margin-top: 23px; overflow: hidden;position: relative; z-index: 2; }
.inner-pro-con-2 .con .more span {display: block; float: left; line-height: 30px; color: #5b5b5b;}
.inner-pro-con-2 .con .more em {width: 30px; line-height: 30px; background: #f3f3f3; border-radius: 15px; display: block; float: right; color: #5b5b5b; text-align: center;}
.inner-pro-con-2 .con:hover .more span {color: #ffffff;transition: color 0.3s ease;}
.inner-pro-con-2 .con:hover .more em {background: #ffffff;color: #30bbc6;transition: all 0.3s ease;}
@media (max-width: 991px) {
	.inner-pro-con-2 .con {padding: 20px; margin-bottom: 20px;}
	.inner-pro-con-2 .con .info .txt,.inner-pro-con-2 .con .info .img {width: 100%; float: none;}
	.inner-pro-con-2 .con .info .txt {padding: 0;}
	.inner-pro-con-2 .con .info .txt .t-1 {font-size: 18px;}
    .inner-pro-con-2 .con .info .txt .t-2 {font-size: 16px; margin-bottom: 20px;}
}

.inner-pro-con-3 .con { overflow: hidden; background: #f3f3f3;padding: 40px 25px 25px 25px; position: relative;transition: all 0.3s ease;}
.inner-pro-con-3 .con::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:linear-gradient(transparent, rgba(7, 175, 189, 0.76)); /* 遮罩背景色 */
  opacity: 0; /* 默认透明（隐藏） */
  transition: opacity 0.3s ease; /* 过渡动画 */
  z-index: 1; /* 遮罩层级低于文字 */
}
.inner-pro-con-3 .con:hover::before {opacity: 1;}
.inner-pro-con-3 .con .info {overflow: hidden;}
.inner-pro-con-3 .con .info .txt {padding:0 10px; margin-bottom: 15px; position: relative; z-index: 2;}
.inner-pro-con-3 .con .info .txt .t-1 {font-size: 25px; color: #1d1d1c; margin-bottom: 20px;}
.inner-pro-con-3 .con .info .txt .t-2 {font-size: 20px; color: #616161;}
.inner-pro-con-3 .con .info .img {width: 304px; margin: 0 auto;}
.inner-pro-con-3 .con .info .img img {width: 100%;}
.inner-pro-con-3 .con .more {margin-top: 17px; overflow: hidden;position: relative; z-index: 2; }
.inner-pro-con-3 .con .more span {display: block; float: left; line-height: 30px; color: #5b5b5b;}
.inner-pro-con-3 .con .more em {width: 30px; line-height: 30px; background: #f3f3f3; border-radius: 15px; display: block; float: right; color: #5b5b5b; text-align: center;}
.inner-pro-con-3 .con:hover .more span {color: #ffffff;transition: color 0.3s ease;}
.inner-pro-con-3 .con:hover .more em {background: #ffffff;color: #30bbc6;transition: all 0.3s ease;}
@media (max-width: 991px) {
	.inner-pro-con-3 .con {padding: 20px; margin-bottom: 20px;}
	.inner-pro-con-3 .con .info .txt {padding: 0;}
	.inner-pro-con-3 .con .info .txt .t-1 {font-size: 18px;}
    .inner-pro-con-3 .con .info .txt .t-2 {font-size: 16px;}
}

.inner-pro-txt-img {background: #f3f3f3;}
.inner-pro-txt-img .fl-main {width: 50%; float: left; padding:75px 1.5% 30px 8%; overflow: hidden;}
.inner-pro-txt-img .fl-main .t-1 {width: 200px; margin: 0 auto; text-align: center; background: #07afbd; font-size: 19px; color: #fff; line-height: 38px;}
.inner-pro-txt-img .fl-main .t-2 {margin-top: 40px; font-size: 33px;color: #222; text-align: center;}
.inner-pro-txt-img .fl-main .t-3 {width: 70%; margin: 18px auto 0; line-height:26px; color: #5b5b5b; text-align: center;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.inner-pro-txt-img .fl-main .pic {width: 321px; margin: 0 auto;}
.inner-pro-txt-img .fl-main .pic img {width: 100%;}
.inner-pro-txt-img .fr-main {width: 50%; float: left; overflow: hidden;}
.inner-pro-txt-img .fr-main .img {overflow: hidden;}
.inner-pro-txt-img .fr-main .img img {width: 100%;}
.inner-pro-txt-img .fr-main .img img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
.inner-pro-txt-img .fr-main .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
.inner-pro-txt-img:nth-of-type(2) .fl-main {
  float: right;
  padding: 75px 8% 30px 1.5%;
}
.inner-pro-txt-img:nth-of-type(2) .fr-main {
  float: left;
}
@media (max-width: 991px) {
	.inner-pro-txt-img .fl-main {width: 100%; float: none; padding: 20px 15px;}
	.inner-pro-txt-img .fl-main .t-1 {font-size:16px; line-height: 30px;}
    .inner-pro-txt-img .fl-main .t-2 {margin-top: 20px; font-size:18px; line-height: 25px;}
    .inner-pro-txt-img .fl-main .t-3 {width: 100%;margin-top: 15px; font-size: 14px; line-height: 23px;}
	.inner-pro-txt-img .fr-main {width: 100%; float: none;}
	.inner-pro-txt-img:nth-of-type(2) .fl-main {padding: 20px 15px;}
	.inner-pro-txt-img:nth-of-type(2) .fr-main {float: none;}
}



@media (max-width: 991px) {
	.inner-pro {padding: 40px 0;}
	.inner-pro-Ltxt,.inner-pro-Rtxt,.inner-pro-txt-img,.inner-pro-con-2,.inner-pro-con-3 {margin:15px 0;}

}





.show-pro {width: 100%; overflow: hidden;}

/*product-info*/
.pro-1 {width:100%; overflow: hidden; background: url("../images/showpro-1bg.jpg") no-repeat center;}
.pro-1-main {width: 100%; padding: 140px 0; overflow: hidden;}
.pro-1left{width:45.5%;overflow:hidden; float: left;}

.pro-1left .tit {width: 100%; overflow:hidden;}
.pro-1left .tit .t-1 {font-size:45px;color:#333; margin-bottom: 20px;}
.pro-1left .tit .t-2 {color:#626262; font-size:22px;}
.pro-1info{width:100%;overflow:hidden;line-height:28px;font-size:20px;color:#626262;margin-top:30px;}
.pro-1-m {width:100%;margin-top:60px;}
.pro-1more {width: 275px; background: #07afbd; line-height:48px;overflow:hidden;text-align:center;box-sizing:border-box;font-size:18px;color:#fff;}
.pro-1more:hover {transform:translateY(-3px);}

.pro-1fx {float:right; line-height: 44px; font-size: 16px;}
.pro-1fx span {display: block; float: left;}

.pro-1fx a {width: 37px; line-height: 37px; display: block; border-radius: 20px; text-align: center; color: #fff; background: #bdbdbd; margin-right: 10px; float: left;}
.pro-1fx a:hover i {background: #ff791f;width: 37px; line-height:37px; display: block; border-radius: 20px;}
.pro-1right{width:46%; float: right;}
.pro-1cont{float:left;width:83.5%;overflow:hidden;}
.pro-1cont .swiper-slide{position:relative;}
.pro-1cont .swiper-slide img{/*width:100%;height:auto;max-width:80%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);*/}
.pro-1nav{float:right;width:15.234%;height:18vw; margin-top: 50px; position:relative;}
.pro-1nav .swiper-slide{box-sizing:border-box;border:3px #f2f2f2 solid;position:relative;cursor:pointer;}
.pro-1nav .swiper-slide img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.pro-1nav .swiper-slide.active{border-color:#07afbd;}
.pro-1nav .swiper-button-prev{width:100%;height:40px;background:#f7f7f7 url("../images/icon-24.png") no-repeat center;left:0px;margin:0px;top:-50px;}
.pro-1nav .swiper-button-next{width:100%;height:40px;background:#f7f7f7 url("../images/icon-24.png") no-repeat center;right:0px;margin:0px;top:auto;bottom:-50px;transform:rotate(180deg);}
.pro-1nav .swiper-button-prev:hover,.pro-1nav .swiper-button-next:hover{background-color:#ddd;}

.show-procon {width: 100%; overflow: hidden; background: #fff;}
.show-procon .top {padding: 30px 0 29px 0; overflow: hidden; border-bottom: 1px solid #cdcdcd;}

.show-procon .tab-tit {width: 100%;}
.show-procon .tab-tit li {float: left; margin-right: 10%;}
.show-procon .tab-tit li span {font-size:20px; line-height: 35px; color: #222; display: block; position: relative;}
.show-procon .tab-tit li span i {margin-right: 20px; font-size:25px;}
.show-procon .tab-tit li span a {color: #222;}
.show-procon .tab-tit .active span a {color:#0da6a5; }
.show-procon .tab-tit li:hover span,.show-procon .tab-tit li:hover span a {color:#0da6a5;}
.show-procon .tab-tit li span:before {width:100%;height:3px;content:"";position:absolute;left:0px;bottom:-30px;background:#0da6a5;-webkit-transform: scaleX(0); -ms-transform: scaleX(0);transform: scaleX(0); -webkit-transition: 0.4s; -o-transition: 0.4s;transition: 0.4s;opacity: 0;}
.show-procon .tab-tit .active span:before{-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);opacity: 1;}
.show-procon .tab-tit li:hover span:before {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);opacity: 1;}
.show-procon .main {padding: 40px 0; overflow: hidden;}
.show-procon .main .Spro-txt {padding: 30px 0; overflow: hidden;}
.show-procon .main .Spro-txt .tit {font-size: 24px; color: #0da6a5; margin-bottom: 15px;}
.show-procon .main .Spro-txt .txt {line-height: 30px;}
.show-procon .main .Spro-down {padding: 30px 0; overflow: hidden;}
.show-procon .main .Spro-down .tit {font-size: 24px; color: #0da6a5; margin-bottom: 15px;}
.show-procon .main .Spro-down .list_download {margin-top: 20PX; background: #f0f0f0;}
.inner-down {width: 100%; padding: 90px 0; overflow: hidden;}
.inner-down .list_download {margin:50px 0; overflow: hidden;}
.inner-down .list_download tr:nth-child(2n) {background: #f1f0f0;}
.list_download table {
    width: 100%;
    font-size: 16px
}
.list_download th {font-size: 18px;}
.list_download td {font-size: 22px;}
.list_download td .pdfpic {position: relative; padding-left:30px;}
.list_download td a {color: #474747;}
.list_download td .pdfpic:before {width:27px; height: 29px; background: url("../images/pdf.png") no-repeat;content:"";position:absolute;left:0;transform:translateX(-50%);top:-6px;}
.list_download th {
    background-color: #3c3c3c;
    color: #fff
}

.list_download th:nth-child(2) {
    min-width: 150px
}
@media (max-width: 991px) {
	.inner-down {width: 100%; padding: 40px 0; overflow: hidden;}
    .inner-down .list_download {margin:30px 0; overflow: hidden;}
	.list_download {margin-bottom: 20px;}
	.list_download thead {display: none;}
	.list_download table {font-size: 12px;}
	.list_download td {width: 80%; font-size: 14px;}
	.list_download td .pdfpic {padding-left: 0;}
	.list_download td .pdfpic:before {display: none;}

}
@media (max-width:640px) {
    .list_download th:nth-child(2) {
        min-width: 120px
    }
}

.list_download th:nth-child(3) {
    width: 72px;
    text-align: center
}

@media (max-width:640px) {
    .list_download th:nth-child(3) {
        width: 50px
    }
}

@media (min-width:640px) {

    .list_download th,
    .list_download td {

        padding: 40px 60px;

    }

    .list_download th:nth-child(1),
    .list_download td:nth-child(1) {
        width: 60%
    }

    .list_download th:nth-child(3),
    .list_download td:nth-child(3) {
        white-space: nowrap;
        min-width: 80px;
        text-align: center
    }
}

@media (max-width:768px) {

    .list_download th,
    .list_download td {
        padding: 10px 20px;
        min-width: 100px !important
    }
}

@media (max-width:639px) {

    .list_download th,
    .list_download td {
        padding: 10px 0
    }
}

@media (min-width:640px) {
    .list_download tr:nth-child(2n) {
        background: #f1f0f0
    }
}

@media (min-width:768px) {
    .list_download .icon-xiazai {
        width: 72px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        border: 1px solid #c9c9c9;
        border-radius: 3px;
        display: inline-block;
        transition: .6s;
        font-size: 18px
    }

    .list_download .icon-xiazai:hover {
        background-color: #3c3c3c;
        color: #fff;
        border-color: #3c3c3c
    }
}

@media (max-width:639px) {
    .list_download th {
        display: none
    }

    .list_download tr {
        display: block;
        padding: 20px;
        border-bottom: 1px solid #f2f2f3
    }

    .list_download td {
       
        padding: 0
    }

    .list_download td:nth-child(3) {
        display: none
    }

    .list_download .time {
        font-size: 12px;
        margin-top: 10px;
        color: #999;
		text-align: right;
    }
}
@media (max-width:992px){
	.pro-1-main {padding: 40px 0;}
	.pro-1cont .swiper-slide img {width: 100%;}
	.pro-1left .tit .t-1 {font-size: 18px;}
	.pro-1left .tit .t-2 {font-size: 16px;}
	.pro-1info {font-size: 14px; margin-top: 20px;}
	.pro-1-m {margin: 30px 0;}
	.pro-1more {width: 100%; float: none; overflow: hidden;}
	.pro-1fx {float: none; margin-top: 20px;}
    .pro-left{width:100%;top:0px;position:relative;max-height:280px;}
    .pro-center{width:calc(100% - 20px);}
    .pro-right{width:100%;margin-top:30px;}
    .pro-li samp{height:32vw;}
    .pro-form{width:100%;}

    .pro-1center{width:90%;display:block;}
    .pro-1right{width:100%;float:none;}
    .pro-1left{width:100%;float:none;}	
    .pro-1left .h3{font-size:18px;}
    .pro-1more a{width:120px;height:36px;line-height:36px;margin-right:10px;}
    .pro-1nav{height:40vw;}
	.show-procon .main {padding: 20px 0;}
	.show-procon .main .Spro-down .tit {font-size: 18px;}
	.show-procon .main .Spro-txt .txt {font-size: 14px; line-height: 25px;}
	.show-procon .main .Spro-txt,.show-procon .main .Spro-down {padding: 15px 0;}
	.show-procon .tab-tit li {margin-right: 20px;}
	.show-procon .tab-tit li span {font-size: 14px;}
	.show-procon .tab-tit li span:before {bottom:0;}
	.show-procon .tab-tit li span i {font-size: 18px; margin-right: 10px;}
	
}	



.service-1 {width: 100%; padding-top:90px; overflow: hidden;}
.service-1 .main {width: 100%; display: block; margin-top: 50px;}
.service-1 .main .con {width: 100%; background: #f4f4f4; margin-bottom: 80px; overflow: hidden;}
.service-1 .main .con .pic {width: 50%; float: left;}
.service-1 .main .con .pic img {width: 100%;}
.service-1 .main .con .info {width: 50%; float: left; padding: 25px 50px; overflow: hidden;}
.service-1 .main .con .info .con-list {margin-top: 52px; overflow: hidden; min-height: 90px;}
.service-1 .main .con .info .con-list .icon {width: 40px; height: 40px; margin-top: 3px; float: left; margin-right: 30px;}
.service-1 .main .con .info .con-list .txt {width: 88%; float: left; overflow: hidden;}
.service-1 .main .con .info .con-list .txt .t-1 {font-size: 26px; color: #222; line-height: 36px;}
.service-1 .main .con .info .con-list .txt .t-2 {font-size: 17px; color: #6d6d6d; line-height: 25px;}
@media (max-width:992px){
	.service-1 {padding-top: 40px;}
	.service-1 .main {margin-top: 30px;}
	.service-1 .main .con {margin-bottom: 20px;}
	.service-1 .main .con .pic,.service-1 .main .con .info {width: 100%; float: none;}
	.service-1 .main .con .info {padding: 25px 20px;}
	.service-1 .main .con .info .con-list {margin-top: 0;}
	.service-1 .main .con .info .con-list .icon {margin-right: 0;margin-bottom: 10px;}
	.service-1 .main .con .info .con-list .txt {width: 100%; margin-bottom: 10px;}
	.service-1 .main .con .info .con-list .txt .t-1 {font-size: 18px; line-height: 30px;}
    .service-1 .main .con .info .con-list .txt .t-2 {font-size: 14px;}
}

.service-2 {width: 100%; padding:45px 0; overflow: hidden;}
.service-2 .main {width: 100%; display: block; margin-top: 40px;}
.service-2 .main .con {background: #f5f5f5; overflow: hidden;padding: 120px 50px;}
.service-2 .main .con .icon {width: 65px; height: 48px; margin: 0 auto;}
.service-2 .main .con .t-1 {margin-top: 33px; text-align: center;font-size: 32px; line-height: 50px; color: #232423;}
.service-2 .main .con .t-2 {text-align: center;font-size: 19px; line-height: 23px; color: #6d6d6d;}
.service-2 .main .con .more {width: 28px; line-height: 28px; border-radius: 50%; font-size: 20px; background: #777877; color: #fff;text-align: center; margin: 54px auto 0;}
.service-2 .main .con:hover .more {border-radius: 50%;  background: #07afbd;}
@media (max-width:992px){
	.service-2 {padding: 40px 0 20px 0;}
	.service-2 .main {margin-top: 30px;}
	.service-2 .main .con {margin-bottom: 20px;padding: 50px 20px;}
	.service-2 .main .con .t-1 {margin-top: 25px; font-size:26px; line-height:35px;}
    .service-2 .main .con .t-2 {font-size: 16px;}
}

.service-3 {width: 100%; padding:50px 0 100px 0; overflow: hidden;}
.service-3 .main {width: 100%; display: block; margin-top: 40px; padding: 85px 55px; background: #f4f4f4;}
.service-3 .main .tit {color: #222; font-size: 23px; margin-bottom: 25px;}
.service-3 .form-main {}
.service-3 .form-clt {
  position: relative;
  margin-bottom: 25px;	
}
.service-3 .form-clt .icon {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 35px;
  height: 35px;
  line-height: 32px;
  border-radius: 50%;
  background-color: #222;
  box-shadow: 0px 10px 20px 0px rgba(34, 34, 34, 0.08);
  text-align: center;
}
.service-3 .form-clt #code{ width:180px;}
.service-3 .form-clt #codeIMG{ border:#ccc solid 1px; box-shadow: 2px 2px 5px 0px rgba(34, 34, 34, 0.08); 
   height: 60px;
   border-radius: 5px; margin-left: 10px;
  }
   .service-3 .form-clt .invalid-feedback{ padding: 4px 5px; clear: both; display: block;}
@media (max-width: 575px) {
  .service-3 .form-clt .icon {
    top: 15px;
  }
}
.service-3 .form-clt .icon i {
  color: #000;
  font-size: 14px;
}
.service-3 .form-clt input {
  width: 100%;
  outline: none;
  border: none;
  padding: 20px 25px;
  color: #222;
  background-color: #fff;
  border:1px solid #d9d9d9;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .service-3 .form-clt input {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .service-3 .form-clt input {
    font-size: 14px;
    padding: 15px 20px;
  }
}
.service-3 .form-clt .nice-select {
  width: 100%;	
  background-color:#fff;;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 25px;
  border:1px solid #d9d9d9;
  border-radius: 0;	
}
.service-3 .form-clt .nice-select  select{  }

.service-3 .select2-container--default .select2-selection--single {    
    border:none;
}


@media screen and (min-width:1600px){

  .select2-container {
      width: 100% !important;
      max-width: 715px;
}

.select2-container--open .select2-dropdown {          
        margin-left: -26px;
        min-width: 715px;
        border:#ccc solid 1px;
}

  .select2-container--open .select2-dropdown--below {    
      width: 100% !important;
      min-width: 715px;
      margin-left: -26px;
      border:#ccc solid 1px;
  }


  .select2-results__option {
    text-indent: 30px;
  }

} 
  




.service-3 .form-clt .nice-select  .select2{  width:100% !important; }

.nice-select .current{ margin-right: 20px;}

/* 3. 修复 Chrome 自动填充样式（如果有） */
.select2-container .select2-search__field:-webkit-autofill,
.select2-container .select2-search__field:-webkit-autofill,
.select2-container .select2-search__field:-webkit-autofill:hover,
.select2-container .select2-search__field:-webkit-autofill:focus,
.select2-container .select2-search__field:-webkit-autofill:active
{
  /* 核心：清除自动填充的背景/阴影 */
  -webkit-box-shadow: none !important; /* 用背景色填充覆盖默认样式 */
  box-shadow:none !important;
  -webkit-text-fill-color: #333 !important; /* 确保文字颜色不被覆盖 */
  /* 重置边框（替换成你需要的颜色） */
  border: 1px solid #eeb644 !important;
  /* 解决高版本 Chrome 黑边：强制重置 outline */
  outline: none !important;
  /* 延长样式生效时间（部分版本 Chrome 会延迟应用） */
  
}

/* 额外：如果是 select2 下拉框的输入框，补充父容器样式 */
.select2-container input.select2-search__field:-webkit-autofill {
  -webkit-box-shadow: none !important;
  border: 1px solid #eeb644 !important;
  outline: none !important;
}

.select2-container .select2-search__field{outline: none !important; border: 1px solid #eeb644 !important;}
 

.select2-container .select2-selection--single {
    
    height: 40px !important;
    line-height: 40px !important;
    padding: 5px 6px;
   
}


.service-3 .form-clt .nice-select::after {
  height: 10px;
  width: 10px;
  right: 25px;
  border-color: #818181;
  border-bottom: 2px solid #818181;
  border-right: 2px solid #818181;
}


.select2-container .select2-selection--single .select2-selection__rendered {
    
     padding-left: 0px !important;
   
}

.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 40px !important;}
.service-3 .form-clt .nice-select span {
  color: var(--text);
}
@media (max-width: 991px) {
  .service-3 .form-clt .nice-select {
    font-size: 15px;
  }

  .service-3 .form-clt .nice-select  .select2{   }

  .select2-container {
      width: 100%;
  }


  .select2-container--open .select2-dropdown {          
        margin-left: -20px;
        width: 86% !important;
        border:none;
}



   .select2-container--open .select2-dropdown--below {   
      margin-left: -20px !important;
      border:none;
      width:86% !important;
      /* background-color: #f4f4f4 !important; */
  }


  .select2-results__option {
    text-indent: 26px;
  }

  .service-3 .form-clt #code {
    width: 132px;
}


  .service-3 .form-clt #codeIMG {
    border: #ccc solid 1px;
    box-shadow: 2px 2px 5px 0px rgba(34, 34, 34, 0.08);
    height: 45px;
    border-radius: 5px;
    margin-left: 10px;
}



}
@media (max-width: 575px) {
  .service-3 .form-clt .nice-select {
    font-size: 14px;
    padding: 5px 20px;
  }
}
.service-3 .form-clt .nice-select .list {
  background-color:#fff;
}
.service-3 .form-clt .nice-select .list li {
  border: none;
}
.service-3 .form-clt .nice-select .option {
  padding: 8px 10px;
}
.service-3 .form-clt-big textarea {
  padding: 20px 25px 90px;
  width: 100%;
  outline: none;
  color: #747576;
  background-color:#fff;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border:1px solid #d9d9d9;
}
@media (max-width: 1199px) {
  .service-3 .form-clt-big textarea {
    font-size: 15px;
  }
}
.service-3 .theme-btn {width: 200px; line-height: 50px; margin: 30px auto 0; background-color: #07afbd; text-align: center; font-size: 18px; color: #fff;}
.service-3 button { outline: none;}

@media (max-width:992px){
	.service-3 {padding:20px 0 40px 0;}
	.service-3 .main {margin-top: 30px; padding: 30px 15px;}
	.service-3 .form-clt {margin-bottom: 15px;}
	.service-3 .theme-btn {margin: 0 auto;}
}
.nice-select {
  background-color: transparent;
  border: transparent;
  float: initial;
  overflow: initial;
  height: initial;
  padding: 0;
  display: inline-flex;
  align-items: center;
  line-height: 150%;
  width: 100%;
  border: none;
}
.nice-select:focus, .nice-select:hover {
  border-color: transparent;
}
.nice-select::after {
  height: 10px;
  width: 10px;
  right: 15px;
  top: initial;
  border-color: var(--border);
  border-bottom: 2px solid var(--header);
  border-right: 2px solid var(--header);
}
.nice-select .list {
  width: initial;
  background-color: var(--theme);
  box-shadow: none;
  overflow: initial;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
  width: 100%;
  top: 100%;
  padding: 0;
  max-height: 50vh;
  overflow-x: auto;
}
.nice-select .list::-webkit-scrollbar {
  width: 2px;
  opacity: 1;
  display: block;
}
.nice-select .list::-webkit-scrollbar-button, .nice-select .list::-webkit-scrollbar-thumb {
  background: var(--header);
}
.nice-select .option {
  background-color: transparent;
  font-size: 16px;
  line-height: 150%;
  padding: 4px 5px;
  min-height: initial;
  font-weight: 500;
}
.nice-select .option:hover, .nice-select .option:focus, .nice-select .option.selected.focus {
  background-color: transparent;
}
.nice-select .current {
  font-weight: 500;
  color: var(--header);
}

@-webkit-keyframes sonarAnimation {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		        transform: scale(0.5);
	}

	5% {
		opacity: 0.8;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1.8);
		        transform: scale(1.8);
	}

}
.section2 .index-tit {margin-top:6%;}
/*@media screen and (max-height: 680px) {
	.section2 .index-tit {
		margin-top:2%;
	}
}*/	


/**/
.section2 {}

.section2 .main-info {width: 78%; margin:0 auto ; overflow: hidden;}
.section2 .main-info .swiper-slide {width:33.33%; float: left; padding:0 1rem; display:block;}
.section2 .main-info .con {padding: 40px;}
.section2 .main-info .con .img {overflow: hidden; }
.section2 .main-info .con .img img {width: 100%;}
.section2 .main-info .con .img img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
.section2 .main-info .con .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
.section2 .main-info .con .info { overflow: hidden;}
.section2 .main-info .con .info .t-1 {font-size: 20px; text-align: center;}
.section2 .main-info .con .info .t-1 a {color: #1d1d1c;}
.section2 .main-info .con .info .t-2 {margin: 18px 0 40px 0; line-height: 23px; text-align: center; color: #616161;}
.section2 .main-info .con .info .more {width: 100%; overflow: hidden; justify-content: center; display: flex;}
.section2 .main-info .con .info .more span {text-align:center; margin:0 9px; float:left; cursor:pointer;}
.section2 .main-info .con .info .more span a {display: block; color: #646464; font-size: 18px;border: 1px solid #aaa; padding: 12px 14px; border-radius: 21px}
.section2 .main-info .con .info .more span a:hover {color: #fff; background: #07afbd;border: 1px solid #07afbd; color: #fff;}
.section2 .main-info .bottom50 {width: 100%; height: 50px;}
.section2 .main-info .swiper-pagination {display: -webkit-box;display: -ms-flexbox;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.section2 .main-info .swiper-pagination-bullet-active { background: #595956 !important;}
.section2 .main-info .swiper-pagination-bullet { width: 12px!important; height: 12px!important; background: #bdbdbb; opacity:1!important;}
@media (max-width: 991px) {
	.section2 .main-info {width: 100%;}
    .section2 .main-info .swiper-slide {width:100%; padding:0;}
    .section2 .main-info .con {padding: 0;}
	.section2 .main-info .con .info .t-1 {font-size:18px;}
    .section2 .main-info .con .info .t-2 {margin: 10px 0;}
	.section2 .main-info .con .info .more span a { font-size: 16px; padding: 10px 14px;}
	.section2 .main-info .bottom50 {height: 35px;}
}

.section3 {background: #f4f6f7;}
.section3 .main-info {width: 62%; margin:0 auto; overflow: hidden;}
.section3 .main-info .con {width: 100%; margin-top: 20px;}
.section3 .main-info .con img {width: 100%;}

.section3 .main-info .tab-up {margin-top: 50px;position: relative;z-index: 2;}
.section3 .main-info .nav {width: 100%; padding-right: 0;}
.section3 .main-info .nav-tabs {
	border-bottom: 0;
	align-items: center;
justify-content: center;
}
.section3 .main-info .switch-item {width:24%;line-height:38px; text-align:center; background:#e3e7ec; float:left; cursor:pointer;  transition:all 0.3s;}
.section3 .main-info .switch-item a {display: block; color: #6d6d6d; font-size: 18px;}
.section3 .main-info .switch-item a:hover {color: #fff; background:#07afbd;}
.section3 .main-info .switch-item:hover,.section3 .main-info .switch-item:hover a {color: #fff; background:#07afbd;}
.section3 .main-info .switch-item .active {display: block;  color: #fff; background:#07afbd;}
.section3 .main-info .tab-content {overflow: hidden;}
@media (max-width: 991px) {
	.section3 .main-info {width: 100%;}
	.section3 .main-info .tab-up {margin-top: 20px;}
	.section3 .main-info .switch-item {width:50%;line-height:30px;}
    .section3 .main-info .switch-item a {font-size: 14px;}
}
.section4 {}
.section4 .mobile-img {display: none;}
@media (max-width: 991px) {
	.section4 .bg-layer {background-image:none!important;}
	.section4 .mobile-img {display: block;}
	.section4 .mobile-img img {width: 100%;}
}
.section5 {width: 100%; position: relative; overflow: hidden;}
.section5 .vd-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.section5 .vd-top span{
	width:42px;
	height:42px;
	display:block;
	position:absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	background:url("../images/video-icon2.png") no-repeat center;
	background-size:100%;
	z-index:12;
}
.section5 img {
     width: 100%;
    height: 100%;
    vertical-align: middle;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.section5 .info {
    position: absolute;
	top: 20%;
    left: 0;
    color: #FFF;
    width: 50%;
    text-align: center;
	width: 100%;
}
.section5 .info .more {width: 160px; line-height: 36px; text-align: center; margin: 32px auto 0;}
.section5 .info .more a {display: block; color: #fff; font-size: 18px; border: 1px solid #fff; border-radius: 18px;}

.section5 .info h3 {
    margin-bottom:12px;
    font-size: 35px;
    letter-spacing: 1.88px;
    line-height: 42px;
    text-shadow: 0 0 10px rgba(0,0,0,.6)
}

@media only screen and (max-width: 1050px) {
	.section5 .container {padding: 0;}
     .section5 .info h3 {
        font-size:16px;
        text-shadow: 0 0 4px rgba(0,0,0,.1);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 22px;
        margin-bottom: 5px
    }
}

.section5 .info p {
    font-size: 18px;
    line-height: 30px;
    text-shadow: 0 0 10px rgba(0,0,0,.4)
}

@media only screen and (max-width: 1050px) {
    .section5 .info p {
        font-size:12px;
        text-align: center;
        text-shadow: none;
        letter-spacing: 0;
        line-height: 17px;
        color: rgba(255,255,255,.8)
    }
}











/*contact*/
.contact {width: 100%; padding: 50px 0 100px 0; overflow: hidden;}
.contact .col-lg-5,.contact .col-lg-7 {padding: 0;}
.contact .main {margin-top: 50px;}
.contact .lx-txt {padding: 50px 67px 101px 67px; background: #0da6a5; color: #fff; overflow: hidden;}
.contact .lx-txt .t-1 {font-size: 36px; line-height: 50px; margin-bottom: 28px; overflow: hidden;}
.contact .lx-txt .t-2 {font-size: 48px; line-height: 38px; font-weight: bold; overflow: hidden;}
.contact .lx-txt .t-2 i {display: block; float: left; width:30px; height: 30px; background: url("../images/f-tel.png") no-repeat; margin:4px 20px 0 0;}
.contact .lx-txt .t-3 {margin-top: 28px; line-height: 48px; font-size: 18px;}
.contact .lx-txt .t-3 i {display: block; float: left; width: 22px; height: 24px; margin:12px 10px 0 0;}
.contact .lx-txt .t-3 .i-1 {background: url("../images/l-1.png") no-repeat;}
.contact .lx-txt .t-3 .i-2 {background: url("../images/l-2.png") no-repeat;}
.contact .lx-txt .t-3 .i-3 {background: url("../images/l-3.png") no-repeat;}
.contact .lx-txt .t-3 .i-4 {background: url("../images/l-4.png") no-repeat;}
.contact .lx-txt .add {margin-top: 12px; line-height:26px; font-size: 18px;}
.contact .lx-txt .add i {display: block; float: left; width: 22px; height: 24px; margin:3px 10px 0 0;}
.contact .lx-map {width: 100%;}

@media (max-width: 991px) {
    .contact {padding:40px 0;}
	.contact .main {margin-top: 30px;}
	.contact .lx-txt {padding: 20px 15px;}
	.contact .lx-txt .t-1 {font-size: 18px; line-height: 25px; margin-bottom: 20px;}
	.contact .lx-txt .t-2 {font-size: 20px;}
	.contact .lx-txt .t-3 {font-size: 14px; margin-top: 20px;}
	.contact .lx-txt .add {font-size: 14px; margin-top: 0;}
	.contact .lx-map img {width: 100%;}

}




/*contact*/
.inner-contact {width: 100%; overflow: hidden;}
.contact-box1 {width:50%; overflow: hidden; float: left;}



.contact-box2 {width: 50%; float: left; padding:100px 160px 100px 90px; background: repeating-linear-gradient(to right, #e1e3e5, #ffffff);}
.contact-box2 .t-1 {font-size: 56px; color: #222; margin-bottom: 15px;}
.contact-box2 .t-2 { font-size: 19px; line-height: 25px; color: #6d6d6d;}

.contact-form-wrap {width: 100%;margin-top:15px;}
.input-item {margin-top:15px;}
.input-item.fc-code{display: flex;}
.input-item.fc-code input {width: 35%;}
.input-item.fc-code img{ border-radius: 3px; border:#ccc solid 1px; box-shadow: 2px 2px 3px rgba(0,0,0,.1); margin-left: 10px; height: 48px; }
.input-item .invalid-feedback { text-indent: 10px; padding-top: 6px;}
.input-item input,
.input-item textarea {
    border: 1px solid #e1e1e1;
    display: block;
    padding: 15px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 100%;
}

.input-item input:-webkit-autofill,
.input-item input:-webkit-autofill:hover,
.input-item input:-webkit-autofill:focus,
.input-item input:-webkit-autofill:active{  
   border:solid #eeb644 1px !important;
   box-shadow: none !important;
}



.input-item textarea {height: 205px;}
.input-item input:focus,
.input-item textarea:focus {
    border-color: #eeb644;
    outline: none !important; /* 清除默认焦点轮廓 */
    box-shadow: none !important; /* 清除焦点阴影 */
}
.input-item .nice-select {
    border-color: #e1e1e1;
    height: 50px;
    padding-left: 15px;
    line-height: 50px;
}
.input-item .nice-select .list {
    max-height: 200px;
    overflow: auto;
}
.input-item .btn-brand {
    display:block; width:280px; line-height:40px; color:#fff; font-size:18px; margin:20px 0 0; text-align: center; background-color:#07afbd; border-radius:20px;margin: 0 auto;
}



@media (max-width: 991px) {
	.contact-box1 {display: none;}
	.contact-box2 {width: 100%; padding: 20px;}
	.contact-box2 .t-1 {font-size:22px;}
	.contact-box2 .t-2 {line-height: 25px; font-size: 14px;}
	.contact-form-wrap {margin-top: 0;}
	.input-item {margin-top: 15px;}
	.input-item input, .input-item textarea {padding: 10px;}
	.input-item textarea {height: auto;}
	.input-item .btn-brand {line-height: 25px;}
}


.about-plan {
  padding-top: 45px;
}
.about-plan h2,
.about-plan .dese {
  text-align: center;
}
.about-plan .desc {
  margin-bottom: 140px;
  margin-top: 60px;
  font-size: 16px;
  color: #666;
  line-height: 1.76;
}
@media (min-width: 1200px) {
  .about-plan .bd {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/bg3.jpg');
  }
  .about-plan ul {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1600px;
    max-width: 1300px;
    color: #fff;
    display: table;
    height: 768px;
    line-height: 1.76;
  }
  .about-plan ul li {
    width: 28%;
    padding: 90px 30px 0 50px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    display: table-cell;
    overflow: hidden;
  }
  .about-plan ul li:first-child {
    border-left: 0;
  }
  .about-plan ul li:first-child .id::before {
    display: none;
  }
  .about-plan ul > * {
    transition: all 0.3s;
  }
  .about-plan ul .id {
    font-size: 60px;
    position: relative;
    font-family: medium;
  }
  .about-plan ul .id::before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 76px;
    background: #f38031;
    left: -51px;
    top: 50%;
    margin-top: -38px;
  }
  .about-plan ul .title {
    font-size: 35px;
    margin-bottom: 20px;
    line-height: 1.3;
  }
  .about-plan ul .info {
    font-size: 16px;
    line-height: 36px;
    overflow: hidden;
    transition-delay: 0.3s;
    opacity: 0;
    transition: all 0.3s ease-in;
    transform: translateY(200%);
  }
  .about-plan ul .en {
    font-size: 18px;
    opacity: 0.5;
    transition: all 0.3s;
    overflow: hidden;
  }
  .about-plan ul li.active {
    width: 44%;
  }
  .about-plan ul li.active .info {
    transform: translateY(0px);
    opacity: 1;
  }
  .about-plan ul li.active .en {
    opacity: 0;
    display: none;
  }
}
@media (max-width: 1450px) and (min-width: 1200px) {
  .about-plan ul {
    width: 100%;
    height: 700px;
  }
  .about-plan ul li {
    padding: 60px 20px 0 40px;
  }
  .about-plan ul .title {
    font-size: 30px;
  }
  .about-plan ul .info {
    font-size: 15px;
    line-height: 1.76;
  }
}
@media (max-width: 1200px) {
  .about-plan {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1600px;
  }
  .about-plan li {
    margin-bottom: 50px;
    text-align: center;
  }
  .about-plan .id {
    height: 190px;
    font-size: 100px;
    line-height: 160px;
    color: #000000;
    text-align: center;
  }
  .about-plan .id::after {
    content: '';
    display: block;
    margin: 0 auto;
    height: 1px;
    width: 110px;
    background-color: #000;
  }
  .about-plan .title {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    text-align: center;
  }
  .about-plan .title br {
    display: none;
  }
  .about-plan .en {
    text-transform: uppercase;
    font-size: 13px;
    margin: 10px 0 30px;
  }
  .about-plan .info {
    font-size: 16px;
    line-height: 1.4;
    color: #555555;
  }
}
@media (max-width: 640px) {
  .about-plan .desc {
    font-size: 16px;
    line-height: 1.4;
  }
}
@media (max-width: 480px) {
  .about-plan .info {
    text-align: left;
  }
}



.job-1 {padding-top: 80px; background: #f7f9fc; overflow: hidden;}
.job-1 .pc-pic {width: 100%; margin: 40px auto 0;}
.job-1 .pc-pic img {width: 100%;}
.job-1 .mobile-pic {display: none;}
.job-2 {padding:100px 0; background: #f7f9fc; overflow: hidden;}
.recuit_box { width: 100%; margin-top: 40px; overflow:hidden;}
.recuit_box .vhd {text-align: center}
.recuit_box .list {}
.recuit_box .recruit_item {margin-bottom: 40px;background: #fff;}
.recuit_box .recruit_item.open {background-color: #ff791f; border-color: #ff791f; color: #fff}
.recuit_box .recruit_item.open .hd .icon-down:before { content: "\e68b"}
.recuit_box .recruit_item.open .hd .show { color: #fff; background-image: url('../images/arr_f.png')}
.recuit_box .recruit_item.open .data,.recuit_box .recruit_item.open .bd { color: #fff}

@media (min-width: 640px) {
    .recuit_box .recruit_item.open .show {
        color:#fff;
        background-image: url('../images/arr_f.png')
    }
}

.recuit_box .hd {
	
    border: 1px solid #f2f2f3;
    padding: 0 60px
}

@media (max-width: 480px) {
    .recuit_box .hd {
        padding:0 15px
    }
}

.recuit_box .hd .top {
    border-bottom: 1px solid #f2f2f3;
    cursor: pointer;
    padding: 20px 0;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.recuit_box .hd .top .tit {
    font-size: 24px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 10px
}


.recuit_box .hd .top .tit i {margin-right: 10px;}
.recuit_box .hd .top .tit .iconfont {
    margin-right: 10px
}

@media (max-width: 992px) {
	.recuit_box {margin-top: 30px;}
	.recuit_box .list {}
	.recuit_box .recruit_item {margin-bottom: 20px;}
    .recuit_box .hd .top .tit {
        font-size:20px
    }
}

@media (max-width: 768px) {
    .recuit_box .hd .top .tit {
        font-size:17px
    }
}

.recuit_box .hd .top .show {
    color: #ff791f;
    font-size: 16px;
    padding-right: 28px;
    background: url('../images/arr_c.png') no-repeat right center
}

@media (max-width: 480px) {
    .recuit_box .hd .top .show {
        background-size:.2rem
    }
}

.recuit_box .hd .data {
    padding: 30px 0;
    color: #666;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width: 640px) {
    .recuit_box .hd .data {
        padding:15px 0
    }

    .recuit_box .hd .data .txt {
        width: 50%;
		font-size: 14px;
        margin-bottom: .2rem
    }
}

.recuit_box .bd {
    display: none;
    border: 1px solid #fff;
    border-top: 0;
    padding: 40px 60px 90px;
    font-size: 16px;
    line-height: 1.76;
    color: #fff
}

@media (max-width: 640px) {
    .recuit_box .bd {
        font-size:14px
    }
}

@media (max-width: 480px) {
    .recuit_box .bd {
        padding:.4rem .3rem .9rem
    }
}
.recuit_box .bd p {min-height: 20px}
@media (max-width: 991px) {
	.job-1 {padding-top: 40px;}
    .job-1 .pc-pic {display: none;}
	.job-1 .mobile-pic {display: block; margin: 30px auto 0;}
	.job-1 .mobile-pic img {width: 100%;}
	.job-2 {padding:40px 0;}
	.job-2 .in-tit .t-5 {padding: 0;}
}









.inner-video {width: 100%; background: #f8f8f8; overflow: hidden; padding: 50px 0 80px 0;}
.inner-video-main {background: #fff; padding: 50px; overflow: hidden;}
.inner-video-main .vd-item {margin-bottom:20px; overflow: hidden;cursor:pointer;}
.inner-video-main .vd-top{width:100%;overflow:hidden;position:relative;}
.inner-video-main .vd-top img{width:100%;height:100%;object-fit:cover;}
.inner-video-main .vd-item:hover .vd-top img{transform:scale(1.02);}
.inner-video-main .vd-top span{width:50px;height:50px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../images/icon-v.png") no-repeat center;background-size:100%;z-index:12;}
.inner-video-main .tit {width: 100%; line-height: 54px; text-align: center; background: #ebebeb; color: #363c59;}
@media (max-width: 991px) {
	.inner-video {padding: 40px 0;}
	.inner-video-main {padding: 20px 10px;}
	.inner-video-main .vd-top span {width: 40px; height: 40px;}
	.inner-video-main .tit {line-height: 25px;padding: 10px;}
}

/*video*/
.video-prop{width:100%;height:100%;overflow:hidden;position:fixed;left:0px;top:0px;z-index:1000;background:rgba(0,0,0,0.6);text-align:center;visibility:hidden;opacity:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.video-prop:before{height:100%;content:"";display:inline-block;vertical-align:middle;}
.video-center{width:65%;vertical-align:middle;display:inline-block;position:relative;}
.video-center video{width:100%;height:auto;display:block;}
.video-close{width:36px;height:36px;overflow:hidden;position:absolute;right:-18px;top:-18px;z-index:12;border-radius:50%;background:#fafafa;text-align:center;cursor:pointer;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.video-close:before{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(45deg);}
.video-close:after{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(-45deg);}
.video-close:hover{transform:rotate(180deg);}
.video-active{opacity:1;visibility:visible;}
@media screen and (max-width:768px){.video-center{width:90%;}
.video-close{width:32px;height:32px;right:-16px;top:-16px;}
}


/*hezuo*/
.hezuo-1 {width: 100%; padding: 100px 0; overflow: hidden;}
.hezuo-1 .main {overflow: hidden;}
.hezuo-1 .main .con {width: 18%; float: left; margin: 0 1%; background: #f4f4f4; padding: 30px 20px;margin-top: 50px;}
.hezuo-1 .main .con .top-con {margin-bottom: 35px; overflow: hidden;}
.hezuo-1 .main .con .top-con img {width: 86px; display: block; float: left;}
.hezuo-1 .main .con .top-con .txt {width:68%; float: right; margin-top: 0px; font-size: 20px; color: #222; line-height:25px; }
.hezuo-1 .main .con .list-con {min-height: 200px;}
.hezuo-1 .main .con .list-con .txt {color: #6d6d6d; line-height: 21px; margin-bottom: 21px;}

@media (max-width: 991px) {
    .hezuo-1 {padding:40px 0;}
	.hezuo-1 .main .con {width: 94%; float: none; margin: 0 3% 20px 3%;} 
}
.hezuo-2 {width: 100%; padding: 100px 0; overflow: hidden; background: url("../images/hezuo-2bj.jpg") no-repeat center;}
.hezuo-2 .main {overflow: hidden;}
.hezuo-2 .main .con {width: 27%; float: left; margin-right: 9%; position: relative;}
.hezuo-2 .main .con:nth-child(3) { margin-right:0;}
.hezuo-2 .main .con .top-con {width: 100%; background: #fff; overflow: hidden; padding: 20px 0; text-align: center; margin-top: 50px; }
.hezuo-2 .main .con .top-con .t-1 {font-size: 28px; color: #222; margin-bottom: 10px;}
.hezuo-2 .main .con .top-con .t-2 {font-size: 18px; color: #797979;}
.hezuo-2 .main .con img {width: 100%;}
.hezuo-2 .main .con .info {position: absolute; top: 134px; left: 0; width: 100%; padding: 0 35px;}
.hezuo-2 .main .con .info .txt {color: #fff; line-height: 23px; margin-bottom: 20px; margin-top: 50px;}
.hezuo-2 .main .con:hover .top-con {background: #07afbd; }
.hezuo-2 .main .con:hover .top-con .t-1,.hezuo-2 .main .con:hover .top-con .t-2 {color: #fff;}
@media (max-width: 991px) {
    .hezuo-2 {padding:40px 0;}
	.hezuo-2 .main .con {width: 100%; float: none; margin-right: 0; margin-bottom: 20px;} 
	.hezuo-2 .main .con .info {padding: 0 15px;}
	.hezuo-2 .main .con .info .txt {font-size: 14px; line-height: 20px; margin-bottom: 15px;}
}
.hezuo-3 {width: 100%; padding: 100px 0 0 0; overflow: hidden;}
.hezuo-3 .main {margin-top: 50px; padding: 70px 80px; background: #f4f4f4;}
.hezuo-3 .main .col-lg-12 .tit {width: 12.2%;}
.hezuo-3 .main .col-lg-12 input {width: 87.8%}
.input-item-h {margin-top:26px;}
.input-item-h .invalid-feedback{ text-indent: 170px; padding-top: 10px;  clear: both;}
.input-item-h .tit {width:25%; float: left;font-size: 20px; line-height: 50px; color: #222; font-weight: bold;}
.input-item-h input,
.input-item-h textarea {
    border: 1px solid #e1e1e1;
    display: block;
    padding: 15px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 75%;
	float: left;
}
.input-item-h textarea {width: 87.8%; height: 205px;}
.input-item-h input:focus,
.input-item-h textarea:focus {
    border-color: #eeb644;
}
.input-item-h .nice-select {
    border-color: #e1e1e1;
    height: 50px;
    padding-left: 15px;
    line-height: 50px;
}
.input-item-h .nice-select .list {
    max-height: 200px;
    overflow: auto;
}
.input-item-h .btn-brand {
    display:block; width:280px; line-height:40px; color:#fff; font-size:18px; margin:20px 0 0; text-align: center; background-color:#07afbd; border-radius:20px;margin: 0 auto;
}

@media (max-width: 991px) {
    .hezuo-3 {padding:0 0 40px 0;}
	.hezuo-3 .main {margin-top: 20px; padding: 20px 15px;}
	.input-item-h {margin-top: 15px;}
	.input-item-h .tit {font-size: 18px; line-height: 30px;}
	.input-item-h .tit,.hezuo-3 .main .col-lg-12 .tit,.hezuo-3 .main .col-lg-12 input {width: 100%;}
	.input-item-h input, .input-item-h textarea {width: 100%; padding: 10px;}
	.input-item-h textarea {height: auto;}
	.input-item-h .btn-brand {line-height: 25px;}
}

.hezuo-4 {width: 100%; padding: 50px 0; overflow: hidden;}
.hezuo-4 .main {width: 100%; overflow: hidden; position: relative;}
.hezuo-4 .main img {width: 100%;}
.hezuo-4 .main .info {position: absolute; left: 5%; top:18%;}
.hezuo-4 .main .info .t-1 {font-size: 33px; color: #fff; margin-bottom: 20px;}
.hezuo-4 .main .info .t-2 {font-size: 20px; color: #fff;}
.hezuo-4 .main .info .t-2 a {color: #fff;}
@media (max-width: 991px) {
    .hezuo-4 {padding:20px 0;}
	.hezuo-4 .main .info .t-1 {font-size: 20px; margin-bottom: 15px;}
	.hezuo-4 .main .info .t-2 {font-size: 18px;}
}
.hezuo-5 {width: 100%; padding: 50px 0 100px 0; overflow: hidden;}
.hezuo-5 .main {width: 100%; overflow: hidden; position: relative;}
.hezuo-5 .main .con {margin-top: 30px; overflow: hidden;}
.hezuo-5 .main .con a {display: block;}
.hezuo-5 .main .con a .pic {display: block; width: 100%; overflow: hidden;}
.hezuo-5 .main .con a .pic img{height: auto;width: 100%;display: block;}
.hezuo-5 .main .con:hover a .pic img{transform: scale(1.09);-webkit-transform: scale(1.09);}
.hezuo-5 .main .con a .info {margin-top: 24px; overflow: hidden;}
.hezuo-5 .main .con a .info .t-1 {font-size: 24px; color: #222; margin-bottom: 20px; }
.hezuo-5 .main .con a .info .time {color: #656565; margin-bottom: 27px;}
.hezuo-5 .main .con a .info .more {width: 120px; line-height: 38px; color: #505050; text-align: center; font-size: 18px; border: 1px solid #aaa; border-radius: 19px;}
.hezuo-5 .main .con:hover a .info .more {color: #fff; background: #07afbd; border: 1px solid #07afbd; border-radius: 19px;}
@media (max-width: 991px) {
    .hezuo-5 {padding:20px 0 40px 0;}
	.hezuo-5 .main .con {margin-top: 20px;}
	.hezuo-5 .main .con a .info .more {font-size: 16px;}
}


/*分页*/
ul.pagination {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

ul.pagination li a.active {
    background-color: #000;
    color: white;
    border: 1px solid #000;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

@media (max-width:992px){
	ul.pagination {
        width: 100%; 
        overflow: hidden;
        margin: 0 auto;
        text-align: center; 
    }
	ul.pagination li a {padding: 5px;}
}