/* CSS Reset */
html{-webkit-text-size-adjust:none;}
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;}
input,select,textarea {border-radius: 0;outline: none;font-family: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 {font-size: 16px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #000;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover {color: #000;}
.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: #fffbfb00;}
.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;top: 0;bottom: 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:#0b9b9b4d;box-shadow:inset 1px 1px 0 #0b9b9b4d,inset 0 -1px 0 #0b9b9b4d;}




 


/* 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:14%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 11;}
.header-logo a {display: block;background: url('../images/logo.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;}
.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;}
.header-nav ul li a{color: #fff;line-height: 90px;position: relative;z-index: 10;}
.header-nav ul li.cur a {}
.header-nav ul li.cur a {}
.header-nav ul li a:hover {color: #1f1c5e;}
.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;}
.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:#0b9b9b4d;border: 1px solid #0b9b9b4d;opacity: 1;}
.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: #1f1c5e;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/logoh.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: #1f1c5e;}
.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: #0b9b9b4d;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 #0b9b9b4d;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: #1f1c5e;}


  

.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;    border-radius: 20px;}
.header-nav-solution-item .nav-item {padding: 0 0 5% 0;overflow: hidden;}
.header-nav-solution-item .nav-item a.cur{display: block;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: #1f1c5e;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{color: #1f1c5e;}
.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: #0b9b9b4d;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;}



/* footer */
.footer {background:#141414;position: relative;clear: both;padding: 4% 0 2% 0;overflow: hidden;color: #fff;}
.footer a {color: #fff;}
.footer-content {overflow: hidden;width: 80%;margin: auto;}
.footer-content-top {overflow: hidden;padding-bottom: 5%;border-bottom: 2px solid #434343;}
.footer-content-top-left {float: left;width: 45%;}
.footer-logo {width: 33%;position: relative;}
.footer-logo a {display: block;}
.footer-logo img {display: block;max-width: 100%;}
.footer-contact {margin-top: 5%;}
.footer-contact .tel-1{}
.footer-contact .contact-1{color: #999999;margin-top: 1%;}
.footer-contact .contact-1 a {color: #999999;font-size:18px;line-height:28px;}
.footer-content-top-right {float: right;width: 50%;}
.footer-from {overflow: hidden;position: relative;}
.footer-from-left{float: left;width: 40%;overflow: hidden;}
.footer-from-left li{list-style: none;margin: 0;padding: 0;margin-bottom: 7px;}
.footer-from-left li:last-child {margin: 0;}
.input-1,.textarea-1 {border: 1px solid rgba(255,255,255,.2);display: block;outline: none;background: none;box-sizing: border-box;padding: 14px 15px;width: 100%;color: #fff;transition:all .4s ease;}
.input-1:focus,.textarea-1:focus {border: 1px solid rgba(255,255,255,1);}
.textarea-1 {height: 100%;}
.footer-from-right {width: 60%;position: relative;overflow: hidden;padding-left: 8px;box-sizing: border-box;position: absolute;right: 0;top: 0;height: 100%;}
.footer-from-right .textarea-1 {width: 82.333%;}
.send-1 {width: 15%;height: 100%;position: absolute;right: 0;top: 0;background:#fff;}
.send-1::before {content: '';width: 20px;height: 20px;background: url('../images/send.png') no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.send-1:hover {background: #ededed;}
.footer-content-center {overflow: hidden;position: relative;margin-top: 2.5%;clear: both;}
.footer-nav {overflow: hidden;}
.footer-nav a{display: inline-block;vertical-align: middle;margin-right: 3%;}
.footer-nav a:hover {color: #0b9b9b;}
.footer-social {text-align: right;position: absolute;right: 0;width: 30%;top: 0;z-index: 1;}
.footer-social li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin: 0 7px;}
.footer-social li a{display: block;position: relative;width: 30px;height: 30px;}
.footer-social li a:hover {opacity: .8;}
.footer-content-bottom {overflow: hidden;position: relative;margin-top: 3%;}
.footer-content-bottom a {color: #666666;}
.footer-content-bottom a:hover {color: #0b9b9b;}
.footer-copy {overflow: hidden;color: #666666;}
.footer-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #666666;}
.our-team-item .text-1 li span a:hover{color:#0b9b9b}






/* 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: ;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;}
.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: #0b9b9b4d;}
.swiper-button .swiper-button-next:hover::before {background: #0b9b9b;}

.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: ;padding-right: 20%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-total {font-size: 20px;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: .3;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: #0b9b9b4d;}
.more-1 a span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);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: ;color: #404040;}

.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;}
.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(253,208,0) 0%, rgba(253,208,0,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: ;}
.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: #0b9b9b;}
.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: #0b9b9b;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;color: #999999;}
.index-solution-nav i{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: ;}
.solution-item-left .title .title-1{font-family: ;}
.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;}	 
.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 #0b9b9b;}
.view-more-1 a:hover span{color: #0b9b9b;}	 
.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: #0b9b9b4d;}
.index-demo-center-main .text{padding: 10%;overflow: hidden;}
.index-demo-center-main .title-1{margin-top: 7%;font-family: ;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: ;}
.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: #0b9b9b;}
.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{color: #0b9b9b4d;} 
.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: #1f1c5e;}
.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: #0b9b9b4d;}
.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: ;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(253,208,0) 0%, rgba(253,208,0,0) 100%);display: block;}

.page-about {overflow: hidden;position: relative;padding: 0 0 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: #0b9b9b4d;padding: 4%;    border-radius: 20px; background: #d1dfc1;}
.page-about-bottom .title-2{}
.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;}
.show{background: url('../images/bg1.jpg') center bottom no-repeat;}
.page-company-in-numbers {position: relative;overflow: hidden;}
.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%;background-size: cover;}
.company-in-numbers::before {content: '';width: 2px;height: 20%;position: absolute;left: 0;top: 0;background: #0b9b9b4d;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: ;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: ;position: relative;}
.page-Area-of-sales .date ul li i{width: 10px;height: 40px;background: #0b9b9b4d;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;border-radius: 10px;}
.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: #0b9b9b4d;position: absolute;left:8px;top: 55%;transform: translateY(-50%) skewX(340deg);}
.our-team-item .title-1 strong{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 {}
.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: #1f1c5e;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: #0b9b9b4d;font-family: ;}
.page-solution-item .title-2  {font-family: ;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: #1f1c5e;}	 
.page-solution-item a:hover .title-2::after {background: #1f1c5e;}
.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/logoh.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: #1f1c5e;}
.detail .header .header-nav ul li a:hover  {color: #1f1c5e;}
.detail .header .header-nav ul li.cur::after {background: #0b9b9b99;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 #0b9b9b4d;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: #1f1c5e;}

.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: #0b9b9b4d;font-family: ;display: inline-block;opacity: 0;}
.solution-main-top .title-1 {color: #404040;font-family: ;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;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: #0b9b9b4d;}
.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: #0b9b9b;}
.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: ;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 #0b9b9b;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: #0b9b9b4d;}
.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: #0b9b9b;}
.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(253,208,0,0.2) 0%, rgba(253,208,0,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(253,208,0,0.2) 0%, rgba(253,208,0,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: ;}
.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: ;}
.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: #0b9b9b;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;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: ;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: #0b9b9b;border: 1px solid #0b9b9b;}
.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: #0b9b9b4d;margin-top: 5%;}
.solution-detail-video-item .title-1{margin-top: 1%;}
.solution-detail-video-item a:hover .play-1{background: #0b9b9b;border: 1px solid #0b9b9b;}
.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: ;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: ;}
.solution-detail-related-swiper .text-1 {color: #0b9b9b4d;}
.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{color: #0b9b9b4d;} 
.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: #1f1c5e;}
.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;}
.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: #0b9b9b;}
.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: #0b9b9b4d;}

.page-news-detail {overflow: hidden;position: relative;}
.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 #0b9b9b4d;}
.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: ;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: #0b9b9b4d;}
.news-detail-right-bottom a:hover i::after {background: #1a1a1a;}
.news-detail-right-bottom a:last-child:hover i::after {background: #0b9b9b;}




/* 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%;}
.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%;}
.header-nav-service-nav a {display: block;float: left;width: 45%;margin-right: 5%;position: relative;padding:3% 0;}
.header-nav-service-nav a span {display: block;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: #1f1c5e;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.header-nav-service-nav a:hover span {color: #1f1c5e;}
.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: #0b9b9b4d;border: 1px solid #0b9b9b4d;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: ;}
.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: ;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 #0b9b9b;text-align: center;float: left;margin-right: 5px;}
.add-products a:hover,.add-products.cur a{background: #0b9b9b;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: #0b9b9b 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 #0b9b9b;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: #0b9b9b;color: #fff;padding: 15px 0;text-align: center;}
.contact-information-from .submission-1:hover {background: #1f1c5e;}
.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: #0b9b9b;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: #0b9b9b;border: 1px solid #0b9b9b;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 ul li a {line-height: 80px;}
	.header-nav-show-content {margin-top: 80px}
	.page-solution-detail {padding-top: 100px;}
	.langtuage-1 a,.langtuage-1 a::after {width: 160px;height: 45px;}
	.search-1 a,.search-1 a::after {height: 45px;}
	.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: 50px;border-top: 1px solid #f1f1f1;margin-top: 50px;}
	.header-nav ul li {padding: 1% 15px;}
	.header-nav ul li::after {display: none;}
	.header-nav ul li a {line-height: 30px;color: #000;font-size: 24px;}
	.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/logoh.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: 100%;}
	.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;}

}





/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}





.f-12{font-size:12px}
.f-14{font-size:14px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-20{font-size:20px}
.f-22{font-size:22px}
.f-24{font-size:24px}
.f-28{font-size:28px}
.f-30{font-size:30px}
.f-32{font-size:32px}
.f-34{font-size:34px}
.f-36{font-size:36px}
.f-40{font-size:40px}
.f-43{font-size:43px}
.f-48{font-size:48px}
.f-50{font-size:50px}
.f-56{font-size:56px}
.f-60{font-size:60px}
.f-72{font-size:72px}
.f-100,.f-80{font-size:80px}
.f-160{font-size:160px}
.f-16px{font-size:16px}
.f-18px{font-size:18px}
.f-20px{font-size:20px}
.f-24px{font-size:24px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mt112{margin-top:115px}
.mt130{margin-top:130px}
.mt140{margin-top:140px}
.mt160{margin-top:160px}
.mb20{margin-bottom:20px}
.mb50{margin-bottom:50px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}
.pd10{padding:10px}
.plr24{padding-left:24px;padding-right:24px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt70{padding-top:70px}
.pb35{padding-bottom:35px}
.pb75{padding-bottom:75px}
.ptb80{padding-top:80px;padding-bottom:90px}
.mb1em p{margin-bottom:1em}
.mb2em p{margin-bottom:1.8em}
.mb10px p{margin-bottom:10px}
@media only screen and (max-width:1440px){.mt160{margin-top:120px}
}
@media only screen and (max-width:1280px){.f-36{font-size:28px}
}
@media only screen and (max-width:1100px){.f-16,body,button,input,select,textarea{font-size:14px}
.f-18{font-size:16px}
.f-22{font-size:18px}
.f-28{font-size:22px}
.f-30{font-size:20px}
.f-32{font-size:18px}
.f-34{font-size:28px}
.f-36{font-size:20px}
.f-40,.f-43,.f-48{font-size:24px}
.f-50{font-size:30px}
.f-56{font-size:36px}
.f-60{font-size:40px}
.f-72{font-size:50px}
.f-80,.f-86{font-size:60px}
.mt25,.mt30{margin-top:10px}
.mt35,.mt40,.mt45{margin-top:15px}
.mt50,.mt55,.mt60{margin-top:20px}
.mt70{margin-top:30px}
.mt72{margin-top:55px}
.mt80{margin-top:40px}
.mt100{margin-top:50px}
.mt130{margin-top:60px}
.mt160{margin-top:80px}
.mt90{margin-top:50px}
.mb100,.mb90{margin-bottom:50px}
.pb75{padding-bottom:45px}
.ptb80{padding-top:40px;padding-bottom:50px}
}
@media (max-width:800px){.f-34{font-size:20px}
.f-56{font-size:24px}
.mt80{margin-top:30px}
.mt112,.mt160{margin-top:50px}
.mb100,.mb90{margin-bottom:30px}
}
@media (max-width:640px){.ellipsis-4{height:auto}
.f-16{font-size:14px}
.f-18{font-size:16px}
.f-24{font-size:18px}
.f-32{font-size:16px}
.f-48{font-size:22px}
.f-50{font-size:24px}
.f-56,.f-72{font-size:20px}
.mt20,.mt25{margin-top:10px}
.mt35{margin-top:15px}
.mt55{margin-top:25px}
.mt130{margin-top:30px}
.mb50{margin-bottom:20px}
.mb80,.mb90{margin-bottom:40px}
.mb2em p{margin-bottom:1em}

}
@media only screen and (max-width:1100px){.imgIntro,.imgIntro li,.imgIntro li img,.imgIntro li:first-child,.imgIntro li:first-child img{width:100%!important;height:auto!important}
.imgIntro .fl{float:none}
.imgIntro li:first-child .hoverWrap .banner{margin:50px 20px 0!important;height:auto!important;color:#fff!important;font-size:18px!important;line-height:30px!important}
.imgIntro li:first-child .hoverWrap a{font-size:18px!important;line-height:36px!important}
.hoverWrap a{display:block!important;margin:43px 0 0 20px!important;width:124px!important;height:36px!important;background-color:#89c400;text-align:center}
}
.inContact{padding:55px 0 95px;background-color:#0b9b9b;background-position:50%;background-size:cover;background-repeat:no-repeat}
.inContact .txt{width:52.5%}
.inContact .incon_btn{width:180px}
.inContact .incon_btn,.inContact .incon_btn:hover{background:#fff;color:#0b9b9b!important}
.fh2em p{line-height:2em}

.health_btns a{position:relative;display:inline-block;margin-right:20px;width:220px;height:56px;border:1px solid #0b9b9b;border-radius:56px;background:#fff;color:#0b9b9b;text-align:center;line-height:54px}
.ewm{bottom:100%;visibility:hidden;margin-bottom:8px;margin-left:-65px;padding:5px;width:130px;height:130px;border-radius:8px;background:hsla(0,0%,100%,.6);box-shadow:0 0 12px hsla(0,0%,60%,.3);opacity:0;transition:all .3s}
.ewm,.ewm:after{position:absolute;left:50%}
.ewm:after{bottom:-6px;margin-left:-6px;width:0;height:0;border-top:6px solid hsla(0,0%,100%,.6);border-right:6px solid transparent;border-left:6px solid transparent;content:""}
.ewm img{padding:5%;border-radius:8px;width:90%}
.health_btns a:hover{background:#0b9b9b;color:#fff}
a:hover .ewm{visibility:visible;opacity:1}
.cf{color:#fff!important}
.tc {
    text-align: center;
}
.crumbs{height:56px;line-height:56px}
.crumbs .div-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crumbs a{display:inline-block;padding:0 5px;color:#666}
.crumbs a:hover,.crumbs span{color:#0b9b9b}
.crumbs em{padding:0 5px}
.crumbs a:last-child {
    color: #0b9b9b;
}
.page-about-bottom .text p span{white-space: initial!important;}
.news_bg{background:#f4f4f4}
.news_top_img{margin-right:40px;width:53.55%}
.news_top_img a{display:none}
.news_top_img a img{width:100%}
.news_top_img a.active{display:block}
.news_top_con a{display:block;margin-bottom:10px;padding:25px 30px;background:#fff}
.news_top_con a .date{margin-right:35px}
.news_top_con a.active{background:#0b9b9b}
.news_top_con a.active .date,.news_top_con a.active .txt{color:#eee}
.news_top_con a.active .date .f-48,.news_top_con a.active .tit{color:#fff}
.news_list dl{position:relative;float:left;margin-bottom:2%;width:100%;border:4px solid #f9f3f9;border-radius:20px;display:flex}
.news_list dt{width:30%;padding:30px;}
.news_list dd{width:70%;padding:30px 30px 0 0;}
/*.news_list dl:nth-child(3n+1){clear:both;margin-left:0}*/
.news_list dl:before{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;border-radius:20px;background:#0b9b9b;content:"";opacity:0;transition:all .3s}
.news_list dl dd,.news_list dl dt{position:relative;z-index:10}
.news_list dl:hover:before{visibility:visible;opacity:1}
.news_list dl:hover dd .tit a{color:#fff}
.news_list dl:hover dd .date,.news_list dl:hover dd .txt{color:#eee}
.news_list dl:hover a,.news_list dl:hover dd .more,.news_list dl:hover dd .more i{color:#fff}
.news_list dl:hover dd .more:hover:after{border-color:#fff}
.page_box,.page_box a{text-align:center}
.page_box a{display:inline-block;overflow:hidden;margin:0 3px;width:44px;height:44px;border-radius:44px;color:#666;vertical-align:middle;font-size:20px;line-height:44px}
.page_box a.page-num-current,.page_box a:hover{background:#0b9b9b;color:#fff}
.page_box a.page_num{display:inline-block;overflow:hidden;margin:0 3px;width:44px;height:44px;border-radius:44px;color:#666;vertical-align:middle;text-align:center;font-size:20px;line-height:44px}
.page_box a.page_num.current,.page_box a.page_num:hover{background:#0b9b9b;color:#fff}
.page_box a.page_next,.page_box a.page_prev{display:inline-block;margin:0 5px;width:44px;height:44px;line-height:44px}
.page_box a.page_next:hover,.page_box a.page_prev:hover{background:0 0;color:#0b9b9b}
.page_box .page_total{padding-left:15px}
.tran_scale img {
    width: 100%;
    transition: all 1s;
    -webkit-transition: all 1s;
	    border-radius: 20px;
}
.tran_scale:hover img {
    transform: scale(1.1) rotate(
.1deg);
}
.fb {
    font-weight: 700;
}
.c999{color:#999}
.publish_share {
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.prev_next {
    position: relative;
    margin-top: 40px;
    padding-top: 30px;
    padding-right: 160px;
    border-top: 1px solid #e5e5e5;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prev_next .next {
    margin-top: 12px;
}
.prev_next a:hover {
    color: #0b9b9b;
    text-decoration: underline;
}
.goback {
    position: absolute;
    top: 35px;
    right: 10px;
    width: 140px;
    height: 44px;
    line-height: 42px;
}
.goback a {
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #d0d0d0;
    border-radius: 44px;
    text-align: center;
}
.goback a:hover {
    border-color: #0b9b9b;
    background: #0b9b9b;
    color: #fff;
    text-decoration: none;
}
.pro_menu a{display:inline-block;margin-right:85px;padding-bottom:15px;border-bottom:2px solid #fff;font-weight:700;color:#000}
.pro_menu a.active,.pro_menu a:hover{border-color:#0b9b9b;color:#0b9b9b}
.inClassify {
    background: #f4f4f4;
}

.fl {
    float: left;
}
img {
    max-width: 100%;
    vertical-align: top;
}
.imgIntro{margin:35px auto;}
.imgIntro li{position:relative;overflow:hidden;margin:1% 1% 0 0;width:32.3%;height:auto;/*max-height:300px;*/border-radius:20px;background-position:50%;background-size:100% auto;background-repeat:no-repeat}
.imgIntro li .introTitle{height:88px;background-color:rgba(0,137,196,.7);font-size:18px;line-height:88px}
.imgIntro li .introTitle,.imgIntro li .introTitle1{position:absolute;bottom:-18px;left:0;display:block;width:100%;color:#fff;text-indent:20px}
.imgIntro li .introTitle1{height:48px;background-color:rgb(54 54 54/55%);font-size:18px;line-height:48px}
/*.imgIntro li:first-child{position:relative;margin:1% 1% 0 0;width:71%}*/
.hoverWrap,.imgIntro li:first-child img{width:100%;height: 100%;}
.hoverWrap{position:absolute;top:0;left:0;z-index:2;width:100%;background-color:rgb(11 155 155/70%);opacity:0}
.imgIntro li:first-child .hoverWrap p{margin:35px 50px 0;color:#fff;font-size:18px;line-height:60px}
.imgIntro li:first-child .hoverWrap .banner{margin:50px 20px 0;height:auto;color:#fff;font-size:26px;font-size:20px;line-height:45px;line-height:30px}
.imgIntro li:first-child .hoverWrap a{display:block;margin:43px 0 0 20px;width:240px;width:124px;height:60px;height:36px;background-color:#89c400;color:#fff;text-align:center;text-decoration:none;font-size:24px;font-size:18px;line-height:60px;line-height:36px}
.hoverWrap p{margin:25px 20px 0;color:#fff;font-size:18px;line-height:30px}
.hoverWrap .banner{margin:50px 20px 0;height:auto;color:#fff;font-size:20px;line-height:30px}
.hoverWrap a{display:block;margin:43px 0 0 20px;width:124px;height:36px;background-color:#89c400;color:#fff;text-align:center;text-decoration:none;font-size:18px;line-height:36px}
.hoverWrap:hover{opacity:1}
.imgIntro li:first-child:hover .introTitle,.imgIntro li:hover .introTitle1{display:none}
.index-banner-swiper .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}
.index-banner-swiper .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{color:#fff;content:"next"}
.mh5{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;line-height:2;min-height:8em}
.service-item .health_btns .ewm{bottom: -50%;}


@media (max-width:640px){
.index-banner{height:auto!important;overflow:hidden}
.index-banner .pic img {
  height:auto!important
}
.news_list dl{display:block}
.news_list dt,.news_list dd{width:100%;padding: 10px;}
.pro_menu a{margin-right:15px;margin-bottom: 15px;  padding-bottom: 10px;}
}


	.header .mainMenu{display:none}	
				@media (max-width: 920px){
					.header-right{text-align:left}
				.header-nav ul{display:none}	
.header .mainMenu{display:block}			
.header .mainMenu .item.cr a.mNav:after{width:100%}	
.header .mobileMenu{position:fixed;top:15px;right:1em;z-index:9999999;width:24px;height:19px;transition:all .5s}
.header .mobileMenu:before{top:0;bottom:0;border-top:2px solid #0b9b9b;border-bottom:2px solid #0b9b9b}
.header .mobileMenu:after,.header .mobileMenu:before{position:absolute;right:0;left:0;content:"";-webkit-transition:all .2s;transition:all .2s}
.header .mobileMenu:after{overflow:hidden;height:2px;background:#0b9b9b;-moz-transition:.2s all;-o-transition:.2s all}
.mobileMask{left:0;z-index:999998;display:none;width:100%;height:100%;background:rgba(0,0,0,.5)}
.header .mainMenu,.mobileMask{position:fixed;top:0;-webkit-transition:all .2s;transition:all .2s}
.header .mainMenu{bottom:0;z-index:999999;overflow-y:auto;padding:4em 0 1em;width:100%;background:#fff;-moz-transition:.2s all;-o-transition:.2s all}
.header.open .mobileMenu:before{right:1px;left:1px;border-color:#0b9b9b;border-bottom:0;-webkit-transform:rotate(45deg) translate(-2px,3px);transform:rotate(45deg) translate(-2px,3px)}
.header.open .mobileMenu:after{right:1px;left:1px;background:#0b9b9b;-webkit-transform:rotate(-45deg) translate(-2px,2px);transform:rotate(-45deg) translate(-2px,2px)}
.header.open .mobileMask{display:block}
.header.open .mainMenu{right:0}
.header .mainMenu .item{float:none;margin-left:0;padding:0;border-top:1px solid #dfdfdf;    position: relative;}
.header .mainMenu .item .iconfont{display:none}
.mainMenu .item:last-of-type,.mainMenu .item:nth-last-of-type(2){display:block}
.header .mainMenu .item .arrow{position:absolute;top: 5px;right:10px;z-index:10;display:block;width:30px;height:30px;background:url(../images/arr2.png) no-repeat 50%; }
.header .mainMenu .item.hasmenu.on>.arrow,.header .mainMenu .sItem.on>.arrow{background-image:url(../images/arr7.png)}
.header .mainMenu .item>a{display:block;padding:0 1em;width:100%;font-weight:400;line-height:2.8}
.header .mainMenu .item.hasmenu.on>a{color:#0b9b9b}
.header.on .mainMenu .item a.mNav{line-height:2.8}
.header .mainMenu .subMenu{position:static;top:100%;left:0;display:none;visibility:visible;margin-left:0!important;width:100%!important;background:0 0;opacity:1;-webkit-transition:all 0s ease;transition:all 0s ease;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.header .mainMenu .subMenu a{padding:5px 1em;color:#333;text-align:left;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.header .mainMenu .item>a{color:#333;font-size:16px}
.header .mainMenu .item.cr a.mNav{color:#0b9b9b;font-weight:700}
.mainMenu .item a.mNav {position: relative;}
}