/* 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:'FuturaPTLight',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: 14px;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;}
.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:#aba93e;box-shadow:inset 1px 1px 0 #0d499f,inset 0 -1px 0 #0d499f;}




 


/* 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:11.5%;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 {color: #0d499f;}
.header-nav ul li.cur a {font-family: 'FuturaPTLight';}
.header-nav ul li a:hover {color: #0d499f;font-family: 'FuturaPTLight';}
.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: 0;}
.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:#fff;border: 1px solid #0d499f;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: #0d499f;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: #0d499f;}
.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: #0d499f;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 #0d499f;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: #0d499f;font-family: 'FuturaPTLight';}


  

.header-nav-show-mark {width: 100%;height: 100%;position: fixed;left: 0;top: 0px;z-index:-1;opacity: 0;transition:all .4s ease;background: #000;}
.header-nav-show-mark.cur  {z-index: 20;opacity: .2;}
.header-nav-show {position: fixed;left: 0;top: 0;width: 100%;z-index:111;overflow: hidden;transition:all .4s ease;}
.header-nav-show.Hide {opacity:0;height: 0;z-index:-1;}
.header-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease;background: #fff;margin-top:90px;overflow: hidden;}
.header-nav-solution {text-align: center;padding: 2% 0;overflow: hidden;text-align: center;}
.header-nav-solution-item {width: 15%;display: inline-block;vertical-align: top;text-align: left;overflow: hidden;margin: 0 1%;}
.header-nav-solution-item .img {overflow: hidden;background: #e3e3e3;}
.header-nav-solution-item .nav-item {padding: 0 0 5% 0;overflow: hidden;}
.header-nav-solution-item .nav-item a.cur{display: block;font-family: 'FuturaPTLight';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: #0d499f;text-decoration: underline;}
 


.search-content-show {position: absolute;left: 50%;top:-50%;width: 30%;transform: translate(-50%,-50%);z-index: 511;transition:all .4s ease;}
.search-content-show-content {position: relative;}
.search-content-show-top {position: relative;overflow: hidden;}
.search-submit{position: absolute;left: 0;top: 50%;width: 50px;height: 50px;background: url('../images/ss.png') left center no-repeat;margin-top: -25px;border: none;z-index: 11;cursor: pointer;filter: invert(100%);}
.search-submit:hover {opacity: .5;}
.search-input{padding: 0 5%;width: 100%;box-sizing: border-box;background: none;border: none;border-bottom: 1px solid #000;height:50px;display: block;}
.close-1 {position: absolute;width: 50px;height: 50px;right: -20px;top: 50%;margin-top: -25px;z-index: 11;cursor: pointer;transition:all .4s ease;transform: rotate(45deg);}
.close-1::after {content: '';width: 12px;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #000;}
.close-1::before {content: '';width: 2px;height: 12px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #000;}
.close-1:hover {transform: rotate(315deg);}
.searchshow .search-content-show {top: 50%;}
.searchshow .header-right {opacity: 0;transform: translateY(-100%);}
.search-content {width: 40%;margin: auto;position: relative;}
.search-content .search-text {padding: 4% 5%;border: 1px solid #000;display: block;background: #f7f7f7;width: 100%;box-sizing: border-box;}
.search-ok {position: absolute;right:0;top:0;width: 10%;height: 100%;z-index: 11;background: url('../images/ss.png') center no-repeat ;filter: invert(100%);display: block;border: none;cursor: pointer;}
.search-ok:hover {opacity: .5;}
.search-content-main {width:100%;margin: auto;padding: 4% 0;overflow: hidden;}
.search-content-nav {overflow: hidden;padding: 1% 0;border-bottom: 1px solid #e8e8e8;}
.search-content-nav a{display: inline-block;vertical-align: middle;margin-right: 3%;position: relative;}
.search-content-nav a span{display: block;position: relative;z-index: 20;}
.search-content-nav a.cur span{font-family: 'FuturaPTLight';color: #0d499f;}
.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: #0d499f;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 { position: relative;}
.footer-logo a {display: block;}
.footer-logo img {display: block;max-width: 100%;}
.footer-contact {margin-top: 5%;}
.footer-contact .tel-1{font-family: 'FuturaPTLight';}
.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;font-family: 'FuturaPTLight';margin-right: 3%;}
.footer-nav a:hover {color: #0d499f;}
.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: 130px;height: 30px;}
.footer-social li a:hover {opacity: .8;}
.footer-content-bottom {overflow: hidden;position: relative;margin-top: 10%;}
.footer-content-bottom a {color: #666666;}
.footer-content-bottom a:hover {color: #0d499f;}
.footer-copy {overflow: hidden;color: #666666;}
.footer-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #666666;}







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


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

.index-banner-item.left,.index-banner-item.right {float: none;}
.index-banner-item.center .text {left: 6%;transform: translate(0%,-78%);text-align: left;}
.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: #ededed;}
.swiper-button .swiper-button-next:hover::before {background: #0d499f;}

.index-banner-swiper .banner-pagination {bottom: 2%;left: 0;width: auto;z-index: 11;color: #fff;width: 100px;text-align: right;}
.index-banner-swiper .banner-pagination span {display: block;padding: 15px 0;position: relative;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current {font-size: 40px;font-family: 'Barlow-BlackItalic';padding-right: 20%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-total {font-size: 20px;font-family: 'FuturaPTLight';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 {display:block;margin: 4% auto;}
.more-1 a {color: #333;position: relative;display: block;width: 170px;height: 54px;transition:all .8s ease-in-out; text-transform:uppercase; margin:0 auto}
.more-1 a::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;border: 1px solid #333;opacity: 1;transform:skewX(340deg);z-index: 1;}
.more-1 a::before {content: '';width: 18px;height: 100%;position: absolute;right: -14px;top:-8px;transform:skewX(340deg);z-index: 11;background: #0d499f;}
.more-1 a span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-family: 'FuturaPTLight';z-index: 11;width: 100%;text-align: center;}
.more-1 a:hover::after {background: #fff; opacity: 1; border: 1px solid #0d499f }
.more-1 a:hover span {color: #0d499f;}
.more-1 a:hover::before {right: -11px;  border: 1px solid #0d499f}





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








.heasn-title-1 {font-family: 'FuturaPTLight';color: #000; text-transform:;}

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

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

.index-solution {position: relative;padding: 0% 0 0% 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: #0d499f;}
.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: 50%;position: relative;}
.index-solution-nav li::after {content: '';width: 1px;height: 60%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #e5e5e5;}
.index-solution-nav a{position: relative;padding: 10% 10%;display: block;}
.index-solution-nav a::after{content: '';width: 100%;height: 2px;position: absolute;left: 0;top: 0;background: #e5e5e5;z-index: 1;}
.index-solution-nav a::before{content: '';width:0;height: 2px;position: absolute;left: 0;top: 0;background: #94d66a;z-index: 2;transition:all .4s ease;}
.index-solution-nav li.cur a::before {width: 100%;}
.index-solution-nav li.cur a span,.index-solution-nav li.cur a i{color: #fff;}
.index-solution-nav span{display: block;font-family: 'FuturaPTLight';color: #999999;}
.index-solution-nav i{font-family: 'FuturaPTLight';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:relative;left: 0;top: 0;width: 38%; background: url('../upload/solutionbg.png') center no-repeat;height: 100%;z-index: 11;background-size: cover;}
.solution-item {padding:0%;overflow: hidden; width:90%; margin:0 auto; padding-top:5% }
.solution-item-left .title{color: #fff;margin-top:0;}
.solution-item-left .title .num-1{font-family: 'Barlow-BlackItalic';}
.solution-item-left .title .title-1{font-family: 'Barlow-BlackItalic';}
.solution-item-left .class {overflow: hidden;margin-top: 10%;width: 50%;}
.solution-item-left .class li{list-style: none;margin: 0;padding: 2.5% 0;color: #fff;position: relative;}
.solution-item-left .class li a {color: #adacbd;position: relative;display: block;}
.solution-item-left .class li a::after {content: '';width: 7px;height: 12px;position: absolute;right: 0;top: 50%;margin-top: -4px;opacity: .5;background: url('../images/r1.png');}
.solution-item-left .class li a:hover {color: #fff;}
.solution-item-left .class li a:hover::after {opacity: 1;}
.solution-item-right {float: right;width: 62%;position: relative;overflow: hidden;}
.solution-item-right .img{overflow: hidden;background: #e3e3e3;}
.view-more-1 {position: absolute;left: 10%;bottom: 2%;z-index: 11;width: 80%;z-index: 1;}	 
.view-more-1 a{display: block;padding: 5% 0;position: relative;border-top: 2px solid rgba(255,255,255,.2);}	 
.view-more-1 span{color: #fff;font-family: 'FuturaPTLight';}	 
.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 #0d499f;}
.view-more-1 a:hover span{color: #0d499f;}	 
.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: #0d499f;}
.index-demo-center-main .text{padding: 10%;overflow: hidden;}
.index-demo-center-main .title-1{margin-top: 7%;font-family: 'Barlow-BlackItalic';color: #333;}
.index-demo-center-main .text-1{margin-top: 2%;}
.index-demo-center-main .more-1{margin-top: 12%;}
.index-demo-center-main .more-1 a::after {border: 1px solid #d0ac05;opacity: 1;}
.index-demo-center-main .more-1 a::before {background: #333;}
.index-demo-center-main .more-1 a span {color: #333333;}
.index-demo-center-main .more-1 a:hover::after {border: 1px solid #d1d1d1;opacity: 1;background: #fff;}
.demo-center-item {position: relative;float: left;}
.demo-center-item .text {position: absolute;left: 5%;width: 90%;text-align: center;top: 50%;transform: translateY(-50%);color: #fff;z-index: 11;opacity: 0;}
.demo-center-item .title-1 {font-family: 'Barlow-BlackItalic';}
.demo-center-item .text-1 {font-family: 'FuturaPTLight';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: #0d499f;}
.index-news-center {overflow: hidden;} 
.latest-news-item {width: 100%;position: relative;overflow: hidden;} 
.latest-news-item .img{float: left;width: 50%;overflow: hidden;} 
.latest-news-item .text{float: right;width: 45%;margin-top: 3%;} 
.latest-news-item .date-1{font-family: 'FuturaPTLight';color: #0d499f;} 
.latest-news-item .title-1 {font-family: 'FuturaPTLight';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: #0d499f;}
.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: #0d499f;}
.index-news-bottom-right .latest-news-item a:hover .date-1{color: #1a1a1a;opacity: .6;}



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

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

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

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

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





/* solution */
.page-solution {overflow: hidden;padding: 5% 0;}
.page-solution-left {float: left;width: 18%;}
.page-solution-nav {overflow: hidden;}
.page-solution-nav ul{list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #e8e8e8;padding: 9% 0;overflow: hidden;}
.page-solution-nav ul a{display: block;color: #404040;position: relative;}
.page-solution-nav ul a.cur {font-family: 'FuturaPTLight';}
.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: #0d499f;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: #0d499f;font-family: 'Barlow-BlackItalic';}
.page-solution-item .title-2  {font-family: 'Barlow-BlackItalic';color: #404040;padding-bottom: 5%;position: relative;margin-top: 1%;}
.page-solution-item .title-2::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #000;}
.page-solution-item .text-2  {color: #666666;margin-top: 4%;}
.page-solution-item .text-2 p {margin: 0;padding: 0;}
.page-solution-item .jiantou-1 {width: 26px;height: 14px;background: url('../images/r4.png');margin-top: 10%;}	
.page-solution-item a:hover .title-2,.page-solution-item a:hover .text-2 {color: #0d499f;}	 
.page-solution-item a:hover .title-2::after {background: #0d499f;}
.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: #0d499f;}
.detail .header .header-nav ul li a:hover  {color: #0d499f!important;font-family: 'FuturaPTLight';}
.detail .header .header-nav ul li.cur::after {background: #0d499f;opacity: 0;}
.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 #0d499f;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: #0d499f;}

.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: #0d499f;font-family: 'Barlow-BlackItalic';display: inline-block;opacity: 0;}
.solution-main-top .title-1 {color: #404040;font-family: 'Barlow-BlackItalic';margin-top: -1%;display: inline-block;clear: both;opacity: 0;width: 100%;}
.solution-main-top .btn-2 {margin-top: 2%;opacity: 0;}
.solution-main-top .btn-2 a{display: inline-block;vertical-align: middle;position: relative;margin: 0 10px;width: 170px;height: 54px;line-height: 54px;text-align: left;}
.solution-main-top .btn-2 a::after {content: '';width: 180px;height: 54px;position: absolute;left: 0;top: 0;transform:skewX(340deg);z-index: 1;background: #404040;}
.solution-main-top .btn-2 a span {color: #fff;position: relative;z-index: 11;font-family: 'FuturaPTLight';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: #0d499f;}
.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: #0d499f;}
.solution-main-top .product {margin-top: -1%;padding-bottom: 2%;overflow: hidden;}
.solution-main-top .product img {max-width: 100%;}

.solution-detail-characteristics {padding: 5% 0;overflow: hidden;position: relative;}
.solution-detail-characteristics .div-content {position: relative;z-index: 10;}
.solution-detail-characteristics-top {text-align: center;}
.solution-detail-characteristics-top .title-1 {display: inline-block;font-family: 'Barlow-BlackItalic';color: #404040;}
.solution-detail-characteristics-center {overflow: hidden;position: relative;margin-top: 4%;margin-bottom: 4%;}
.characteristics-left {float: left;width: 50%;position: relative;overflow: hidden;}
.characteristics-swiper {position: relative;}
.characteristics-bottom-swiper {margin-top: 5px; }
.characteristics-bottom-swiper .swiper-slide .img {background: #fff;cursor: pointer;}
.characteristics-bottom-swiper .swiper-slide .img::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 111;border: 2px solid #0d499f;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: 'FuturaPTLight';}
.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: #0d499f;}
.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: #0d499f;}
.swiper-characteristics-prev:hover::after  {background: #262626;}
.swiper-characteristics-next {margin-top: -7%;}
.swiper-characteristics-prev {margin-top: 3%;}

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

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

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





/* news */
.page-news {padding: 5% 0 3% 0;overflow: hidden; }
.page-news-list {position: relative;overflow: hidden;}
.page-news-item {width: 32.44%;position: relative;overflow: hidden;margin-bottom: 1.3%;float: left;margin-right: 1.3%;} 
.page-news-item.mr0 {margin-right: 0;}
.page-news-item .img{overflow: hidden;} 
.page-news-item .text{margin-top: 3%;} 
.page-news-item .date-1{font-family: 'FuturaPTLight';color: #0d499f;} 
.page-news-item .title-1 {font-family: 'FuturaPTLight';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: #0d499f;}
.page-news-item a:hover .jiantou-1 {filter: grayscale(0);}
.page-news-item a:hover .pic {transform: scale(1.05);}
.page-news-item.pni1 {width: 100%;margin-right: 0;}
.page-news-item.pni1 .img{float: left;width: 50%;}
.page-news-item.pni1 .text{float: right;width: 45%;} 
.page-news-item.pni1 .title-1 {min-height:auto;}
.page-news-list-bottom {padding: 2% 0;overflow: hidden;position: relative;border-top: 1px solid #e8e8e8;}
.page-news-list-bottom .number-1 {overflow: hidden;}
.page-news-list-bottom .number-1 strong{font-weight: normal;margin: 0;padding: 0;display: inline-block;vertical-align: baseline;color: #404040;font-family: 'FuturaPTLight';}
.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: #0d499f;}
.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: #0d499f;}

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


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




/* 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: 29.33%; margin-right:20%; margin-top:2%}
.header-nav-service-nav {overflow: hidden;margin-top: -3%;}
.header-nav-service-nav a {display: block;float: left;width: 100%;margin-right: 5%;position: relative;padding:3% 0;}
.header-nav-service-nav a span {display: block;font-family: 'FuturaPTLight';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: #0d499f;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.header-nav-service-nav a:hover span {color: #0d499f;}
.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: #0d499f;border: 1px solid #0d499f;color: #000;}


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





 
/* other */


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



.getprice-windows {margin-top: 110px;overflow: hidden;padding: 4% 0;}
.getprice-windows-content {width: 70%;margin: auto;min-height: 500px;}
.getprice-contact-information {overflow: hidden;}
.product-information {overflow: hidden;padding: 3% 0;}
.add-products-type-swiper .add-products a{display: block;}
.add-products-type-swiper .swiper-slide {width: auto;}
.add-products {overflow: hidden;margin-bottom: 1%;}
.add-products a{display: block;width: 150px;line-height: 50px;border: 1px solid #0d499f;text-align: center;float: left;margin-right: 5px;}
.add-products a:hover,.add-products.cur a{background: #0d499f;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: #0d499f 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 #0d499f;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: #0d499f;color: #fff;padding: 15px 0;text-align: center;}
.contact-information-from .submission-1:hover {background: #0d499f;}
.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: #0d499f;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: #0d499f;border: 1px solid #0d499f;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 15px;}
	.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% 0%;}
	.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: 200%;}
	.page-about-bottom .text {position: relative;right: auto;bottom:auto;width: 100%;padding: 5%;box-sizing: border-box;}
	.company-in-numbers:nth-child(2) {margin-left: 0;}
	.page-Area-of-sales .text-1 {width: 100%;position: absolute;left: 0;top: 12%;right: auto;}
	.page-Area-of-sales .date ul.date2 {left: 77%;}
	.page-Area-of-sales .date ul.date1 {left: 5%;top: 42%;}
	.page-Area-of-sales .date ul.date4 {left: 20%;top: 60%;}
	.page-Area-of-sales .date ul.date3 {top: 77%;}
	.our-team-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
	.heasn-title-1 {display: block;width: 100%;white-space: nowrap;}
	.page-solution-item .text {position: relative;left:auto;top:auto;width: 100%;transform:none;overflow: hidden;}
	.page-solution-item a:hover .img,.page-solution-item.fr a:hover .img {transform: none;}
	.page-solution-item a:hover .text ,.page-solution-item.fr a:hover .text{left:auto;right: auto;}
	.page-solution-item.fr .text-1,.page-solution-item.fr .title-2,.page-solution-item.fr .text-2,.page-solution-item.fr .jiantou-1 {padding-left: 0;margin-left: 0;}
	.page-solution {padding: 5% 0 15% 0;}
	.page-solution-detail,.page-news-detail {padding-top: 60px;}
	.news-detail-date li {border: none;}
	.page-solution-detail .div-path a:last-child,.parameters-item .img,.news-detail-date li:nth-child(2),.news-detail-date li:nth-child(3),.news-detail-right-bottom a span {display: none;}
	.div-path span {padding: 0 5px}
	.solution-main-top .product {margin-top: 0;padding: 5% 0;overflow: hidden;}
	.solution-main-top .text-1 {font-size: 18px;}
	.solution-main-top .title-1 {font-size: 24px;}
	.characteristics-right {width: 100%;position: relative;right: auto;top:auto;height: 100%;}
	.bottom-ctrl {position: relative;}
	.solution-detail-parameters-top .parameters-nav {position: relative;right:auto;bottom: auto;text-align: left;padding: 5% 0 2% 0;overflow: hidden;}
	.solution-detail-parameters-top .parameters-nav a {margin-left:0px;margin-right: 10px;}
	.solution-detail-parameters-bottom {padding-top: 1%;}
	.solution-detail-parameters-list {height: auto;overflow: hidden;}
	.parameters-item {float: none;width: 100%;margin-right: 0;margin-bottom:0;}
	.parameters-item .text {position: relative;left:auto;top:auto;transform:none;width: 100%;padding: 5% 0;overflow: hidden;}
	.solution-detail-video-item .text {position: relative;right:auto;top: auto;width: 100%;height: 100%;padding: 5% 0;margin-top: 5%;}
	.solution-detail-video-bottom .bottom-ctrl {width:100%;margin-top: 10%;}
	.solution-detail-related {padding-bottom: 15%;}
	.page-banner .title-1.font80  {font-size: 24px;line-height: 26px;white-space:normal; }
	.page-news-item {width: 100%;margin-bottom: 4%;float: none;margin-right: 0;}
	.page-news-list-bottom,.search-content-nav,.search-result {padding: 5% 0;}
	.news-detail-content {padding: 6% 0 16% 0;}
	.page-contact .title-1 {top: 15%;}
	.contact-item.caddi-2 {top: 25%;left: 5%;right: auto;width: 90%;}
	.contact-item.caddi-1 {left: 5%;top: 70%;}
	.solution-result-item {float: none;width: 100%;margin-right:0;margin-bottom: 5%;}
	.index-about-us-date ul li strong {font-size: 24px;}
	.index-news-bottom-left {overflow: hidden;}
	.characteristics-right {margin-top: 5%;}
	.page-news-item .title-1.clamp2 {display:block;-webkit-line-clamp:none;-webkit-box-orient:none;overflow: hidden;}
	.page-news-item .title-1.clamp3 {display:block;-webkit-line-clamp: none;-webkit-box-orient: none;overflow: hidden;}
	.page-news-detail .div-path {display: flex;}
	.page-news-item .title-1 {min-height: none;} 
	.news-detail-right-bottom a {width: auto;}
	.solution-main-top .title-1 {display: block;overflow: visible;white-space: normal;animation: none;opacity: 1;}
	.solution-main-top .btn-2 {margin-top: 5%;}
	.news-detail-right-center img {height: auto!important;}
	.news-detail-right-center * {font-size: 14px;line-height: 24px;}

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


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

}





/* 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) {
	
}