html{-webkit-text-size-adjust:none;}
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;font-family:Arial, Helvetica, sans-serif; font-size:18px!important;}
input,select,textarea {border-radius: 0;outline: none;font-family:'Barlow-Regular',PingFang SC,'Microsoft YaHei',Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.left {float: left;}
.right {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background: #202020;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:3px;background: #666666;}
::-webkit-scrollbar-button{height:0; width:5px;background: #666666;}
::-webkit-scrollbar-thumb{background-color:#aba93e;box-shadow:inset 1px 1px 0 #d34248,inset 0 -1px 0 #d34248;}




.mmo{display:none;}

  
@font-face {font-family: 'BEBAS';src: url('../fonts/BEBAS.woff2');}
@font-face {font-family: 'Oswald-Bold';src: url('../fonts/Oswald-Bold.otf');}
 @font-face {
	font-family:'AVGARDN_1';
	src: url('../fonts/AVGARDN_1.ttf'); }
	
 


/* header */
.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;}
.header * {transition:all .4s ease;}
.header-content {width:94%;height: 90px;margin: auto;position: relative;z-index: 500;}
.header-logo {width:13%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 11;}
.header-logo a {display: block;background: url('../images/logob.png') left center no-repeat;background-size: contain;}
.header-logo img { opacity: 0;display: block;width: auto;height: auto;max-width: 100%;}
.header-right {position: absolute;right: 0;width: 100%;height: 100%;top: 0;z-index: 10;text-align: right;}
.header-nav {display: inline-block;vertical-align: middle; padding-top:32px;}
.header-nav ul{list-style: none;margin: 0;padding: 0;}
.header-nav ul li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;padding: 0 20px;position: relative; font-size:20px;}
.header-nav ul li a{color: #fff;position: relative;z-index: 10;}
.header-nav ul li.cur a {color: #d34248;}
.header-nav ul li.cur a {font-family: 'Barlow-Bold';}
.header-nav ul li a:hover {color: #d34248;font-family: 'Barlow-Bold';}
.header-nav ul li::after {content: '';width: 10px;height: 26px;position: absolute;left: 50%;top:50%;transform:skewX(340deg) translate(-100%,-40%);z-index: 1;background: #fff;opacity:0;}
.header-nav ul li.cur::after {opacity: .3;}
.header-langtuage-search {display: inline-block;vertical-align: middle;margin-left: 30px; padding-top:17px;}
.header-langtuage-search a{text-align: center;position: relative;display: block;line-height: 48px;}
.header-langtuage-search i{width: 18px;height: 18px;}
.header-langtuage-search i img {display: block;max-width: 100%;}
.header-langtuage-search span{ color: #fff;margin-left: 7px;}
.header-langtuage-search i,.header-langtuage-search span {display: inline-block;vertical-align: middle;position: relative;z-index: 11;}
.langtuage-1,.search-1 {display: inline-block;vertical-align: middle;}
.langtuage-1 {position: relative; }
.langtuage-1 a {width: 180px;height: 48px;}
.langtuage-1 a::after{content: '';width: 180px;height: 48px;border: 1px solid #fff;position: absolute;left: 0;top: 0;opacity: .3;transform:skewX(340deg);z-index: 1;  }
.search-1 {margin-left: 5px;} 
.search-1 a {width: 60px;height: 48px;}
.search-1 a::after{content: '';width: 60px;height: 48px;border: 1px solid #fff;position: absolute;left: 0;top: 0;opacity: .3;transform:skewX(340deg);z-index: 1;}
.langtuage-1 a:hover::after,.search-1 a:hover::after {background:#d34248;border: 1px solid #d34248;opacity: 1;color:#FFFFFF!important}
.langtuage-1 a:hover i,.search-1 a:hover i {filter: invert(100%);}
.langtuage-1 a:hover span,.search-1 a:hover span {color: #000;}
.langtuage-show {position: absolute;width: 100%;left: -8px;top: 104%;overflow: hidden;z-index: 11;display: none;}
.langtuage-show ul {background: #fff;padding: 5% 0;overflow: hidden;box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);margin-top: 3%;}
.langtuage-show a {display: block;color: #1a1a1a;width: auto;height: auto;border-bottom: 1px solid #e8e8e8;text-align: left;width: 80%;margin: auto;}
.langtuage-show a:hover {color: #d34248;text-decoration: underline;}
.langtuage-show a:last-child {border: none;}
.langtuage-show a::after {display: none;}

 
  

.header.scroll-down,.header.scroll-top,.header.black {background: #fff;border-bottom: 1px solid #e6e6e6;}
.header.scroll-down .header-logo a,.header.scroll-top .header-logo a,.header.black .header-logo a{background: url('../images/logo.png') left center no-repeat;background-size: contain;}
.header.scroll-down .header-nav ul li a,.header.scroll-top .header-nav ul li a,.header.black .header-nav ul li a{color: #1a1a1a;}
.header.scroll-down .header-nav ul li.cur a,.header.scroll-top .header-nav ul li.cur a,.header.black .header-nav ul li.cur a  {color: #d34248;}
.header.scroll-down .header-nav ul li.cur::after,.header.scroll-top .header-nav ul li.cur::after,.header.black .header-nav ul li.cur::after {background: #d34248;opacity: 1;}
.header.scroll-down .header-langtuage-search i img,.header.scroll-top .header-langtuage-search i img,.header.black .header-langtuage-search i img {filter: invert(100%);}
.header.scroll-down .header-langtuage-search a:hover i img,.header.scroll-top .header-langtuage-search  a:hover i img,.header.black .header-langtuage-search  a:hover i img{filter: invert(0);}
.header.scroll-down .header-langtuage-search a::after,.header.scroll-top .header-langtuage-search a::after,.header.black .header-langtuage-search a::after  {border: 1px solid #e6e6e6;opacity: 1;}
.header.scroll-down .header-langtuage-search a:hover::after,.header.scroll-top .header-langtuage-search a:hover::after,.header.black .header-langtuage-search a:hover::after {border: 1px solid #d34248;opacity: 1;} 
.header.scroll-down .header-langtuage-search span,.header.scroll-top .header-langtuage-search span,.header.black .header-langtuage-search span {color: #1a1a1a;}
.header.scroll-down .header-nav ul li a:hover,.header.scroll-top .header-nav ul li a:hover,.header.black .header-nav ul li a:hover {color: #d34248;font-family: 'Barlow-Bold';}


  

.header-nav-show-mark {width: 100%;height: 100%;position: fixed;left: 0;top: 0px;z-index:-1;opacity: 0;transition:all .4s ease;background: #000;}
.header-nav-show-mark.cur  {z-index: 20;opacity: .2;}
.header-nav-show {position: fixed;left: 0;top: 0;width: 100%;z-index:111;overflow: hidden;transition:all .4s ease;}
.header-nav-show.Hide {opacity:0;height: 0;z-index:-1;}
.header-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease;background: #fff;margin-top:90px;overflow: hidden;}
.header-nav-solution {text-align: center;padding: 2% 0;overflow: hidden;text-align: center;}
.header-nav-solution-item {width: 15%;display: inline-block;vertical-align: top;text-align: left;overflow: hidden;margin: 0 1%;}
.header-nav-solution-item .img {overflow: hidden;background: #e3e3e3;}
.header-nav-solution-item .nav-item {padding: 0 0 5% 0;overflow: hidden;}
.header-nav-solution-item .nav-item a.cur{display: block;font-family: 'Barlow-Bold';color: #404040;border-bottom: 1px solid #e8e8e8;padding: 5% 0;overflow: hidden;}
.header-nav-solution-item .nav-item li{list-style: none;margin: 0;padding: 4% 0;}
.header-nav-solution-item .nav-item li a{display: block;padding: 1.5% 0;color: #666666;}
.header-nav-solution-item .nav-item li a:hover {color: #d34248;text-decoration: underline;}
 





.search-content-show {position: absolute;left: 50%;top:-50%;width: 30%;transform: translate(-50%,-50%);z-index: 511;transition:all .4s ease;}
.search-content-show-content {position: relative;}
.search-content-show-top {position: relative;overflow: hidden;}
.search-submit{position: absolute;left: 0;top: 50%;width: 50px;height: 50px;background: url('../images/ss.png') left center no-repeat;margin-top: -25px;border: none;z-index: 11;cursor: pointer;filter: invert(100%);}
.search-submit:hover {opacity: .5;}
.search-input{padding: 0 5%;width: 100%;box-sizing: border-box;background: none;border: none;border-bottom: 1px solid #000;height:50px;display: block;}
.close-1 {position: absolute;width: 50px;height: 50px;right: -20px;top: 50%;margin-top: -25px;z-index: 11;cursor: pointer;transition:all .4s ease;transform: rotate(45deg);}
.close-1::after {content: '';width: 12px;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #000;}
.close-1::before {content: '';width: 2px;height: 12px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #000;}
.close-1:hover {transform: rotate(315deg);}
.searchshow .search-content-show {top: 50%;}
.searchshow .header-right {opacity: 0;transform: translateY(-100%);}
.search-content {width: 40%;margin: auto;position: relative;}
.search-content .search-text {padding: 4% 5%;border: 1px solid #000;display: block;background: #f7f7f7;width: 100%;box-sizing: border-box;}
.search-ok {position: absolute;right:0;top:0;width: 10%;height: 100%;z-index: 11;background: url('../images/ss.png') center no-repeat ;filter: invert(100%);display: block;border: none;cursor: pointer;}
.search-ok:hover {opacity: .5;}
.search-content-main {width:100%;margin: auto;padding: 4% 0;overflow: hidden;}
.search-content-nav {overflow: hidden;padding: 1% 0;border-bottom: 1px solid #e8e8e8;}
.search-content-nav a{display: inline-block;vertical-align: middle;margin-right: 3%;position: relative;}
.search-content-nav a span{display: block;position: relative;z-index: 20;}
.search-content-nav a.cur span{font-family: 'Barlow-Bold';color: #d34248;}
.search-content-nav a::after {content: '';width: 10px;height: 26px;position: absolute;left: 50%;top:50%;transform:skewX(340deg) translate(-100%,-40%);z-index: 1;background: #d34248;opacity:1;z-index: 1;opacity: 0;}
.search-content-nav a.cur::after {opacity: 1;}
.search-content-list {padding: 1% 0;overflow: hidden;}
.search-result {color: #999999;}
.search-result span{color: #000;}
.search-content-result {padding: 1% 0;overflow: hidden;}
.solution-result-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;}
.solution-result-item.mr0 {margin-right: 0;}
.news-detail-content.search-detail-content {padding: 6% 0 0 0;}
.search-content-result.solution-detail-related-swiper .text{text-align: left;}



.searchinput{ width:90%; border:#CCCCCC solid 1px; line-height:40px; padding-left:5%; font-size:14px;}

 .ind212{width:100%; float:left; background:url(../images/a14.png) no-repeat right; padding: 75px 0 70px 0; }
    .ind2{width:80%;margin:auto}
    .ind2-b1{height: 230px;position: absolute;top: 0;right: 0;}
    .ind2-b2{height: 277px;position: absolute;bottom: 0;left: 0;}
    .ind2-b3{height: 604px;position: absolute;bottom: 35px;right: 0;}
    .ind2-a{margin: 0  auto;position: relative;}
	
	  .ind2-a12{float: right; width:35%; padding-top:15px; }
	   .ind2-a12 img{ width:100% ; height:350px;border-radius:10px;}
    .ind2-a1{float: left; width:100%;}
    .ind2-a2{ font-size:40px; color:#b80000; text-transform:uppercase; text-align:center}
	
    .ind2-a3{font-size: 40px;line-height: 42px;font-weight: bold;margin-top:8px;color:#b80000;padding-bottom:10px;text-align:center}
    .ind2-a4{font-size: 22px;line-height: 24px;color: #b80000;font-weight:normal;margin-top: 8px;}
    .ind2-a5{font-size: 16px;line-height: 30px;color: #2a2a2a;margin-top:15px; text-align:center;}
	


.date-item-2 { margin:auto;width:100%;}

.date-item-1 {float: left;overflow: hidden; position: relative;border-top: 0px solid #e8e8e8;padding-top:3%;margin-right:8%; margin-left:8%;margin-bottom:0%;}
.date-item-1 h3{color: #137ccd;font-weight: normal;display: inline-block;vertical-align: top;margin: 0;padding: 0;}
.date-item-1 h3 strong{font-family: 'Oswald-Bold';font-size:45px;line-height:50px;display: inline-block;vertical-align: text-top;font-weight: normal;}
.date-item-1 h3 sup{font-size: 16px;display: inline-block;vertical-align: text-top;margin-left: 5px; padding-top:22px;}
.date-item-1 span{display: block;vertical-align:top;margin-left: 0px;color: #999999;}


.date-item-1:nth-child(4){float:right;;overflow: hidden; position: relative;border-top: 0px solid #e8e8e8;padding-top:3%;margin-right:8%; margin-left:8%;margin-bottom:0%;}



/* main3 */
.index-box-project{width: 100%;padding-top: 0px;padding-bottom: 0px;}
.index-box-project>div:first-child{text-align: center;margin-bottom: 0px;}
.index-box-project>div:first-child h1,.index-box-project>div:first-child h2{display: inline-block;font-weight: bold;font-size: 45px;}
.index-box-project>div:first-child h1{color: #fff;}
.index-box-project>div:first-child h2{color: #fff;}
.index-box-project>div:first-child h5{color: #fff;font-size: 22px; }

.index-box-project .index-advanced-project{width: 100%;margin-top:100px;display: flex;justify-content: space-between;position: relative;}

.index-box-project .index-advanced-project>div:first-child{width:50%;height:auto;overflow: hidden;}
.index-box-project .index-advanced-project>div:first-child  div{position: absolute;right: 0;bottom: 0;}
.index-box-project .index-advanced-project>div:first-child>img{width: 100%;height:100%;min-width: 100%;max-width: 100%; }




.index-box-project .index-advanced-project>div:last-child{width: 50%;overflow: hidden;display: flex;justify-content: center;flex-wrap: wrap;}
.index-box-project .index-advanced-project>div:last-child div{ width: auto;background:#a91217;align-content: left;display: flex;align-items: center;width: 50%;height:50%;}

.index-box-project .index-advanced-project>div:last-child div>img{height: 100%;width: 100%;object-fit: cover;}
.index-box-project .index-advanced-project div ul{text-align: center;display: block;margin: auto;}
.index-box-project .index-advanced-project div ul li{display: flex;justify-content:left; color:#363636; font-size:15px; padding-left:14%; padding-right:14%; line-height:24px; text-align:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}


.index-box-project .index-advanced-project div ul li:nth-child(2){font-size:27px;color:#fff; font-weight:900; line-height:80px;}


.index-box-project .index-advanced-project div ul li:nth-child(3){ color:#fff!important}



.index-box-project .index-advanced-project>div div:hover ul img { display:none;}
.ibp1,.ibp2,.ibp3 { width:70px; margin:auto;}
.ibp1 { background:url(../images/y2.svg) center no-repeat; background-size:100%;}
.ibp2 { background:url(../images/y4.svg) center no-repeat; background-size:100%;}
.ibp3 { background:url(../images/y6.svg) center no-repeat; background-size:100%;}
.mshow { display:none!important;}



.index-box-project .index-advanced-project>div:nth-child(2){position: absolute;display: flex;width: 50%;left: 0;top: 0;height: 100%;}
.index-box-project .index-advanced-project>div:nth-child(2) div{width: 50%;height:50%;position:absolute;display: flex;align-items: center;background:rgba(169, 18, 23, 0.9);right: 0;bottom: 0; border-top-left-radius: 25px;}







 .bot { width:100%;  margin-top:40px; float:left;  box-shadow: 0px 0px 40px 0px rgba(5, 5, 5, 0.08); margin-bottom:80px }
 .bot .img2{display: none;}
 .bot li{width: 33.333%;float: left;height: 150px;text-align: center;background: #137ccd!important;position: relative;cursor: pointer; color: #FFFFFF;}
 .bot li .bot-li{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 55%;text-align: left;    width: fit-content;padding-left: 105px; width:70%}
 .bot-li img{position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
 .bot li p{margin-bottom: 0;color: #FFFFFF;}
 .bot li:hover{background: #137ccd!important; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
 .bot li:hover .img2{display: none;float: left;}
 .bot li:hover .img1{display:inline-block;float: left;}
 .bot li:hover p, .bot li:hover h6{color: #FFFFFF;}
.h3-size30 {
      color:#fff
}

 .bot li:nth-child(2){background: #1e86d6!important;}



.bot li p {margin-bottom: 0; color: #fff; font-size:15px; margin-top:0px; font-family:Arial, Helvetica, sans-serif}

.bot li .bot-li h6{ font-size:25px; line-height:40px; padding:0px; margin:0px; font-weight:400;}
 .ind2-a6 {width: 145px;height: 46px;border-top: 1px solid #0082a1;border-bottom: 1px solid #0082a1;margin-top: 65px; padding: 0 20px 0 5px; font-size:15px; color:#fff!important; margin:auto ; text-align:center; float:left }




.met-index-product{  width:100%; float:left; padding-bottom:80px;padding-top:40px;}
.met-index-body h2{width:100%; float:left; text-align:center}
.met-index-body h2{font-size:40px;font-weight:bold;font-stretch:normal;color:#006db3;margin-bottom:50px; line-height:70px;}
.met-index-body p.desc{font-size:38px;font-weight:bold;font-stretch:normal;line-height:58px;letter-spacing:0px;color:#ddd}


.met-index-product .more-btn{ position:absolute; bottom:20px; left:50%; width:150px; margin-left:-75px; padding:8px 15px; color:#0755db; border:1px solid #0755db; border-radius:3px; transition:.5s; z-index:1}
.met-index-product .more-btn:hover{ color:#fff;border-color:#1277bb; background-image:linear-gradient(to right,#1277bb,#192275)}
.met-index-product p.desc{ font-size:20px}


.met-index-product-category{ width:85%; margin:auto; padding-top:100px;}
.met-index-product-category li .met-index-product-catename{ transition:.5s;}
.met-index-product-category li .met-index-product-catenamemark{ transition:.5s}
.met-index-product-category li:hover .met-index-product-catename{ padding-left:0px}
.met-index-product-category li:hover .met-index-product-catenamemark{ padding-left:0px}
.met-index-product-category li:hover a .view{ border:0px solid #d34248; transition:.5s; width:100px;}
.met-index-product-category li:hover a .view span{ left:-15px}
.met-index-product-category li:hover a .view-middle{ color:#fff; background:#d34248; border:0px solid #d34248; transition:.5s}
.met-index-product-category li:hover a .white-line{ display:none}
.met-index-product-category li:hover a .desc{ left:50px}
.met-index-product-category li:hover a .cover-bg{ left:0; bottom:0}
.met-index-product .container{ position:relative}
.met-index-product .container .more-btn{ position:absolute; right:0; top:0px; color:#B6B6B7; padding:8px 25px; transition:.5s; border-radius:3px}.met-index-product .container .more-btn:hover{ background:#0375c4; color:#fff; border-color:#759FE4}
.met-index-product-category li{ list-style-type:none; width:31%; height:500px; float:left; overflow:hidden;border-radius:15px; margin-right:3.5%;}
.met-index-product-category li a{ position:relative; display:block; padding:0px}
.met-index-product-category li a p{ position:absolute; color:#ffffff}
.met-index-product-category li a p.met-index-product-cateno{ top:8%; left:50px; font-size:54px; font-weight:bold;}
.met-index-product-category li a p.met-index-product-catenamemark{ top:26%; left:50px; font-size:22px}
.met-index-product-category li a p.met-index-product-catename{ top:21%; left:50px; font-size:26px; line-height:24px; text-align:left}

.met-index-product-category li a .cover-bg{position:absolute; width:calc(100% - 0px); height:calc(100% - 300px); background:#181a1d; opacity:1; transition:1.5s; left:0; bottom:8%;
border-top-left-radius:0;
border-top-right-radius:20%;
border-bottom-left-radius:0;
border-bottom-right-radius:0px
}




.met-index-product-category li a .white-line{ position:absolute; width:50px; height:0px; background:#ffffff; top:50%; left:50px; transition:.5s}
.met-index-product-category li a .desc{ width:calc(100% - 100px); position:absolute; top:57%; left:50px; color:#fff; transition:1.5s; font-size:15px; line-height:25px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}

.met-index-product-category li a .view{ position:absolute;left:50px; bottom:100px; border:0px solid #ffffff; background:#fff;font-size:14px; overflow:hidden; width:90px;  text-align:right;border-radius:5px; height:35px; line-height:35px;}
.met-index-product-category li a .view span{ width:80px; position:absolute; left:-22px; transition:.5s}
.met-index-product-category li a .view-middle{ position:absolute; color:#0375c4; background:#ffffff; left:40px; bottom:60px; border:0px solid #ffffff; padding:15px 20px; font-size:18px; font-weight:bold}
.met-index-product-category li a img{ width:100%; height:550px}
.met-head{ position:fixed; z-index:16; width:100%; border-bottom:1px solid #efefef}
.slide-line{ position:absolute; height:1px; width:60%; background:#fff; bottom:60px; left:20%; display:none}
.slide-line-item{ width:20%; height:3px; float:left; margin-top:-1px}
.slide-line-item.show{ background:#ffffff}
.index-product-bgimg{ margin-top:310px}
.met-index-product ul.nav-pills{display:flex;justify-content:center;margin-top:15px;margin-bottom:15px}
.met-index-product .index-product-list li{padding:15px;margin-bottom:0px}
.met-index-product .nav-pills .nav-link{border-radius:20px; height:39px;line-height:18px;margin:0 10px;border:1px solid #afafaf}
.met-index-product .nav-pills .nav-link:hover{background-color:#0375c4;color:#fff;border-color:#0375c4}
.met-index-product .nav-pills .nav-item.open .nav-link,.met-index-product .nav-pills .nav-item.open .nav-link:focus,.met-index-product .nav-pills .nav-item.open .nav-link:hover,.met-index-product .nav-pills .nav-link.active,.met-index-product .nav-pills .nav-link.active:focus,.met-index-product .nav-pills .nav-link.active:hover{background-color:#0375c4;border-color:#0375c4}
.met-index-pic .container{ position:absolute; padding-top:80px}



.met-index-product-category li:nth-child(3){ float:right; margin-right:0%;}


.lian-index-news3{width:100%; float:left; padding-bottom:80px; padding-top:0px;}
.lian-index-news {width:85%; margin:auto;border-top: 1px solid #e5e5e5; }
.lian-index-news-top { width:100%; float:left; padding-top:50px;}
.lian-index-news-top .title-11 { font-size:35px; font-weight:900;padding-bottom:30px; width:50%; float:left; color:#a91217}
.lian-index-news-top .lian-more{ float:right; border:#cb0000 solid 0px; width:110px; line-height:32px; font-size:15px; text-align:center; margin-top:11px; background:#a81117;border-radius:20px; color:#fff}
.lian-index-news-top .lian-more a{ color:#fff}

.lian-index-news-item5 {float: left;width:68%;}
.lian-index-news-bottom { width:100%; float:left}
.lian-index-news-item {float: left;width:47%;border-bottom: 1px solid #e5e5e5; }
.lian-index-news-item a {display: block;position: relative;overflow: hidden;}
.lian-index-news-item .img {float: left;width:100%;background-color: #fff; overflow:hidden; height:180px;border-radius:10px; margin-bottom:4px;}
.lian-index-news-item .img img{width:100%!important}
.lian-index-news-item .text {float: left;width: 100%;}
.lian-index-news-item .data-1 {margin-top:5%;color: #999999;}
.lian-index-news-item .title-1 {margin-top:1.5%; font-size:17px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; color:#000}
.lian-index-news-item .text-1 {color:#919191; font-size:16px; line-height:28px; padding-top:9px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden; margin-bottom:10px;}
.lian-index-news-item .viewmore-2 {position: absolute;left: 38%;bottom: 15%;}

.lian-index-news-item:last-child{float: right;}


.lian-index-news-item6{width:27%; float:right}
.lian-index-news-item6 a {position: unset;}
.lian-index-news-item6 .img {float: none;width: 100%;}
.lian-index-news-item6 .img img{width: 100%!important}
.lian-index-news-item6 .text {float: none;width: 100%;padding-left: 0; padding-bottom:15px; }
.lian-index-news-item6 .viewmore-2 { left:0;}
.lian-index-news-item6 a:hover .pic {transform: scale(1.05);}
.lian-index-news-item6 a:hover .title-1 {color: #d34248;}
.viewmore-2 {position: relative;margin-top: 2%;}
.viewmore-2 span {display: inline-block;position: relative;color: #d34248;}
.viewmore-2 span::after {content: '';width: .6rem;height: 1rem;background: url('../images/r1.png') center no-repeat;position: absolute;top: 53%;transform: translateY(-50%);right: -1.5rem;}


.lian-index-news-item7 {float: left;width:100%;}
.lian-index-news-item7 a {display: block;position: relative;overflow: hidden; border-bottom:#e5e5e5 solid 1px; margin-bottom:9px;}
.lian-index-news-item7 .img {float: left;width:100%;background-color: #fff; overflow:hidden; border-radius:8px;}
.lian-index-news-item7 .img img{width:100%;}
.lian-index-news-item7 .text {float: left;width: 100%;}
.lian-index-news-item7 .data-1 {margin-top: 1%;color: #999999;}
.lian-index-news-item7 .title-1 {margin-top: 2%; font-size:17px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden; color:#000}
.lian-index-news-item7 .text-1 {color:#919191; font-size:15px; line-height:28px; padding-top:5px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;}
.lian-index-news-item7 .viewmore-2 {position: absolute;left: 38%;bottom: 15%;}








.s_lx_bg{ background:url(../images/bg2.jpg) center no-repeat; width:100%; height:330px;background-attachment:fixed; background-size: cover; float:left}
.s_lx_box{ width:1300px; margin:0 auto; padding-top:120px;}
.s_lx_box .s_lx_p1{ font-size:22px; color:#fff; text-align:center; letter-spacing:8px }
.s_lx_box .s_lx_p2{ font-size:38px; color:#fff; font-weight:bold; margin-top:8px;text-align:center}
.s_lx_box .s_lx_line{ width:54px; height:2px; background-color:#9d9b99; margin-top:16px; margin-bottom:27px;}
.s_lx_nr p{ font-size:16px; color:#000; line-height:36px;}
.s_lx_nr p a{ color:#000;}
.s_lx_nr{margin-left:130px;}




.a_more{ font-size:15px; color:#fff!important;  margin:auto; width:150px;background:#036eb7;border-radius:25px; text-align:center;  line-height:35px;
  border: 1px solid #036eb7; margin-top:30px;}
.a_more a{ color:#fff!important;  }





/* index */
.div-content {width: 80%;margin: auto;}
.index-banner-swiper {width: 100%;height: 100%;position: relative;} 
.index-banner-item {position: relative;overflow: hidden;}
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}

.index-banner-swiper .text {width: 70%;left: 9%;top:50%;z-index: 51;color: #fff;position: absolute;transform: translateY(-50%);}
.index-banner-swiper .text-3 {margin-top: 1%;transition:all .4s ease}
.index-banner-swiper .title-1 div,
.index-banner-swiper .title-2 div,
.index-banner-swiper .title-3 div{overflow: hidden;font-family: 'Barlow-BlackItalic';text-transform: uppercase;opacity: 0;}
.HeadlineCopy {overflow: hidden;white-space: nowrap;letter-spacing: 0; }
@keyframes typing {0% { width: 0; opacity: 0;} 1% { opacity: 1; } 100% { width: 100% ;opacity: 1; }}
.index-banner-swiper .swiper-slide-active .title-1 div{animation: typing 1s steps(100, end) forwards;}
.index-banner-swiper .swiper-slide-active .title-2 div{animation: typing 1s 1s steps(100, end) forwards;}
.index-banner-swiper .swiper-slide-active .title-3 div{animation: typing 1s 2s steps(100, end) forwards;}


.index-banner-swiper .swiper-slide .more-1 a,
.index-banner-swiper .swiper-slide .text-3 {transition-delay: 1.5s;transform: translateX(-100%);opacity: 0;}
.index-banner-swiper .swiper-slide-active .more-1 a,
.index-banner-swiper .swiper-slide-active .text-3{transform: translateX(0px);opacity: 1;}
.index-banner-swiper .swiper-slide .index-banner-item.center .more-1 a,
.index-banner-swiper .swiper-slide .index-banner-item.center .text-3,
.index-banner-swiper .swiper-slide .index-banner-item.right .text-3 {transition-delay: 1.5s;transform: translateY(100%);opacity: 0;}
.index-banner-swiper .swiper-slide-active .index-banner-item.center .more-1 a,
.index-banner-swiper .swiper-slide-active .index-banner-item.center .text-3,
.index-banner-swiper .swiper-slide-active .index-banner-item.right .text-3{transform: translateY(0px);opacity: 1;}

.index-banner-item.left,.index-banner-item.right {float: none;}
.index-banner-item.center .text {left: 50%;transform: translate(-50%,-90%);text-align: center;}
.index-banner-item.center .title-1 div,.index-banner-item.center .title-2 div,.index-banner-item.center .title-3 div{clear: both;display: inline-block;font-family: 'Barlow-Bold';}
.index-banner-item.center .text-1 {text-align: center;}
.index-banner-item.center .text .more-1 {margin: 3% auto;}
.index-banner-item.center .text .more-1 a{margin: 0 auto;}
.index-banner-item.right .text {left: auto;right: 9%;text-align: right;}
.index-banner-item.right .title-1 div,.index-banner-item.right .title-2 div,.index-banner-item.right .title-3 div{clear: both;display: inline-block;}
.index-banner-item.right .more-1 a {display: inline-block;}
.index-banner-item.none .text {display: none;}





	
	

.swiper-button {position: absolute;right: 3%;bottom: 5%;z-index: 11;}
.swiper-button .swiper-button-prev,.swiper-button .swiper-button-next {width: 70px;height: 65px;display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;margin:0px 5px;outline: none;}
.swiper-button .swiper-button-prev::before ,.swiper-button .swiper-button-next::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;transform:skewX(340deg);z-index: 1;background: #fff;}
.swiper-button .swiper-button-prev::after ,.swiper-button .swiper-button-next::after {font-size: 16px;font-weight:900;z-index: 11;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;}
.swiper-button .swiper-button-prev {margin-top: 20px;}
.swiper-button .swiper-button-prev:hover::before {background: #ededed;}
.swiper-button .swiper-button-next::before {background: #ca0008;}
.swiper-button .swiper-button-next:hover::before {background: #f4d400;}

.index-banner-swiper .banner-pagination {bottom: 2%;left: 0;width: auto;z-index: 11;color: #fff;width: 100px;text-align: right;}
.index-banner-swiper .banner-pagination span {display: block;padding: 15px 0;position: relative;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current {font-size: 40px;font-family: 'Barlow-Bold';padding-right: 20%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-total {font-size: 20px;font-family: 'Barlow-Bold';padding-right: 40%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current::after {content: '';width: 100%;height: 1px;background: #fff;opacity: .3;position: absolute;bottom:0;left: 0;}


.more-1 {position: relative;display:block;margin: 4% 0;}
.more-1 a {color: #fff;position: relative;display: block;width: 170px;height: 54px;transition:all .8s ease-in-out;}
.more-1 a::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;border: 1px solid #fff;opacity:1;transform:skewX(340deg);z-index: 1; }
.more-1 a::before {content: '';width: 18px;height: 100%;position: absolute;right: -14px;top:-8px;transform:skewX(340deg);z-index: 11;background: #d34248;}
.more-1 a span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-family: 'Barlow-Bold';z-index: 11;width: 100%;text-align: center;}
.more-1 a:hover::after {background: #fff;opacity: 1;}
.more-1 a:hover span {color: #000;}
.more-1 a:hover::before {right: -11px;}


.heasn-title-1 {font-family: 'Barlow-BlackItalic';color: #000;}

.index-heasn-valued {position: relative;overflow: hidden;}
.index-heasn-valued-text {position: absolute;text-align: center;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
.index-heasn-valued-text .title-1 {display: inline-block;}
.index-heasn-valued-text .text-1 {margin-top: 1.5%;}
.index-heasn-valued-text .text-1 strong {font-weight: normal;font-family: 'Barlow-Bold';}
.index-heasn-valued-text .text-1 p {margin: 0;padding: 0;}
.index-heasn-valued .img {background: #fff;}
.graphical {position: absolute;left: 0;top: 0;z-index: 1;}
.graphical i{transform:skewX(340deg);width: 140px;height: 240px;background-image: -webkit-linear-gradient( 90deg, rgb(148,214,106) 0%, rgba(148,214,106,0.2) 100%);opacity: .2;display: block;}
.graphical-1 {left: 29%;top: 30%;}
.graphical-2 {left: 57%;top: 22%;}
.graphical-3 {left: 68.7%;top: 18%;}
.graphical-2 i{width: 240px;height: 400px;}
.graphical-3 i{width: 90px;height: 320px;}

 
.index-about-us {position: relative;}
.index-about-us-main {position: absolute;color: #fff;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;}
.index-about-us-text {color: #fff;width: 40%;left: 10%;top: 10%;position: absolute;z-index: 10;}
.index-about-us-text .title-1{overflow: hidden;color: #fff;}
.index-about-us-text .text-1{margin-top: 2%;overflow: hidden;}
.index-about-us-text .more-1{margin-top: 8%!important;}
.index-about-us-date {position: absolute;left: 10%;bottom: 5%;z-index: 11;width: 80%;}
.index-about-us-date ul {list-style: none;margin: 0;padding: 0;width: 24%;display: inline-block;vertical-align: middle;}
.index-about-us-date ul li{list-style: none;margin: 0;padding: 0;font-family: 'Barlow-BlackItalic';}
.index-about-us-date ul li strong{display: inline-block;vertical-align: middle;}
.index-about-us-date ul li sub{display: inline-block;vertical-align: middle;}
.index-about-us-date ul p{display: block;opacity: .4;margin: 0;padding: 0;}

.index-solution {position: relative;padding: 5% 0 7% 0;overflow: hidden;}
.index-solution-top {position: relative;}
.index-solution-top .title-1{overflow: hidden;}
.index-solution-top .more-1{position: absolute;margin: 0;right: 0;top: 1%;}
.index-solution-top .more-1 a::after {border: 1px solid #d1d1d1;opacity: 1;}
.index-solution-top .more-1 a span {color: #404040;}
.index-solution-top .more-1 a:hover::after {border: 1px solid #d1d1d1;opacity: 1;background: #404040;}
.index-solution-top .more-1 a:hover span {color: #aba93e;}
.index-solution-center {padding-top: 3%;overflow: hidden;} 
.index-solution-nav {font-size: 0;}
.index-solution-nav li {list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;width: 25%;position: relative;}
.index-solution-nav li::after {content: '';width: 1px;height: 60%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #e5e5e5;}
.index-solution-nav a{position: relative;padding: 10% 10%;display: block;}
.index-solution-nav a::after{content: '';width: 100%;height: 2px;position: absolute;left: 0;top: 0;background: #e5e5e5;z-index: 1;}
.index-solution-nav a::before{content: '';width:0;height: 2px;position: absolute;left: 0;top: 0;background: #94d66a;z-index: 2;transition:all .4s ease;}
.index-solution-nav li.cur a::before {width: 100%;}
.index-solution-nav li.cur a span,.index-solution-nav li.cur a i{color: #404040;}
.index-solution-nav span{display: block;font-family: 'Barlow-Bold';color: #999999;}
.index-solution-nav i{font-family: 'Barlow-Bold';position: absolute;right: 10%;top: 50%;transform: translateY(-50%);color: #999999;font-style: normal;}
.index-solution-nav li:first-child a{padding: 10% 0;}
.index-solution-nav li:last-child::befor {width: 0;}
.index-solution-bottom {position: relative;overflow: hidden;}
.index-solution-item {position: relative;overflow: hidden;}
.solution-item-left {position: absolute;left: 0;top: 0;width: 38%;overflow: hidden;background: url('../upload/solutionbg.png') center no-repeat;height: 100%;z-index: 11;background-size: cover;}
.solution-item {padding: 10%;overflow: hidden; }
.solution-item-left .title{color: #fff;margin-top: 2%;}
.solution-item-left .title .num-1{font-family: 'Barlow-BlackItalic';}
.solution-item-left .title .title-1{font-family: 'Barlow-BlackItalic';}
.solution-item-left .class {overflow: hidden;margin-top: 10%;width: 50%;}
.solution-item-left .class li{list-style: none;margin: 0;padding: 2.5% 0;color: #fff;position: relative;}
.solution-item-left .class li a {color: #adacbd;position: relative;display: block;}
.solution-item-left .class li a::after {content: '';width: 7px;height: 12px;position: absolute;right: 0;top: 50%;margin-top: -4px;opacity: .5;background: url('../images/r1.png');}
.solution-item-left .class li a:hover {color: #fff;}
.solution-item-left .class li a:hover::after {opacity: 1;}
.solution-item-right {float: right;width: 62%;position: relative;overflow: hidden;}
.solution-item-right .img{overflow: hidden;background: #e3e3e3;}
.view-more-1 {position: absolute;left: 10%;bottom: 2%;z-index: 11;width: 80%;z-index: 1;}	 
.view-more-1 a{display: block;padding: 5% 0;position: relative;border-top: 2px solid rgba(255,255,255,.2);}	 
.view-more-1 span{color: #fff;font-family: 'Barlow-Bold';}	 
.view-more-1 i{width: 8px;height: 12px;position: absolute;right: 0;top: 50%;background: url('../images/r2.png') center no-repeat;margin-top: -6px;}	 
.view-more-1 a:hover {border-top: 2px solid #aba93e;}
.view-more-1 a:hover span{color: #aba93e;}	 
.view-more-1 a:hover i{background: url('../images/r3.png') center no-repeat;}	 

.index-demo-center {position: relative;overflow: hidden;}
.index-demo-center-main {position: absolute;right: 0;top: 0;width: 44%;z-index: 20;background: #d34248;}
.index-demo-center-main .text{padding: 10%;overflow: hidden;}
.index-demo-center-main .title-1{margin-top: 7%;font-family: 'Barlow-BlackItalic';color: #333;}
.index-demo-center-main .text-1{margin-top: 2%;}
.index-demo-center-main .more-1{margin-top: 12%;}
.index-demo-center-main .more-1 a::after {border: 1px solid #d0ac05;opacity: 1;}
.index-demo-center-main .more-1 a::before {background: #333;}
.index-demo-center-main .more-1 a span {color: #333333;}
.index-demo-center-main .more-1 a:hover::after {border: 1px solid #fff;opacity: 1;background: #fff;}
.demo-center-item {position: relative;float: left;}
.demo-center-item .text {position: absolute;left: 5%;width: 90%;text-align: center;top: 50%;transform: translateY(-50%);color: #fff;z-index: 11;opacity: 0;}
.demo-center-item .title-1 {font-family: 'Barlow-BlackItalic';}
.demo-center-item .text-1 {font-family: 'Barlow-Regular';margin-top: 1%;}
.demo-center-item .img {overflow: hidden;background: #000;}
.demo-center-item .img::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 6;background: #000;opacity: 0;transition:all .4s ease;}
.demo-center-item a:hover .text{opacity: 1;}
.demo-center-item a:hover .img::before  {opacity: .5;}
.demo-center-item.dci1 {width: 56%;}
.demo-center-item.dci2 {width: 44%;}
.demo-center-item.dci3 {width: 34.2%;clear: left;}
.demo-center-item.dci4 {width: 21.8%;}
.demo-center-item.dci5 {width: 44%;float: right;}

.index-news {position: relative;padding: 2% 0 6% 0;overflow: hidden;}
.index-news-top {position: relative;overflow: hidden;}
.index-news-top .title-1{overflow: hidden;padding: 4% 0;}
.index-news-top .more-1{position: absolute;right: 2%;top: 50%;transform: translateY(-50%);margin: 0;}
.index-news-top .more-1 a::after {border: 1px solid #d1d1d1;opacity: 1;}
.index-news-top .more-1 a span {color: #404040;}
.index-news-top .more-1 a:hover::after {border: 1px solid #404040;opacity: 1;background: #404040;}
.index-news-top .more-1 a:hover span {color: #aba93e;}
.index-news-center {overflow: hidden;} 
.latest-news-item {width: 100%;position: relative;overflow: hidden;} 
.latest-news-item .img{float: left;width: 50%;overflow: hidden;} 
.latest-news-item .text{float: right;width: 45%;margin-top: 3%;} 
.latest-news-item .date-1{font-family: 'Barlow-Bold';color: #d34248;} 
.latest-news-item .title-1 {font-family: 'Barlow-Regular';margin-top: 1%;} 
.latest-news-item .text-1 {margin-top: 3%;}
.latest-news-item .jiantou-1 {margin-top: 15%;width: 26px;height: 14px;background: url('../images/r4.png') center no-repeat;filter: grayscale(100%);} 
.latest-news-item a:hover .title-1,.latest-news-item a:hover .text-1{color: #d34248;}
.latest-news-item a:hover .jiantou-1 {filter: grayscale(0);}
.latest-news-item a:hover .pic {transform: scale(1.05);}
.index-news-bottom {clear: both;overflow: hidden;position: relative;margin-top: 1.5%;}
.index-news-bottom-left {float: left;width: 50%;}
.index-news-bottom-left .latest-news-item {float: left;width: 48.5%;}
.index-news-bottom-left .latest-news-item:first-child {margin-right: 3%;}
.index-news-bottom-left .latest-news-item .text,
.index-news-bottom-left .latest-news-item .img {float: none;width: 100%;}
.index-news-bottom-left .latest-news-item .date-1 {margin-top: 5%;}
.index-news-bottom-left .latest-news-item .title-1 {margin-top: 3%;}
.index-news-bottom-right {float: right;width: 48.5%;background: #f7f7f7;overflow: hidden;}
.index-news-bottom-right .latest-news-item {overflow: hidden;}
.index-news-bottom-right .latest-news-item a{display: block;position: relative;overflow: hidden;padding: 4% 0;}
.index-news-bottom-right .latest-news-item a::after {content: '';width: 90%;height: 1px;background: #e0e0e0;position: absolute;left: 5%;bottom: 0;}
.index-news-bottom-right .latest-news-item:last-child a::after {display: none;}
.index-news-bottom-right .latest-news-item .text {width: 90%;margin: auto;float: none;}
.index-news-bottom-right .latest-news-item .date-1{margin-top: 0;color: #1a1a1a;opacity: .6;}
.index-news-bottom-right .latest-news-item .title-1{margin-top: 2%;width:90%;}
.index-news-bottom-right .latest-news-item .jiantou-1{margin: 0;position: absolute;right: 5%;top: 60%;}
.index-news-bottom-right .latest-news-item a:hover {background: #d34248;}
.index-news-bottom-right .latest-news-item a:hover .date-1{color: #1a1a1a;opacity: .6;}



/* about */
.page-banner {position: relative;overflow: hidden;}
.page-banner .img{width: 100%;}
.page-banner .pic {animation: srmgani 4000ms 1 ease forwards;}
.page-banner .text {position: absolute;left: 10%;bottom: 0;width: 80%;z-index: 11;padding: 4% 3%;}
.page-banner .title-1 {color: #fff;font-family: 'Barlow-BlackItalic';position: relative;z-index: 11;}
.page-banner .tuxing-1 {position: absolute;left: 0;bottom: 0%;z-index: 1;width: 240px;height: 347px;}
.page-banner .tuxing-1 i{transform:skewX(340deg);width: 240px;height: 347px;background-image: -webkit-linear-gradient(90deg, rgb(148,214,106) 0%, rgba(148,214,106,0) 100%);display: block;}

.page-about {overflow: hidden;position: relative;padding: 6.3% 0;}
.page-about-top {padding-bottom: 4%;overflow: hidden;position: relative;z-index: 10;}
.page-about-bottom {position: relative;overflow: hidden;z-index: 11;}
.page-about-bottom .img{float: left;width: 74%;}
.page-about-bottom .text{position: absolute;right: 0;bottom: 0;z-index: 11;width: 36%;background: #d34248;padding: 4%;}
.page-about-bottom .title-2{font-family: 'Barlow-Bold';}
.page-about-bottom .text-2{padding-top: 5%;overflow: hidden;}
.page-about-bottom .text-2 hr {background: #000;height: 1px;border: none;margin: 20px 0;}
.page-about .div-content  {position: relative;}
.page-about .div-content .text-img {position: absolute;top: 0;right: 0;width: 65%;z-index: 1;}

.page-company-in-numbers {position: relative;overflow: hidden;background: url('../../about/images/bg1.jpg') center bottom no-repeat;background-size: cover;}
.company-in-numbers-left{float: left;width: 40%;}
.company-in-numbers-right{float: right;width: 50%;margin-top: 1%;}
.company-in-numbers {position: relative;padding-left: 4%;margin-bottom: 10%;overflow: hidden;float: left;width:40%;}
.company-in-numbers::before {content: '';width: 2px;height: 20%;position: absolute;left: 0;top: 0;background: #d34248;z-index: 11;}
.company-in-numbers::after {content: '';width: 2px;height: 100%;position: absolute;left: 0;top: 0;background: #e8e8e8;}
.company-in-numbers .text-1{color: #404040;}
.company-in-numbers .date-2 {font-family: 'Barlow-BlackItalic';color: #404040;}
.company-in-numbers .date-2 strong{font-weight: normal;margin: 0;padding: 0;display: inline-block;vertical-align: middle;}
.company-in-numbers .date-2 sub{display: inline-block;vertical-align: middle;}
.company-in-numbers:nth-child(1) {width: 90%;margin-bottom: 15%;}
.company-in-numbers:nth-child(2) {clear: left;margin-left: 23%;width: 35%;}
.company-in-numbers:nth-child(3) {width: auto;float: right;}

.page-Area-of-sales {position: relative;}
.page-Area-of-sales .text {position: absolute;left: 10%;top: 10%;z-index: 11;width: 80%;height: 80%;}
.page-Area-of-sales .title-1 {width: 40%;color: #fff;}
.page-Area-of-sales .text-1 {width: 45%;color: #fff;position: absolute;right: 0;top: 1%;}
.page-Area-of-sales .date {position: absolute;left: 10%;top:0;z-index: 11;width: 80%;height: 100%;z-index: 12;color: #fff;}
.page-Area-of-sales .date ul {list-style: none;margin: 0;padding: 0;position: absolute;left: 0;top: 0;}
.page-Area-of-sales .date ul li{list-style: none;margin: 0;padding: 0;font-family: 'Barlow-BlackItalic';position: relative;}
.page-Area-of-sales .date ul li i{width: 10px;height: 40px;background: #d34248;position: absolute;left: -25px;top: 55%;transform: translateY(-50%) skewX(340deg);}
.page-Area-of-sales .date ul li strong{display: inline-block;vertical-align: middle;font-weight: normal;margin: 0;padding: 0;}
.page-Area-of-sales .date ul li sub{display: inline-block;vertical-align: middle;}
.page-Area-of-sales .date ul p {display: block;margin: 0;padding: 0;margin-left: 2px;}
.page-Area-of-sales .date ul.date1 {left: 15%;top: 48%;}
.page-Area-of-sales .date ul.date2 {left: 47%;top: 40%;}
.page-Area-of-sales .date ul.date3 {left: 27%;top: 72%;}
.page-Area-of-sales .date ul.date4 {left: 55%;top: 57%;}
.page-Area-of-sales .date ul.date5 {left: 75%;top: 57%;}

.page-our-team {padding: 5% 0;overflow: hidden;}
.page-our-team-top {padding-bottom: 3%;overflow: hidden;}
.page-our-team-bottom {overflow: hidden;}
.our-team-item {float: left;width: 23%;margin-right: 2.5%;margin-bottom: 3%;}
.our-team-item.mr0 {margin-right: 0;}
.our-team-item .img{overflow: hidden;}
.our-team-item .text {overflow: hidden;}
.our-team-item .title-1{position: relative;overflow: hidden;padding: 5% 0;border-bottom: 1px solid #e8e8e8;}
.our-team-item .title-1::after {content: '';width: 10px;height: 30px;background: #feec99;position: absolute;left:8px;top: 55%;transform: translateY(-50%) skewX(340deg);}
.our-team-item .title-1 strong{font-family: 'Barlow-Bold';font-weight: normal;margin: 0;padding: 0;display: block;width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;z-index: 11;}
.our-team-item .title-1 span{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.our-team-item .text-1 {padding-top: 4%;}
.our-team-item .text-1 li{list-style: none;clear: both;overflow: hidden;margin: 0;padding: 1% 0;}
.our-team-item .text-1 li span{display: inline-block;vertical-align: middle;color: #666666;width: auto;float: left;}
.our-team-item .text-1 li span a {color: #666666;}
.our-team-item .text-1 li span:last-child {float: right;text-align: right;}
.our-team-item a:hover .pic{transform: scale(1.05);}





/* solution */
.page-solution {overflow: hidden;padding: 5% 0;}
.page-solution-left {float: left;width: 18%;}
.page-solution-nav {overflow: hidden;}
.page-solution-nav ul{list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #e8e8e8;padding: 9% 0;overflow: hidden;}
.page-solution-nav ul a{display: block;color: #404040;position: relative;}
.page-solution-nav ul a.cur {font-family: 'Barlow-Bold';}
.page-solution-nav ul a.cur::after {content: '';width: 10px;height: 10px;background: url('../images/d2.png') center no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.page-solution-nav ul li{list-style: none;margin: 0;padding: 0;padding: 5% 0 0 0;display: none;}
.page-solution-nav ul li a{color: #666666;padding: 2.2% 0;}
.page-solution-nav ul li a:hover {color: #d34248;text-decoration: underline;}
.page-solution-nav ul.cur a.cur::after {transform: translateY(-50%) rotate(180deg);}
.page-solution-nav ul.cur {border-bottom: 1px solid #000;}
.page-solution-nav ul.cur li {display: block;}
.page-solution-right {float: right;width: 74%;}
.page-solution-list {overflow: hidden;}
.page-solution-item {position: relative;overflow: hidden;margin-bottom: 8%;}
.page-solution-item:last-child {margin-bottom: 1%;}
.page-solution-item a {display: block;}
.page-solution-item .img {float: right;width: 62%;z-index: 1;background: #e3e3e3;}
.page-solution-item .text {position: absolute;left: 0;top: 55%;z-index: 1;width: 43%;z-index: 11;transform: translateY(-50%);}
.page-solution-item .text-1  {color: #d34248;font-family: 'Barlow-BlackItalic';}
.page-solution-item .title-2  {font-family: 'Barlow-BlackItalic';color: #404040;padding-bottom: 5%;position: relative;margin-top: 1%;}
.page-solution-item .title-2::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #000;}
.page-solution-item .text-2  {color: #666666;margin-top: 4%;}
.page-solution-item .text-2 p {margin: 0;padding: 0;}
.page-solution-item .jiantou-1 {width: 26px;height: 14px;background: url('../images/r4.png');margin-top: 10%;}	
.page-solution-item a:hover .title-2,.page-solution-item a:hover .text-2 {color: #d34248;}	 
.page-solution-item a:hover .title-2::after {background: #d34248;}
.page-solution-item a:hover .text {left: 10px;}
.page-solution-item a:hover .img {transform: translateX(-10px);}
.page-solution-item.fr .img{float: left;}
.page-solution-item.fr .text {left: auto;right: 0;}
.page-solution-item.fr .text-1 {padding-left: 20%;}
.page-solution-item.fr .title-2 {padding-left: 20%;}
.page-solution-item.fr .text-2 {padding-left: 20%;}
.page-solution-item.fr .jiantou-1 {margin-left: 20%;}
.page-solution-item.fr a:hover .text {right: 10px;left: auto;}
.page-solution-item.fr a:hover .img {transform: translateX(10px);}



.detail .header {background: #fff;border-bottom: 1px solid #e6e6e6;}
.detail .header .header-logo a{background: url('../images/logo.png') left center no-repeat;background-size: contain;}
.detail .header .header-nav ul li a{color: #1a1a1a;}
.detail .header .header-nav ul li.cur a {color: #d34248;}
.detail .header .header-nav ul li a:hover  {color: #d34248;font-family: 'Barlow-Bold';}
.detail .header .header-nav ul li.cur::after {background: #d34248;opacity: 1;}
.detail .header .header-langtuage-search i img {filter: invert(100%);}
.detail .header .header-langtuage-search  a:hover i img{filter: invert(0);}
.detail .header .header-langtuage-search a::after  {border: 1px solid #e6e6e6;opacity: 1;}
.detail .header .header-langtuage-search a:hover::after {border: 1px solid #d34248;opacity: 1;} 
.detail .header .header-langtuage-search span {color: #1a1a1a;}

 
.page-solution-detail {overflow: hidden;position: relative;background: #f7f7f7;padding-top: 110px;}
.page-solution-detail .div-path {position: relative;margin-left: 3%;}
.div-path {position: relative;}
.div-path a{display: inline-block;vertical-align: middle;position: relative;}
.div-path span {display: inline-block;vertical-align: bottom;font-family: "宋体",Arial, Helvetica, sans-serif;padding: 0 10px;font-size: 13px;font-weight: bold;}
.div-path a:first-child {padding-left: 30px;}
.div-path a:first-child::before {content: '';position: absolute;left: 0;top: 0;background: url('../images/home.png') center no-repeat;width: 20px;height: 18px;}
.div-path a:hover {color: #d34248;}

.solution-main-top {width: 90%;z-index: 111;text-align: center;margin: auto;}
.solution-main-top .text{overflow: hidden;margin-top: 4%;}
.solution-main-top .text-1 {color: #d34248;font-family: 'Barlow-BlackItalic';display: inline-block;opacity: 0;}
.solution-main-top .title-1 {color: #404040;font-family: 'Barlow-BlackItalic';margin-top: -1%;display: inline-block;clear: both;opacity: 0;width: 100%;}
.solution-main-top .btn-2 {margin-top: 2%;opacity: 0;}
.solution-main-top .btn-2 a{display: inline-block;vertical-align: middle;position: relative;margin: 0 10px;width: 170px;height: 54px;line-height: 54px;text-align: left;}
.solution-main-top .btn-2 a::after {content: '';width: 180px;height: 54px;position: absolute;left: 0;top: 0;transform:skewX(340deg);z-index: 1;background: #404040;}
.solution-main-top .btn-2 a span {color: #fff;position: relative;z-index: 11;font-family: 'Barlow-Bold';margin-left: 10%;}
.solution-main-top .btn-2 a i {position: absolute;right: 3%;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;z-index: 10;}
.solution-main-top .btn-2 a:last-child::after {background: #d34248;}
.solution-main-top .btn-2 a:last-child span {color: #000;}
.solution-main-top .btn-2 a:hover::after {background: #262626;}
.solution-main-top .btn-2 a:last-child:hover::after {background: #aba93e;}
.solution-main-top .product {margin-top: -1%;padding-bottom: 2%;overflow: hidden;}
.solution-main-top .product img {max-width: 100%;}

.solution-detail-characteristics {padding: 5% 0;overflow: hidden;position: relative;}
.solution-detail-characteristics .div-content {position: relative;z-index: 10;}
.solution-detail-characteristics-top {text-align: center;}
.solution-detail-characteristics-top .title-1 {display: inline-block;font-family: 'Barlow-BlackItalic';color: #404040;}
.solution-detail-characteristics-center {overflow: hidden;position: relative;margin-top: 4%;margin-bottom: 4%;}
.characteristics-left {float: left;width: 50%;position: relative;overflow: hidden;}
.characteristics-swiper {position: relative;}
.characteristics-bottom-swiper {margin-top: 5px; }
.characteristics-bottom-swiper .swiper-slide .img {background: #fff;cursor: pointer;}
.characteristics-bottom-swiper .swiper-slide .img::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 111;border: 2px solid #aba93e;box-sizing: border-box;opacity: 0;}
.characteristics-bottom-swiper .swiper-slide.swiper-slide-thumb-active .img::before{opacity: 1;}
.characteristics-bottom-swiper .swiper-slide .pic {opacity: .5;}
.characteristics-bottom-swiper .swiper-slide.swiper-slide-thumb-active .pic {opacity: 1;}
.characteristics-right {width: 45%;position: absolute;right: 0;top: 0;height: 100%;}
.characteristics-text-swiper {margin-top: 5%;}
.characteristics-text-swiper .text{position: relative;overflow: hidden;}
.characteristics-text-swiper .text-1{overflow: hidden;}
.characteristics-text-swiper .text-1 li{list-style: none;margin: 0;padding: 0;padding-left: 10px;position: relative;}
.characteristics-text-swiper .text-1 li::before {content: '-';position: absolute;left: 0;top: 1px;font-family: 'Barlow-Regular';}
.bottom-ctrl {border-top: 2px solid #000;overflow: hidden;position: absolute;left: 0;bottom: 0;width: 100%;padding-top: 3%;}
.bottom-ctrl .number-1{display: inline-block;float: left;margin-top: 3%;} 
.bottom-ctrl .number-1 strong{color: #404040;} 
.bottom-ctrl .number-1 span{color: #999999;} 
.bottom-ctrl .prevnext-1{float: right;} 
.swiper-characteristics-next,.swiper-characteristics-prev{width: 60px;height: 55px;position: relative;display: inline-block;vertical-align: middle;text-align: center;margin-right:13px;outline: none;cursor: pointer;} 
.swiper-characteristics-next::after,
.swiper-characteristics-prev::after {content: '';width: 60px;height: 55px;position: absolute;left: 0px;top: 0;transform:skewX(340deg);z-index: 1;background: #404040;}
.swiper-characteristics-next::after {background: #d34248;}
.swiper-characteristics-prev::after {background: #404040;}
.swiper-characteristics-next::before,
.swiper-characteristics-prev::before {content: '';width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
.swiper-characteristics-next::before {background: url('../images/r2.png') center no-repeat;filter:invert(100%);}
.swiper-characteristics-prev::before {background: url('../images/l2.png') center no-repeat;}
.swiper-characteristics-next:hover::after  {background: #aba93e;}
.swiper-characteristics-prev:hover::after  {background: #262626;}
.swiper-characteristics-next {margin-top: -7%;}
.swiper-characteristics-prev {margin-top: 3%;}

.tuxing-2 {position: absolute;right: 19%;bottom: 0%;z-index: 1;width: 340px;height: 547px;}
.tuxing-2 i{transform:skewX(340deg);width: 340px;height: 547px;background-image: -webkit-linear-gradient(90deg, rgb(148,214,106,0.2) 0%, rgba(148,214,106,0) 100%);display: block;}
.tuxing-3 {position: absolute;right: 12.5%;bottom: 16.6%;z-index: 1;width: 140px;height: 447px;}
.tuxing-3 i{transform:skewX(340deg);width: 140px;height: 447px;background-image: -webkit-linear-gradient(90deg, rgb(148,214,106,0.2) 0%, rgba(148,214,106,0) 100%);display: block;}
 
.solution-detail-parameters {background: url('../images/parameters1.jpg') center no-repeat;background-size: cover;padding: 5% 0 5% 0;overflow: hidden;position: relative;}
.solution-detail-parameters-top {position: relative;color: #fff;margin-bottom: 2%;}
.solution-detail-parameters-top .title-1 {font-family: 'Barlow-BlackItalic';}
.solution-detail-parameters-top .parameters-nav {position: absolute;right: 0;bottom: 0;text-align: right;}
.solution-detail-parameters-top .parameters-nav a{color: #fff;opacity: .4;margin-left: 30px;}
.solution-detail-parameters-top .parameters-nav a.cur{opacity: 1;font-family: 'Barlow-BlackItalic';}
.solution-detail-parameters-bottom {border-top: 2px solid #fff;padding-bottom: 3%;}
.parameters-swiper {position: relative;}
.solution-detail-parameters-list {overflow: hidden;margin-top: 2%;overflow-y: auto;height: 600px;}
.parameters-item {float: left;width: 47%;margin-right: 3%;overflow: hidden;position: relative;}
.parameters-item::after {content: '';width: 100%;height: 1px;background: #fff;position:absolute ;left: 0;bottom: 0;opacity: .2;}
.parameters-item::before {content: '';width: 0;height: 1px;background: #aba93e;position:absolute ;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.parameters-item .title-2{color: #fff;opacity: .4;}
.parameters-item .text-2{margin-top: 1.5%;color: #fff;font-family: 'Barlow-Bold';width: 80%;}
.parameters-item .img {background: none;}
.parameters-item .text {position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;width: 100%;}
.parameters-item:hover::before {width: 100%;}

.solution-detail-video {padding: 4% 0;overflow: hidden;}
.solution-detail-video-top {overflow: hidden;padding-bottom: 3%;}
.solution-detail-video-top .title-1 {font-family: 'Barlow-BlackItalic';color: #404040;}
.solution-detail-video-bottom {overflow: hidden;position: relative;}
.solution-detail-video-swiper {position: relative;}
.solution-detail-video-item {position: relative;overflow: hidden;}
.solution-detail-video-item .img{float: left;width: 60%;}
.solution-detail-video-item .play-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;border: 1px solid #fff;cursor: pointer;transition:all .4s ease;}
.solution-detail-video-item .play-1 i{width: 70px;height: 70px;display: block;position: relative;transform: scaleY(0.6);}
.solution-detail-video-item .play-1 i::before {content: '';width: 0;height: 0;border-bottom: 20px solid transparent;border-right: 20px solid #fff;border-left: 0px solid transparent;position: absolute;left: 50%;top: 50%;transform: rotate(45deg);margin-left: -15px;margin-top: -10px;}
.solution-detail-video-item .play-1:hover {background: #aba93e;border: 1px solid #aba93e;}
.solution-detail-video-item .text{position: absolute;right: 0;top: 0;width: 37%;height: 100%;z-index: 1;border-top: 2px solid #e8e8e8;border-bottom: 2px solid #e8e8e8;box-sizing: border-box;}
.solution-detail-video-item .date-1{color: #d34248;font-family: 'Barlow-Bold';margin-top: 5%;}
.solution-detail-video-item .title-1{margin-top: 1%;}
.solution-detail-video-item a:hover .play-1{background: #aba93e;border: 1px solid #aba93e;}
.solution-detail-video-item a:hover .pic {transform: scale(1.05);}
.solution-detail-video-bottom .bottom-ctrl {width: 37%;bottom: 2px;right: 0;left: auto;border-top:none;padding-bottom: 1%;z-index: 111;}

.solution-detail-related {padding: 5% 0;overflow: hidden;}
.solution-detail-related-top {text-align: center;margin-top: 3%;}
.solution-detail-related-top .title-1 {font-family: 'Barlow-BlackItalic';color: #404040;display: inline-block;}
.solution-detail-related-bottom {padding: 3% 0;overflow: hidden;}
.solution-detail-related-swiper {position: relative;}
.solution-detail-related-swiper a{display: block;position: relative;}
.solution-detail-related-swiper .img {position: relative;background: #f1f1f1;}
.solution-detail-related-swiper .text {text-align: center;padding-top: 3%;overflow: hidden;font-family: 'Barlow-BlackItalic';}
.solution-detail-related-swiper .text-1 {color: #d34248;}
.solution-detail-related-swiper .title-1 {color: #404040;margin-top: 1%;}
.solution-detail-related-swiper a:hover .pic{transform: scale(1.05);}





/* news */
.page-news {padding: 5% 0 3% 0;overflow: hidden; }
.page-news-list {position: relative;overflow: hidden;}
.page-news-item {width: 32.44%;position: relative;overflow: hidden;margin-bottom: 1.3%;float: left;margin-right: 1.3%;} 
.page-news-item.mr0 {margin-right: 0;}
.page-news-item .img{overflow: hidden;} 
.page-news-item .text{margin-top: 3%;} 
.page-news-item .date-1{font-family: 'Barlow-Bold';color: #d34248;} 
.page-news-item .title-1 {font-family: 'Barlow-Regular';margin-top: 1%;min-height: 90px;} 
.page-news-item .text-1 {margin-top: 3%;min-height: 120px;}
.page-news-item .jiantou-1 {margin: 5% 0;width: 26px;height: 14px;background: url('../images/r4.png') center no-repeat;filter: grayscale(100%);} 
.page-news-item a:hover .title-1,.page-news-item a:hover .text-1{color: #d34248;}
.page-news-item a:hover .jiantou-1 {filter: grayscale(0);}
.page-news-item a:hover .pic {transform: scale(1.05);}
.page-news-item.pni1 {width: 100%;margin-right: 0;}
.page-news-item.pni1 .img{float: left;width: 50%;}
.page-news-item.pni1 .text{float: right;width: 45%;} 
.page-news-item.pni1 .title-1 {min-height:auto;}
.page-news-list-bottom {padding: 2% 0;overflow: hidden;position: relative;border-top: 1px solid #e8e8e8;}
.page-news-list-bottom .number-1 {overflow: hidden;}
.page-news-list-bottom .number-1 strong{font-weight: normal;margin: 0;padding: 0;display: inline-block;vertical-align: baseline;color: #404040;font-family: 'Barlow-Bold';}
.page-news-list-bottom .number-1 span{display: inline-block;vertical-align: baseline;color: #999999;}
.page-news-list-bottom .prevnext-1 {text-align: right;position: absolute;right: 1%;top: 50%;margin-top: -25px;}
.page-news-list-bottom .prevnext-1 a{display: inline-block;position: relative;vertical-align: middle;margin-left: 5px;}
.page-news-list-bottom .prevnext-1 a i{display: block;width: 60px;height: 55px;position: relative;}
.page-news-list-bottom .prevnext-1 a i::before {content: '';width: 10px;height:10px;top: 50%;transform: translateX(-50%);left: 50%;z-index: 11;position: absolute;margin-top: -5px;}
.page-news-list-bottom .prevnext-1 a i::after {content: '';width: 60px;height: 55px;position: absolute;left: 0px;top: 0;transform:skewX(340deg);z-index: 1;background: #404040;}
.page-news-list-bottom .prevnext-1 a.news-prev:hover i::after{background: #1a1a1a;}
.page-news-list-bottom .prevnext-1 a.news-next:hover i::after{background: #aba93e;}
.page-news-list-bottom .prevnext-1 a.news-prev i::before {background: url('../images/l2.png') center no-repeat;}
.page-news-list-bottom .prevnext-1 a.news-next i::before {background: url('../images/r2.png') center no-repeat;filter: invert(100%);}
.page-news-list-bottom .prevnext-1 a.news-next i::after  {background: #d34248;}

.page-news-detail {overflow: hidden;position: relative;padding-top: 110px;}
.page-news-detail .div-path{position: relative;margin-left: 3%;}
.news-detail-content {padding: 6% 0;overflow: hidden;width: 80%;margin: auto;}
.news-detail-left {float: left;width: 18%;overflow: hidden;}
.news-detail-date {overflow: hidden;margin-top: 5%;border-top: 4px solid #d34248;}
.news-detail-date li{list-style: none;margin: 0;padding: 0;padding: 9% 0;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.news-detail-date li .title-1{color: #999999;}
.news-detail-date li .text-1{margin-top: 2%;color: #1a1a1a;}
.news-detail-date li .share-1{padding: 3% 0;}
.news-detail-right {float: right;width: 75%;overflow: hidden;}
.news-detail-right-top {overflow: hidden;padding-bottom: 3%;}
.news-detail-right-top .title-1{font-family: 'Barlow-BlackItalic';color: #404040;}
.news-detail-right-center {padding: 3% 0;overflow: hidden;position: relative;}


.news-detail-right-bottom {margin-top: 3%;padding: 3% 0 0 0;overflow: hidden;position: relative;border-top: 1px solid #e5e5e5;}
.news-detail-right-bottom a {display: block;float: left;width: 50%;}
.news-detail-right-bottom a:last-child {float: right;text-align: right;}
.news-detail-right-bottom a i{display: inline-block;vertical-align: middle;width: 70px;height: 55px;position: relative;margin: 0 10px;}
.news-detail-right-bottom a i::before {content: '';width: 10px;height:10px;top: 50%;transform: translate(-50%,-50%);left: 45%;z-index: 11;position: absolute;}
.news-detail-right-bottom a i::after {content: '';width: 60px;height: 55px;position: absolute;left: 0px;top: 0;transform:skewX(340deg);z-index: 1;background: #404040;}
.news-detail-right-bottom a span {display: inline-block;vertical-align: middle;width: 70%;overflow: hidden;}
.news-detail-right-bottom a i::before {background: url('../images/l2.png') center no-repeat;}
.news-detail-right-bottom a:last-child i::before {background: url('../images/r2.png') center no-repeat;filter: invert(100%);}
.news-detail-right-bottom a:last-child i::after  {background: #d34248;}
.news-detail-right-bottom a:hover i::after {background: #1a1a1a;}
.news-detail-right-bottom a:last-child:hover i::after {background: #aba93e;}




/* service */
.header-nav-service {width: 80%;margin: auto;padding: 2% 0;overflow: hidden;}
.header-nav-service-left {float: left;width: 26%;}
.header-nav-service-left .img{width: 76%;border-radius:10px;}

.header-nav-service-left .text{padding: 3% 0;}
.header-nav-service-left .text p {margin: 10px 0;}
.header-nav-service-right {float: right;width: 49.33%;}
.header-nav-service-nav {overflow: hidden;margin-top: -3%;font-weight:normal}
.header-nav-service-nav a {display: block;float: left;width: 45%;margin-right: 5%;position: relative;padding:2.5% 0;}
.header-nav-service-nav a span {display: block;font-family: 'Barlow-Bold';color: #404040;position: relative; }
.header-nav-service-nav a span::after {content: '';width: 10px;height: 10px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../images/r6.png') center no-repeat;filter: grayscale(100%);opacity: .3;}
.header-nav-service-nav a::after {content: '';width: 100%;height: 1px;background: #e8e8e8;position: absolute;left: 0;bottom: 0;}
.header-nav-service-nav a::before {content: '';width: 0;height: 1px;background: #d34248;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.header-nav-service-nav a:hover span {color: #d34248;}
.header-nav-service-nav a:hover::before {width: 100%;}
.header-nav-service-nav a:hover span::after {filter: grayscale(0);opacity: 1;}

.page-service {padding: 5% 0;overflow: hidden;}
.page-service-top {text-align: center;}
.page-service-top .title-1 {display: inline-block;}
.page-service-top .text-2 {width: 80%;margin: auto;padding: 2% 0;overflow: hidden;color: #666666;}
.page-service-top .text-2 img {max-width: 100%;}

.page-service-nav {text-align: left;width: 90%;margin: auto;padding: 5% 0;overflow: hidden;}
.page-service-nav a {display: block;float: left;width: 47%;padding: 10px 0;margin: 1%;border: 1px solid #ccc;text-align: center;}
.page-service-nav a.cur {background: #d34248;border: 1px solid #d34248;color: #000;}


/* contact */
.page-contact  {position: relative;overflow: hidden;border-bottom: 1px solid #404040;}
.page-contact .div-path {position: absolute;left: 3%;top: 100px;z-index: 11;color: #fff;}
.page-contact .div-path a:first-child::before {filter: invert(100%);}
.page-contact .div-path a,.page-contact .div-path span {color: #fff;}
.page-contact .title-1 {position: absolute;left: 10%;top: 21%;z-index: 11;color: #fff;font-family: 'Barlow-BlackItalic';}
.contact-item {position: absolute;left: 10%;top: 50%;z-index: 11;}
.contact-item .map-1{text-align: center;}
.contact-item .title-2 {color: #fff;font-family: 'Barlow-BlackItalic';margin-top: 8%;}
.contact-item .text-2 {color: #999999;padding:16px 0;border-bottom: 1px solid rgba(255,255,255,.2);margin-top: -2%;}
.contact-item .add-item {overflow: hidden;padding: 16px 0;}
.contact-item .add-item li{list-style: none;margin: 0;padding: 0;float: left;width: 45%;margin-right: 5%;margin-bottom: 3%;}
.contact-item .add-item li span{display: block;color: #fff;}
.contact-item .add-item li span:first-child {color: #999999;}
.contact-item.caddi-1 {left: 14%;top: 63%;}
.contact-item.caddi-2 {right: 18%;top: 20%;left: auto;}
.detail.bgnone .header{background: none;}
.detail.bgnone .header.black,.detail.bgnone .header.scroll-down,.detail.bgnone .header.scroll-up {background: #fff;}
.page-contact.black .div-path a:first-child::before {filter: invert(0);}
.page-contact.black .div-path a,.page-contact.black .div-path span,.page-contact.black .title-1,.page-contact.black .contact-item .title-2,.page-contact.black .contact-item .add-item li span   {color: #1a1a1a;}
.page-contact.black .contact-item .add-item li span:first-child,.page-contact.black .contact-item .text-2 {color: #666666;}
.page-contact.black .contact-item .text-2 {border-bottom: 1px solid rgba(0,0,0,.1);}





 
/* other */


.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:0;top:0;background: url('../images/cc.png') center no-repeat #fff; transition-duration: 0.5s;}
.closed:hover {opacity: 0.5;}



.getprice-windows {margin-top: 110px;overflow: hidden;padding: 4% 0;}
.getprice-windows-content {width: 70%;margin: auto;min-height: 500px;}
.getprice-contact-information {overflow: hidden;}
.product-information {overflow: hidden;padding: 3% 0;}
.add-products-type-swiper .add-products a{display: block;}
.add-products-type-swiper .swiper-slide {width: auto;}
.add-products {overflow: hidden;margin-bottom: 1%;}
.add-products a{display: block;width: 150px;line-height: 50px;border: 1px solid #aba93e;text-align: center;float: left;margin-right: 5px;}
.add-products a:hover,.add-products.cur a{background: #aba93e;color: #fff;}
.products-list-return {overflow: hidden;}
.products-getprice-item {float: left;width: 13.4%;position: relative;margin-right: 1%;margin-bottom: 1%;overflow: hidden;}
.products-getprice-item.mr0 {margin-right: 0;}
.products-getprice-item .text{padding-top: 4%;overflow: hidden;}
.products-getprice-item .text-1 {color: #000;}
.products-getprice-item .title-2 {color: #999999;margin-top: 1%;}
.products-getprice-item .img {background: #e0e0e0;}
.products-getprice-item a {display: block;position: relative;overflow: hidden;padding: 4%;border: 1px solid #e3e3e3;opacity: .5;}
.products-getprice-item a img {filter: grayscale(100%);}
.products-getprice-item.cur a{border: #aba93e 1px solid;opacity: 1;}
.products-getprice-item.cur img {filter: grayscale(0);}
.products-getprice-item.cur .close-2 {display: block;}
.products-getprice-item a:hover {border: 1px solid #aba93e;opacity: 1;}
.products-getprice-item a:hover img {filter: grayscale(0);}
.getprice-windows .title-1{font-weight: bold;}
.contact-information-from {overflow: hidden;}
.contact-information-from li{list-style: none;margin: 0;padding: 0;margin: 1% 0;}
.contact-information-from .input-1,.contact-information-from .textarea-1{border: 1px solid #e3e3e3;padding: 15px 20px;width: 100%;box-sizing: border-box;color: #000;}
.contact-information-from .input-1:focus,.contact-information-from .textarea-1:focus {border: 1px solid #000;}
.contact-information-from .textarea-1{min-height: 100px;}
.contact-information-from .submission-1 {display: block;width: 100%;background: #aba93e;color: #fff;padding: 15px 0;text-align: center;}
.contact-information-from .submission-1:hover {background: #d34248;}
.close-2 {width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 11;cursor: pointer;display: none;}
.close-2 i{display: block;width: 30px;height: 30px;position: relative;;background: #aba93e;break-before: 0;}
.close-2 i::after {content: '';width: 20px;height: 2px;position: absolute;left: 50%;top: 50%;margin: -1px 0 0 -10px;background: #000;transform: rotate(45deg);transition:all .4s ease;}
.close-2 i::before {content: '';width: 2px;height: 20px;position: absolute;left: 50%;top: 50%;margin: -10px 0 0 -1px;background: #000;transform: rotate(45deg);transition:all .4s ease;}
.close-2 i:hover::before,.close-2 i:hover::after  {transform: rotate(225deg);}
.add-products-content {overflow: hidden;padding-bottom: 1%;}
.add-products-type {margin-bottom: 1%;font-size: 0;}
.add-products-content a{display: inline-block;vertical-align: middle;border: 1px solid #e3e3e3;padding: 10px 10px;text-align: center;color: #999;margin-right: 5px;}
.add-products-content a.cur,.add-products-content a.cur:hover,.add-products-type-swiper .swiper-slide-thumb-active a {background: #aba93e;border: 1px solid #aba93e;color: #fff;opacity: 1;}
.add-products-content a:hover {border: 1px solid #000;color: #000;}
.add-products-nav {margin-bottom: 1%;font-size: 0;}
.getprice-products-list {overflow: hidden;opacity: 0;z-index: -1;position: relative;}
.products-type-swiper .swiper-slide-active .getprice-products-list {opacity: 1;z-index: 11;position: relative;}
.select-product-content {overflow: hidden;height: 0px;}
.select-product-content.cur {height: auto;}
.currently-selected-products .products-getprice-item a img {filter: grayscale(0);}
.currently-selected-products .products-getprice-item a {border: 1px solid #e3e3e3;opacity: 1;}



/* menu */
.menu-toggle {display: none;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 0;top: 5px;display: none;z-index: 111;}
.cd-nav-trigger {display: block;width: 40px;height: 40px;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;background: #000;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #000;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #000;}




.aside-top {position: fixed; width: 50px;bottom:10%;right:1.5%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #e2f1d5 url('../images/top2.jpg') no-repeat center;background-size: 100%;}
.aside-top a:hover {background: #e2f1d5 url('../images/top1.jpg') no-repeat center;background-size: 100%;}





@keyframes biginsmall{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(1.1);opacity: 1;}100%{transform:scale(1.0);opacity: 1;}}
.biginsmall{-webkit-animation-name:biginsmall;animation-name:biginsmall;-webkit-animation-duration:1.9s;animation-duration:1.9s}

@keyframes fadeInBigs{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(1.0);opacity: 0;}100%{transform:scale(1.1);opacity: 1;}}
.fadeInBigs{-webkit-animation-name:fadeInBigs;animation-name:fadeInBigs;-webkit-animation-duration:.9s;animation-duration:.9s}
@keyframes dazhis{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{width: 0; opacity: 0;}1% { opacity: 1; }100%{width: 100% ;opacity: 1; }}
.dazhis{animation: dazhis 1s steps(100, end) forwards;overflow: hidden;white-space: nowrap;letter-spacing: 0; }

@keyframes dazhi{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{width: 0; opacity: 0;}1% { opacity: 1; }100%{width: 100% ;opacity: 1; }}
.dazhi{animation: dazhi 2s steps(100, end) forwards;overflow: hidden;white-space: nowrap;letter-spacing: 0;opacity: 0; }



@keyframes fadeinrt{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:translate(-100px,300px);opacity:0;}100%{transform:translate(0px,0px);opacity: 1;}}
.fadeinrt{-webkit-animation-name:fadeinrt;animation-name:fadeinrt;-webkit-animation-duration:0.9s;animation-duration:0.9s}





@media screen and (max-width: 5120px) { 
	.news-detail-right-center img {max-width: 100%;}
<!--	.wow {opacity: 0;}-->
	.index-heasn-valued-text .text-1,.index-about-us-text .text-1 p,.page-solution-item .text-2 p,.page-about-bottom .text-2 p {margin: 0;padding: 0;}
	.characteristics-swiper .img{background: none;}
}
@media screen and (max-width: 3840px) { 

}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	 
	.HeadlineCopy {line-height: 80px;}
	.news-detail-right-center * {font-size: 16px;line-height: 26px;}
	.news-detail-right-center a {text-decoration: none;color: #1a1a1a;}
	.news-detail-right-center a * {color: #1a1a1a;}
}
@media screen and (max-width: 1680px) { 
	.header-content {height: 80px;}

	.header-nav-show-content {margin-top: 80px}
	.page-solution-detail {padding-top: 100px;}
	.langtuage-1 a,.langtuage-1 a::after {width: 120px;height: 45px; padding-top:0px;}
	.search-1 a,.search-1 a::after {height: 45px; padding-top:12px;}
	.header-nav ul li {padding: 0 10px;}
	.more-1 a {width: 150px;height: 50px;}
	.more-1 a::before {width: 15px;}
	.swiper-button .swiper-button-prev, .swiper-button .swiper-button-next,
	.swiper-button .swiper-button-prev::before,.swiper-button .swiper-button-next::before {width: 50px;height: 55px;}
	.swiper-button .swiper-button-prev::after, .swiper-button .swiper-button-next::after {font-size: 12px;}
	.index-banner-swiper .banner-pagination span.swiper-pagination-current {font-size: 30px;}
	.HeadlineCopy {line-height: 70px;}
	.graphical1 i {width: 120px;height: 220px;}
	.graphical-2 i {width: 220px;height: 380px;}
	.graphical-3 i {width: 70px;height: 300px;}
	.graphical-3 {left: 70%;}
	.page-banner .tuxing-1,.page-banner .tuxing-1 i {width: 220px;height: 327px;}
	.page-about .div-content .text-img {width: 60%;}
	.solution-main-top .btn-2 a {width: 160px;height: 50px;line-height: 50px;}
	.solution-main-top .btn-2 a::after {width: 160px;height: 50px;}
	.characteristics-text-swiper {margin-top: 0;}
	.swiper-characteristics-next, .swiper-characteristics-prev,.swiper-characteristics-next::after, .swiper-characteristics-prev::after {width: 50px;height: 45px;}
	.solution-detail-parameters-list {height: 550px;}
	.news-detail-right-bottom a i {width: 60px;height: 45px;margin: 0 4px;}
	.news-detail-right-bottom a i::after {width: 50px;height: 45px;}
	.news-detail-right-bottom a:first-child {margin-left: 10px;}
	.langtuage-show a {width: 80%;height: auto;line-height: 40px;}
	.page-news-item .title-1 {min-height: auto;}
	.news-detail-right-center * {font-size: 16px;line-height: 24px;}
	.solution-item-left .class {width: 100%;} 
	.solution-item-left .class li {padding: 1.1% 0;}
}
@media screen and (max-width: 1440px) { 
	.graphical-3 {left: 72%;top: 13%;}
	.index-heasn-valued-text {width: 80%;}
	.more-1 a {width: 140px;height: 40px;}
	.index-news-bottom-right .latest-news-item .title-1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 80%;}
	.page-banner .tuxing-1,.page-banner .tuxing-1 i {width: 200px;height: 307px;}
	.our-team-item .text-1 li span {width: auto;}
	.our-team-item .text-1 li span:last-child {float: none;text-align: left;}
	.solution-main-top .btn-2 a {width: 150px;height: 40px;line-height: 40px;margin: 0 3px;}
	.solution-main-top .btn-2 a::after {width: 150px;height: 40px;}
	.tuxing-2 {right: 19%;width: 240px;height: 427px;}
	.tuxing-2 i,.page-banner .tuxing-1 i,.tuxing-3 i,.page-news-list-bottom .prevnext-1 a i::after,.langtuage-1 a::after,.swiper-button .swiper-button-prev::before, .swiper-button .swiper-button-next::before {width: 100%;height: 100%;}
	.tuxing-3 {width: 110px;height: 417px;}
	.page-news-list-bottom .prevnext-1 a i {width: 50px;height: 45px;}
	.news-detail-right-center * {font-size: 15px;line-height: 23px;}
	.page-news-item .title-1.clamp3 {-webkit-line-clamp: 2;}
	.page-news-item .text {margin-top: 0;}
}
@media screen and (max-width: 1366px) { 
	.langtuage-1 a {width: 130px;height: 45px;}
	.langtuage-show a {width: 80%;height: auto;line-height: 35px;}
	.HeadlineCopy {line-height: 50px;}
	.swiper-button .swiper-button-prev, .swiper-button .swiper-button-next {height: 50px}
	.solution-detail-parameters-list {height: 520px;}
	.news-detail-right-center * {font-size: 14px;line-height: 22px;}
	
}
@media screen and (max-width: 1280px) { 
	.header-langtuage-search span {font-size: 14px;}
	.solution-item {padding: 5% 10%;}
	.solution-item-left .class {margin-top: 5%;width: 80%;}
	.solution-item-left .class li {padding: 1.5% 0;}
	.header-nav-solution-item {width: 20%;}
}
@media screen and (max-width: 1152px) { 
	.index-about-us-text {left: 5%;}
	.index-about-us-date,.page-Area-of-sales .text {left: 5%;width: 90%; }
	.div-content,.footer-content,.news-detail-content {width: 90%;}
	.solution-detail-parameters-list {height: 500px;}
	.page-contact .title-1 {left: 5%;top: 25%;}
	.contact-item.caddi-2 {top: 15%;}
	.news-detail-right-center * {font-size: 13px;line-height: 21px;}
}
@media screen and (max-width: 1024px) {
	.div-content,.footer-content,.news-detail-content {width: 94%;}
	.news-detail-right-center * {font-size: 12px;line-height: 20px;}
}
@media screen and (max-width: 860px) {
	.pcshow ,.aside-top a,.index-solution-nav i,.demo-center-item.dci2,.page-about .div-content .text-img,.header-nav-show ,.header-nav-show-mark{display: none!important;}
	.mbshow,.menu-toggle{display: block!important;} 
	.header-logo {width: 30%;}
	.header-right {position: fixed;right: 0;display: block;background: #fff;transform: translateX(100%);}
	.no-touch .header-right {transform: translateX(0);}
	.header-nav ,.header-nav ul li{display: block;}
	.header-nav ul {padding-top:0px;border-bottom: 1px solid #f1f1f1;margin-top: 50px;}
	.header-nav ul li {padding: 1% 15px;border-top: 1px solid #f1f1f1;}
	.header-nav ul li::after {display: none;}
	.header-nav ul li a {line-height: 30px;color: #000;font-size:15px;}
	.header-langtuage-search {display: block;margin-left: 0px;}
	.header-langtuage-search span {color: #000;}
	.header-langtuage-search i img {filter: invert(100%);}  
	.header-langtuage-search {margin-top: 5%;}
	.header-content {height: 50px;}
	.index-banner-swiper .title-1 div, .index-banner-swiper .title-2 div, .index-banner-swiper .title-3 div{font-size: 24px;}
	.HeadlineCopy {line-height: 30px;}
	.index-banner-swiper .text {width: 90%;left: 5%;}
	.no-touch .header-logo a { background: url('../images/logo.png') left center no-repeat;background-size: contain;}
	.search-content-show {width: 100%;background: #fff;padding: 0 5%;box-sizing: border-box;}
	.search-input {padding: 0 10%;border-bottom:none;}
	.index-heasn-valued .img ,.page-contact .div-path{display: none;}
	.index-heasn-valued-text {position: relative;left: auto;top:auto;transform: none;margin: auto;width: 90%;}
	.index-heasn-valued-text .title-1,.index-demo-center-main .title-1 {font-size: 22px;white-space: nowrap;}
	.dazhis { white-space: normal;}
	.graphical-1 {left: 5%;top: 30%;}
	.graphical-1 i {width: 50px;height: 140px;}
	.graphical-2 {left: 57%;top: 22%;}
	.index-about-us-text,.page-service-top .text-2 {width: 90%;}
	.index-about-us-date {font-size: 0;}
	.index-about-us-date ul {width: 25%;}
	.index-about-us-date ul li sub {font-size: 24px;}
	.index-about-us-date ul p {font-size: 12px;min-height: 30px;}
	.index-solution-top .more-1 {right: 3%;}
	.index-solution-nav,.index-news-bottom,.index-news-bottom-right,.footer-content-top-right,.company-in-numbers-right {margin-top: 5%;}
	.page-solution-right,.solution-main-top .text {margin-top: 10%;}
	.page-solution-item .img {margin: 5% 0;}
	.index-solution-nav li {width: 50%;}
	.index-solution-nav li:nth-child(3) a {padding: 10% 10% 10% 0;}
	.solution-item-left {position: relative;left:auto;top: auto;width: 100%;}
	.view-more-1 {position: relative;left: auto;bottom: auto;margin-top: 5%;}
	.more-1 a {width: 100px;height: 30px;}
	.more-1 a span {text-align: center;width: 100%;}
	.index-solution-top .more-1 {top: 10%; }
	.index-demo-center-main {position: relative;right: auto;top:auto;width: 100%;}
	.index-news-top .more-1 {margin-right: 3%;}
	.footer {padding: 10% 0 5% 0;}
	.footer-social {text-align: left;position: relative;right: auto;width: 100%;margin-top: 5%;}
	.footer-link {position: relative;right: auto;top: auto;transform:none}
	.footer-social li {margin: 0 7px 0 0;}
	.index-banner-swiper .banner-pagination {width: 60px;bottom: 3%;}
	.index-banner-swiper .banner-pagination span {padding: 10px 0;}
	.index-banner-swiper .banner-pagination span.swiper-pagination-current {font-size: 20px;}
	.index-banner-swiper .banner-pagination span.swiper-pagination-total {font-size: 14px;}
	.more-1 a::before {width: 10px;right: -10px;top: -5px;}
	.page-banner .tuxing-1{width: 80px;height: 117px;}
	.page-banner .tuxing-1 i  {width: 100%;height: 100%;}
	.page-banner .pic img {max-width: 200%;width: 200%;}
	.page-about-bottom .text {position: relative;right: auto;bottom:auto;width: 100%;padding: 5%;box-sizing: border-box;}
	.company-in-numbers:nth-child(2) {margin-left: 0;}
	.page-Area-of-sales .text-1 {width: 100%;position: absolute;left: 0;top: 12%;right: auto;}
	.page-Area-of-sales .date ul.date2 {left: 77%;}
	.page-Area-of-sales .date ul.date1 {left: 5%;top: 42%;}
	.page-Area-of-sales .date ul.date4 {left: 20%;top: 60%;}
	.page-Area-of-sales .date ul.date3 {top: 77%;}
	.our-team-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
	.heasn-title-1 {display: block;width: 100%;white-space: nowrap;}
	.page-solution-item .text {position: relative;left:auto;top:auto;width: 100%;transform:none;overflow: hidden;}
	.page-solution-item a:hover .img,.page-solution-item.fr a:hover .img {transform: none;}
	.page-solution-item a:hover .text ,.page-solution-item.fr a:hover .text{left:auto;right: auto;}
	.page-solution-item.fr .text-1,.page-solution-item.fr .title-2,.page-solution-item.fr .text-2,.page-solution-item.fr .jiantou-1 {padding-left: 0;margin-left: 0;}
	.page-solution {padding: 5% 0 15% 0;}
	.page-solution-detail,.page-news-detail {padding-top: 60px;}
	.news-detail-date li {border: none;}
	.page-solution-detail .div-path a:last-child,.parameters-item .img,.news-detail-date li:nth-child(2),.news-detail-date li:nth-child(3),.news-detail-right-bottom a span {display: none;}
	.div-path span {padding: 0 5px}
	.solution-main-top .product {margin-top: 0;padding: 5% 0;overflow: hidden;}
	.solution-main-top .text-1 {font-size: 18px;}
	.solution-main-top .title-1 {font-size: 24px;}
	.characteristics-right {width: 100%;position: relative;right: auto;top:auto;height: 100%;}
	.bottom-ctrl {position: relative;}
	.solution-detail-parameters-top .parameters-nav {position: relative;right:auto;bottom: auto;text-align: left;padding: 5% 0 2% 0;overflow: hidden;}
	.solution-detail-parameters-top .parameters-nav a {margin-left:0px;margin-right: 10px;}
	.solution-detail-parameters-bottom {padding-top: 1%;}
	.solution-detail-parameters-list {height: auto;overflow: hidden;}
	.parameters-item {float: none;width: 100%;margin-right: 0;margin-bottom:0;}
	.parameters-item .text {position: relative;left:auto;top:auto;transform:none;width: 100%;padding: 5% 0;overflow: hidden;}
	.solution-detail-video-item .text {position: relative;right:auto;top: auto;width: 100%;height: 100%;padding: 5% 0;margin-top: 5%;}
	.solution-detail-video-bottom .bottom-ctrl {width:100%;margin-top: 10%;}
	.solution-detail-related {padding-bottom: 15%;}
	.page-banner .title-1.font80  {font-size: 24px;line-height: 26px;white-space:normal; }
	.page-news-item {width: 100%;margin-bottom: 4%;float: none;margin-right: 0;}
	.page-news-list-bottom,.search-content-nav,.search-result {padding: 5% 0;}
	.news-detail-content {padding: 6% 0 16% 0;}
	.page-contact .title-1 {top: 15%;}
	.contact-item.caddi-2 {top: 25%;left: 5%;right: auto;width: 90%;}
	.contact-item.caddi-1 {left: 5%;top: 70%;}
	.solution-result-item {float: none;width: 100%;margin-right:0;margin-bottom: 5%;}
	.index-about-us-date ul li strong {font-size: 24px;}
	.index-news-bottom-left {overflow: hidden;}
	.characteristics-right {margin-top: 5%;}
	.page-news-item .title-1.clamp2 {display:block;-webkit-line-clamp:none;-webkit-box-orient:none;overflow: hidden;}
	.page-news-item .title-1.clamp3 {display:block;-webkit-line-clamp: none;-webkit-box-orient: none;overflow: hidden;}
	.page-news-detail .div-path {display: flex;}
	.page-news-item .title-1 {min-height: none;} 
	.news-detail-right-bottom a {width: auto;}
	.solution-main-top .title-1 {display: block;overflow: visible;white-space: normal;animation: none;opacity: 1;}
	.solution-main-top .btn-2 {margin-top: 5%;}
	.news-detail-right-center img {height: auto!important;}
	.news-detail-right-center * {font-size: 14px;line-height: 24px;}

	.getprice-windows {margin-top: 50px;padding: 4% 0;}
	.getprice-windows-content {width: 90%;}
	.products-getprice-item {width: 31%;margin: 1%;}


	.index-heasn-valued,.index-solution,.index-news,.page-about,.page-our-team,.solution-detail-characteristics,.page-service,
	.solution-detail-parameters,.solution-detail-video{padding: 15% 0;overflow: hidden;}
	.solution-item-left .class,.view-more-1,.solution-item-right,.demo-center-item.dci1,.index-news-bottom-left,.index-news-bottom-right,.footer-content-top-left,.footer-content-top-right,.demo-center-item.dci2,.demo-center-item.dci3,.demo-center-item.dci4,.page-about-bottom .img,.company-in-numbers-left,.company-in-numbers-right,.page-news-item.pni1 .text,.news-detail-left,.news-detail-right,.demo-center-item.dci5,.latest-news-item .img,.latest-news-item .text,.page-Area-of-sales .title-1,.page-solution-left,.page-solution-right,.page-solution-item .img,.characteristics-left,.parameters-item .text-2,.solution-detail-video-item .img,.page-news-item.pni1 .img,.search-content {width: 100%;float: none;}
	.header.scroll-down .menu-toggle span.hamburger,.header.scroll-top .menu-toggle span.hamburger,.detail .header .menu-toggle span.hamburger,
	.header.scroll-down .menu-toggle span.hamburger:after,.header.scroll-top .menu-toggle span.hamburger:after,.detail .header .menu-toggle span.hamburger:after,
	.header.scroll-down .menu-toggle span.hamburger:before,.header.scroll-top .menu-toggle span.hamburger:before,.detail .header .menu-toggle span.hamburger:before {background: #000;}



.langtuage-1{display:none;}
.search-1{display:none;}

.mmo{display:block; }


.index-banner-swiper {width: 100%;height:500px!important;position: relative;} 
.index-banner-swiper .text {top:60%;}

.img img,.pic img {max-width: 100%;max-height:500px;}









 .ind212{width:100%; float:left; background:url(../images/a14.png) no-repeat right; padding: 20px 0 20px 0; }
    .ind2{width:90%;margin:auto}
    .ind2-b1{height: 230px;position: absolute;top: 0;right: 0;}
    .ind2-b2{height: 277px;position: absolute;bottom: 0;left: 0;}
    .ind2-b3{height: 604px;position: absolute;bottom: 35px;right: 0;}
    .ind2-a{margin: 0  auto;position: relative;}
	
	  .ind2-a12{float: left; width:35%; padding-top:15px; }
	   .ind2-a12 img{ width:100% ; height:350px;border-radius:10px;}
    .ind2-a1{float: left; width:100%;}
    .ind2-a2{ font-size:20px; color:#b80000; text-transform:uppercase; text-align:center}
	
    .ind2-a3{font-size: 20px;line-height: 30px;font-weight: bold;margin-top:0px;color:#b80000;padding-bottom:10px;text-align:center}
    .ind2-a4{font-size: 22px;line-height: 20px;color: #b80000;font-weight:normal;margin-top: 8px;}
    .ind2-a5{font-size: 14px;line-height:22px;color: #2a2a2a;margin-top:0px; text-align:center;}
	


.date-item-2 { margin:auto;width:100%;}

.date-item-1 {float: left;overflow: hidden; position: relative;border-top: 0px solid #e8e8e8;padding-top:3%;margin-right:8%; margin-left:8%;margin-bottom:0%;}
.date-item-1 h3{color: #137ccd;font-weight: normal;display: inline-block;vertical-align: top;margin: 0;padding: 0;}
.date-item-1 h3 strong{font-family: 'Oswald-Bold';font-size:45px;line-height:50px;display: inline-block;vertical-align: text-top;font-weight: normal;}
.date-item-1 h3 sup{font-size: 16px;display: inline-block;vertical-align: text-top;margin-left: 5px; padding-top:22px;}
.date-item-1 span{display: block;vertical-align:top;margin-left: 0px;color: #999999;}


.date-item-1:nth-child(4){float:right;;overflow: hidden; position: relative;border-top: 0px solid #e8e8e8;padding-top:3%;margin-right:8%; margin-left:8%;margin-bottom:0%;}





 .bot { width:100%;  margin-top:20px; float:left;  box-shadow: 0px 0px 20px 0px rgba(5, 5, 5, 0.08); margin-bottom:20px }
 .bot .img2{display: none;}
 .bot li{width: 33.333%;float: left;height:75px;text-align: center;background: #137ccd!important;position: relative;cursor: pointer; color: #FFFFFF;}
 .bot li .bot-li{position: absolute;top:50%;transform: translate(-50%,-50%);left:50%;text-align:center; width: fit-content;padding-left:0px; width:100%}
 .bot-li img{position: absolute;top: 15%;transform: translateY(-30%);left: 0; width:30px; left:35%}
 .bot li p{margin-bottom: 0;color: #FFFFFF;}
 .bot li:hover{background: #137ccd!important; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
 .bot li:hover .img2{display: none;float: left;}
 .bot li:hover .img1{display:inline-block;float: left;}
 .bot li:hover p, .bot li:hover h6{color: #FFFFFF;}
.h3-size30 {color:#fff}

 .bot li:nth-child(2){background: #1e86d6!important;}


.bot li p {margin-bottom: 0; color: #fff; font-size:12px; margin-top:0px; font-family:Arial, Helvetica, sans-serif;display:none; }

.bot li .bot-li h6{ font-size:14px; line-height:20px; padding:0px; margin:0px; font-weight:400; padding-top:30px;}
 .ind2-a6 {width: 100%;height:auto;border-top: 1px solid #0082a1;border-bottom: 1px solid #0082a1;margin-top:0px; padding: 0 20px 0 5px; font-size:14px; color:#fff!important; margin:auto ; text-align:center; float:left ;}










.met-index-product{  width:100%; float:left; padding-bottom:0px;padding-top:15px;}
.met-index-body h2{width:100%; float:left; text-align:center}
.met-index-body h2{font-size:20px;font-weight:bold;font-stretch:normal;letter-spacing:2px;color:#333333;margin-bottom:0}
.met-index-body p.desc{font-size:15px;font-weight:bold;font-stretch:normal;line-height:38px;letter-spacing:0px;color:#ddd}


.met-index-product .more-btn{ position:absolute; bottom:20px; left:50%; width:150px; margin-left:-75px; padding:8px 15px; color:#0755db; border:1px solid #0755db; border-radius:3px; transition:.5s; z-index:1}
.met-index-product .more-btn:hover{ color:#fff;border-color:#1277bb; background-image:linear-gradient(to right,#1277bb,#192275)}
.met-index-product p.desc{ font-size:20px}


.met-index-product-category{ width:90%; margin:auto; padding-top:20px;}
.met-index-product-category li .met-index-product-catename{ transition:.5s;}
.met-index-product-category li .met-index-product-catenamemark{ transition:.5s}
.met-index-product-category li:hover .met-index-product-catename{ padding-left:0px}
.met-index-product-category li:hover .met-index-product-catenamemark{ padding-left:0px}
.met-index-product-category li:hover a .view{ border:0px solid #d34248; transition:.5s; width:100px;}
.met-index-product-category li:hover a .view span{ left:-15px}
.met-index-product-category li:hover a .view-middle{ color:#fff; background:#d34248; border:0px solid #d34248; transition:.5s}
.met-index-product-category li:hover a .white-line{ display:none}
.met-index-product-category li:hover a .desc{ left:20px}
.met-index-product-category li:hover a .cover-bg{ left:0; bottom:0}
.met-index-product .container{ position:relative}
.met-index-product .container .more-btn{ position:absolute; right:0; top:0px; color:#B6B6B7; padding:8px 25px; transition:.5s; border-radius:3px}.met-index-product .container .more-btn:hover{ background:#0375c4; color:#fff; border-color:#759FE4}
.met-index-product-category li{ list-style-type:none; width:100%; height:280px; float:left; overflow:hidden;border-radius:8px; margin-right:0%; margin-bottom:5px;}
.met-index-product-category li a{ position:relative; display:block; padding:0px}
.met-index-product-category li a p{ position:absolute; color:#ffffff}
.met-index-product-category li a p.met-index-product-cateno{ top:3%; left:20px; font-size:40px; font-weight:bold;}
.met-index-product-category li a p.met-index-product-catenamemark{ top:18%; left:20px; font-size:12px}
.met-index-product-category li a p.met-index-product-catename{ top:13%; left:20px; font-size:16px; line-height:24px; text-align:left}

.met-index-product-category li a .cover-bg{position:absolute; width:calc(100% - 0px); height:calc(100% - 110px); background:#181a1d; opacity:1; transition:1.5s; left:0; bottom:2%;
border-top-left-radius:0;
border-top-right-radius:8%;
border-bottom-left-radius:0;
border-bottom-right-radius:0px
}









.lian-index-news3{background:#f8f8f8; width:100%; float:left; padding-bottom:0px; padding-top:20px;}
.lian-index-news {width:88%; margin:auto; }
.lian-index-news-top { width:100%; float:left; padding-top:15px;}
.lian-index-news-top .title-11 { font-size:20px; font-weight:900;padding-bottom:20px; width:70%; float:left}
.lian-index-news-top .lian-more{ float:right; border:#cb0000 solid 0px; width:60px; line-height:22px; font-size:12px; text-align:center; margin-top:5px; background:#a81117;border-radius:20px; color:#fff}

.lian-index-news-item5 {float: left;width:100%;}
.lian-index-news-bottom { width:100%; float:left}
.lian-index-news-item {float: left;width:100%;border-bottom: 1px solid #e5e5e5; }
.lian-index-news-item a {display: block;position: relative;overflow: hidden;}
.lian-index-news-item .img {float: left;width:100%;background-color: #fff; overflow:hidden; height:130px;border-radius:5px;}
.lian-index-news-item .img img{width:100%!important; height:130px!important;}
.lian-index-news-item .text {float: left;width: 100%; padding-top:15px;}
.lian-index-news-item .data-1 {margin-top: 1%;color: #999999;}
.lian-index-news-item .title-1 {margin-top: 2%; font-size:15px; font-weight:900;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.lian-index-news-item .text-1 {color:#666666; font-size:14px; line-height:20px; padding-top:8px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; margin-bottom:15px;}
.lian-index-news-item .viewmore-2 {position: absolute;left: 38%;bottom: 15%;}

.lian-index-news-item:last-child{float: right;}


.lian-index-news-item6{width:100%; float:left}
.lian-index-news-item6 a {position: unset;}
.lian-index-news-item6 .img {float: none;width: 100%;}
.lian-index-news-item6 .img img{width: 100%!important}
.lian-index-news-item6 .text {float: none;width: 100%;padding-left: 0; padding-bottom:5px;}
.lian-index-news-item6 .viewmore-2 { left:0;bottom: 8%;}
.lian-index-news-item6 a:hover .pic {transform: scale(1.05);}
.lian-index-news-item6 a:hover .title-1 {color: #d34248;}
.viewmore-2 {position: relative;margin-top: 2%;}
.viewmore-2 span {display: inline-block;position: relative;color: #d34248;}
.viewmore-2 span::after {content: '';width: .6rem;height: 1rem;background: url('../images/r1.png') center no-repeat;position: absolute;top: 53%;transform: translateY(-50%);right: -1.5rem;}


.lian-index-news-item7 {float: left;width:100%;}
.lian-index-news-item7 a {display: block;position: relative;overflow: hidden; border-bottom:#e5e5e5 solid 1px; padding-top:2px;}
.lian-index-news-item7 .img {float: left;width:100%;background-color: #fff; overflow:hidden; border-radius:5px;}
.lian-index-news-item7 .img img{width:100%;}
.lian-index-news-item7 .text {float: left;width: 100%;}
.lian-index-news-item7 .data-1 {display:none; }
.lian-index-news-item7 .title-1 {margin-top:0%; font-size:14px; font-weight:normal;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;}
.lian-index-news-item7 .text-1 {display:none; }
.lian-index-news-item7 .viewmore-2 {position: absolute;left: 38%;bottom: 15%;}








.s_lx_bg{ background:url(../images/bg2.jpg) center no-repeat; width:100%; height:150px;background-attachment:fixed; background-size: cover; float:left}
.s_lx_box{ width:80%; margin:0 auto; padding-top:50px;}
.s_lx_box .s_lx_p1{ font-size:18px; color:#fff; text-align:center; letter-spacing:8px }
.s_lx_box .s_lx_p2{ font-size:15px; color:#fff; font-weight:bold; margin-top:8px;text-align:center}
.s_lx_box .s_lx_line{ width:54px; height:2px; background-color:#9d9b99; margin-top:16px; margin-bottom:27px;}
.s_lx_nr p{ font-size:14px; color:#000; line-height:26px;}
.s_lx_nr p a{ color:#000;}
.s_lx_nr{margin-left:130px;}




.a_more{ font-size:12px; color:#fff!important;  margin:auto; width:100px;background:#036eb7;border-radius:25px; text-align:center;  line-height:25px;
  border: 1px solid #036eb7; margin-top:10px;}
.a_more a{ color:#fff!important;  }








.met-index-product-category li a .white-line{ position:absolute; width:50px; height:0px; background:#ffffff; top:50%; left:50px; transition:.5s}

.met-index-product-category li a .desc{ width:calc(100% - 30px); position:absolute; top:30%; left:20px; color:#fff; text-align:left; transition:1.5s; font-size:14px; line-height:18px;}


.met-index-product-category li a .view{ position:absolute;left:20px; bottom:200px; border:0px solid #ffffff; background:#fff;font-size:12px; overflow:hidden; width:90px;  text-align:right;border-radius:5px; height:28px; line-height:28px;}

.met-index-product-category li a .view span{ width:80px; position:absolute; left:-22px; transition:.5s}
.met-index-product-category li a .view-middle{ position:absolute; color:#0375c4; background:#ffffff; left:40px; bottom:60px; border:0px solid #ffffff; padding:15px 20px; font-size:14px; font-weight:bold}
.met-index-product-category li a img{ width:100%; height:450px}
.met-head{ position:fixed; z-index:16; width:100%; border-bottom:1px solid #efefef}
.slide-line{ position:absolute; height:1px; width:60%; background:#fff; bottom:60px; left:20%; display:none}
.slide-line-item{ width:20%; height:3px; float:left; margin-top:-1px}
.slide-line-item.show{ background:#ffffff}
.index-product-bgimg{ margin-top:310px}
.met-index-product ul.nav-pills{display:flex;justify-content:center;margin-top:15px;margin-bottom:15px}
.met-index-product .index-product-list li{padding:15px;margin-bottom:0px}
.met-index-product .nav-pills .nav-link{border-radius:20px; height:39px;line-height:18px;margin:0 10px;border:1px solid #afafaf}
.met-index-product .nav-pills .nav-link:hover{background-color:#0375c4;color:#fff;border-color:#0375c4}
.met-index-product .nav-pills .nav-item.open .nav-link,.met-index-product .nav-pills .nav-item.open .nav-link:focus,.met-index-product .nav-pills .nav-item.open .nav-link:hover,.met-index-product .nav-pills .nav-link.active,.met-index-product .nav-pills .nav-link.active:focus,.met-index-product .nav-pills .nav-link.active:hover{background-color:#0375c4;border-color:#0375c4}
.met-index-pic .container{ position:absolute; padding-top:80px}



.met-index-product-category li:nth-child(3){ float:right; margin-right:0%;}










/* main3 */
.index-box-project{display:none; }
.index-box-project>div:first-child{text-align: center;margin-bottom: 0px;}
.index-box-project>div:first-child h1,.index-box-project>div:first-child h2{display: inline-block;font-weight: bold;font-size: 20px;}
.index-box-project>div:first-child h1{color: #fff;}
.index-box-project>div:first-child h2{color: #fff;}
.index-box-project>div:first-child h5{color: #fff;font-size: 22px; }

.index-box-project .index-advanced-project{width: 100%;margin-top:100px;display: flex;justify-content: space-between;position: relative;}

.index-box-project .index-advanced-project>div:first-child{width:50%;height:auto;overflow: hidden;}
.index-box-project .index-advanced-project>div:first-child  div{position: absolute;right: 0;bottom: 0;}
.index-box-project .index-advanced-project>div:first-child>img{width: 100%;height:100%;min-width: 100%;max-width: 100%; }




.index-box-project .index-advanced-project>div:last-child{width: 100%;overflow: hidden;display: flex;justify-content: center;flex-wrap: wrap;}
.index-box-project .index-advanced-project>div:last-child div{ width: auto;background:#a91217;align-content: left;display: flex;align-items: center;width: 50%;height:50%;}

.index-box-project .index-advanced-project>div:last-child div>img{height: 100%;width: 100%;object-fit: cover;}
.index-box-project .index-advanced-project div ul{text-align: center;display: block;margin: auto;}
.index-box-project .index-advanced-project div ul li{display: flex;justify-content:left; color:#363636; font-size:12px; padding-left:8%; padding-right:8%; line-height:18px; text-align:left}


.index-box-project .index-advanced-project div ul li:nth-child(2){font-size:15px;color:#fff; font-weight:900; line-height:20px;}


.index-box-project .index-advanced-project div ul li:nth-child(3){ color:#fff!important}



.index-box-project .index-advanced-project>div div:hover ul img { display:none;}
.ibp1,.ibp2,.ibp3 { width:70px; margin:auto;}
.ibp1 { background:url(../images/y2.svg) center no-repeat; background-size:100%;}
.ibp2 { background:url(../images/y4.svg) center no-repeat; background-size:100%;}
.ibp3 { background:url(../images/y6.svg) center no-repeat; background-size:100%;}
.mshow { display:none!important;}



.index-box-project .index-advanced-project>div:nth-child(2){position: absolute;display: flex;width: 50%;left: 0;top: 0;height: 100%;}
.index-box-project .index-advanced-project>div:nth-child(2) div{width:90%;height:50%;position:absolute;display: flex;align-items: center;background:rgba(169, 18, 23, 0.9);right: 0;bottom: 0; border-top-left-radius: 10px;}



.header-nav {padding-top:0px;}
}