/* CSS Reset */
html{-webkit-text-size-adjust:none;}
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:18px!important;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;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;}


.mobile_daohang{ display:none}


.lp1{ }
.lp2{ display:none}



.img img,.pic{max-width: 100%;height:300px; overflow:hidden}
.img img,.pic img {max-width: 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 #1876c9,inset 0 -1px 0 #1876c9;}


.mmo{display:none;}

 
 




/* header */
.header1 {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease; background:#FFFFFF}
.header1 * {transition:all .4s ease;}
.header1-content {width:94%;height: 90px;margin: auto;position: relative;z-index: 500;}
.header1-logo {width:10%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 11;}
.header1-logo a {display: block;background: url('../images/logob.png') left center no-repeat;background-size: contain;}
.header1-logo img { opacity:1;display: block;width: auto;height: auto;max-width: 100%;}
.header1-right {position: absolute;right: 0;width: 100%;height: 100%;top: 0;z-index: 10;text-align: right;}
.header1-nav {display: inline-block;vertical-align: middle;}
.header1-nav ul{list-style: none;margin: 0;padding: 0;}
.header1-nav ul li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;padding: 0 20px;position: relative; font-size:18px;}
.header1-nav ul li a{line-height: 90px;position: relative;z-index: 10;}
.header1-nav ul li.cur a {color: #1876c9;}
.header1-nav ul li.cur a {font-family: 'Barlow-Bold';}
.header1-nav ul li a:hover {color: #1876c9;font-family: 'Barlow-Bold';}
.header1-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; filter: invert(100%);}
.header1-nav ul li.cur::after {opacity: .3;}
.header1-langtuage-search {display: inline-block;vertical-align: middle;margin-left: 30px;}
.header1-langtuage-search a{text-align: center;position: relative;display: block;line-height: 48px;}
.header1-langtuage-search i{width: 18px;height: 18px; filter: invert(100%);}
.header1-langtuage-search i img {display: block;max-width: 100%;}
.header1-langtuage-search span{ margin-left: 7px;}
.header1-langtuage-search i,.header1-langtuage-search span {display: inline-block;vertical-align: middle;position: relative;z-index: 1111;}


.langtuage1-1,.search1-1 {display: inline-block;vertical-align: middle;}
.langtuage1-1 {position: relative;}
.langtuage1-1 a {width: 180px;height: 48px;}
.langtuage1-1 a::after{content: '';width: 180px;height: 48px;border: 1px solid #666666;position: absolute;left: 0;top: 0;opacity: .3;transform:skewX(340deg);z-index: 1; }
.search1-1 {margin-left: 5px;} 
.search1-1 a {width: 60px;height: 48px;color:#fff;transform:skewX(340deg); background:#1876c9;z-index: 1;}
.search1-1 a::after{content: '';width: 60px;height: 48px;border: 1px solid #fff;position: absolute;left: 0;top: 0;opacity: .3;z-index: 1;}
.langtuage1-1 a:hover::after,.search1-1 a:hover::after {background:#1876c9;border: 1px solid #1876c9;opacity: 1; z-index:0;}
.langtuage1-1 a:hover i,.search1-1 a:hover i {filter: invert(0%);color: #fff!important;  z-index:999;}
.langtuage1-1 a:hover span,.search1-1 a:hover span {color: #fff!important;}
.langtuage1-show {position: absolute;width: 100%;left: -8px;top: 104%;overflow: hidden;z-index: 11;display: none;}
.langtuage1-show ul {background: #fff;padding: 5% 0;overflow: hidden;box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.08);margin-top: 3%;}
.langtuage1-show a {display: block;color: #3d3d3d;width: auto;height: auto;border-bottom: 1px solid #3d3d3d;text-align: left;width: 80%;margin: auto;}
.langtuage1-show a:hover {color: #0880d9;}
.langtuage1-show a:last-child {border: none;}
.langtuage1-show a::after {display: none;}


.search1-1 i{filter: invert(0%);}
 

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





  

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


.search1-content-show {position: absolute;left: 50%;top:-50%;width: 30%;transform: translate(-50%,-50%);z-index: 511;transition:all .4s ease;}
.search1-content-show-content {position: relative;}
.search1-content-show-top {position: relative;overflow: hidden;}
.search1-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%);}
.search1-submit:hover {opacity: .5;}
.search1-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);}
.searchshow1 .search1-content-show {top: 50%;}
.searchshow1 .header1-right {opacity: 0;transform: translateY(-100%);}
.search1-content {width: 40%;margin: auto;position: relative;}
.search1-content .search1-text {padding: 4% 5%;border: 1px solid #000;display: block;background: #f7f7f7;width: 100%;box-sizing: border-box;}
.search1-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;}
.search1-ok:hover {opacity: .5;}
.search1-content-main {width:100%;margin: auto;padding: 4% 0;overflow: hidden;}
.search1-content-nav {overflow: hidden;padding: 1% 0;border-bottom: 1px solid #e8e8e8;}
.search1-content-nav a{display: inline-block;vertical-align: middle;margin-right: 3%;position: relative;}
.search1-content-nav a span{display: block;position: relative;z-index: 20;}
.search1-content-nav a.cur span{font-family: 'Barlow-Bold';color: #1876c9;}
.search1-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: #1876c9;opacity:1;z-index: 1;opacity: 0;}
.search1-content-nav a.cur::after {opacity: 1;}
.search1-content-list {padding: 1% 0;overflow: hidden;}
.search1-result {color: #999999;}
.search1-result span{color: #000;}
.search1-content-result {padding: 1% 0;overflow: hidden;}
.solution1-result-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;}
.solution1-result-item.mr0 {margin-right: 0;}
.news1-detail-content.search1-detail-content {padding: 6% 0 0 0;}
.search1-content-result.solution1-detail-related-swiper .text{text-align: left;}


















/* 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:10%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 11;}
.header-logo a {display: block;background: url('../images/logob.png') left center no-repeat;background-size: contain;}
.header-logo img { opacity: 0;display: block;width: auto;height: auto;max-width: 100%;}
.header-right {position: absolute;right: 0;width: 100%;height: 100%;top: 0;z-index: 10;text-align: right;}
.header-nav {display: inline-block;vertical-align: middle;}
.header-nav ul{list-style: none;margin: 0;padding: 0;}
.header-nav ul li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;padding: 0 20px;position: relative; font-size:18px;}
.header-nav ul li a{color: #fff;line-height: 90px;position: relative;z-index: 10;}
.header-nav ul li.cur a {color: #1876c9;}
.header-nav ul li.cur a {font-family: 'Barlow-Bold';}
.header-nav ul li a:hover {color: #1876c9;font-family: 'Barlow-Bold';}
.header-nav ul li::after {content: '';width: 10px;height: 26px;position: absolute;left: 50%;top:50%;transform:skewX(340deg) translate(-100%,-40%);z-index: 1;background: #fff;opacity:0;}
.header-nav ul li.cur::after {opacity: .3;}
.header-langtuage-search {display: inline-block;vertical-align: middle;margin-left: 30px;}
.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:#1876c9;border: 1px solid #1876c9;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: #1876c9;text-decoration: underline;}
.langtuage-show a:last-child {border: none;}
.langtuage-show a::after {display: none;}

 
  

.header.scroll-down,.header.scroll-top,.header.black {background: #fff;border-bottom: 1px solid #e6e6e6;}
.header.scroll-down .header-logo a,.header.scroll-top .header-logo a,.header.black .header-logo a{background: url('../images/logo.png') left center no-repeat;background-size: contain;}
.header.scroll-down .header-nav ul li a,.header.scroll-top .header-nav ul li a,.header.black .header-nav ul li a{color: #1a1a1a;}
.header.scroll-down .header-nav ul li.cur a,.header.scroll-top .header-nav ul li.cur a,.header.black .header-nav ul li.cur a  {color: #1876c9;}
.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: #1876c9;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 #1876c9;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: #1876c9;font-family: 'Barlow-Bold';}


  

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


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






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

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


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

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




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

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


.more-1 {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: #1876c9;}
.more-1 a span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-family: 'Barlow-Bold';z-index: 11;width: 100%;text-align: center;}
.more-1 a:hover::after {background: #fff;opacity: 1;}
.more-1 a:hover span {color: #000;}
.more-1 a:hover::before {right: -11px;}


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


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

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



/* 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: #1876c9;padding: 4%;}
.page-about-bottom .title-2{font-family: 'Barlow-Bold';}
.page-about-bottom .text-2{padding-top: 5%;overflow: hidden;}
.page-about-bottom .text-2 hr {background: #000;height: 1px;border: none;margin: 20px 0;}
.page-about .div-content  {position: relative;}
.page-about .div-content .text-img {position: absolute;top: 0;right: 0;width: 65%;z-index: 1;}

.page-company-in-numbers {position: relative;overflow: hidden;background: url('../../about/images/bg1.jpg') center bottom no-repeat;background-size: cover;}
.company-in-numbers-left{float: left;width: 40%;}
.company-in-numbers-right{float: right;width: 50%;margin-top: 1%;}
.company-in-numbers {position: relative;padding-left: 4%;margin-bottom: 10%;overflow: hidden;float: left;width:40%;}
.company-in-numbers::before {content: '';width: 2px;height: 20%;position: absolute;left: 0;top: 0;background: #1876c9;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: #1876c9;position: absolute;left: -25px;top: 55%;transform: translateY(-50%) skewX(340deg);}
.page-Area-of-sales .date ul li strong{display: inline-block;vertical-align: middle;font-weight: normal;margin: 0;padding: 0;}
.page-Area-of-sales .date ul li sub{display: inline-block;vertical-align: middle;}
.page-Area-of-sales .date ul p {display: block;margin: 0;padding: 0;margin-left: 2px;}
.page-Area-of-sales .date ul.date1 {left: 15%;top: 48%;}
.page-Area-of-sales .date ul.date2 {left: 47%;top: 40%;}
.page-Area-of-sales .date ul.date3 {left: 27%;top: 72%;}
.page-Area-of-sales .date ul.date4 {left: 55%;top: 57%;}
.page-Area-of-sales .date ul.date5 {left: 75%;top: 57%;}

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





/* solution */
.page-solution {overflow: hidden;padding: 5% 0;}
.page-solution-left {float: left;width: 18%;}
.page-solution-nav {overflow: hidden;}
.page-solution-nav ul{list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #e8e8e8;padding: 9% 0;overflow: hidden;}
.page-solution-nav ul a{display: block;color: #404040;position: relative;}
.page-solution-nav ul a.cur {font-family: 'Barlow-Bold';}
.page-solution-nav ul a.cur::after {content: '';width: 10px;height: 10px;background: url('../images/d2.png') center no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.page-solution-nav ul li{list-style: none;margin: 0;padding: 0;padding: 5% 0 0 0;display: none;}
.page-solution-nav ul li a{color: #666666;padding: 2.2% 0;}
.page-solution-nav ul li a:hover {color: #1876c9;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: #1876c9;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: #1876c9;}	 
.page-solution-item a:hover .title-2::after {background: #1876c9;}
.page-solution-item a:hover .text {left: 10px;}
.page-solution-item a:hover .img {transform: translateX(-10px);}
.page-solution-item.fr .img{float: left;}
.page-solution-item.fr .text {left: auto;right: 0;}
.page-solution-item.fr .text-1 {padding-left: 20%;}
.page-solution-item.fr .title-2 {padding-left: 20%;}
.page-solution-item.fr .text-2 {padding-left: 20%;}
.page-solution-item.fr .jiantou-1 {margin-left: 20%;}
.page-solution-item.fr a:hover .text {right: 10px;left: auto;}
.page-solution-item.fr a:hover .img {transform: translateX(10px);}



.detail .header {background: #fff;border-bottom: 1px solid #e6e6e6;}
.detail .header .header-logo a{background: url('../images/logo.png') left center no-repeat;background-size: contain;}
.detail .header .header-nav ul li a{color: #1a1a1a;}
.detail .header .header-nav ul li.cur a {color: #1876c9;}
.detail .header .header-nav ul li a:hover  {color: #1876c9;font-family: 'Barlow-Bold';}
.detail .header .header-nav ul li.cur::after {background: #1876c9;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 #1876c9;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: #1876c9;}

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

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

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

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

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





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

.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 #1876c9;}
.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: #1876c9;}
.news-detail-right-bottom a:hover i::after {background: #1a1a1a;}
.news-detail-right-bottom a:last-child:hover i::after {background: #aba93e;}




/* service */
.header-nav-service {width: 80%;margin: auto;padding: 2% 0;overflow: hidden;}
.header-nav-service-left {float: left;width: 26%;}
.header-nav-service-left .img{width: 76%;}
.header-nav-service-left .text{padding: 3% 0;}
.header-nav-service-left .text p {margin: 10px 0;}
.header-nav-service-right {float: right;width:60%;}
.header-nav-service-nav {overflow: hidden;margin-top: -3%;font-weight:normal}
.header-nav-service-nav a {display: block;float: left;width: 45%;margin-right: 5%;position: relative;padding:3% 0;}
.header-nav-service-nav a span {display: block;font-family: 'Barlow-Bold';color: #404040;position: relative; }
.header-nav-service-nav a span::after {content: '';width: 10px;height: 10px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../images/r6.png') center no-repeat;filter: grayscale(100%);opacity: .3;}
.header-nav-service-nav a::after {content: '';width: 100%;height: 1px;background: #e8e8e8;position: absolute;left: 0;bottom: 0;}
.header-nav-service-nav a::before {content: '';width: 0;height: 1px;background: #1876c9;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.header-nav-service-nav a:hover span {color: #1876c9;}
.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: #1876c9;border: 1px solid #1876c9;color: #000;}


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





 
/* other */


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



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



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




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





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

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

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



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





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

}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	 
	.HeadlineCopy {line-height: 80px;}
	.news-detail-right-center * {font-size: 16px;line-height: 26px;}
	.news-detail-right-center a {text-decoration: none;color: #1a1a1a;}
	.news-detail-right-center a * {color: #1a1a1a;}
}
@media screen and (max-width: 1680px) { 
	.header-content {height: 80px;}
	.header-nav 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; padding-top:0px;}
	.search-1 a,.search-1 a::after {height: 45px; padding-top:12px;}
	.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:100%; text-align:center; padding-top:50px; padding-bottom:50px;}
	.more-1 a {width: 140px;height: 40px;}
	.index-news-bottom-right .latest-news-item .title-1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 80%;}
	.page-banner .tuxing-1,.page-banner .tuxing-1 i {width: 200px;height: 307px;}
	.our-team-item .text-1 li span {width: auto;}
	.our-team-item .text-1 li span:last-child {float: none;text-align: left;}
	.solution-main-top .btn-2 a {width: 150px;height: 40px;line-height: 40px;margin: 0 3px;}
	.solution-main-top .btn-2 a::after {width: 150px;height: 40px;}
	.tuxing-2 {right: 19%;width: 240px;height: 427px;}
	.tuxing-2 i,.page-banner .tuxing-1 i,.tuxing-3 i,.page-news-list-bottom .prevnext-1 a i::after,.langtuage-1 a::after,.swiper-button .swiper-button-prev::before, .swiper-button .swiper-button-next::before {width: 100%;height: 100%;}
	.tuxing-3 {width: 110px;height: 417px;}
	.page-news-list-bottom .prevnext-1 a i {width: 50px;height: 45px;}
	.news-detail-right-center * {font-size: 15px;line-height: 23px;}
	.page-news-item .title-1.clamp3 {-webkit-line-clamp: 2;}
	.page-news-item .text {margin-top: 0;}
}
@media screen and (max-width: 1366px) { 
	.langtuage-1 a {width: 130px;height: 45px;}
	.langtuage-show a {width: 80%;height: auto;line-height: 35px;}
	.HeadlineCopy {line-height: 50px;}
	.swiper-button .swiper-button-prev, .swiper-button .swiper-button-next {height: 50px}
	.solution-detail-parameters-list {height: 520px;}
	.news-detail-right-center * {font-size: 14px;line-height: 22px;}
	
}
@media screen and (max-width: 1280px) { 
	.header-langtuage-search span {font-size: 14px;}
	.solution-item {padding: 5% 10%;}
	.solution-item-left .class {margin-top: 5%;width: 80%;}
	.solution-item-left .class li {padding: 1.5% 0;}
	.header-nav-solution-item {width: 20%;}
}
@media screen and (max-width: 1152px) { 
	.index-about-us-text {left: 5%;}
	.index-about-us-date,.page-Area-of-sales .text {left: 5%;width: 90%; }
	.div-content,.footer-content,.news-detail-content {width: 90%;}
	.solution-detail-parameters-list {height: 500px;}
	.page-contact .title-1 {left: 5%;top: 25%;}
	.contact-item.caddi-2 {top: 15%;}
	.news-detail-right-center * {font-size: 13px;line-height: 21px;}
}
@media screen and (max-width: 1024px) {
	.div-content,.footer-content,.news-detail-content {width: 94%;}
	.news-detail-right-center * {font-size: 12px;line-height: 20px;}
}
@media screen and (max-width: 860px) {
	.pcshow ,.aside-top a,.index-solution-nav i,.demo-center-item.dci2,.page-about .div-content .text-img,.header-nav-show ,.header-nav-show-mark{display: none!important;}
	.mbshow,.menu-toggle{display: block!important;} 
	.header-logo {width: 30%;}
	.header-right {position: fixed;right: 0;display: block;background: #fff;transform: translateX(100%);}
	.no-touch .header-right {transform: translateX(0);}
	.header-nav ,.header-nav ul li{display: block;}
	.header-nav ul {padding-top:0px;border-bottom: 1px solid #f1f1f1;margin-top: 50px;}
	.header-nav ul li {padding: 1% 15px;border-top: 1px solid #f1f1f1;}
	.header-nav ul li::after {display: none;}
	.header-nav ul li a {line-height: 30px;color: #000;font-size:15px;}
	.header-langtuage-search {display: block;margin-left: 0px;}
	.header-langtuage-search span {color: #000;}
	.header-langtuage-search i img {filter: invert(100%);}  
	.header-langtuage-search {margin-top: 5%;}
	.header-content {height: 50px;}
	.index-banner-swiper .title-1 div, .index-banner-swiper .title-2 div, .index-banner-swiper .title-3 div{font-size: 24px;}
	.HeadlineCopy {line-height: 30px;}
	.index-banner-swiper .text {width: 90%;left: 5%;}
	.no-touch .header-logo a { background: url('../images/logo.png') left center no-repeat;background-size: contain;}
	.search-content-show {width: 100%;background: #fff;padding: 0 5%;box-sizing: border-box;}
	.search-input {padding: 0 10%;border-bottom:none;}
	.index-heasn-valued .img ,.page-contact .div-path{display: none;}
	.index-heasn-valued-text {position: relative;left: auto;top:auto;transform: none;margin: auto;width: 90%;}
	.index-heasn-valued-text .title-1,.index-demo-center-main .title-1 {font-size: 22px;white-space: nowrap;}
	.dazhis { white-space: normal;}
	.graphical-1 {left: 5%;top: 30%;}
	.graphical-1 i {width: 50px;height: 140px;}
	.graphical-2 {left: 57%;top: 22%;}
	.index-about-us-text,.page-service-top .text-2 {width: 90%;}
	.index-about-us-date {font-size: 0;}
	.index-about-us-date ul {width:33%;}
	.index-about-us-date ul li sub {font-size: 24px;}
	.index-about-us-date ul p {font-size: 12px;min-height:20px; line-height:16px;}
	.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:0%;}
	.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:3% 5% 5% 5%}
	.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:18px;}
	.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:3% 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 {float: left;}
	.header.scroll-down .menu-toggle span.hamburger,.header.scroll-top .menu-toggle span.hamburger,.detail .header .menu-toggle span.hamburger,
	.header.scroll-down .menu-toggle span.hamburger:after,.header.scroll-top .menu-toggle span.hamburger:after,.detail .header .menu-toggle span.hamburger:after,
	.header.scroll-down .menu-toggle span.hamburger:before,.header.scroll-top .menu-toggle span.hamburger:before,.detail .header .menu-toggle span.hamburger:before {background: #000;}



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

.mmo{display:block; }


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

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



.header-logo img { opacity: 0;display: block;width:80px;height: auto;}


.index-about-us-date,.page-Area-of-sales .text {left: 0%;width:100%; }




}





@media all and (max-width:768px){
.header1{display:none}
	.pc_lianxi{ display:none}
	.pc_dibu{}
	
	
	.mobile_dibu{ display:block}
	.mobile_lianxi{ display:none; font-size:15px!important}
	.mobile_job{ display:block}
.pc_job{ display:none}
.wsjob{ float:none; padding:0px; width:100%; padding-bottom:20px;}
.jobt-list li{ text-align:center; width:33%; margin:0 auto; margin-bottom:20px;}
.jobt-list li ._num{ float:none; width:50%; margin:0 auto; text-align:center; margin-bottom:15px; }
.jobt-list li ._nr{width:90%; padding-left:5%; padding-right:5px; margin-left:0px!important; margin:0 auto; float:none!important; text-align:center}
.jobt-list li ._sum{ height:60px;}

	.lxma{ font-size:15px!important}
	.mobile_daohang{ display:block}
	.pc_daohang{ display:none}
	body{ font-size:14px!important;}
	.neirong{ font-size:14px;}

.suspension{ display:none}
.suspension-box{ display:none}

.alogo{ display:none}

.indexBanner{ display:none}
.flash1{display:block!important;}

/*-------底部-----------*/



/*手机版底部导航*/

#banner{ display:block}
.tbottom{ display:block; height:70px;}

.nav_bgc{ display:none}
.bottomNav {display:block; z-index:99999;
	/*border:1px solid red;
	*/
    width:100%;
	height:70px;
	position:fixed;
	bottom:1px;}
.bottomNav_item {
	/*border:1px solid red;
	*/
    width:25%;
	height:70px; border-top:1px solid #d8d8d8;
	float:left; color:#333;
	text-align:center; background:#fff;
}
.bottomNav_icon {
	margin:auto;
	width:30px;
	height:30px; margin-top:11px;
}
.bottomNav_icon img {
	width:100%;
	height:100%;
}
.bottomNav_item p {
	margin-top:3px; font-size:0.85rem}


.xianb{border-right: 1px solid #24833d;}
#BottomNav ul li a {
    color: #f15921;
    display: block;
     padding-bottom:0.5rem; 
    padding-top:0.5rem; 

}



#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
	}

.gray {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
}
.inital_color { color:#1861b8}


/*手机版顶部导航*/

body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑"; width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.focus .bd li{ margin:0px; padding:0px; height:8rem; position:relative; overflow:hidden;}
	.focus .bd li img{ width:100%!important;  height:100%; object-fit:cover; display:block; }
	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.foctit{position:absolute; z-index:111; width:100%; bottom:0;background: rgba(0,0,0,.6); padding-left: 0.7rem; padding-right: 0.7rem; color:#FFF; font-size:0.8rem;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow:hidden; height:40px; line-height:40px; box-sizing:border-box;}
	
.toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.toubuge{ width:100%; height:50px;}
.main-header {
    height: 50px;box-shadow: 0px 1px 5px #5c4b51;
    /*background: #a10e15;*/
	background: rgba(255,255,255,1.0);
    z-index: 60;
	width:100%;
	position:relative;
		
}
header{	
	height:50px;
	line-height: 50px;
	text-align: center;
    background-color: #fff;
	box-shadow: 0px 1px 5px #9c8e93; margin-bottom:5px; 
}

.cd-logo {
    position: absolute;
    top: 0px; font-size:17px; line-height:15px; color:#333333; padding-top:8px; font-weight:bold;line-height:35px;
    left: 10px;
   
}

.cd-logo img { float:left; padding-right:10px; height:35px;
   
} 

/*.search_open {
display: block;
    width: 30px;
    height: 30px;
background: url(../images/wap_sea.png) no-repeat;
position: absolute;
right:60px;
top:10px;
background-size: auto 25px;
background-position: center center;
}*/
.menu_open {
display: block;
    width: 30px;
    height: 30px;
background: url(../images/wap_menu.png) no-repeat;
	position: absolute;
	right:10px;
top:13px;
}
.animate{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;display: block;
  transform:rotate(180deg);-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */background: url(../images/wap_close.png) no-repeat;} 
  .animate1{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;display: block;
  transform:rotate(-180deg);-moz-transform:rotate(-180deg); /* Firefox */
-webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
-o-transform:rotate(-180deg); /* Opera */} 
#top{ width:100%;  overflow:hidden; display:block;  position:absolute; top:50px; z-index:100; background-color:#f2f2f2;padding: 10px; box-sizing:border-box;}
input.button1 {
	border-radius: 5px;
	line-height: 23px;
	height: 33px;
	width: 70%;
	padding: 0 5px 0 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:3%;
font-size:12px;
	z-index: 1001;
}
input.button2 {
	text-shadow: black 0 1px 0;
	border: 1px solid;
	border-color: #EEE #CCC #CCC #EEE;
	color: #666;
	font-weight: bold;
	width: 22%;
	border-radius: 5px;
	padding: 3px;
	height: 35px;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #FFF /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f8f8f8 /*{a-bar-background-start}*/), to( #eaeaea /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/);
	font-size:12px;
	z-index: 1001;
	float:right;
}

.ncon_item{display: flex;flex-wrap: nowrap;
overflow: hidden;
position: relative;box-sizing: border-box;
padding: 15px 12px;
background-color:#fff;border-bottom: 1px solid #EBEBEB;}

.shl-n-pic {
    width: 115px;
    min-width: 115px;
    height: 72px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
    border-radius: 3px;
}
.shl-n-pic img { width:100%; height:100%; object-fit:cover;}
.shl-left {
 width:100%
}
.shl-ptit {
 font-size:0.9rem;
 overflow:hidden;
 width:100%;
 height:2.6rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-time {
 font-size:12px;
 color:#00943e;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;

 background-repeat:no-repeat;
 padding-left:15px
}
.shl-geng{ padding-top:20px; padding-bottom:20px;}
.loading-more-button {
    width: 6rem;
    height: 2rem;
    line-height: 1.96rem;
    text-align: center;
    font-size: .8rem;
    border: 1px solid #00943e;
border-radius: 5px;
color: #00943e;
    cursor: pointer;
    margin: 0 auto;
}


/*选项卡*/
.tabs {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 1px 12px;background-color: #fff; font-weight:bold;
}
.tab_con{ display:none; background-color:#FFF;}

.tabs li{
float: left;
width: 33.33%;
height: 40px;
line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs .thistab{
float: left;
width: 33.33%;
height: 40px;
border-bottom: 1px solid #00943e;
line-height: 40px;
font-size: 0.9rem;
color: #00943e;}

.home-tit{width: 100%;
position: relative;
margin-top: 10px;border-bottom: 1px solid #EBEBEB; padding:13px 14px; background-color:#FFF;font-size: 0.9rem;color: #0579cb; box-sizing:border-box;}
.home-tit .dtit { font-weight:bold; float:left;}
.home-tit a {

    font-family: Arial;
    font-size: 10px;
    float: right;
    color: #666;
    text-align: right;
    display: block;
    padding-top: 6px;
}

.shl-zj{display: flex;flex-wrap: wrap; background-color:#FFF; box-sizing:border-box;padding: 7px; text-align:center;}
.shl-zjsection {
    width: 50%;
    padding: 5px;box-sizing:border-box;
}
.zjkuang {border: 1px solid #EBEBEB;box-sizing:border-box; padding:6px 6px 12px 6px; border-radius:5px;box-shadow: 0px 0px 5px #E4E4E4;}
.shl-zjpic{width: 4.2rem;
height: 4.2rem;
overflow: hidden;
position: relative; border-radius:50%; overflow:hidden; margin:0 auto; margin-top:0.6rem;}
.shl-zjpic img{width: 100%;
height: 100%; object-fit:cover;}
.zjtit1{ font-size:0.9rem; height:2.6rem;
 line-height:1.3rem; overflow:hidden; margin-top:10px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
.zjtit2{font-size:0.8rem; height:2rem; line-height:1rem; color:#959595; overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
.zjtit3{font-size:0.7rem; height:1.4rem; line-height:1.4rem; border-radius:0.7rem; width:4rem; text-align:center; border:1px solid #0a53a3; margin:0 auto; margin-top:10px; color:#0a53a3;}



/*选项卡*/
.tabs2 {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 1px 12px;background-color: #fff; font-weight:bold;
}
.tab_con2{ display:none; background-color:#FFF;}

.tabs2 li{
float: left;
width: 50%;
height: 40px;
line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs2 .thistab{
float: left;
width: 50%;
height: 40px;
border-bottom: 1px solid #029d25;
line-height: 40px;
font-size: 0.9rem;
color: #029d25;}


.shl-djt{display: flex;flex-wrap: wrap;box-sizing:border-box;}
.shl-section {
    width: 50%;
    padding: 8px;box-sizing:border-box;
}
.skkk {
    background-color: #fff;
  
}
.shl-djtpic{width: 100%;
height: 110px; border-bottom:1px solid #f2f2f2;
overflow: hidden;
position: relative;}
.shl-djtpic img{width: 100%;
height: 100%; object-fit:cover;}
.shlne {
    padding: 10px;
}
.djtte{ font-size:0.9rem;
 overflow:hidden; text-align:center;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
 
 .djttime {
 font-size:12px;
 color:#969696;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;
 background-position: left center;
 background-repeat:no-repeat;
 padding-left:15px; height:15px; line-height:15px;
}

.jigou{ background-color:#FFF;}
.jigouname{ font-size:0.9rem;color: #0a53a3;
 overflow:hidden;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical}
.jigoumiaoshu{
	font-size:12px;
 color:#969696;
 margin-top:6px;
  overflow:hidden;
 height:3rem;
 line-height:1rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:3;
 /*显示行数*/-webkit-box-orient:vertical}

.jigou-pic {
    width: 115px;
    min-width: 115px;
    height: 82px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
    border-radius: 3px;
}

.wap_add{ background:url(../images/in_28.jpg) no-repeat left; padding-left:3rem; height:40px; line-height:40px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; overflow:hidden!important }
.wap_tel{ background:url(../images/in_30.jpg) no-repeat left; padding-left:3rem;height:40px; line-height:20px;}
.wap_mail{ background:url(../images/in_32.jpg) no-repeat left; padding-left:3rem;height:40px; line-height:40px;}
.wap_line{ margin-top:0.8rem; margin-bottom:0.8rem; background:#d8d8d8; height:1px; width:100%;}
.foot2-wap { width:100%; margin:0 auto;
    display: block;
    text-align: center;
    padding-top: 1rem;
    font-size: 0.8rem;
	padding-bottom: 1rem;background:#00943e;color:#fff;
}
.foot2-wap a {
    color: #fff;
}

.tit4 {
    width: 100%;
    padding: 15px;
    border-bottom: 
    #EBEBEB 1px solid;
    overflow: hidden; background-color:#FFF; box-sizing:border-box;
}
.tit4 .tout {width: 100%; display:flex;}
.ttpic{ width:4.4rem; min-width:4.4rem; margin-right:10px;}
.ttpic img{ width:100%;}
.tit4 .tout .text { width: 100%;}
.tit4 .tout .text h3 {

    font-size: 1rem;
    font-weight: bold;
    color: 004276;
    line-height: 1.5rem;
	height:1.5rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical;

}
.tit4 .tout .text h3 a { color: #0a53b8;}
.tit4 .tout .text .tex {
	font-size:0.75rem;
    color: #888;
	  line-height: 1rem;
	height:2rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical; margin-top:8px; 

}
.tit4 .touj {width: 100%; display:flex; align-items: center; background-color:#f2f2f2;}
.tjzjleft {
    width: 2rem;
	min-width: 2rem;
    text-align: center;
    line-height: 1.1rem;
    padding: 8px 0;
    background:#0a53a3;
    color: #fff; 
     font-size:0.9rem;
    
}
.zjtu{min-width:4.2rem;width: 4.2rem;height: 4.2rem; overflow:hidden; border-radius:50%; margin-right:10px; margin-left: 15px;}
.zjtu img{width: 100%;height: 100%; object-fit: cover; display:block;}
.rszj{ width:100%;}
.rszjtit {
	font-size:0.75rem;
    color: #888;
	  line-height: 1.1rem;
	height:1.1rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; padding-right: 6px;

}





.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.tbottom{ height:70px;}
#BottomNav {
    /*background: #0a53a3 none repeat scroll 0 0;*/
	background: rgba(36,131,61,0.9) none repeat scroll 0 0;
    bottom: 0;
    height: 3em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9;
}
#BottomNav ul li {
    float: left;
   
    text-align: center;
    width: 16.66%; 
}

.xianb{border-right: 1px solid #24833d;}
#BottomNav ul li a {
    color: #00943e;
    display: block;
     padding-bottom:0.5rem; 
    padding-top:0.5rem; 

}


#BottomNav ul li a div {
    font-size: 0.7rem; padding-top:0.25rem;padding-bottom:0.4rem; 
}
#BottomNav .yy1 {
    background-image: url(../images/yy1.png);
}
#BottomNav .yy2 {
    background-image: url(../images/yy2.png);
}
#BottomNav .yy3 {
    background-image: url(../images/yy3.png);
}
#BottomNav .yy4 {
    background-image: url(../images/yy4.png);
}
#BottomNav .yy5 {
    background-image: url(../images/yy5.png);
}
.yy6 {
    background: url(../images/yy6.png) no-repeat left;
	    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
	
}

.shl-toug{ height:50px; width:100%;}
.shl-mingx{ width:14.285%; float:left }
.shl-mingx img{ width:100%; height:100%; object-fit:cover;}

#msk{ display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:0px; left:0; z-index:50;}
#menu{ position:fixed; width:200px; height:100%;  right:-200px; background:#333; color:#fff; z-index:200; display:none; font-size:0.9rem;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);overflow-y: scroll;}
.menu1{ position:absolute; width:200px; height:100%;  right:-200px; background:#444; color:#fff; z-index:300; display:none;}

#menu li:after , .menu1 li:after{ content:''; display:block; width:100%;  border-bottom:1px solid #222;}
#menu a , .menu1 a{  line-height:45px;  padding:0 20px 0 35px; border:none; display:block;  color:#fff;font-size: 0.8rem;}
/*---
#menu a:after , .menu1 a:after{
	display:block; content:''; position:absolute; 
	right:15px;
	top:50%;
	margin-top:-4px;
	width:6px; height:6px;
	border:2px solid #fff;
	border-width:2px 2px 0 0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}---*/
.mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}

.main{ max-width:640px; width:100%;}
.op{width:100%; max-width:640px; position:relative; margin:0 auto;overflow: hidden;}



		.menu_open{ display: block;}
	.menu_close{ display: none; background: url(../images/wap_close.png) no-repeat;background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
	.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
	.menu { position: fixed; width: 200px; height: 100%; top: 50px; right:-200px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
	.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
	.menu .menu-li{border-bottom: 1px solid #222;}
	.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
	.menu .twoul{ display: none;}
	.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 5px 0 5px 0px; margin-top: 1px; font-size: 14px;}
	.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}
	
	.menuico_right{ background: url('../images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_down{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
}


@media all and (max-width:640px){

body{ margin:0 auto;padding:0px;width:100%;font-family:microsoft yahei;font-size:14px!important;color:#6c6c6c; line-height:24px!important;}



/*------------公司---------*/

  
  .aboutBg {
    padding-top:30px; width:100%;  overflow:visible; clear:both; height:auto; 
}

/*------------简介---------*/
.wrap{width:90%;margin: 0 auto;}

/*--------------*/






.introduction{ width:100%; padding:23px 0 0 0; clear:both; text-align:center; height:auto;}
.introduction h1{ font-size:17px; color:#292929; margin:0; font-weight:normal; letter-spacing:0px}
.introduction h2{ font-size:14px; color:#292929; margin:0px 0 20px 0; line-height:18px;}




/*厂房*/
.fengcai{ width:100%; margin:0 auto; }
.hl_main5_content{border-top:none;  }
.hl_main5_content a{ color:#fff;}
.hl_main5_content1{width:80%;overflow:hidden; float:left;  margin:0 auto;margin-left:1%; overflow:hidden; padding-left:5%}
.hl_main5_content1 ul{width:26000px; overflow:hidden!important;}
.hl_main5_content1 ul li{float:left; display:inline;margin-right:1%; }
.hl_main5_content1 ul li h2{ text-transform:uppercase; font-size:14px; color:#f15921; font-weight:normal; margin-bottom:0px;}
.hl_main5_content1 ul li p{ font-size:14px; color:#6b6b6b;}

.hl_scrool_leftbtn{ background:url(../images/left.jpg) no-repeat left; width:15px; height:20px;background-size:100%;  float:left; margin-top:25%; cursor:pointer;}
.hl_scrool_rightbtn{ background:url(../images/right.jpg) no-repeat left; background-size:100%; width:15px; height:20px; float:right; margin-top:25%; cursor:pointer;}

.calie{ width:100%; height:auto;  display: flex;justify-content: center;align-items: center; overflow:hidden; margin-bottom:0px;}
.calie  img{width:100%;height:auto; transition: all 0.8s;object-fit: cover;}
.calie  img:hover{   transform: scale(1.1);}



.pro {
	width: 100%;
	margin: 0px auto;
	clear: both;
	overflow: visible;
	height:auto;
	padding-top:0px;
	background-attachment: fixed;
	background-image: url(../images/p_bg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: 90% 5%;

	
}


.pro .nr {width:87%; margin:0px auto; clear:both; overflow:visible; background:url(../images/pro_bg1.jpg) no-repeat 8% 20%; height:auto; padding-bottom:20px;}
.pro .nr .con { width:100% !important;}


/* —————————— 第2通栏 start —————————— */
.column2 {
	overflow: hidden;
	padding: 30px 0 0;
	
}
.column2 h2{ color:#fff; font-size:20px ; text-align:center; font-weight:900}
.column2 h3{ font-size:14px; color:#fff; text-transform:uppercase; text-align:center; font-weight:normal; margin-top:10px}


.column2 h3 line {
    width: 40px;
    height: 1px;
    background: #fff;
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle;
}


.indexC2Con {
	position: relative;
}





.rollBox1{  width:100%; margin:0 auto; margin-top:20px}
.rollBox1  h3{width:100%;  font-size:30px; font-weight:normal; height:90px; float:left; color:#393939; text-align:center; padding-bottom:30px; background:url(../images/pro.png) no-repeat top center; padding-top:30px; margin-top:10px;}

.rollBox1 .Cont{width:100%;float:left; padding-top:0px;}

.rollBox1 .Cont .pick{width:100%; height:auto;  float:left;text-align:center; color:#333; margin: 0 0%; margin-bottom:20px; 
           
  }
.rollBox1 .Cont .pic1{width:100%; height:auto; float:left;text-align:left;  color:#333; overflow:hidden;font-family:"微软雅黑"; border:#e1e1e1 solid 1px;
  background:#fff; -webkit-border-radius: 5px;
            -moz-border-radius: 25px;
 }.rollBox1 .Cont .pic1 b{ font-size:16px; margin:0; margin-top:15px; margin-bottom:0px; font-weight:900; color:#666666; line-height:20px;}
.rollBox1 .Cont .pic1 h5{ width:100%;float:left; color:#3b3b3b; font-size:14px!important; text-align:center;  margin-top:15px; font-weight:normal; text-align:center; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#b0b0b0}
.rollBox1 .Cont .pic1 h5 a{  color:#b0b0b0; text-align:center }

.rollBox1 .Cont .pic1 .linkmore a{ width: 43%; height:25px; line-height:25px; margin:0 auto; text-align:center; display:block; text-decoration:none; background:#eaeaea; color:#a5a5a5; display:block; margin:10px 30% ; float:left; font-size:12px }
.rollBox1 .Cont .pic1 .linkmore a:hover{ color:#fff; background:#1461b2; border:0; }


.rollBox1 .Cont .wenn{width:100%; text-align:center; height:50px;  float:left; margin-bottom:20px}



.rollBox1 .Cont .pick:hover img{ transition:all 0.4s;transform: scale(1.1)}
.rollBox1 .Cont .pick:hover p{ color:#1461b2;}

.rollBox1 .Cont .pick:hover .linkmore a{ color:#fff; background:#1461b2; border:0}

.rollBox1 .Cont .pick:hover .wenn{ color:#1461b2}

.rollBox1 .Cont .pic1{ transition:all 0.4s}

.rollBox1 .Cont .pic1:hover{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




   transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);   }

.rollBox1 .Cont .pic1:after{right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;}

.rollBox1 .Cont .pic1:after{content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 3px;
    width: 0;
    background:#1461b2;
    transition: 400ms ease all; }



.rollBox1 .Cont .pic1:hover:after {
    width: 100%;
    transition: 800ms ease all;
}



.sy_bt { width:100%; padding-top:5%; padding-bottom:0%; text-align:center;}
.sy_bt b { font-weight:700;}
.sy_bt p { font-size:14px; line-height:40px; color:#666;}

.sy_bt em { font-style:normal; font-size:14px; color:#CCC; line-height:22px; text-transform:uppercase; display:block; padding:0% 0px; font-family:DINEngschriftStd; font-weight:700;}
.sy_bt h2 { font-weight:900; font-size:20px; line-height:25px; color:#000;}
.sy_bt .baise { color:#fff; padding:1%; font-size:20px;}


/*pageNews*/
.pageNews{width:90%; padding-top:0px; padding-bottom:0px;  height:auto;overflow: hidden; margin:auto}
.pageNews ul li{width:100%;display: inline-block;vertical-align: top;margin-right: 0%;margin-top: 0; border-bottom:#E7E7E7 solid 1px;}
.pageNews ul li a{display: block;width: 100%;padding-bottom: 10px;position: relative;}
.pageNews ul li:nth-child(3n){margin-right: 0;}
.pageNews ul li .img{width: 100%;overflow: hidden; border-radius:0px;}
.pageNews ul li .img img{display: block;width: 100%;transition: all 0.6s ease;}
.pageNews ul li .tit{font-size:16px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 10px;transition: all 0.6s ease; padding-bottom:2%;}
.pageNews ul li .tit span{ color: #d20200; margin-right: 10px;}
.pageNews ul li .time{font-size: 13px;letter-spacing: 0px;color: #999999;text-transform: uppercase;margin:5px 0 5px;transition: all 0.6s ease; font-family:DINEngschriftStd; }
.pageNews ul li .txt{display:none; }
.pageNews ul li .l{width: 40px ; height: 3px; background-color: #999;  position: absolute;bottom: 0; left:0;transition: all 0.6s ease; border-radius:25px; overflow:hidden;}
.pageNews ul li:hover .img img{transform: scale(1.1);}
.pageNews ul li:hover .tit{color: #d20200; }
.pageNews ul li:hover .time,.pageNews ul li:hover .txt{color: #333;}
.pageNews ul li:hover .l{ width: 30%; background-color: #d20200; border-radius:10px; overflow:hidden;}


/*------------搜索---------*/

.pz13{  width:100%; background-image:url(../images/ab_bgbg.jpg); background-position:center; background-repeat:no-repeat; background-attachment: fixed; height:auto!important; padding-bottom:30px; overflow:hidden; background-size:cover}

.pz{ width:90%; margin:0 auto; clear:both; padding-top:20px; padding-bottom:20px;}


.pz1{ width:90%; float:right; padding-top:20px;background:#fff;border-radius:5px; margin-top:20px; padding-left:5%; padding-right:5%; padding-bottom:20px; line-height:24px;}
.pz1 h3{ font-size:15px; color:#083e74; font-weight:bold; width:100%; float:left; text-align:center; border-bottom:#e6e6e6 solid 1px; padding-bottom:10px; margin-bottom:20px;}
.pz1 h3 span{font-family:Barlow-Regular; font-weight:normal; text-transform:uppercase; font-size:20px;color:#738faa; line-height:30px; }
.pz1 h3 b{ color:#ea5e00}

.pz1 h5{ width:100%; float:left; font-size:17px; line-height:20px;}

.m1 a{background:#05568b;width:100%; text-align:center; line-height:25px;-webkit-transition:.8s; float:left; margin-top:10px;
-moz-transition:.8s;
-o-transition:.8s; color:#FFFFFF; font-size:12px;border-radius:5px; margin-top:10px;}

.m1 a:hover {cursor:pointer;/* transform属性 */transform:translate(0,0px); background:#ea5e00;-webkit-transition:.8s; color:#FFFFFF!important;
-moz-transition:.8s; clear:both;  
-o-transition:.8s;}



.pz2{ width:100%; float:left; padding-top:10px;}
.pz2 h3{ font-size:15px; color:#fff; font-weight:bold; width:100%; float:left}
.pz2 h3 span{font-family:Barlow-Regular; font-weight:normal; text-transform:uppercase; font-size:20px;}

.pz2 ul{ width:100%; float:left; padding-top:10px;}
.pz2 ul li{}
.pz2 ul li a{ border:#105dad solid 1px; background:#fff; float:left;  width:100%;line-height:30px;font-size:14px; text-align:center; -webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;color:#f15921!important; border-radius:5px; margin-right:0px;margin-bottom:10px;}

.pz2 ul li a:hover {cursor:pointer;/* transform属性 */transform:translate(0,0px);  border:#fff solid 1px;background:none; -webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s; color:#fff!important;}




.m2 a{background:#f28f2a; width:100%; float:left;line-height:30px; text-align:center; border-radius:5px;color:#fff}



/*------------产品---------*/





/*footer*/

.fl{ float:left}. fr{ float:right}

.mt-tabpage-item { display:flex;justify-content: space-between; flex-wrap: wrap ;}
.mt-tabpage-item .item {
    padding: 2% 1%;
     width: 47%!important;  text-decoration:none; background:#f6f6f6; margin-bottom:1%; 
}.mt-tabpage-item  .item .left {display:none;
}.mt-tabpage-item .item .left .num {
    font-size:18px;font-family: 'beba';line-height: 1;
    margin-bottom:1px; padding-bottom:1px;
    position: relative;
}.mt-tabpage-item .item .left .num:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 45px;
    background: #dddddd;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.mt-tabpage-item .item .left .time {
    font-size: 12px;font-family: 'beba';
}.mt-tabpage-item .item .right .h0 {
    font-size:14px;
    color: #222222;
    line-height: 20px;
    overflow: hidden;
    transition: .5s ease-in-out;
}.mt-tabpage-item  .item .right .p {
    height:auto;
    overflow: hidden;
} .mt-tabpage-item .item .right .p {
    transition: .5s ease-in-out;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}
.mt-tabpage-item .item .right { width:100%;text-align:left
}.mt-tabpage-item .item:hover {
  background: #0b67a8;
  transition: .5s ease-in-out;
  color: #ffffff; margin-top:0px;
}
.mt-tabpage-item .item:hover .left {
  transition: .5s ease-in-out;
  color: #ffffff;
}
.mt-tabpage-item .item:hover .right .h0 {
  transition: .5s ease-in-out;
  color: #ffffff; text-align:left
}
.mt-tabpage-item .item:hover .right .p {
  transition: .5s ease-in-out;
  color: #def1ff;}
  .f-cb:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}


.lp1{ display:none}
.lp2{ display:block; }



.clamp2 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden; line-height:20px;}
}