html{-webkit-text-size-adjust:none;font-size: 62.5%;} 

body{color: #666;overflow-x:hidden;margin:0; padding:0;}

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;-moz-appearance: none;appearance: none;}

a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #000;} 

a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}

.pcshow { display:inline-block;}

.mbshow { display:none!important;}

.clear { clear:both;}

.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}

.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}

.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}

.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}

.img-block {display: block;width: 100%;height: auto;}

.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}

.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;}

.clamp4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

.clamp5 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}

.send-mark {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;background: rgba(255,255,255,0.5);}

.send-mark.cur {display: none;}

.send-mark i {display: block;width: 4.8rem;height: 4.8rem;background:url('../image/loading.gif') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50,-50%);}

::-webkit-scrollbar{height:4px; width:0px;background: #ccc;}

::-webkit-scrollbar-button{height:0; width:5px;background: #ccc;}

::-webkit-scrollbar-thumb{background-color:#000;box-shadow:inset 1px 1px 0 #000,inset 0 -1px 0 #000;}

.fl{float:left;}

.fr{float:right;}

.container,.mainwidth{width:90%; margin:0 auto;}









/* header */

.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease; background-color: rgba(255, 255, 255, .8);}



.header * {transition:all .4s ease;}

.header-content {width:100%;height: 10rem;margin: auto;position: relative;z-index: 8;text-align: center;font-size: 0;}

.header-left {position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 5;}

.header-center {position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 3;width: 90%;text-align: center;}

.header-right {color: #000;text-align: right;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);z-index: 10;display: flex;}

.header-logo {max-width: 18rem;max-height: 80%;overflow: hidden;}

.header-logo a {display: block;width: 100%;} 

.header-nav {text-align: center;}

.header-nav ul,.header-nav li {list-style: none;margin: 0;padding: 0;}

.header-nav ul {display: flex;justify-content: flex-start; margin-left: 15%;}

.header-nav li {margin: 0 1rem; height:10rem;display: flex;}

.header-nav a.nav {padding: 0 1rem;line-height:3.5rem;margin-top: 3rem;}

.header-nav a.nav span {color: #000;display: inline-block;vertical-align: middle;font-weight: bold;  padding: 0 2rem;}

.header-nav a.nav:hover span,.header-nav li.cur a.nav span{color: #fff;background: #199689; height: 3.5rem; border-radius: 3.5rem;}

/*.header-nav a.nav::after {content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: #0192d5;z-index: 11;}*/

.header-nav li.cur a::after {width: 100%;}

.header-nav li:hover .header-nav-show {display:block;}

.header-link {font-size: 0;text-align: right;} 

.header-link .link-1 {display: inline-block;vertical-align: middle;margin-left: 1rem;  border-radius:50px; height:35px; width:35px; line-height:35px; text-align:center; background:#fff;}

.header-link .link-1 a {display: inline-block;vertical-align: middle;}

.header-link .link-1 i {width:20px;height:20px;display: inline-block;vertical-align: middle;opacity: .8;}

.header-link .nobg{border:1px solid #199689;}

.header-link .link-1:hover {background:#199689;}

.header-link .link-1:hover img{filter: grayscale(100%) brightness(0%) invert(100%);

    -webkit-filter: grayscale(100%) brightness(0%) invert(100%);}



/*.header-link .link-1 span {display: inline-block;vertical-align: middle;margin-left: .5rem;color: #999;position: relative;padding-right: 0;}

.header-link .link-1 span::after {content: '';width: 1.5rem;height: .9rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 1;background-size: 100%;opacity: .5;display: none;}

.header-link .link-1:first-child {margin: 0;}

.header-link .link-1 a:hover i,.header-link .link-1 a:hover span::after {opacity: 1;}

.header-link .link-1 a:hover span{color: #fff;}*/

.header-nav-show {width: 90%;background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);  border-radius:20px; padding:20px 5%; position: absolute;left: 0;top: 10rem;z-index: 11;box-shadow: 5.15px 8.572px 10px 0px rgba(0,0,0,0.2);display:none;}

.header-nav-show ul {padding: .5rem;overflow: hidden;display: block;text-align: left; display:flex;justify-content: center; margin-left: 0;}

.header-nav-show ul a{display: block;color: #333;  text-align:left; width:25%; font-weight:bold; text-align:center;}

.header-nav-show a:hover{color:#199689;}

/*.header-nav-show ul a:last-child {border-bottom: none;}

.header-nav-show ul a:hover {color: #0192d5;border-bottom: 1px solid #0192d5;}

.header-nav-show ul a:last-child:hover {color: #0192d5;border-bottom: none;}*/



.subclass{width:100%; border-top:1px solid #199689; margin-top:20px; padding-top:20px; display:flex; flex-wrap:wrap; justify-content:left; margin-bottom:20px;}

.subclass .item{width:calc(100%/4); font-weight:bold; margin-top:20px; text-align:left;}

.subclass .item a{color:#000;}

.subclass .item:hover a{color:#199689;}





.header.scroll-top,.header.scroll-down {background: #fff;}

/*.header.scroll-top .header-content,.header.scroll-down .header-content{height: 7rem;}

.header.scroll-top .header-nav a.nav,.header.scroll-down .header-nav a.nav {line-height: 7rem;}*/

.header-nav a.nav::after {transition: none;}



.header.cur {background: #fff;}

/*.header.cur .header-content {height: 7rem;}

.header.cur .header-nav a.nav {line-height: 7rem;}*/



.form-group {width:14vw; border-radius:50px; background:#199689;}

.form-group .input{width:78%;background:transparent;border:0;color:#fff;height:35px;line-height:35px;float:left;padding:0}

.form-group .button {width:15%;height:35px;line-height:35px;border:0;display:block;float:left;background:url(../image/search.png) no-repeat center 50%; background-size:20px; text-indent:-2000px;filter: brightness(0) invert(1);}

/*.header-right .button:hover{background:url(../images/ico-search-button.png) no-repeat center 50%;}*/



.form-group2 {width:100%; border-radius:50px; background:#199689;display: inline-block;}

.form-group2 .input{width:78%;background:transparent;border:0;color:#fff;height:40px;line-height:40px;float:left;padding:0}

.form-group2 .button {width:15%;height:35px;line-height:35px;border:0;display:block;float:left;background:url(../image/search.png) no-repeat center 50%; background-size:20px; text-indent:-2000px}



.mailbox{width: 80%;background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px); opacity:0.95; border-radius:20px; padding:40px 5%; position: absolute;left: 5%;top: 99%;z-index: 11;box-shadow: 5.15px 8.572px 10px 0px rgba(0,0,0,0.2);display: none; border:1px solid #60a99f; color:#000; text-align:left; }

.mailbox .title_1{ border-bottom:1px solid rgba(255,255,255,0.5); height:40px; line-height:40px; margin-bottom:10px; }

.mailbox .title_2{width:60%; float:left; line-height:30px;}



.header-contact-us-from {overflow: hidden;margin-top: 5%; width:100%;}

.header-contact-us-from .item-1{margin: 1rem 0;overflow: hidden;width:70%; float:left;}

.header-contact-us-from .layui-form-item{position:relative;}

.header-contact-us-from .layui-icon{position: absolute; left: 0px; top: 8px;  width: 38px; line-height: 36px; text-align: center; color: #fff;z-index: 111; }

.header-contact-us-from .layui-icon:before { content: ""; width:20px; height:20px; display:inline-block; background:#fff; border-radius:100%;}

.header-contact-us-from .item-2{margin: 1rem 0;overflow: hidden;width:22%; float:left; margin-left:5%; display: flex;flex-wrap: wrap;justify-content: space-between;flex-flow: nowrap;}

.header-contact-us-from .input-2{border: 0;background:#199689; color:#fff;width: 100%;box-sizing: border-box; height:36px; line-height:36px; border-radius:50px; position:relative; margin-bottom:10px; text-indent: 30px;}

.header-contact-us-from .input-2::after{content: '';position:absolute; left:6px; top:6px; width:24px; height:24px; background:#fff; border-radius:50%; z-index: 15;}



.header-contact-us-from .textarea-1{border: 0;background:#199689; color:#fff; width: 100%;box-sizing: border-box;text-indent: 30px;border-radius:10px; height:80px; line-height:36px;}

.header-contact-us-from .submit-1{display: block;background: rgba(255,255,255,1);color:#199689;text-align: center;padding: 1rem 5rem; border-radius:50px; border:0px; font-weight:bold;border: 1px solid #199689;} 

.header-contact-us-from .submit-1:hover {background:#199689; color:#fff;}

.header-contact-us-from .submit-2{display: block;background:#199689;color: #fff;text-align: center;padding: 1rem 5rem; border-radius:50px; border:0px; font-weight:bold;} 



.header-contact-us-from .textarea-1::placeholder , .header-contact-us-from .textarea-2::placeholder, .header-contact-us-from .input-2::placeholder{color: rgba(255, 255, 255, 0.5); }

.searchbox{width: 80%; opacity:0.95; border-radius:20px; padding:40px 5%; position: absolute;left: 5%;top: 99%;z-index: 11;box-shadow: 5.15px 8.572px 10px 0px rgba(0,0,0,0.2);display: none; border:1px solid #60a99f; color:#fff; text-align:left; background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);box-shadow: 5.15px 8.572px 10px 0px rgba(0,0,0,0.2);display: none; border:1px solid #60a99f; color:#000; text-align:left;  }



/* menu */

.mheader-nav {z-index: 399!important;opacity: 0;}

.menu-toggle {display: none;margin-left: 2rem;}

.menu-toggle a {display: inline-block;vertical-align: middle;box-sizing: border-box;width: 60%;margin-top: -3px;}

.cd-nav-trigger {display: inline-block;position: relative;}

.menu-toggle i:before {display: inline-block;vertical-align: middle;color: #fff;font-size: 1.6rem;}

.menu-toggle span.hamburger,

.menu-toggle span.hamburger:after,

.menu-toggle span.hamburger:before {content:"";display:block;width:100%;height:2px;background:#199689;position:absolute;top:50%;margin-top:-2px;left:50%;margin-left:-50%;-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:-6px;top:0;transition-delay:0.27s;}

.menu-toggle span.hamburger:before {margin-top:6px;top:0;transition-delay:0.2s;}

.menu-toggle span.cross {display: inline-block;vertical-align: middle;position: relative;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.menu-toggle span.cross:before,

.menu-toggle span.cross:after {content:"";display:block;width:100%;height:2px;background:#199689;position:absolute;top:50%;margin-top:0;left:50%;margin-left:-50%;-webkit-transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transition-delay:0.12s;}

.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(7rem) translateX(-7rem) rotate(-45deg);transform:translateY(7rem) translateX(-7rem) rotate(-45deg);}

.menu-toggle span.cross:after {-webkit-transform:translateY(-7rem) translateX(7rem) rotate(-45deg);transform:translateY(-7rem) translateX(7rem) 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(10rem);transform:translateX(10rem);transition-delay:0.12s;}

.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);}

.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}

.menu-toggle span.hamburger {display: inline-block;vertical-align: middle;position: relative;left: auto;margin: 0;top: auto;} 

.menu-toggle .menu-text {display: inline-block;vertical-align: middle;margin-left: .4rem;position: relative;overflow: hidden;z-index: 11;}

.menu-toggle em {font-style: normal;color: #fff;display: block;}

.menu-toggle em:last-child {position: absolute;left: 0;top:0;opacity: 0;transform: translateY(100%);}

.no-touch .menu-toggle em:first-child {transform: translateY(-100%);}

.no-touch .menu-toggle em:last-child {transform: translateY(0);opacity: 1;} 









/* footer */

.footer {position: relative;clear: both; overflow: hidden;background:#fff;position: relative;z-index: 11;background-size: cover;color: #000;}

.footer ul,.footer li {list-style: none;margin: 0;padding: 0;}

/*.footer a  {color: #fff;}*/

.footer a:hover {color: #2da898;}

.footer-content {width: 90%;margin: auto;font-size: 0;position: relative;}

.footer-content-top {overflow: hidden;background: #eee;}

.footer_pro{width:100%; display:inline-block;}

.footer_pro_1{width:calc(18% - 2vw); float:left; display:flex;justify-content:left; border-radius:50px; background:#0d3130; height:40px; line-height:40px;color:#fff;align-items: center;padding:0 1vw;}

.footer_pro_1 span img{width:24px; margin-top: 17px;margin-right: 10px;}

.footer_pro_2{width:82%; float:left; display:flex;justify-content:space-between; position: relative;}

.footer_pro_2 .item{width:25%;}

.footer_pro_2 .item a{background:#2da898; border-radius:50px;height:40px; line-height:40px;color:#fff; padding:0 30px; display:inline-block;}

.footer_pro_2 .item a:hover{ background:#2d9687;}

.footer_pro_2 .item:first-child{width:50%;}

.footer_pro_2 .item:first-child a{background:#fff; color:#000; margin-left:-3vw; padding:0 2vw 0 3vw;}

.footer_pro_3{width:82%; float:left; display:flex;justify-content:space-between; position: relative;}

.footer_pro_3 .item{width:25%;}

.footer_pro_3 .item a{background:#2da898; border-radius:50px;height:40px; line-height:40px;color:#fff; padding:0 2vw; display:inline-block;}

.footer_pro_3 .item a:hover{ background:#2d9687;}

.footer_pro_3 .item:first-child a{ margin-left:-3vw; padding:0 2vw 0 3vw;}

.footer-content-center {position: relative;    padding-bottom: 5vw; padding-top: 3vw;}

.footer-content-top .footer-content {padding: 12rem 0 8rem;position: relative;overflow: hidden;}

.footer-content-left {float: left;width: 20%;} 

.footer-content-right {position: absolute;right: 0;bottom: 5%;}

/*.footer-logo {width: 13rem;overflow: hidden;float: left;} 

.footer-socialize {position: absolute;right: 0;bottom: 5%;}

.footer-socialize li{display: inline-block;vertical-align: middle;position: relative;}

.footer-socialize li a{width: 4rem;height: 4rem;display: block;position: relative;border-radius: 100%;}

.footer-socialize li a:hover img {filter: none;opacity: 1;}

.footer-socialize li img {max-width: 50%;max-height: 50%;}

.footer-socialize li:hover .ewmshow-1 {display: block;}

.footer-socialize li:hover a {opacity: .5;}

.footer-socialize .ewmshow-1 {width: 10rem;position: absolute;left: -4rem;bottom:100%;background: #fff;border-radius: 4px;z-index: 11;display: none;padding:.5rem;}

.footer-socialize .ewmshow-1::before {content: "";position: absolute;bottom:-1.5rem;left: 50%;transform: translateX(-50%);border-width: 1rem;border-style: solid;border-color: #fff transparent transparent  transparent;}

.footer-socialize .ewmshow-1 img {max-width: 100%;max-height: 100%;box-sizing: border-box;}

.footer-socialize .ewmshow-1 p {margin: 0;padding: 0;padding: .5rem 0;text-align: center;color: #0089e1;}*/

.footer-content-center {position: relative;}

.footer-content-center .footer-content {display: flex;justify-content: space-between;}

.footer-subscribe {float: left;width: 30%;}

.footer-subscribe .bottom-1{overflow: hidden;position: relative;padding-left: 3rem;}

.footer-subscribe .text-2{width: 80%;}

.footer-nav {overflow: hidden; border-top:1px solid #000; border-bottom:1px solid #000; width:100%; margin:20px auto; padding:20px 0; display:inline-block;}

.footer-nav ul {width:100%;display: flex; justify-content: space-around;}

.footer-nav ul li{width:auto; float:left; text-align:left;}

.footer-nav .title-1{overflow: hidden;padding-bottom: 1rem;}

.footer-nav .title-1 a{display: inline-block;border-bottom: 1px solid #fff;padding: 1rem 0;}

.footer-nav li a {display: block;padding: .5rem 0; color:#000;}

.footer-contact {position: relative;overflow: hidden;}

.footer-contact .title-1{font-weight: normal;padding-bottom: 10%;}

.footer-contact .text-1{font-weight: normal;}

.footer-right{}

.foot-sc-1{display:flex; flex-flow:column; line-height: 2; float: left;  margin-right: 4vw;}

.foot-sc-1 img{width:8vw;}

.foot-sc-2{float:left; line-height:1.8;}

.footer-content-bottom {overflow: hidden; text-align:right; background:#eee;}

.footer-content-bottom .footer-content{padding: 0rem 0 3rem;overflow: hidden;position: relative; } 

.footer-content-bottom .footer-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.footer-content-bottom .footer-link a {margin-left: 2rem;}

.footer-copy{border-top:1px solid rgba(0,0,0,0.8); padding-top:10px;}

.footer-copy a  {color: #000;}

.footer-copy a:hover {color: #666;}



.footer-nav2 {display: flex; flex-wrap:wrap; float: right;width:100%;}

.footer-nav2 ul {margin-right: 0; width:calc(100% / 6);}

.footer-nav2 .title-1{overflow: hidden;padding-bottom: 1.2rem;}

.footer-nav2 .title-1 a{display: inline-block;padding: 1rem 0; font-weight:bold;}

.footer-nav2 li a {display: block;padding: 1.2rem 0;}









/* index */  

.index-swiper {width: 100%;height: 100%;}

.index-swiper-wrapper {display: block;}

.index-swiper .first-product,.index-swiper .first-make,.index-swiper .first-news,.index-swiper .first-about,.product_cate,.index-about,.product_gygt_box {padding: 0;width: 100%;height: 100%;}

.index-swiper .first-make-content,.index-swiper .first-news-content {position: absolute;left: 5%;top: 55%;transform: translateY(-50%);z-index: 1;width: 90%;overflow: hidden;}

.index-swiper-xycenter .first-product-content,.index-swiper-xycenter .first-product-bottom {width: 100%;}

.index-swiper .first-make .index-make-center {padding: 1% 0 0 0;}

.index-swiper .index-about-right-earth::after {width: 50%;}

.index-swiper .similar-title,

.index-swiper .first-about-content .text .txt-1,

.index-swiper .first-about-content .text .more-2,

.index-swiper .first-about-content .icon,

.index-swiper .index-make-center {opacity: 0;transition: opacity .8s ease-in-out,transform .8s cubic-bezier(.215,.61,.355,1);transform:translateY(300px);}

.index-swiper .swiper-slide-active .similar-title,

.index-swiper .swiper-slide-active .first-product-bottom,

.index-swiper .swiper-slide-active .first-about-content .text .txt-1,

.index-swiper .swiper-slide-active .first-about-content .text .more-2,

.index-swiper .swiper-slide-active .first-about-content .icon,

.index-swiper .swiper-slide-active .index-make-center {transform:translateY(0px);opacity: 1;}

.index-swiper .similar-title {transition-delay: .1s;}

.index-swiper .first-product-bottom,.index-swiper .product_cate,.first-product,.bigtext,.index-swiper .index-make-center,.index-swiper .first-about-content .text .txt-1 {transition-delay: .2s;}

.index-swiper .first-news-bottom .item,.index-swiper .product_cate .procitem,.index-swiper .product_gygt,.index-swiper .index-about-box{opacity: 0;transition: opacity 1.8s ease-in-out,transform 1.8s cubic-bezier(.215,.61,.355,1);transform:translateX(300px);}

.index-swiper .active .first-news-bottom .item,.index-swiper .active .product_cate .procitem,.index-swiper .active .product_gygt,.index-swiper .active .index-about-box {transform:translateX(0px);opacity: 1;}

.index-swiper .first-product-bottom .item {opacity: 0;transition: opacity 1.8s ease-in-out,transform 1.8s cubic-bezier(.215,.61,.355,1);transform:translateX(600px);}

.index-swiper .active .first-product-bottom .item  {transform:translateX(0px);opacity: 1;}

.index-swiper .first-news-bottom .item:last-child,.index-swiper .first-about-content .text .more-2 {transition-delay: .3s;}

.index-swiper .first-about-content .icon {transition-delay: .4s;}

.index-swiper .first-news-bottom .item.itm1 {opacity: 0;transition: opacity .8s ease-in-out,transform .8s cubic-bezier(.215,.61,.355,1);transform:translateX(-300px);transition-delay: .2s;}

.index-swiper .active .first-news-bottom .item.itm1  {transform:translateX(0px);opacity: 1;}

.index-swiper .index-about-right-earth {opacity: 0;transition: opacity .8s ease-in-out,transform .8s cubic-bezier(.215,.61,.355,1);transition-delay: .2s;}

.index-swiper .active .index-about-right-earth {opacity: 1;}











.banner{width: 100%;position: relative;background: #000;}

.banner-content{width:100%;margin: auto;}

.banner-content .swiper-slide{font-size:0}



.index-banner-swiper .swiper-slide-text{position: absolute;left: 10%;top: 15%;transform: translateY(-50%);text-align: center;width: 80%; z-index:22;  word-spacing: 5px; font-weight: bold;}

.index-banner-swiper .swiper-slide-text .text-1 { color: #fff;opacity: .95;}

.index-banner-swiper .video{position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;}

.index-banner-swiper .video video{width: 100%;height: 100%;display: block;object-fit: cover;}



.index-banner-swiper .swiper-slide-text2{position: absolute;left: 10%;bottom: 10%;transform: translateY(-50%);text-align: center;width: 80%; z-index:22}

.index-banner-swiper .swiper-slide-text2 .text-1 { letter-spacing: -1px; word-spacing: 5px; 

  background: -webkit-linear-gradient(top,#ffffff,#cceeec, #a3dddf, #46b7b5);

  background: linear-gradient(to bottom, #ffffff,#cceeec, #a3dddf, #46b7b5);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;opacity: 1; line-height:1}



.index-banner-swiper .swiper-slide-active .pic{animation: smoimgani 3000ms alternate ease forwards;}

@keyframes smoimgani{0%{transform:scale(1.05);} 100%{transform:scale(1.00);}}



.banner-content .pic{background-position: center center;background-repeat: no-repeat;background-size: cover;}

.banner-content .pic img{display: block;width: 100%;height: auto;}

.banner .swiper-pagination {bottom: 3%; width:auto; background:rgba(25,150,137,0.5); border-radius:50px; padding:6px 10px; left: 50%;transform: translateX(-50%);}

.banner .swiper-pagination span {width: 1rem;height: 1rem; background: #fff; opacity:1}

.banner .swiper-pagination span.swiper-pagination-bullet-active {background: #fff; width:30px; border-radius:10px;}



.scrolldown-1 {width: 5rem;height: 5rem;left: 50%;transform: translateX(-50%);z-index: 22;bottom: 5%;position: absolute;animation: updown 2000ms ease infinite;}

.scrolldown-1 i {display: block;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;width: 100%;height: 100%;z-index: 1;background: url('../image/d.png') center no-repeat;background-size: 30%;}

.scrolldown-1 i::after {content: '';left: 50%;top: 70%;transform: translate(-50%,-50%);position: absolute;width: 100%;height: 100%;z-index: 1;background: url('../image/d.png') center no-repeat;background-size: 30%;opacity: .1;}

@keyframes updown{0%{bottom: 5%;} 50%{bottom: 4%;} 100%{bottom: 5%;}}







.index-about {position: relative;overflow: hidden;}

.index-about-content {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;}

.index-about-right-earth {position: absolute;right: -5%;top: 50%;transform: translateY(-50%);z-index: 10;width: 60%;height: 60%;}

.index-about-right-earth::after {content: '';width: 56%;height: 100%;position: absolute;left: 50%;top: 50%;z-index: 1;overflow: hidden;border-radius: 100%;background-image: radial-gradient(circle at center,  transparent 50%,rgb(1,146,213) 90%);transform: translate(-50%,-50%);opacity: .5;}

.index-about-content #chartdiv {position: absolute;right:0;top: 0;z-index: 10;width: 100%;height: 100%;}

.index-about-content #chartdiv::before {content: '';width: 100px;height: 50px;position: absolute;left: 0;bottom: 0;z-index: 11;background: #000;}

.index-about-right-earth .img-block {height: 100%;}



.product_cate{width: 100%;padding:0;background: url('../image/bg2.jpg') center top no-repeat;overflow: hidden;background-size: cover;    position: relative;}

.product_cate .productbox{width: 90%;margin:9% auto; position:relative; display:flex; flex-wrap: wrap;}

.product_cate .productbox .procitem{width:calc(100% / 4); text-align:left; line-height:30px; color:#000; padding:20px 0; float:left;}

.product_cate .productbox .procitem img{width:60px; margin-right:10px;}

.product_cate .productbox .procitem:nth-child(1),.product_cate .productbox .procitem:nth-child(2),.product_cate .productbox .procitem:nth-child(3),.product_cate .productbox .procitem:nth-child(4){border-bottom:2px solid #333436;}

.product_cate .productbox .procitem a:hover{color: #199689;}

/*.product_cate .line{width:100%; border:1px solid #333436; position:absolute; top:120px; left:0px;}*/

.bigtext{position:absolute; left:50%; transform:translateX(-50%); top:55%;}

.bigtext .text-1{-webkit-text-stroke: 1px #00fbff;color: #fff; text-align: center; font-weight: bold; line-height: 0.8; opacity: 0.3;}

.bigtext .text-2{position:absolute;left:50%; top:50%; transform:translate(-50%, -50%);  z-index:2; color:#454545; font-weight:bold; text-align:center;}

.promore{position:absolute; bottom:3%; right:5%;}

.promore .bluemore{background:#19958a; border-radius:50px;  display: block; height: 28px;line-height: 28px; padding: 5px 30px; color:#fff;}

.promore .bluemore:hover{background:#122e28;}

.promore .blackmore{background:#000; border-radius:50px;  display: block; height: 28px;line-height: 28px; padding: 5px 30px; color:#fff;}

.promore .blackmore:hover{background:#199689;}

.first-product{width: 100%;position: relative;padding:5% 0 0% 0;background: #eee;overflow: hidden;background-size: cover;}

.first-product-content{width: 80%;margin: auto;}

.first-product-top{display: flex;justify-content: space-between;align-items: center;}

.first-product-right{z-index: 15;position: relative;}

.first-product-right .swiper-button-next,

.first-product-right .swiper-button-prev {width: 5rem;height:5rem;border: 1px solid #fff;border-radius: 50%;background-color: #fff;position: absolute;top: 50%;transform: translateY(-50%);}

.first-product-right .swiper-button-next{right: 0;}

.first-product-right .swiper-button-prev{left: -12rem;}

.first-product-right .swiper-button-next::after{color: #000;font-weight: bold;font-size: 15px;}

.first-product-right .swiper-button-prev::after{color: #000;font-weight: bold;font-size: 15px;}

.first-product-bottom{width: 90%;overflow: hidden;margin: auto;}

.first-product-bottom .item{position: relative;}

.first-product-bottom .item a {display: block;overflow: hidden;position: relative;}

.first-product-bottom .item .text{position: absolute; bottom: 0;left: 0%; width: 90%; border-radius: 40px; background: rgba(255, 255, 255, 0.3); padding: 5%;z-index: 33; height:60px; text-align:left;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);  /*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);*/display: flex; align-items: center;}

.first-product-bottom .item .text .title-1{color:#000; width:70%;}

.first-product-bottom .item .text .more-2{display: flex;align-items: center;margin-top: 1rem;}

.first-product-bottom .item .text .more-2 .txt{color: #fff;}

.first-product-bottom .item .text .more-2 .mark{position:absolute; top:28px; right:5%; background:url(../image/yyjt_2.png) right top no-repeat; width:40px; height:40px; background-size:40px;}

.first-product-bottom .item .pic-1{background-position: center center;background-repeat: no-repeat;background-size: cover; opacity: 1; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; max-height:90vh;}

.similar-title{position: relative;z-index: 99;}

.similar-title .text-1{color: #fff;font-weight: 900;}

.similar-title .text-1::after{content: '';width:8rem;height:4px;background-color:#00a0e9;z-index: 31;margin: 2rem 0;display: block;}

/*.first-product-bottom .item a:hover .pic-1{opacity: 1;transform: scale(1.05);}*/

.first-product-bottom .item a:hover .title-1{color:#fff;}

.first-product-bottom .item a:hover .more-2 .mark{background:url(../image/yyjt_1.png) right top no-repeat; width:40px; height:40px; background-size:40px;}

.first-product-bottom .swiper-pagination {bottom: 3%; width:auto; background:#19958a; border-radius:50px; padding:5px 10px; left: 50%;transform: translateX(-50%);}

.first-product-bottom .swiper-pagination span {width: 1rem;height: 1rem; background: #fff; opacity:1}

.first-product-bottom .swiper-pagination span.swiper-pagination-bullet-active {background: #fff; width:30px; border-radius:10px;}



.first-news{width: 100%;background: url('../image/bg5.jpg') top center  no-repeat;overflow: hidden;padding: 5% 0 10% 0;background-size: cover;}

.first-news-content{width: 90%;margin: auto;}

.first-news-top{display: flex;justify-content: flex-end; color:#fff;}

.first-news-top .similar-title{display: inline-block;}

.first-news-top .similar-title .text-1::after{margin: 2rem auto;}

.first-news-bottom{position: relative;overflow: hidden;display: flex; justify-content:space-between; margin-top:2%;width: 100%;}

.first-news-bottom .item{width: 23.5%;overflow: hidden;margin-bottom: 1.2%; height:22vw; float: left;border-radius: 20px; background: #199689;}

.first-news-bottom .link{display: flex;flex-direction: column;justify-content: space-between;}

.first-news-bottom .item a{background: #fff;position: relative; display:table;}

.first-news-bottom .item .img {width:100%;} 

.first-news-bottom .item .text { position:absolute;left: 0%;width: 90%;z-index: 1;padding:0 5%; background: linear-gradient(to bottom, rgba(25,150,137,0),rgba(25,150,137,0.9),rgba(25,150,137,1), rgba(25,150,137,1)); font-weight:300; display:inline-block;}

.first-news-bottom .item .text .time-1{color: #fff;font-weight: bold;display: flex; justify-content: flex-end; line-height: 1; align-items: center; opacity:0}

.first-news-bottom .item .text .time-1 span{ font-weight:600;}

.first-news-bottom .item .text .year-2{color: #fff;}

.first-news-bottom .item .text .txt-1{color: #fff;margin-top: 3%; font-weight:bold;}

.first-news-bottom .item .text .txt-3{color: #fff;margin-top: 3%; height:44px;}

.first-news-bottom .item .text .txt-4{color: #fff; opacity:0; margin-top:20px;}

.first-news-bottom .item .text .more-5{position: absolute;left: 0;bottom: 5%;z-index: 1;}

.first-news-bottom .item .text .more-5 .deta{color: #8290a4;}

/*.first-news-bottom .itm1{width: 64.5%;margin-right: 1%;}

.first-news-bottom .itm1 .img {width: 60%;}

.first-news-bottom .itm1 .text{width: 30%;}

.first-news-bottom .itm1 .text .txt-4 {margin-top: 10%;}*/

.first-news-bottom .item a:hover .text{top: 67%;}

.first-news-bottom .item a:hover .pic {transform: scale(1.05);}

.first-news-bottom .item a:hover .txt-4 {opacity:1}

.first-news-bottom .item a:hover .time-1 {opacity:1}



.index-about{width: 100%; height:100vh; background: url('../image/newbg.jpg') top center  no-repeat;overflow: hidden;background-size: cover;position: revert;}

.index-about .text{padding-top: 20vh; display:table; width:90%; margin:0 auto;}

.index-about .text .title-1{color: #fff;overflow: hidden; float:left; margin-right:4%; text-align:left; }

.index-about .text .title-2{color: #fff;overflow: hidden; float:left;}

.index-about .text .title-2 span{}

.index-about .text .title-3{color: #000;width: 50%;overflow: hidden; float:right; text-align:left;margin-top: 5.5vw; margin-left:4%; background:rgba(255,255,255,0.5); border-radius:20px; padding:1vw;backdrop-filter: blur(10px); line-height:1.8}

.index-about .text .title-3 .whitemore{background: #fff; border-radius: 50px; float:right; margin-top:30px;  height: 28px; line-height: 28px;

 padding: 5px 30px; color: #000; }

.index-about .text .about-num{margin-top:1vw; }

.index-about .text .about-num .about-num-item{width:100%; display:flex; flex-flow:wrap; justify-content:flex-start; color:#000; margin-bottom:10px;line-height: 1.6;}

.index-about .text .about-num .about-num-item .counter{ font-weight:bold; /*background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 82%);

    -webkit-background-clip: text; background-clip: text; color: transparent; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;*/}

.index-about .text .about-num .about-num-item span{}



.index-news-bottom{position: relative;overflow: hidden;display: flex; justify-content:space-between;flex-wrap: wrap;width: 90%; margin:8vw auto 0; }

.index-news-bottom .item{width: 23.5%;overflow: hidden;margin-bottom: 1.2%;  float: left;border-radius: 20px; background: #199689; padding:1vw 0.5vw;}

.index-news-bottom .link{display: flex;flex-direction: column;justify-content: space-between;}

.index-news-bottom .item a{position: relative; display:table; width:90%;}

.index-news-bottom .item .text { position:relative;left: 0%;width: 90%;z-index: 1;padding:0 5%;  display:inline-block;}

.index-news-bottom .item .text .time-1{color: #fff;font-weight: bold;display: flex; justify-content:flex-start; line-height: 1; align-items: center; opacity:1}

.index-news-bottom .item .text .time-1 span{}

.index-news-bottom .item .text .year-2{color: #fff;}

.index-news-bottom .item .text .txt-1{color: #fff; font-weight:bold;}

.index-news-bottom .item .text .txt-3{color: #fff;margin-top: 3%; height:44px;}

.index-news-bottom .item .text .txt-4{color: #fff; opacity:1; margin-bottom:20px;}

.index-news-bottom .item .text .more-5{position: absolute;left: 0;bottom: 5%;z-index: 1;}

.index-news-bottom .item .text .more-5 .deta{color: #8290a4;}

.index-news-bottom .item:hover{background:#fff;}

.index-news-bottom .item:hover .text .txt-1{color: #199689;}

.index-news-bottom .item:hover .text .txt-3{color: #199689;}

.index-news-bottom .item:hover .text .txt-4{color: #199689;}

.index-news-bottom .item:hover .text .time-1{color: #199689;}



.first-about{width: 100%;background: url('../image/bg4.jpg') top center no-repeat; background-size:cover; position: relative;}

.first-about-content{width: 90%;position: absolute;left: 5%;top: 5%;z-index: 2;}

.first-about-content .text{padding-top: 5%; display:table;}

.first-about-content .text .title-1{color: #000;width: 28%;overflow: hidden; float:left; margin-right:4%; text-align:right; padding-top:80px;}

.first-about-content .text .title-2{color: #212121;width: 40%;overflow: hidden; float:left;  display:flex; justify-content:space-between;}

.first-about-content .text .title-2 span{padding-top:80px;}

.first-about-content .text .title-3{color: #000;width: 20%;overflow: hidden; float:left; text-align:left;padding-top: 60px; margin-left:4%;}

.first-about-content .about-num{margin-top:6vw; display:flex; flex-flow:wrap; justify-content:space-between; }

.first-about-content .about-num .about-num-item{width:calc(68vw / 2); margin: -3vw 4vw 0; display:flex; flex-flow:wrap; justify-content:space-between; color:#000;}

.first-about-content .about-num .about-num-item .counter{ background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 82%);

    -webkit-background-clip: text; background-clip: text; color: transparent; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}

.first-about-content .about-num .about-num-item span{margin-top:100px;}



/*.first-about-content .text .more-2{margin-top: 5%;}

.first-about-content .text .more-2 a{color: #fff;border: 2px solid #ffffff;padding: 1rem 5rem;}

.first-about-content .text .more-2 a:hover {background: #00a0e9;border: 2px solid #00a0e9;}

.first-about-content .icon{align-items: flex-end;justify-content: space-between;width:70%;display: flex;margin-top: 15%;}

.first-about-content .icon .item{overflow: hidden;}

.first-about-content .icon .item .pic-1{background-position: center center;background-repeat: no-repeat;background-size: cover;max-width: 100%;width: 7rem;height: 7rem;position: relative;}

.first-about-content .icon .item .pic-1 img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:  auto;z-index: 1;max-width: 90%;max-height: 90%;width: auto;height: auto;}

.first-about-content .icon .item .txt-2{color: #fff; text-align: center;} */



.first-make{width:100%;overflow: hidden;background: url('../image/make-bjt001.jpg') center top no-repeat;padding: 8% 0 5% 0;background-size: cover;}

.first-make-content{width: 80%;margin: auto;}

.first-make-top{display: flex;justify-content: center;}

.first-make-top .similar-title{display: inline-block;}

.first-make-top .similar-title .text-1::after{margin: 2rem auto;}

.first-make .index-make-center {position: relative;overflow: hidden;padding: 5% 0;} 

.first-make-content .first-button{position: relative;z-index: 100;color: #fff;margin: auto;text-align: center;}

.first-make-content .first-button .swiper-button-prev1,.first-make-content .first-button .swiper-button-next1,.first-button .title {display: inline-block;vertical-align: middle;position: relative;top: auto;transform: none;margin: 0;left: auto;height: auto;}

.first-button .swiper-button-prev1::after,.first-button .swiper-button-next1::after {top: 50%;transform: translateY(-50%);position: absolute;color: #fff;font-weight: bold;font-size: 15px;}

.first-button .title{color: #fff;padding: 0 2rem;}

.first-button {-webkit-user-select: none;user-select: none;}

.zzzx-pics {position: relative;background: #000;}

.zzzx-pics .pic-1,.zzzx-pics .pic-2{background-position: center center;background-repeat: no-repeat;background-size: cover;}

.zzzx-pics .pic-1 {opacity: .5;}

.zzzx-pics .pic-2 {position: absolute;left: 0;top: 100%;width: 100%;z-index: 1;opacity: .1;height: 20%;}

.zzzx-pics .pic-2::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-image:linear-gradient(to top,#000,rgba(0,0,0,0));}

.index-make-center .swiper-container {padding-bottom: 5%;overflow: hidden;}

.index-make-center .swiper-container .swiper-slide-active .zzzx-pics .pic-1{opacity: 1;}

.index-make-center .swiper-slide {width: 40%;} 

.index-make-center .swiper-prev,.index-make-center .swiper-next {position: absolute;left: 0;top: 0;width: 40%;height: 100%;z-index: 11;}

.index-make-center .swiper-next {left: auto;right: 0;}



.product_gygt_box{position:relative; width:100%; height:100vh;}

.gygt_dzb{position:absolute; width:100%; bottom:10vh; transform:translateY(-50%); left:0;}

.gygt_dzb .text-1{color: #dedede; text-align: center; font-weight: bold; opacity: 1; text-transform:uppercase; text-wrap: nowrap;}

.gygt_dzb .text-2{color:#000; text-align:center;}

.product_gygt{position:absolute; top:0px; left:0px; width:100%; height:100vh; overflow:hidden; z-index:2; }

.hls-page-container{width:90%;margin: 10rem auto;}

.hls-iacase {position: relative;}

.icase-nav {width: 90%;position: absolute;left: 5%;bottom:12vh;}

.icase-nav.w800 {width: 800px;}

.icase-nav .swiper-slide li{font-weight: bold;color: #666;cursor: pointer;position: relative;margin: auto 3%;text-align: left; border-left:1px solid #666; padding-left:10px;}

.icase-nav .swiper-slide li img{display:block; filter:grayscale(1);padding-bottom: 5px;}

.icase-nav .swiper-slide li:hover {color: #199689;}

.icase-nav .swiper-slide li:hover img{filter: inherit; }

.icase-nav .swiper-slide li::after {content: '';width: 80%;height: 2px;background: #000;position: absolute;left: 10%;bottom: -10px;display: none;}

.icase-nav .swiper-slide:first-child li{border-left:0px;}

.icase-nav .swiper-slide-thumb-active li{color: #199689;}

.icase-nav .swiper-slide-thumb-active li img{filter: inherit; }

.icase-nav .swiper-slide-thumb-active li::after {display: block;}

.iacaselist {padding:0;overflow: hidden;position: relative;}

.iacaselist .swiper-slide {}

/*.iacaselist .imore{width: 184px;overflow: hidden;position: absolute;left:50%;margin-left: -92px;bottom: 0;z-index: 3;}*/

.iacase {position: relative;width:100%;overflow: hidden;}

.iacase li{overflow: hidden;}

.iacase li a{display: block;position: relative;}

.iacase li img{max-width:100%;}

.iacase li a h4{position: absolute;font-size: 20px;left: 0;bottom: 0;padding: 5%;width: 90%;color: #fff; z-index: 3;}

/*.iacase li a .mark {position: absolute;bottom: 0;left: 0;width: 100%;height:70%;z-index: 1; background:linear-gradient(to top,#000,rgba(0,0,0,0));opacity: .6;}*/

.iacase li a:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}





.server{width:100%; margin:5vw auto; text-align:center;}

.biaoti{color:#199689; padding-bottom: 1vw; text-align:center;}

.x_biaoti{color:#898989; line-height:1.8; font-weight:300; margin:0 0 2vw; text-align:center;}

.x_biaoti em{color:#000; font-style:normal;}

.server_list{display:inline-block; width:80%; margin:0 auto;}

.server_list .slist{width:17.5%; float:left; margin-right:10%; text-align:center; position:relative;}

.server_list .slist::before { position: absolute; content: ""; right: -70%; top: 3.5vw; display: inline-block; width: 10vw; height: 20px; background-image: url(../image/line.png);  background-size: contain; background-repeat: no-repeat;}
.server_list .slist:last-child::before{display:none;}

.server_list .slist .dyuan{width:8vw; height:8vw; border:1px solid #199689; border-radius:50%;margin: 0 auto;}

.server_list .slist .xyuan{width:7vw; height:7vw; border:1px solid #199689; border-radius:50%; margin-top:calc(0.5vw - 1px); margin-left:calc(0.5vw - 1px);}

.server_list .slist .img2{width:5vw; height:5vw; border-radius:50%; background:#199689; margin-top:1vw; margin-left:1vw; text-align:center;}

.server_list .slist .img2 img{width:60%; margin-top:1vw;}

.server_list .slist .title_1{margin-top:1vw; text-align: center;}

.server_list .slist:last-child{margin-right:0px;}

.server_list .slist:hover .img2 img{transform: scale(1.1);}



.server_lc{padding:5vw 0; background:#199689; color:#fff;display: inline-block; text-align: center;}

.server_lc .biaoti{color:#fff; margin-bottom:2.5vw;}



.index-scope-business {overflow: hidden;}

.index-scope-business-list {padding: 20px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}

.scope-business-item {float: left;width: calc(27% - 2px);margin-right: 3.5%;margin-bottom: 2%; background:#015046; border-radius:10px;  text-align:left; padding:2%; position:relative;}

.scope-business-item:nth-child(3n+3) {margin-right: 0;  }

.scope-business-item::before { position: absolute; content: url(../image/fwlcy.png); right:-3%; top: 6.8vw; transform: translateX(18px);border-radius:100%; background:#015046; }

.scope-business-item:nth-child(3n+3)::before{display:none;}

.scope-business-item .img2{overflow: hidden; width:4vw; height:4vw; border:1px solid #199689; border-radius:50%; margin:0px 0 20px; line-height:4vw; text-align:center;}

.scope-business-item .img2 img{max-width:100%; width:3vw; margin-top:0.5vw;}

.scope-business-item .text{text-align: left;z-index: 11;width: 100%; margin:0 auto;}

.scope-business-item .title-2{font-weight: bold;color: #fff; margin-bottom:1vw;}

.scope-business-item .text-1{ color: #fff; }

.scope-business-item .text-1 span{width:calc(100% - 1.2em); line-height:1.6; display: inline-block; position: relative; padding-left: 1.2em; }

.scope-business-item .text-1 span::before {  content: "●"; left: 0;  color: #fff; font-size: .6em; padding: 3px 0 0 0;margin-right: 0.3em; position: absolute;  }

.scope-business-item:nth-child(1) .text-1 span,.scope-business-item:nth-child(2) .text-1 span{width:calc(100% - 1.2em);}

/*.scope-business-item:hover{background:#00883c;}*/

.scope-business-item:hover .title-2{color:#fff;}

.scope-business-item:hover .text-1{color:#fff;}

.scope-business-item:hover .img2{background:#199689; box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.3);}

.scope-business-item:hover .img2 img{filter: brightness(0) invert(1);}







/* about */  

.about-backdrop{width: 100%;position: relative;overflow: hidden;}

.about-backdrop .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 1;}

.about-backdrop .text .title-1{color: #fff;font-weight: bold;font-size:5.6rem;letter-spacing: 1rem;}

.about-backdrop .text .txt-2{color: #fff;}

.about-backdrop .pic{overflow: hidden;}

.about-intro{width: 100%;background: url('../image/about-intro-bjt-t002.jpg') center top no-repeat; background-size: 100% 100%; padding-bottom: 17%;}

.about-intro-content{width: 80%;margin: auto;}

.about-intro-top{padding:8% 0 5% 0;}

.about-intro-top{display: flex;justify-content: center;}

.about-intro-top .similar-title{display: inline-block;}

.about-intro-top .similar-title .text-1::after{margin: 2rem auto;}

.about-intro-bottom{display: flex;justify-content: space-between;position: relative;align-items: center;}

.about-intro-bottom .pic{position: absolute;left: 50%;top:30%;transform: translateX(-50%);width: 100%;z-index: 2;}

.about-intro-bottom-left{width: 47%;display: inline-block;z-index: 11;}

.about-intro-bottom .pic-1{background-position: center center;background-repeat: no-repeat;background-size: cover; }

.about-intro-bottom-right{width:50%;display: inline-block;z-index: 11;}

.about-intro-bottom .txt{color: #fff;text-align: justify;}

.about-research{width: 100%;overflow: hidden;}

.about-research-top{text-align: center;padding: 3% 0 2% 0;overflow: hidden;background: url('../image/about-intro-bjt-t03.jpg') center no-repeat;background-size: 100% 100%;}

.about-research-top .similar-title {margin-top: 2%;}

.about-research-top .similar-title .text-1::after{margin: 2rem auto;}

.about-research-top .text-2{margin-top: 2%;}

.about-research-top .text-2 a{color: #fff;margin: 0 1%;}

.about-research-top .text-2 .fn1{color: #00a0e9;}

.about-research-bottom{position: relative;padding: 5% 0;overflow: hidden;background: url('../image/about-intro-bjt-t003.jpg') center no-repeat;background-size: 100% 100%;}

.about-research-content{width: 80%;margin: auto;}

.about-research-bottom .about-research-content {overflow: hidden;}

.about-research-list {overflow: hidden;}

.about-research-list-item {display: flex;justify-content: space-between;display: none;}

.about-research-list-item.cur {display: block;}

.about-research-left{width: 43%;float: left;}

.about-research-left .text-4{display: block;}

.about-research-left .title-1{color: #fff;font-weight: bold;margin-bottom: 5%;}

.about-research-left .txt-2{color: #fff;text-align: justify;}

.about-research-left .pic-3{display: none;}

.about-research-right{width: 43%;float: right;}

.about-research-right .text-3{overflow: hidden;}

.about-research-right .text-3 .title-1{color: #fff;font-weight: bold;margin-bottom: 6%;}

.about-research-right .text-3 .txt-2{color: #fff;}

.about-research-right .group{margin-top:8%;}

.about-research-right .group .nav-1{margin-bottom:5%;display: flex;justify-content: space-between;}

.about-research-right .group .nav-1 a{background-color:#023f6e;padding: 1.8rem 1rem;box-sizing: border-box;text-align: center;display: inline-block;width: 18%;}

.about-research-right .group .nav-1 .txt{color: #fff;}

.about-research-right .group .nav-1 .sur{background-color: #0089e1;position: relative;}

.about-research-right .group .nav-1 .sur::after{content: '';width: 0;height: 0;border: 1rem solid #0089e1;border-top-color: #0089e1;border-left-color: transparent;border-right-color: transparent;

	border-bottom-color: transparent;position: absolute;left: 50%;top: 100%;transform: translate(-50%);z-index: 11;}

.about-research-right .group .item1{display: none;background-color: #023f6e;position: relative;}

.about-research-right .group .txt-2{color: #fff;text-align: justify;box-sizing: border-box;position: absolute;left: 10%;top: 50%;transform: translateY(-50%);z-index: 1;width: 80%;max-height: 80%;}



.about-research-bottom .light{position: absolute;left: 50%;top: 5%;transform: translateX(-50%);width:2rem;height: 90%;}

.about-research-bottom .light .pic img,.about-research-bottom .light .pic{width: 100%;height: 100%;display: block;}

.about-research-right .group .cur{display: block;}

.about-research-left .pic-3{width: 80%;background-position: center center;background-repeat: no-repeat;background-size: cover;display: none;}



.about-strength{width: 100%;background: url('../image/about-intro-bjt-t004.jpg') center top no-repeat; background-size: cover;padding:5% 0 7.5%;}

.about-strength-content{width: 80%;margin: auto;}

.about-strength-top{display: flex;flex-direction: column;align-items: center;}

.about-strength-content .similar-title{display: inline-block;}

.about-strength-content .similar-title .text-1::after{margin: 2rem auto;}

.about-strength-middle {padding:7% 0;position: relative;}

.about-strength-middle .about-strength-texts .text{display: flex;flex-direction: column;position: absolute;color: #fff;}

.about-strength-middle .text .title-1{font-weight: normal;}

.about-strength-middle .text .txt-2{font-weight: normal;margin-top: 1rem;}

.about-strength-middle .about-strength-texts .tex1{top:15%;left:10%;text-align: left;align-items: flex-end;width: 20%;}

.about-strength-middle .about-strength-texts .tex2{top:15%;right:10%;text-align:left;align-items: flex-start;width: 20%;}

.about-strength-middle .about-strength-texts .tex3{bottom: 30%;left: 1%;text-align: left;align-items: flex-end;width: 26%;}

.about-strength-middle .about-strength-texts .tex4{bottom: 30%;right:1%;text-align: left;align-items: flex-start;width:26%;}

.about-strength-middle .about-strength-texts .tex5{top:95%;left: 50%;transform: translateX(-50%);align-items: center;text-align: center;}

.about-strength-middle .middle-centre{display: flex;justify-content: center;}

.about-strength-middle .middle-centre .pic-3{position: relative;display: inline-block;width: 30%;margin: auto;}

.about-strength-middle .middle-centre .pc1{left: 23%;top: 15%;}

.about-strength-middle .middle-centre .pc2{right:23%;top: 15%;}

.about-strength-middle .middle-centre .pc3{left: 10%;bottom: 35%;}

.about-strength-middle .middle-centre .pc4{right: 10%;bottom: 35%;}

.about-strength-middle .middle-centre .pc5{left: 50%;bottom: 10%;transform: translateX(-50%);}

.about-strength-middle .middle-centre .pic-1{width: 5.6rem;height: 4.9rem;position: absolute;background-position: center center;background-repeat: no-repeat;background-size: cover;}

.about-strength-middle .middle-centre .pic-2{width: 5.3rem;height: 5.3rem;position: absolute;background-position: center center;background-repeat: no-repeat;background-size: cover;}

.about-strength-middle .middle-centre .pc1 img{animation:tubiaos1 2000ms ease-in-out infinite;}

.about-strength-middle .middle-centre .pc2 img{animation:tubiaos3 2000ms ease-in-out infinite;}

.about-strength-middle .middle-centre .pc3 img{animation:tubiaos3 1000ms ease-in-out infinite;}

.about-strength-middle .middle-centre .pc4 img{animation:tubiaos3 1400ms ease-in-out infinite;}

.about-strength-middle .middle-centre .pc5 img{animation:tubiaos2 2000ms ease-in-out infinite;}

@keyframes tubiaos1{0%{transform: rotate(0deg);}20%{transform: rotate(50deg);}30%{transform: rotate(-25deg);}40%{transform: rotate(40deg);}50%{transform: rotate(-15deg);}60%{transform: rotate(0deg);}100%{transform: rotate(0deg);}} 

@keyframes tubiaos2{0%{transform: rotate(0deg);}20%{transform: rotate(-50deg);}30%{transform: rotate(25deg);}40%{transform: rotate(-40deg);}50%{transform: rotate(15deg);}60%{transform: rotate(0deg);}100%{transform: rotate(0deg);}} 

@keyframes tubiaos3{0%{transform: translateY(0);}40%{transform: translateY(10%);}70%{transform: translateY(-25%);}100%{transform: translateY(0);}} 





.about-culture{width: 100%;height: 100%;background: url('../image/about-intro-bjt-t005.jpg') center top no-repeat; background-size: cover;padding:6% 0;}

.about-culture-content{width: 80%;margin: auto;}

.about-culture-top{display: flex;flex-direction: column;align-items: center;}

.about-culture-content .similar-title{display: inline-block;}

.about-culture-content .similar-title .text-1::after{margin: 2rem auto;}

.about-culture-bottom{margin-top: 3%;display: flex;justify-content: space-between;}

.about-culture-bottom .item{width: 30%;background-color: #fff;}

.about-culture-bottom .item .pic-1{background-position: center center;background-repeat: no-repeat;background-size: cover;}

.about-culture-bottom .item .text-2{display: flex;flex-direction: column;align-items: center;padding: 7rem 0;text-align: center;}

.about-culture-bottom .item .text-2 .title-1{color: #050b12;}

.about-culture-bottom .item .text-2 .txt-2{color: #050b12;width: 90%;margin-top: 2%;}















/* product */ 

.olipower-product {overflow: hidden;}

.olipower-product-banner {position: relative;overflow: hidden;}

.olipower-product-banner-text {position: absolute;z-index: 1;width: 50%;top: 50%;transform: translateY(-50%);left: 10%;color: #000;}

.olipower-product-banner-text .title-1{font-weight: 900;}

.olipower-product-banner-text .line-1 {overflow: hidden;padding: 2rem 0;}

.olipower-product-banner-text .line-1 i{display: block;width: 10rem;height: .3rem;background: #00a0e9;}

.olipower-product-banner-text .text-1{margin-top: 1rem;}

.olipower-product-banner img {transform:scale(1.05);animation: srmgani 4000ms 1 ease forwards;}

.olipower-product-nav {position: relative;background: #050b12;overflow: hidden;font-size: 0;text-align: center;}

.olipower-product-nav li {list-style: none;margin: 0;padding: 0 4rem;display: inline-block;}

.olipower-product-nav li.cur a {font-weight: bold;color: #00a0e9;}

.olipower-product-nav li.cur a::after {width: 100%;}

.olipower-product-nav a {padding: 4rem 0;color: #fff;display: block;position: relative;}

.olipower-product-nav a::after {content: '';width:0;position: absolute;background: #00a0e9;left: 0;bottom: 0;z-index: 1;height: 5px;}

.olipower-product-nav a:hover {color: #00a0e9;}

.olipower-product-list {overflow: hidden;}

.olipower-product-list-content {width: 80%;margin: auto;overflow: hidden;display: flex;flex-wrap: wrap;}

.olipower-product-item {overflow: hidden;position: relative;float: left;width: 32%; margin-right: 2%;text-align: center;}

.olipower-product-item:nth-child(3n+3) {margin-right: 0;}

.olipower-product-item a {display: block;position: relative;background: #fff;padding: 5%;overflow: hidden;width: 100%;height: 100%;box-sizing: border-box;}

.olipower-product-item .img{background: none; border-top-left-radius: 10px; border-top-right-radius: 10px;}

.olipower-product-item .text{margin-top: 2vw; text-align:left; line-height:1.8;}

.olipower-product-item .text-1{color: #199689;height: 4rem; line-height: 1.2;}

.olipower-product-item .title-1{color: #898989; margin-top: 1vw; height: 132px; overflow:hidden;}

.olipower-product-item .title-1 p{margin:0;padding:0px;}

.olipower-product-item .line-1{margin: 2rem 0;}

.olipower-product-item .line-1 i{display: block;background: #cddcf1;height: 2px;position: relative;}

.olipower-product-item .line-1 i::before {content: '';width: 20%;position: absolute;left: 50%;top: 0;height: 100%;background: #00a0e9;z-index: 1;transform: translateX(-50%);}

.olipower-product-item .more-1 {color: #333;}

.olipower-product-item a:hover .line-1 i::before {width: 100%;transform: translateX(0);left: 0;}

.olipower-product-item a:hover .img-center {transform: scale(1.05);}



.olipower-product-detial {overflow: hidden;position: relative;}

.olipower-product-detial-top {overflow: hidden;position: relative;}

.olipower-product-detial-top .text {position: absolute;width: 30%;z-index: 22;left: 10%;top: 50%;transform: translateY(-55%);overflow: hidden;color: #000;padding: 2%;background: rgba(0,0,0,.5);}

.olipower-product-detial-top .text-1 {font-weight: bold;}

.olipower-product-detial-top .text-2 {font-weight: bold;}

.olipower-product-detial-top .line-2 {margin: 3rem 0;}

.olipower-product-detial-top .line-2 i{display: block;width: 10rem;height: 4px;background: #00a0e9;}

.olipower-product-detial-top .text-3 {overflow: hidden;max-height: 30rem;overflow: auto;width: 100%;text-align: justify;}



.olipower-product-system-composition {position: relative;overflow: hidden;padding: 5% 0;background: url('../image/detialbg1.jpg') center no-repeat;background-size: 100% 100%;}

.system-composition-content {position: absolute;left: 10%;top: 0;width: 80%;height: 100%;z-index: 1;}

.system-composition-1 {margin: 5% auto;position: relative;width: 30%;}

.system-composition-1 .title-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;text-align: center;color: #fff;font-weight: 900;}

.system-composition-1 .title-1::after {content: '';width: 8rem;height: 5px;background: #00a0e9;margin: 1rem auto;display: block;}

.system-composition-1 .img-center {animation:xuanzhuan1 8000ms linear infinite;}

.system-composition-1 .img-block {animation: xuanzhuan2 8000ms linear infinite;}

.system-composition-item {position: absolute;top: 10%;width: 25%;z-index: 1;}

.system-composition-item a {display: block;overflow: hidden;position: relative;}

.system-composition-item a:hover img{animation:faguang 1000ms ease-in-out infinite;}

.system-composition-item a:hover {transform: translateY(-5%);}

.system-composition-item .text {position: absolute;left: 5%;width: 90%;max-height: 80%;overflow: auto;z-index: 1;text-align: center;top: 50%;transform: translateY(-50%);color: #fff;}

.system-composition-item .title-1 {font-weight: bold;}

.system-composition-item .text-2 {margin-top: 1rem;}

.system-composition-item.sci1 {left: 8%;top: 10%;}

.system-composition-item.sci2 {right: 8%;top: 10%;}

.system-composition-item.sci3 {left: 0;top: 30%;}

.system-composition-item.sci4 {right: 0;top: 30%;}

.system-composition-item.sci5 {left: 0;top: 50%;}

.system-composition-item.sci6 {right: 0;top: 50%;}

.system-composition-item.sci7 {left: 8%;top: 70%;}

.system-composition-item.sci8 {right: 8%;top: 70%;}

  

.olipower-product-features {padding: 7% 0;overflow: hidden;background: url('../image/pbg3.jpg') center no-repeat #333;background-size: 100% 100%;}

.olipower-product-features-content {width: 80%;margin: auto;}

.olipower-product-features .title-1 {text-align: center;color: #fff;font-weight: 900;overflow: hidden;position: relative;}

.olipower-product-features .title-1::after {content: '';width: 8rem;height: 5px;background: #00a0e9;margin: 1rem auto;display: block;}

.olipower-product-features-list {overflow: hidden;margin-top: 3%;text-align: left;font-size: 0;}

.olipower-product-features-item {overflow: hidden;width: 32.333%;margin:.5%;display: inline-block;vertical-align: middle;}

.olipower-product-features-item a {display: block;position: relative;}

.olipower-product-features-item .text {position: absolute;left: 7%;bottom:15%;width: 50%;z-index: 1;color: #fff;text-align: left;}

.olipower-product-features-item .title-2 {overflow: hidden;font-weight: bold;color: #0089e1;}

.olipower-product-features-item .text-2 {margin-top: 6%;overflow: hidden;max-height: 40rem;overflow: auto;}

.olipower-product-features-item .icon-1 {position: absolute;right: 10%;top: 10%;z-index: 11;width: 8rem;height: 8rem;}

.olipower-product-features-list.num6 .olipower-product-features-item {width: 32.333%;}

.olipower-product-features-list.num5 .olipower-product-features-item.pfi1,.olipower-product-features-list.num5 .olipower-product-features-item.pfi2 {width: 49%;}

.olipower-product-features-list.num5 .olipower-product-features-item.pfi1 .icon-1 ,.olipower-product-features-list.num5 .olipower-product-features-item.pfi2 .icon-1 {width:12rem;height: 12rem;}

.olipower-product-features-list.num4 .olipower-product-features-item,.olipower-product-features-list.num2 .olipower-product-features-item {width: 49%;}

.olipower-product-features-list.num4 .olipower-product-features-item .icon-1,.olipower-product-features-list.num2 .olipower-product-features-item .icon-1 {width:12rem;height: 12rem;}









.olipower-supplementary-map {padding: 7% 0;overflow: hidden;background: url('../image/detialbg3.jpg') center no-repeat;background-size: 100% 100%;}

.olipower-supplementary-map-content {width: 80%;margin: auto;}

.olipower-supplementary-map-content .title-1 {text-align: center;color: #fff;font-weight: 900;overflow: hidden;position: relative;}

.olipower-supplementary-map-content .title-1::after {content: '';width: 8rem;height: 5px;background: #00a0e9;margin: 1rem auto;display: block;}

.olipower-supplementary-map-list{margin-top: 3%;overflow: hidden;}

.olipower-supplementary-map-item {text-align: center;overflow: hidden;position: relative;padding: 5%;background: url('../image/pbg4.png') center no-repeat;background-size: 100% 100%;}



.olipower-specification-parameters {padding: 7% 0;overflow: hidden;background: url('../image/detialbg4.jpg') center no-repeat #000;background-size: 100% 100%;}

.olipower-specification-parameters-content {width: 80%;margin: auto;font-size: 0;}

.olipower-specification-parameters-left {width: 45%;overflow: hidden;display: inline-block;vertical-align: middle;}

.olipower-specification-parameters-left .pic-1{overflow: hidden;position: relative;}

.olipower-specification-parameters-left .product-1{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 31;}

.olipower-specification-parameters-left .img-product {position: absolute;left: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;z-index: 11;min-width: 50%;top: 0;}

.olipower-specification-parameters-left .img-bottom {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 1;}

.olipower-specification-parameters-right {width: 45%;overflow: hidden;display: inline-block;vertical-align: middle;margin-left: 9%;margin-bottom: 2%;}

.olipower-specification-parameters-right .title-1 {color: #fff;font-weight: 900;overflow: hidden;position: relative;margin-top: 1%;}

.olipower-specification-parameters-right .title-1::after {content: '';width: 8rem;height: 5px;background: #00a0e9;margin: 1rem 0;display: block;}

.olipower-specification-parameters-list {margin-top: 5%;overflow: hidden;}

.specification-parameters-item {overflow: hidden;position: relative;color: #fff;}

.specification-parameters-item ul {list-style: none;margin: 0;padding: 0;}

.specification-parameters-item li {list-style: none;margin: 1rem 0;padding: 1rem 2rem 1rem 4rem;overflow: hidden;position: relative;}

.specification-parameters-item li::before {content: '';width: .6rem;height: .6rem;background: #00a0e9;border-radius: 100%;position: absolute;left: 2%;top: 50%;transform: translateY(-50%);}

.specification-parameters-item li {background-image: -webkit-linear-gradient(to left,#033650,rgba(0,0,0,0));background-image: linear-gradient(to left,#033650,rgba(0,0,0,0));}

.specification-parameters-item li:nth-child(2n) {background-image: -webkit-linear-gradient(to right,#033650,rgba(0,0,0,0));background-image: linear-gradient(to right,#033650,rgba(0,0,0,0));}

.specification-parameters-item p {margin: 0;padding: 0;}

.bowens-1 {position: absolute;left: 0;bottom: 5%;width: 100%;z-index: 1;overflow: hidden;}

.bowens-1 img {opacity: 0;}

.bowen-1,.bowen-2,.bowen-3,.bowen-4,.bowen-5 {background-image: -webkit-radial-gradient(ellipse at center,rgba(0,0,0,0) 50%,#033650);background-image: radial-gradient(ellipse at center,rgba(0,0,0,0) 50%,#033650);position: absolute;left:50%;bottom: 0;width: 100%;z-index: 1;border-radius: 100%;transform: translateX(-50%);opacity: 1;}

.bowen-1 {width: 50%;height: 30%;bottom: 50%;animation:bowen1 3200ms ease-in-out infinite;}

.bowen-2 {width: 75%;height: 55%;bottom: 25%;animation:bowen1 3100ms ease-in-out infinite;}

.bowen-3 {width: 100%;height: 80%;bottom: 0%;animation:bowen1 3000ms ease-in-out infinite;}

.bowen-4 {width: 80%;height: 55%;bottom: 15%;animation:bowen1 3500ms ease-in-out infinite;}

.bowen-5 {width: 90%;height: 80%;bottom: 10%;animation:bowen1 4300ms ease-in-out infinite;}



@keyframes bowen1{0%{opacity:1;transform: translateX(-50%) scale(0);}100%{opacity: 0;transform: translateX(-50%) scale(1.);}} 



.olipower-system-composition {padding: 5% 0;overflow: hidden;background: url('../image/pbg2.jpg') center no-repeat #000;background-size: cover;}

.olipower-system-composition .similar-title{text-align: center;}

.olipower-system-composition .similar-title .text-1::after {margin: 2rem auto;}

.olipower-system-composition-bottom {width: 80%;margin: auto;margin-top: 2%;overflow: hidden;position: relative;}

.olipower-system-composition-left {float: left;width: 50%;overflow: hidden;}

.olipower-system-composition-right {float: right;width: 50%;position: absolute;right: 0;height: 100%;top: 0;z-index: 1;}

.olipower-system-composition-nav {overflow: hidden;width: 100%;height: 100%;}

.olipower-system-composition-nav a {display: block;color: #fff;margin-bottom: 7rem;padding-left: 20%;position: relative;}

.olipower-system-composition-nav a::before {content: '';width: 0;height: 0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-top: 1rem solid transparent;border-bottom: 1rem solid transparent;border-left: 2rem solid #0089e1;display: none;}

.olipower-system-composition-nav a.cur .text-1 {color: #0089e1;}

.olipower-system-composition-nav a.cur::before {display: block;}

.olipower-system-composition-nav .text-1 {font-weight: bold;}

.olipower-system-composition-nav .text-2 {margin-top: 1rem;}

.olipower-system-composition-nav ul {list-style: none;margin: 0;padding: 0;overflow: hidden;width: 90%;height: 100%;overflow-y: auto;padding-right: 10%;}

.olipower-system-composition-nav ul::-webkit-scrollbar{height:4px; width:4px;background: #333;}

.olipower-system-composition-nav ul::-webkit-scrollbar-button{height:0; width:5px;background: #333;}

.olipower-system-composition-nav ul::-webkit-scrollbar-thumb{background-color:#0089e1;box-shadow:inset 1px 1px 0 #0089e1,inset 0 -1px 0 #0089e1;}





.olipower-specification-parameters-left {position: relative;}

.olipower-specification-parameters-left .video-3 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1111;}

.olipower-specification-parameters-left .video-3 video {display: block;width: 100%;height: 100%;object-fit: 100%;}







 

/* project-cases */ 

.olipower-page-banner {overflow: hidden;position: relative;z-index: 1;}

.olipower-page-banner-text {position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 10;color: #fff;}

.olipower-page-banner-text .english-1{margin-top: 1%;display: none;}

.olipower-page-banner-text .title-1 {overflow: hidden;position: relative;}

.olipower-page-banner-text .title-1::after {content: ''; width: 7rem; height: 1px; background:#199689;margin: 1rem 0;display: block;}

.olipower-page-banner-pic {position: relative; font-size:0}

.olipower-page-banner-pic .pic{transform:scale(1.05);animation: srmgani 4000ms 1 ease forwards;}

.olipower-page-banner-pic::before {content: '';width: 100%;height: 100%;z-index: 1;position: absolute;left: 0;top: 0;background: #000;opacity: .7;display: none;}



.olipower-project-cases-screen {background: #f0f5fb;width: 80%;margin: auto;padding: 2% 0;position: relative;z-index: 111;}

.olipower-page-content {width: 80%;margin: auto;}

.olipower-project-cases-screen .olipower-page-content {position: relative;}

.olipower-screen-item {float: left;position: relative;width: 20%;margin-right: 1%;}

.olipower-screen-item .title-1 {overflow: hidden;}

.olipower-screen-item .title-1 a {display: block;padding: 0 3rem;background: #fff;line-height: 4rem;}

.olipower-screen-item .title-1 span{color: #000;display: block;}

.olipower-screen-item .title-1 i{display: block;width: 1.5rem;height: .9rem;position: absolute;right: 10%;top: 50%;transform: translateY(-50%);background: url('../image/d.png') center no-repeat;background-size: 100%;filter: invert(1);}

.olipower-screen-item .title-1 a:hover {background: #00a0e9;}

.olipower-screen-item .title-1 a:hover i {filter: none;}

.olipower-screen-item .title-1 a:hover span { color: #fff;}

.olipower-screen-item:hover .olipower-screen-list {display: block;}

.olipower-screen-list {position: absolute;left: 0;top: 100%;width: 100%;z-index: 111;background: #fff;display: none;border-top: 1px solid #ccc;padding-bottom: 5%;overflow: hidden;}

.olipower-screen-list ul {overflow: hidden;overflow-y: auto;width: 100%;height: 20rem;list-style: none;margin: 0;padding: 2rem;box-sizing: border-box;}

.olipower-screen-list ul::-webkit-scrollbar{height:4px; width:4px;background: #ccc;}

.olipower-screen-list li {list-style: none;margin: 0;border-bottom: 1px solid #ccc;}

.olipower-screen-list a {display: block;padding: 0 2rem;overflow: hidden;line-height: 4rem;}

.olipower-screen-list a:hover {background: #00a0e9;color: #fff;}

 

.olipower-screen-search {position: relative;float: right;width: 35%;overflow: hidden;}

.olipower-screen-search::before {content: '';width: 100%;height: 100%;border: 2px solid #fff;box-sizing: border-box;left: 0;top: 0;z-index: 1;position: absolute;}

.olipower-screen-search .icon-1{position: absolute;left: 3%;top: 50%;transform: translateY(-50%);z-index: 5;background: url('../image/c1.png') center no-repeat;opacity: .5;width: 2rem;height: 2rem;background-size: 100%;}

.olipower-screen-search .input-1{width: 100%;background: none;border: none;box-sizing: border-box;padding: 0 5rem;overflow: hidden;line-height: 4rem;position: relative;z-index: 4;}

.olipower-screen-search .button-1{position: absolute;right: 0;width: 25%;height: 100%;z-index: 11;background: #00a0e9;color: #fff;text-align: center;line-height: 4rem;} 

.olipower-screen-search .button-1:hover {background: #6eb92b;}



.olipower-project-cases-list {padding: 3% 0;overflow: hidden;}

.olipower-project-cases-list .olipower-page-content {overflow: hidden;}

.olipower-project-cases-item {float: left;background: #f0f5fb;overflow: hidden;position: relative;width: 100%;margin-bottom: 3%;}

.olipower-project-cases-item a {display: block;position: relative;overflow: hidden;}

.olipower-project-cases-item .img {float: left;width: 45%;overflow: hidden;}

.olipower-project-cases-item .text {position: absolute;right: 5%;width: 45%;top: 50%;transform: translateY(-50%);z-index: 3;}

.olipower-project-cases-item .title-1 {color: #000;}

.olipower-project-cases-item .time-1 {color: #9aa7ba;}

.olipower-project-cases-item .text-1 {margin-top: 4%;overflow: hidden;}

.olipower-project-cases-item a:hover .title-1 {color: #00a0e9;}

.olipower-project-cases-item a:hover .pic {transform: scale(1.05);}



.olipower-pagetrun {text-align: center;padding: 3% 0;overflow: hidden;}

.olipower-pagetrun a {display: inline-block;vertical-align: middle;width: 5rem;height: 5rem;line-height: 5rem;position: relative;overflow: hidden;margin: 0 .2rem;text-align: center;border-radius: 100%;}

.olipower-pagetrun a i {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 2rem;height: 2rem;z-index: 1;background: url('../image/r1.png') center no-repeat;background-size: 100%;filter: invert(1);opacity: .5;}

.olipower-pagetrun a.prev i {transform: translate(-50%,-50%) rotate(-180deg);}

.olipower-pagetrun a span {color: #666;}

.olipower-pagetrun a.cur {background: #00a0e9;}

.olipower-pagetrun a.cur span {color: #fff;}

.olipower-pagetrun a:hover i {opacity: 1;}

.olipower-pagetrun a:hover span {color: #00a0e9;}







/* news */ 

.olipower-news-list {padding: 3% 0;overflow: hidden;}

.olipower-news-list-content {width: 70%;margin: auto;}

.olipower-news-content-left {float: left;width: 15%;}

.olipower-news-content-nav {overflow: hidden;}

.olipower-news-content-nav li{list-style: none;margin: 0;padding: 0;margin-bottom: 3%;}

.olipower-news-content-nav li.cur a {background: #f0f5fb;}

.olipower-news-content-nav li a{display: block;position: relative;border: 2px solid #f0f5fb;padding: .5rem 1rem .5rem 3rem;}

.olipower-news-content-nav li span{display: inline-block;vertical-align: middle;}

.olipower-news-content-nav li i{display: inline-block;vertical-align: middle;margin-left: 1rem;width: 1.5rem;height: .9rem;background: url('../image/d.png') center no-repeat;background-size: 90%;filter: invert(1);transform: rotate(-90deg);}

.olipower-news-content-right  {float: right;width: 100%;}

.olipower-news-item {float: left;width: 49%;overflow: hidden;background: #f0f5fb;margin-right: 2%;margin-bottom: 2%;}

.olipower-news-item.mr0 {margin-right: 0;}

.olipower-news-item a {display: block;position: relative;overflow: hidden;}

.olipower-news-item .img {overflow: hidden;}

.olipower-news-item .text {padding: 5% 10%;overflow: hidden;}

.olipower-news-item .title-1 {color: #199689; margin-bottom:1vw;}

.olipower-news-item .text-1{border-bottom:1px solid #ccc; padding-bottom:1vw;}

.olipower-news-item .text-1 .english-1{background:#f7f8f8; padding:3px;}

.olipower-news-item .time-1 {color: #9aa7ba;margin-top: 1rem;}

.olipower-news-item .more-2 {color: #9aa7ba;margin-top: 4rem;} 

.olipower-news-item a:hover .pic {transform: scale(1.05);}

.olipower-news-item a:hover .title-1 {color: #00a0e9;}



.olipower-news-detial-top {padding: 3% 0 0 0;background: #fff;overflow: hidden;text-align: center;}

.olipower-detial-text {color: #999;width: 70%;margin: auto;margin-top: 5vw; text-align:left;}

.olipower-detial-text .title-1 {color: #199689; margin-bottom:1vw;}

.olipower-detial-text .text-1{border-bottom:1px solid #ccc; padding-bottom:1vw; line-height:1;}

.olipower-detial-text .text-1 .english-1{background:#f7f8f8; padding: 3px 5px; float: left; margin-right: 10px;}

.olipower-news-content-detial {overflow: hidden;}

.olipower-news-content-detial img {max-width: 100%; border-radius:20px;}









/* Contact */ 

.olipower-page-banner.blacktext .olipower-page-banner-text{color: #000;}

.olipower-page-banner.blacktext .olipower-page-banner-pic::before {display: none;}

.olipower-contact-us {overflow: hidden;padding: 5% 0;background: #f0f5fb;} 

.olipower-contact-us .olipower-page-content .similar-title {text-align: center;}

.olipower-contact-us .olipower-page-content .similar-title .text-1 {color: #000;}

.olipower-contact-us .olipower-page-content .similar-title .text-1::after{margin: 2rem auto;}

.olipower-contact-us-content {overflow: hidden;position: relative;margin-top: 5%;}

.olipower-contact-us-content-left {float: left;width: 47%;overflow: hidden;}

.olipower-contact-us-list {border-top: 2px solid #cddcf1;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}

.olipower-contact-us-item {overflow: hidden;border-bottom: 2px solid #cddcf1;padding: 2.5rem 0;float: left;width: 49%;}

.olipower-contact-us-item:first-child {width: 100%;}

.olipower-contact-us-item:first-child .text-2 {width: 85%;}

.olipower-contact-us-item .icon-1 {float: left;width: 5rem;height: 5rem;overflow: hidden;position: relative;}

.olipower-contact-us-item .icon-1 img {max-width: 50%;max-height: 50%;transition:all .4s ease;}

.olipower-contact-us-item .text-2 {float: left;width: 75%;margin-left: 1rem;margin-top: .3rem;}

.olipower-contact-us-item .title-1 {color: #8290a4;}

.olipower-contact-us-item .text-1 {color: #000;white-space: nowrap;}

.olipower-contact-us-content-right {float: right;width: 47%;overflow: hidden;position: relative;background: #000;}

.olipower-contact-us-map {overflow: hidden;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}

.olipower-contact-us-map .baidumap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 11;}

.olipower-contact-us-from {overflow: hidden;margin-top: 5%;}

.olipower-contact-us-from .item-1{margin: 1rem 0;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}

.olipower-contact-us-from .input-2{border: 2px solid #cddcf1;background: #e1e9f6;width: 49%;box-sizing: border-box;padding: 2.5rem 2rem;}

.olipower-contact-us-from .input-2:focus {border: 2px solid #00a0e9;}

.olipower-contact-us-from .textarea-1{border: 2px solid #cddcf1;background: #e1e9f6;width: 100%;box-sizing: border-box;padding: 2.5rem 2rem;}

.olipower-contact-us-from .submit-1{width: 100%;display: block;background: #00a0e9;color: #fff;text-align: center;padding: 2.5rem 0;} 

.olipower-contact-us-from .submit-1:hover {background: #6eb92b;}

.olipower-contact-us-item:hover:nth-child(1) .icon-1 img{animation:tubiao1 1000ms ease-in-out infinite;}

.olipower-contact-us-item:hover:nth-child(2) .icon-1 img{animation:tubiao2 2000ms ease-in-out infinite;}

.olipower-contact-us-item:hover:nth-child(3) .icon-1 img{animation:tubiao3 1000ms ease-in-out infinite;}

@keyframes tubiao1{0%{transform: translateY(0);}40%{transform: translateY(10%);}70%{transform: translateY(-25%);}100%{transform: translateY(0);}} 

@keyframes tubiao2{0%{transform: rotate(0deg);}20%{transform: rotate(50deg);}30%{transform: rotate(-25deg);}40%{transform: rotate(40deg);}50%{transform: rotate(-15deg);}60%{transform: rotate(0deg);}100%{transform: rotate(0deg);}} 

@keyframes tubiao3{0%{transform: translateX(-100%);opacity: 0;}50%{transform: translateX(10%);opacity: 1;}60%{transform: translateX(0);opacity: 1;}} 















 

/* other */ 

 

.tanimation {opacity: 0;transition: opacity .8s ease-in-out,transform .8s cubic-bezier(.215,.61,.355,1);}

.tformY {transform:translateY(160px);}

.tformX {transform:translateX(50%);}

.tformXX {transform:translateX(-50%);}

.tdelay1 {transition-delay: .1s;}

.tdelay2 {transition-delay: .2s;}

.tdelay3 {transition-delay: .3s;}

.tdelay4 {transition-delay: .4s;}





.social-share{font-size:16px;font-style:normal;display: inline-block;vertical-align: middle;}

.social-share a{position:relative;text-decoration:none;margin-right:10px;display:inline-block;outline:none;}

.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #ccc;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}

.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}

.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f1f1f1;margin:0;padding:0;}

.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}

.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}

.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}

.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}

.social-share .icon-wechat:hover .wechat-qrcode{display:block}

.social-share-icon {display: block;width: 6rem;height: 6rem;position: relative;box-sizing: border-box;}

.social-share-icon:hover {opacity: 1;}  

.social-share-icon:hover::after {background: #30386b;}

.social-share-icon:hover::before {filter: none;opacity: 1;}

.social-share-icon::before {opacity: 1;content: '';width: 6rem;height:6rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;filter: invert(1);opacity: .3;}  

.social-share-icon::after {z-index: 1;content: '';width: 6rem;height:6rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) ;background: #fff;border-radius: 100%;}

.icon-share::before{background: url('../image/in-deta-icon0001.png') center no-repeat;background-size: 30%;}

.icon-linkedin::before{background: url('../image/f3.png') center no-repeat;background-size: 30%;}

.icon-wechat::before  {background: url('../image/f5.png') center no-repeat;background-size: 33%;} 

.icon-twitter::before {background: url('../image/f2.png') center no-repeat;background-size: 30%;}   

.icon-weibo::before {background: url('../image/f11.png') center no-repeat;background-size: 35%;}   

.icon-facebook::before {background: url('../image/f1.png') center no-repeat;background-size: 15%;}   









.aside-top {position:absolute; bottom:3%;left:5%; z-index:199;}

.aside-top a {width: 60px;height: 38px;display: block;overflow: hidden; background: rgba(255,255,255,0.5) url('../image/up.png') center no-repeat;border-radius: 50px;background-size: 20%; }

.aside-top a:before {font-size: 1.8rem;color: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}

.aside-top a:hover { background: #60a99f url('../image/up.png') center no-repeat;background-size: 20%;}

.blue a{background: #19958a url('../image/up.png') center no-repeat; background-size: 20%;}

.blue a:hover { background: #122e28 url('../image/up.png') center no-repeat; background-size: 20%;}



.black a{background: #000 url('../image/up.png') center no-repeat; background-size: 20%;}

.black a:hover { background: #19958a url('../image/up.png') center no-repeat; background-size: 20%;}



.flt {margin-top:20px; z-index:199; width:auto;}

.flt ul{margin:0px; padding:0px;width: 100% !important; display: table; }

.flt ul li{position:relative; float:left; list-style:none; width:auto;}

.flt ul li:last-child{margin-right:0}

.flt ul li a{display:block;width:40px;height:40px;line-height:40px;text-align:center;float:left;position:relative;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

.flt ul li:hover{border-color:rgb(255,255,255,.8)}

.flt ul li i{display:block;width:100%;opacity:0.95;font-size:32px;color:white;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

.flt ul li:hover i{opacity:1}

.flt ul li i img{width:60%;}

.flt ul li a>img{display:inline-block;width:24px;margin-top:9px;opacity:0.5;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

.flt ul li:hover a>img{opacity:.8}

.flt ul li .ewm{display:block;width:100px;position:absolute;bottom:100%;left:-50%;z-index:2;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

.flt ul li:hover .ewm{bottom:-90%;opacity:1;visibility:visible}

.flt ul li .ewm img{width:100%}



.footer .aside-top{bottom: 10%;}

/*.footer .flt{bottom: 9%;}*/

.contact-main{ margin: 3vw auto;}

.contactbox{width:100%; display:flex; justify-content:space-between;}

.contactbox div{width:50%;}

.contactbox .img{background:#fff;}

.contactbox .text{display:flex; flex-flow:column; justify-content:center; padding:0 5vw 0; width:40vw;}

.contactbox .text h2{color:#1c857d;}

.contactbox a{display:contents;}

.btn{border:1px solid #1c857d; color:#1c857d; border-radius:50px;  padding: 0.5vw 1.5vw; width: 7vw; text-align:center; margin-top:1vw;}

.btn:hover{background:#1c857d; color:#fff;}



.about{width:100%; background:#f7f8f8; padding:3vw 0; text-align:center;line-height: 1.6;}

.about .youshiyuan{width:50vw; margin:2vw auto; display:flex; justify-content:space-between;}

.about .yuan{width:12vw; height:12vw; background:#fff; color:#199689; border-radius:50%; text-align:center; display: flex; flex-flow: column; justify-content: center;}

.about .yuan p{margin:0px; padding:0px;}



.box{width:100%; margin:3vw auto; display:inline-block;}

.#xgcp{ margin-top: -6vw; padding-top: 10vw;}

.yewu-list{width:100%;}

.yewu-list .item{width:100%; margin:1vw auto; border-radius:20px; background:#199689; display:inline-block; overflow:hidden; color:#fff;}

.yewu-list .item .text{ width:26%; float:left; padding:2vw 2%;}

.yewu-list .item .text .title-1{-webkit-text-stroke: 1px rgba(255,255,255,0.4); color: transparent; margin-top:3vw; line-height:1.6;}

.yewu-list .item .text .title-2{color:#fff; line-height:1.6; margin-bottom:2vw;}

.yewu-list .item .text .title-3{color:rgba(255,255,255,1); line-height:1.8;}

.yewu-list .item .img2{width:70%; float:right; display:inline-flex;}

.yewu-list .item .img2 img{max-width:100%; width:100%;}



.wenhua-list{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}

.wenhua-list .item{width:49.5%; display:flex; flex-flow:column; position:relative; margin-bottom:1vw; overflow:hidden; transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215,.61,.355,1); transition-delay: .5s; border-radius: 20px;}

.wenhua-list .item .text{position:absolute; top:2vw; left:2vw;  z-index:2; color:#fff; text-align:left;}

.wenhua-list .item .text .title-1 img{width:50px;}

.wenhua-list .item .text .title-2{margin-top:4.5vw; margin-bottom:1vw; text-shadow: 2px 2px 3px #333;}

.wenhua-list .item .text .title-3{color:rgba(255,255,255); text-shadow: 2px 2px 3px #333;}

.wenhua-list .item .img2{border-radius: 20px;}

.wenhua-list .item .img2 img{width:100%; border-radius: 20px;}

.wenhua-list .item:hover .img2 img{transform:scale(1.05);}



.wenhua-list2{width:100%; display:flex; flex-wrap:wrap; margin-top:2vw;justify-content: center; align-items: normal; gap: 1.5vw;}

.wenhua-list2 .item{width:calc(23.5% - 4vw); display:flex; flex-flow:column;  overflow:hidden; transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215,.61,.355,1); transition-delay: .5s; border:1px solid #60a99f; background:#ecf3f2; border-radius:10px; padding:2vw;}

.wenhua-list2 .item .text{ color:#fff; text-align:left;}

.wenhua-list2 .item .text .title-11{background: #199689; border-radius: 100%; width: 50px; height: 50px; text-align: center; line-height: 50px;}

.wenhua-list2 .item .text .title-11 img{width:50px;}

.wenhua-list2 .item .text .title-1 img{width:50px;}

.wenhua-list2 .item .text .title-2{margin-top:3vw; margin-bottom:1vw; color:#199689;}

.wenhua-list2 .item .text .title-3{color:rgba(0,0,0,0.8); line-height:1.6;}

.wenhua-list2 .item .text .ico-1{width:3vw; height:3vw; background:#ddefed; border:1px solid #199689; border-radius:100%; text-align:center;}

.wenhua-list2 .item .text .ico-1 img{width:2vw; margin-top:0.5vw;}

.wenhua-list2 .item:hover{background:#199689;}

.wenhua-list2 .item:hover .text .title-1 img{ filter: grayscale(100%) brightness(0%) invert(100%);

    -webkit-filter: grayscale(100%) brightness(0%) invert(100%); /* 兼容旧版webkit浏览器 */}

.wenhua-list2 .item:hover .title-2{color:#fff;}

.wenhua-list2 .item:hover .text .title-3{color:rgba(255,255,255,0.8)}

.wenhua-list2 .item:hover .title-11{background:#ecf3f2}





.wenhua-list3{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1vw;}

.wenhua-list3 .item{width:calc(19% - 4vw); display:flex; flex-flow:column;  overflow:hidden; transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215,.61,.355,1); transition-delay: .5s; border:1px solid #60a99f; border-radius:10px; padding:2vw;}

.wenhua-list3 .item:hover{box-shadow:1px 1px 10px #199689;}

.wenhua-list3 .item .text{ color:#fff; text-align:center;}

.wenhua-list3 .item .text .title-1{background:#f7f8f8; width:4vw; height:4vw; border-radius:50%; text-align:center; margin:0 auto;}

.wenhua-list3 .item .text .title-1 img{width:2.5vw; margin-top:0.8vw;}

.wenhua-list3 .item .text .title-2{margin-top:2.5vw; margin-bottom:1vw; color:#199689;}

.wenhua-list3 .item .text .title-3{color:rgba(0,0,0,0.8)}



.fuwu-list2{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1vw;}

.fuwu-list2 .item{width:calc(48% - 0vw); display:flex; flex-flow:column;  overflow:hidden; transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215,.61,.355,1); transition-delay: .5s; border:1px solid #199689; border-radius:10px; background:#f8f8f8;}

.fuwu-list2 .item:hover{box-shadow:1px 1px 10px #199689;}

.fuwu-list2 .item .text{ color:#fff;}

.fuwu-list2 .item .text .title-1{background:#199689; width:100%; height:10vw; text-align:center; margin:0 auto; display:flex; flex-flow:column; justify-content:center;}

.fuwu-list2 .item .text .title-1 img{width:5vw; margin-left:50%; transform: translateX(-50%);}

.fuwu-list2 .item .text .title-2{margin-top:1.5vw; color:#199689; padding-left:2vw;}

.fuwu-list2 .item .text .title-3{color:rgba(0,0,0,0.8);padding-left:2vw; margin-bottom:2vw; line-height:1.8;}

.fuwu-list2 .item .text p{}



.clfff{color:#fff !important;}

.clblue{color:#199689 !important;}

.bgblue{background:#eee;}



.page-development {padding:3vw 0;overflow: hidden;margin-bottom: 1%; background:url("../image/historybg.jpg") left top no-repeat; background-size:cover;}

.page-development .page-content {width: 100%; text-align:center;}

.page-development .title .text-2{margin-top: 3.5%;font-weight: bold;}

.page-development .title .text-2 strong {color: #90c31f;}

.page-development .title .text-2 p {padding: 0;margin: 0;}

.page-development .development{margin-top: 1%;}

.kongzi{-webkit-text-stroke: 1px #0ab091; color: transparent; margin-top:1vw; line-height:1; opacity:0.8}

.development-swiper{overflow: visible;width: 100%;}

.development-item{width: 98%;margin: 5% auto;position: relative;   }

/*.development-item .img{float: left;width: 50%;}*/

.development-item .year{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  color:#fff;z-index:-1;opacity:0.1}

.development-item .line{position:absolute; left:-4%; top:50%; transform:translateY(-50%);}

.development-item .text{width: 90%;padding: 4% 5%;overflow: hidden; height:12vw;background: rgba(255,255,255,0.2); text-align:left; border-radius: 15px;}

.development-item .text .year-1{color: #fff; margin-top:2vw;}

.development-item .text .title-1{margin: 1% 0;  color:rgba(255,255,255,0.8);}

.development-item .text .text-1{margin-top: 5%;overflow: hidden; }

.thumbs-development-swiper::before,

.thumbs-development-swiper::after {content: '';width: 1px;height: 14px;position: absolute;left: 0;top: 50%;margin-top: -7px;background: #ddd;}

.thumbs-development-swiper::after{right: 0;left: auto;}

.thumbs-development-swiper .swiper-slide::after {content: '';width: 100%;height: 1px;background: #ddd;position: absolute;top: 50%;left:0;margin-top: -1px;z-index: 1;}

.thumbs-development-swiper .swiper-slide {position: relative;cursor: pointer; opacity:0.2}

.thumbs-development-swiper .swiper-slide span{display: block;width:24px;height: 24px;border-radius: 100%;border: 5px solid transparent;margin: auto;position: relative;z-index: 11;}

.thumbs-development-swiper .swiper-slide i{display: block;width: 10px;height: 10px;border-radius: 100%;border: 3px solid #ddd;margin: 4px;background: #f9f9f9;position: relative;z-index: 11;}

.thumbs-development-swiper .swiper-slide i {color: #dddddd;}

.thumbs-development-swiper .swiper-slide-thumb-active span{border: 5px solid #e5ebd7;background: #f9f9f9;}

.thumbs-development-swiper .swiper-slide-thumb-active i{border: 3px solid #90c31f;}



.ryzz-box{width:calc(100% - 4vw); border:1px solid #c1e2dd; background:#f3f9f9; text-align:left; padding:2vw; border-radius:20px; margin-top:2vw;}

.ryzz-text{width:100%;/* display:flex; flex-wrap:wrap; justify-content:space-between; */margin:1vw auto;line-height:1.6;}
.ryzz-text .title-1{ padding:5px 0; }

.rongyu-list{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}

.rongyu-list .item{width:24%; border-radius: 10px; border: 1px solid #c1e2dd; overflow: hidden;}

.rongyu-list .item img{max-width:100%;}



.rongyu-list .item2{width:15.8%;}

.rongyu-list .item2 img{max-width:100%; border-radius:10px; border:1px solid #c1e2dd}



.fw-culture-bottom{overflow: hidden;padding: 20px 0;text-align: center;}

.fw-culture-item{width: 27.6%;position: relative;display: inline-block;vertical-align: top;margin-right: 2%; padding:1vw 2%; transition:transform 0.5s ease;}

.fw-culture-item:nth-child(3n+3){margin-right:0px;}

.fw-culture-item .text {width: 100%; z-index: 11;}

.fw-culture-item .icon-1 {position: relative;width: 10vw;height: 10vw;margin: auto; text-align:center; margin-bottom:30px;}

.fw-culture-item .title-1 {margin-top: 10px; font-weight:bold; margin-bottom:20px;}

.fw-culture-item .title-2{ color:#898989}

.fw-culture-item .title-3{color: #00883c;}

.fw-culture-item .title-3 img{vertical-align:middle;}

.fw-culture-item p{margin:0px; padding:0px;}

.fw-culture-item:hover {transform: translateY(-10px);}



.map{display:inline-block; border-radius:20px; margin:5vw auto; height:35vh;}



.shili{display:flex; flex-wrap:nowrap; justify-content:space-between;}

.shili .pic{width:50%; border-radius:20px;}

.shili .text{width:45%; padding:5vw 0;}

.shili .text h2{color:#199689; line-height:2}

.shili .text h3{color:#199689; line-height:1.6; font-weight:300; margin-bottom:2vw;}

.shili .text hr{ border: 0; border-bottom: 1px solid #199689; margin-bottom:2vw;}

.shili .text p{background:url(../image/check.png) left center no-repeat; background-size:26px; margin-bottom:2vw; font-size:1.2vw; padding-left:40px; height:26px; line-height:26px;}



.jiagong_box{width:100%; padding:5vw 0; background:#eee; color:#199689; display:inline-block;}

.jiagong_box .jiagong_left{width:48%; float:left;}

.jiagong_box .jiagong_right{width:48%; float:right;display: flex; justify-content: center; align-items: center; overflow:hidden;}



.jiagong-list{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:3vw;}

.jiagong-list .item{width:46%; display:flex; flex-flow:column;  overflow:hidden; margin-bottom:2vw; }

.jiagong-list .item .text{ color:#199689; text-align:left;}

.jiagong-list .item .text .title-1{background:#199689; border-radius:50%; width:2.4vw; height:2.4vw; text-align:center;}

.jiagong-list .item .text .title-1 img{width:1.6vw; margin-top:0.4vw;}

.jiagong-list .item .text .title-2{margin-top:1vw; margin-bottom:0.5vw; color:#000;}

.jiagong-list .item .text .title-3{color:#000; }



.jiagong_box .jiagong_right .mySwiper{width:80%;}

.jiagong_box .jiagong_right .swiper-slide { display: flex; align-items: center; justify-content: center; border-radius: 18px;  border:1px solid #1b9382; }



.tixi_box{background:#eeeeee; padding:3vw 0; width:100%;}

.tixi-list1{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1vw;}

.tixi-list1 .item{width:calc(49% - 4vw); display:flex; flex-flow:column;  overflow:hidden; transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215,.61,.355,1); transition-delay: .5s;  background:#199689; border-radius:20px; padding:2vw;}

.tixi-list1 .item:hover{box-shadow:1px 1px 10px #199689;}

.tixi-list1 .item .text{ color:#fff; text-align:left;}

.tixi-list1 .item .text .left{float:left;}

.tixi-list1 .item .text .left img{width:5vw;}

.tixi-list1 .item .text .right{float:left; margin-left:1vw;}

.tixi-list1 .item .text .title-2{margin-bottom:1vw; color:#fff;}

.tixi-list1 .item .text .title-3{color:rgba(255,255,255,0.8)}

.tixi-list1 .item .img2{width:100%; margin-top:2vw;}

.tixi-list1 .item .img2 img{width:100%;}



.tixi-list2{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1.5vw;}

.tixi-list2 .item{width:calc(32% - 4vw); display:flex; flex-flow:column;  overflow:hidden; transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215,.61,.355,1); transition-delay: .5s;  background:#199689; border-radius:20px; padding:2vw; position:relative;}

.tixi-list2 .item:hover{box-shadow:1px 1px 10px #199689;}

.tixi-list2 .item .text{ color:#fff; text-align:left;}

.tixi-list2 .item .text .title-1{ width:100%;}

.tixi-list2 .item .text .title-1 img{width:5vw;}

.tixi-list2 .item .text .title-2{ margin-top:2vw; margin-bottom:1vw; color:#fff;}

.tixi-list2 .item .text .title-3{color:rgba(255,255,255,0.8)}

.tixi-list2 .item .img2{position:absolute; right:2vw; top:2vw;}

.tixi-list2 .item .img2 img{width:8vw;}



.corevalues-content-list {text-align: center;font-size: 0; display:flex;justify-content:space-around; flex-flow: wrap;}

.corevalues-item {padding: 1% 0;display: inline-block;vertical-align: middle; width:10%}

.corevalues-item a{display: block;}

.corevalues-item .icon-1 {margin: auto;position: relative;z-index: 5;}

.corevalues-item .icon-1 i{display: block;width: 7vw;height: 7vw;margin: auto;background: #199689;border-radius: 100%;z-index: 11;position: relative;box-shadow: 0px 8px 40px 0px rgb(0,0,0,.1);}

.corevalues-item a:hover .icon-1 i img {filter: invert(100%);}

.corevalues-item .icon-1::after {content: '';width: 0px;height: 0px;border-radius: 100%;background: #199689;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:1;transition:all .4s ease;opacity: 0;}

.corevalues-item .icon-1 em{width: 3vw; height: 3vw; background: #199689; font-style: normal; border-radius: 100%; text-align: center; line-height: 1.8; color: #fff; position: absolute; top: 1.5vw;  right: -0.8vw;  z-index: 22;}

.corevalues-item .title-1 {font-weight: bold;padding: 2vw 0 0 0;height: 4vw; color:#199689;}

.corevalues-item .title-2{width: 16vw; margin-left: -3vw;color:#898989; line-height:1.6;}

.corevalues-item a:hover .icon-1 i {background: #199689;}

.corevalues-item a:hover .icon-1::after {width: 104px;height: 104px;opacity: .2;}

.corevalues-item a:hover .title-1 {color: #199689;}

.fengex {display: inline-block;vertical-align: middle;position: relative;margin: 4vw 1% 4% 1%;}

.fengex i {display: block;position: relative;border: 1px solid #ccc;padding: 0 5px;width: 100px;}

/*.fengex i::before {content: '';width: 5px;height: 5px;border: 1px solid #ccc;border-radius: 100%;position: absolute;left: -2px;top: 50%;transform: translateY(-50%);background: #fff;}

.fengex i::after {content: '';width: 5px;height: 5px;border: 1px solid #ccc;border-radius: 100%;position: absolute;right: -2px;top: 50%;transform: translateY(-50%);background: #fff;}*/

.fen5{display:none;}



.hyyy1-box{width:100%; padding:5vw 0; background:#f7f8f8;}

.hyyy-text{font-size:1.8rem; color:#000; line-height:1.6;}

.hyyy-text a{color:#199689; font-size:1.8rem;}

.hyyy-text a:hover{color:#199689;}

.hyyy-list1{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:5vw;}

.hyyy-list1 .item{width:calc(32% - 4vw); display:flex; flex-flow:column;  overflow:hidden; transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215,.61,.355,1); transition-delay: .5s; border:1px solid #60a99f; border-radius:10px; padding:2vw;}

.hyyy-list1 .item .text{ color:#fff; text-align:left;}

.hyyy-list1 .item .text .title-1{border:1px solid #60a99f; border-radius:100%; width:50px; height:50px;}

.hyyy-list1 .item .text .title-1 img{width:46px; padding:2px;}

.hyyy-list1 .item .text .title-2{margin-top:3vw; margin-bottom:1vw; color:#199689;}

.hyyy-list1 .item .text .title-3{color:rgba(0,0,0,0.8)}



.hyyy2-box{width:100%; padding:5vw 0; background:#fff;}

.hyyy-list2{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:5vw; background:#199689; border-radius:20px;}

.hyyy-list2 .item{width:calc(33.2% - 4vw); display:flex; flex-flow:column;  overflow:hidden; transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215,.61,.355,1); transition-delay: .5s;  padding:2vw; border-bottom:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);}

.hyyy-list2 .item .text{ color:#fff; text-align:left;}

.hyyy-list2 .item .text .title-1{ border-radius: 100%; width: 70px;  height: 70px;  font-size: 2vw;  text-align: center; line-height: 70px;  color: #1a9281;  background: #fff;}

.hyyy-list2 .item .text .title-2{margin-top:3vw; margin-bottom:1vw; color:#fff;}

.hyyy-list2 .item .text .title-3{color:rgba(255,255,255,0.8); line-height:1.6;}



.hyyy3-box{width:100%; padding:3vw 0; background:#f7f8f8;}

.hyyy-list3{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:5vw;}

.hyyy-list3 .item{width:calc(49% - 4vw); display:flex; justify-content:left; overflow:hidden; transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215,.61,.355,1); transition-delay: .5s; border:1px solid #199689; border-radius:10px; padding:2vw; margin-bottom:2vw;}

.hyyy-list3 .item .text{ color:#fff; width:100%; }

.hyyy-list3 .item .text .title-1{border-right:1px solid #199689; width:5vw; height:5vw; margin-right:2vw; padding-right:2vw; float: left;}

.hyyy-list3 .item .text .title-1 img{width:100%;}

.hyyy-list3 .item .text .title-2{margin-bottom:1vw; color:#199689;}

.hyyy-list3 .item .text .title-3{color:rgba(0,0,0,0.8);word-break: break-word;}







.index-customer-stories-top {width: 30%;margin: auto;position: relative; float:left;}

.index-customer-stories-top .title{overflow: hidden; color:#199689;}

/*.index-customer-stories-top .class-1{color: #969798;}*/

.index-customer-stories-top .text-1{margin-top: 1%; }



.div-cooperative-partner {overflow: hidden;position: relative;  background-size:cover; }

/*.cooperative-partner-top {text-align: center;}*/

.cooperative-partner-bottom {overflow: hidden;position: relative;z-index: 400; width:70%; float:right;}

.cooperative-partner-list {display: flex;flex-wrap: wrap; justify-content:start;width: 100%;margin: auto;}
.cooperative-partner-list::after {content: ""; position: absolute;bottom: 0; left: 0; width: 100%; height: 1px;  background-color: #fff;}
.box2 .cooperative-partner-list::after,.box4 .cooperative-partner-list::after {background-color: #eeeeee;}
.industry-trends-logo {overflow: hidden; width:calc(25% - 1px); border-bottom:1px solid #199689; border-right:1px solid #199689;}

/*.industry-trends-logo a{display: block;text-align: center; }*/

.industry-trends-logo .logo-1 {position: relative;margin: 1vw auto; text-align: center;}

.cooperative-partner-list .industry-trends-logo .logo-1 img{/*filter: grayscale(100%);*/opacity: 1; transition:transform 0.5s ease; width:80%;}

.cooperative-partner-list .industry-trends-logo a:hover .logo-1 img{filter: grayscale(0);opacity: 1; transform:scale(1.1);}

.industry-trends-logo:nth-child(4n){border-right:0px;}

.box1,.box3,.box5{margin:0 auto; padding:3vw 0;}

.box2,.box4,.box6{background:#eeeeee; margin:0 auto; padding:3vw 0;}



.zhanhui-swiper{width:100%;margin-top: 2vw;}

.zhanhui-swiper .item{text-align:center; line-height:2;}

.zhanhui-swiper .item .title-1{margin:1vw 0; color:#199689;height:3rem;overflow: hidden; line-height: 1.2;}

.zhanhui-swiper .item .title-2{color:#898989;}
.zhanhui-swiper .item .title-2:nth-of-type(3) {height: 6rem;}

.zhanhui-swiper .item .img2{width:6vw; height:6vw; text-align:center; border:1px solid #199689; border-radius:100%; margin:2vw auto;display: flex; flex-flow: column; justify-content: center;background: #fff; overflow: hidden;}

.zhanhui-swiper .item .img2 img{width:90%;}

.zhanhuiline{position:absolute; left:0px; bottom: 8vw; width: 100%; border-top: 1px solid #199689;}



.news-list{position: relative;overflow: hidden;display: flex; justify-content:flex-start; flex-wrap:wrap; width: 100%;}

.news-list .item{width: 22.75%; margin-right:3%; overflow: hidden;margin-bottom: 3%; float: left;border-radius: 20px; background:#eeeeee;}

.news-list .item:nth-child(4n+4){margin-right:0}

.news-list .item a{position: relative; display:table;}

.news-list .item .img {width:100%;} 

.news-list .item .text { position:relative; left: 0%;width: 86%;z-index: 1;padding: 1.5vw 0.5vw;margin: 0 auto;}

.news-list .item .text .time-1{display: flex; justify-content:left; line-height: 1; align-items: center; opacity:1;padding: 20px 0 0;}

.news-list .item .text .time-1 span{}

.news-list .item .text .year-2{color: #199689;}

.news-list .item .text .txt-1{color: #199689; font-weight:bold;}

.news-list .item .text .txt-3{color: #199689;margin-top: 3%; height:44px;}

.news-list .item .text .txt-4{ opacity:1; margin-top:20px;}

.news-list .item .text .more-5{position: absolute;left: 0;bottom: 5%;z-index: 1;}

.news-list .item .text .more-5 .deta{color: #8290a4;}

.news-list .item:hover{ background: #199689;}

.news-list .item:hover .text .txt-1{color: #fff;}

.news-list .item:hover .text .txt-3{color: #fff;}

.news-list .item:hover .text .txt-4{color: #fff;}

.news-list .item:hover .text .time-1{color: #fff;}



.pagination{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}

.pagination li{display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px;margin: 0 2px;line-height:18px; font-size:14px;}

.pagination span,.pagination a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}

.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover{cursor:not-allowed;pointer-events:none;color:#EBEBEB}

.pagination .active{pointer-events:none}

.pagination .active,.pagination a:hover{transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;background: #199689; color:#fff;}

.pagination-group{border-right:solid 1px #EBEBEB;border-radius:4px}

.pagination-group li{float:left;border-right:0;border-radius:0}

.pagination-group li:not(:first-child):not(:last-child){border-radius:0}

.pagination-group li:first-child{border-radius:4px 0 0 4px}

.pagination-group li:last-child{border-radius:0 4px 4px 0}

.pagination-group .active,.pagination-group a:hover{background:#f5f5f5;border-radius:0}

.pagination-big a{padding:10px 16px;font-size:16px}

.pagination-small a{padding:5px 10px;font-size:12px}

.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a{color:#fff}







.downlist{display:inline-block; margin-top:3vw; width:100%;}

.downlist ul{margin:0px; padding:0px;}

.downlist ul li{list-style:none;}

.downlist .list-group-item_dw{width:calc(48% - 2px); margin-right:4%; float:left; margin-bottom:30px;border: 1px solid #C0C0C0; border-radius:10px; position: relative;overflow: hidden; background:#f3f9f8;}

.downlist .list-group-item_dw:nth-child(2n+2){margin-right:0px;}

.downlist .list-group-item_dw .media-body{width:calc(100% - 0px); height: 180px; line-height: 50px;justify-content: left;  padding: 0px 0px; display:flex; overflow:hidden;}

.downlist .list-group-item_dw .media-heading{ background-size:1.7vw; padding: 40px; margin:0px;  overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 0px); line-height: 50px;}

.downlist .list-group-item_dw .media-heading p{ line-height:1em; padding:0; margin:0;}

.downlist .list-group-item_dw span{font-size:14px; color:#666; margin-right:4%; position:absolute; right:10px; top: 50%;  transform: translateY(-50%);}

.downlist .list-group-item_dw span img{width:2.2vw;}

.downlist .list-group-item_dw:hover{box-shadow:1px 1px 10px #666;}

.downlist .media-body .pic{}



.more3{  float:right; color:#fff; border-bottom:1px solid #fff;}

.more3 a{color:#fff;}



.more4{  float:right; color:#199689; border-bottom:1px solid #199689; margin-top:1vw;}

.more4 a{color:#199689;}



.text-center{text-align:center;}

.textbody{ text-align:center; width:70vw; margin: 0 auto; line-height:2;}



.gygt-list2{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2vw; }

.gygt-list2 .item{width:calc(49.95% - 4vw); display:flex; flex-flow:column;  overflow:hidden; transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215,.61,.355,1); transition-delay: .5s;  padding:2vw; border-bottom:1px solid #199689;border-right:1px solid #199689;}

.gygt-list2 .item:nth-child(2),.gygt-list2 .item:nth-child(4){border-right:0px;}

.gygt-list2 .item:nth-child(3),.gygt-list2 .item:nth-child(4){border-bottom:0px;}

.gygt-list2 .item .text{ color:#fff; text-align:left;}

.gygt-list2 .item .text .title-2{margin-bottom:1vw; color:#199689;}

.gygt-list2 .item .text .title-3{color:#000;}



/* 下拉分类 */

.nav-tree {line-height:30px; margin-top:2vw; padding-left: 0;}/*font-size:0去掉 display:inline-block间隔 */

.nav-tree li {position:relative;display:inline-block; margin:0 0.5vw .5vw .5vw;}

.nav-tree li a{color:#6E6E6E;display:block;padding:0 1vw; border:1px solid #ccc; border-radius:10px;  font-size:1.8rem;}

.nav-tree li a:hover,.nav-tree li a.active,.nav-tree li a.cur{background:#199689;color:#fff}

.nav-tree li.focusa a{background:#199689;color:#fff;border-bottom-left-radius:0px;border-bottom-right-radius:0;}

.nav-tree li ul:after {position:absolute;top:-8px;left:50%;margin-left:-8px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:'';}

.nav-tree li ul {top:70px;left:0;background:#fff;padding:10px 0;z-index:99;position:absolute;width:100%;display:none;border-radius:0px;box-shadow:0 5px 10px 0 rgba(0,0,0,0.03);}

.nav-tree li ul li{display:block;width:100%;text-align:left;}

.nav-tree li ul li.children a{font-size:14px;background:#fff;border-radius:0;box-shadow:none;display:block;color:#6e6e6e;line-height:34px;height:34px}

.nav-tree li ul li.children a.active,.nav-tree li ul li.children a:hover{color:#ff9600}

/*

.nav-tree li ul li.children:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}

.nav-tree li ul li.children:last-child a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}

*/

/* 下拉分类 */



.gygt-list3{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1vw;}

.gygt-list3 .item{width:calc(32% - 4vw); display:flex; flex-flow:column;  overflow:hidden; transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215,.61,.355,1); transition-delay: .5s; background:#fff; border-radius:10px; padding:2vw;}

.gygt-list3 .item .text{ color:#fff; text-align:left;}

.gygt-list3 .item .text .title-2{margin-top:4.5vw; margin-bottom:1vw; color:#199689;}

.gygt-list3 .item .text .title-3{color:rgba(0,0,0,0.8)}

.gygt-list3 .item .text .ico-1{width:5vw; height:5vw; background:#199689; border:1px solid #199689; border-radius:10px; text-align:center;}

.gygt-list3 .item .text .ico-1 img{width:3vw; margin-top:1vw;}

.gygt-list3 .item:hover{background:#199689;}

.gygt-list3 .item:hover .ico-1{background: rgba(12, 214, 174, 0.2);}

.gygt-list3 .item:hover .title-2{color:#fff;}

.gygt-list3 .item:hover .text .title-3{color:rgba(255,255,255,0.8)}



.prodesc .container{width:70vw;}

.prodesc_left .pic_img{overflow: hidden; width: 80%; float: right; background: #f7f8f8; border-radius: 10px;overflow:hidden}

.prodesc_left .pic_img ul{margin: 0px 0; padding: 0;}

.prodesc_left .pic_img ul li{height:100%;line-height:100%;list-style: none;}

.prodesc_left .pic_img ul li img{width:100%;display:inline-block}

.prodesc_left .swiper-button-prev,.prodesc_left .swiper-button-next{display:block;width:38px;height:38px;position:absolute;z-index:10;left:50%; transform:translateX(-50%); right:auto;margin:0;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s}

.prodesc_left .swiper-button-prev::after,.prodesc_left .swiper-button-next::after{display:none}

.prodesc_left .swiper-button-prev{background-image:url(../image/pro_prev.png);top: 0px;}

.prodesc_left .swiper-button-prev:hover{background-image:url(../image/pro_prev_on.png)}

.prodesc_left .swiper-button-next{background-image:url(../image/pro_next.png);bottom: 0px; top:auto;}

.prodesc_left .swiper-button-next:hover{background-image:url(../image/pro_next_on.png)}

.prodesc_left .ico_img{position:relative;margin-right:5%;width:15%;overflow:hidden; float:left; height:56vh;}

.prodesc_left .ico_img .mySwiper_ico{overflow:hidden; height:100%;}

.prodesc_left .ico_img ul{position:relative; margin: 60px 0; padding:0px; display:inline-block;}

.prodesc_left .ico_img ul li{list-style:none;}

.prodesc_left .ico_img ul li .pic{border:#eee solid 1px; border-radius:10px;}

.prodesc_left .ico_img ul li.swiper-slide-thumb-active .pic{border-color:#199689}

.prodesc_left .ico_img ul li img{cursor:pointer; width:100%;float: inline-end;}



.prodesc{width:100%; display:inline-block;}

.prodesc_left{width:60%; float:left; margin-right:5%; text-align:center; overflow:hidden;}

.prodesc_right{width:35%; float:left;}

.prodesc_right h1{color:#199689; border-bottom:1px solid #199689; padding-bottom:20px; margin-bottom:20px; margin-top: 4vw;}

.prodesc_right a{color:#199689; text-transform:lowercase;}

.prodesc_right h4{margin-bottom:10px; background:url(../image/liji.png) right bottom no-repeat; width:auto; text-align:right; float:right;height: 30px; line-height: 30px; padding-right: 18px; color: rgb(25 150 137);}

.prodesc_right .proinfo{margin:30px 0;}

.prddetai_title{width:100%; margin:0 auto;overflow: hidden;padding-bottom: 1vw;}

.prddetai_title li{text-align:center; border:1px solid #ccc; padding:5px 0; border-radius:50px; text-transform:uppercase;}

.prddetai_title li.swiper-slide-thumb-active{background:var(--color-blue); color:#fff;}

.prodesc_right2{margin-top:80px;}

.prodesc_right2 h3,.prodesc_right2 h4{margin-bottom:30px;}



.prddetai_content{overflow:hidden;}

.prddetai{}



.prddetai_content h3{margin-top:30px; margin-bottom:10px; color:var(--color-blue);}



.gaishu{width:76%; line-height:1.6; text-align:left; margin:2vw auto 0;}

.gaishu h3{font-size:3rem; color:#199689;}

.gaishu h4{ color:#199689;}



.gaishu2{color:#898989; margin:2vw auto 0;width: 76%; line-height:1.6;}





.jscanshu{width:76%; color:#898989; line-height:1.6; text-align:left; font-size:1.8rem; margin:2vw auto 0;}

.gaishu, .gaishu2, .jscanshu{ max-width:1200px;}

table { width: 100%; border-collapse: collapse; }

table, th, td {border: 1px solid #B5B5B6; padding:2px 5px; word-wrap:wrap; word-break: normal !important;}

td strong{font-weight:bold; text-transform:uppercase;}

/* 隔行变色 */

td:nth-child(1){/*width:30%; background:#199689; color:#fff;*/}

/*td:nth-child(odd) { background-color: #f9f9f9; }*/

tr:nth-child(even) { background-color: #f2f2f2;}

/*tr:nth-child(1){background-color:#005495; line-height:70px; color:#fff;}*/



.swiper_xgpro{width:100%; margin:3vw auto;}

.swiper_xgpro .product-item{background:#f7f8f8; border-radius:20px; padding:1vw;}

.swiper_xgpro .product-item .title-1{color:#199689; margin:0.5vw 0; height:40px;}

.swiper_xgpro .product-item .text-1{ line-height:1.6; color:#898989; height:80px; overflow:hidden;}

.swiper_xgpro .product-item .text .more{text-align:right;margin-top: 2vw;margin-bottom: 1vw;}

.swiper_xgpro .product-item .text .more span{ text-align:center; background:#199689; color:#fff; border-radius:50px; padding:5px 20px;}

.swiper_xgpro .product-item .text .more:hover span{background:#199689;}



.hxgy-list{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}

.hxgy-list .item{position:relative; width:calc(48% - 4vw); display:flex; flex-flow:column; transition: opacity .8s ease-in-out, transform .8s cubic-bezier(.215,.61,.355,1); transition-delay: .5s; border:1px solid #199689; border-radius:20px; padding:2vw; margin-top:5vw;}

.hxgy-list .item .text{ color:#fff; text-align:left;}

.hxgy-list .item .text .title-2{margin-top:1.5vw; margin-bottom:1vw; color:#199689;}

.hxgy-list .item .text .title-3{color:#000;}

.hxgy-list .item .text .ico{ position:absolute; right:4.5vw; top:-2.5vw; background:#eeeeee; width:7vw; }

.hxgy-list .item .text .ico-1{ z-index:2; width:5vw; height:5vw; background:#199689;  border-radius:50%; text-align:center;margin:0 auto; }

.hxgy-list .item .text .ico-1 img{width:3vw; margin-top:1vw;}

/*.hxgy-list .item:hover{background:#199689;}

.hxgy-list .item:hover{box-shadow:1px 1px 10px #199689; background:#199689;}

.hxgy-list .item:hover .title-2{color:#fff;}

.hxgy-list .item:hover .text .title-3{color:#fff;}*/



.zhuanli-swiper{padding-bottom: 80px;}

.zhuanli-swiper>.swiper-pagination-progressbar{top:auto; bottom:15px; width:40%; left:30%; height:2px;}

.zhuanli-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#199689}

.zhuanli-swiper .swiper-button-next, .zhuanli-swiper .swiper-button-prev{top:auto; bottom:0px; width:30px; height:30px;  border-radius:50px; background:#199689}

.zhuanli-swiper .swiper-button-next{right:25%;}

.zhuanli-swiper .swiper-button-prev{left:25%;}

.zhuanli-swiper .swiper-button-next:after, .zhuanli-swiper .swiper-button-prev:after{font-size:14px; color:#fff;}

.zhuanli-swiper img{border-radius:20px; max-width:100%;}



.prddetai_title2{width:96%; margin:2vw auto 0;overflow: hidden;}

.prddetai_title2 li{text-align:center; border:1px solid #ccc; padding:5px 0; border-radius:10px; text-transform:uppercase; list-style:none;}

.prddetai_title2 li.swiper-slide-thumb-active{background:#199689; color:#fff;}

.mySwiper_content2 li{list-style:none;}

.prddetai_title2 ul,.mySwiper_content2 ul{padding:0px; margin:0px;}





.tab-group{position:relative;}

.tab-group section{opacity:0;height:0;padding:0 1em;overflow:hidden;transition:opacity 0.4s ease,height 0.4s ease}

.tab-group section.active{opacity:1;height:auto;overflow:visible}

.tab-nav{list-style:none;margin:20px auto;padding:0;height:30px;overflow:hidden; display:table;}

.tab-nav li{display:inline-block; list-style:none;margin: 0 10px;}

.tab-nav li a{top:1px;position:relative;display:block;float:left;border-radius:10px;background:#eee; font-size:1.8rem; line-height:30px;padding:0 1em;text-decoration:none;color:grey;margin-right:1px;transition:background .2s ease,line-height .2s ease,margin .2s ease}

.tab-nav li.active a{background:#199689;color:white;line-height:30px;margin-top:0}





@keyframes yuanfangda{0%{transform:translate(-50%,-50%) scale(0.1);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.1);opacity: 0;}} 

@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}

@keyframes xuanzhuan1{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}

@keyframes xuanzhuan2{0%{-webkit-transform:rotate(360deg);}25%{-webkit-transform:rotate(270deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(90deg);}100%{-webkit-transform:rotate(0deg);}}

@keyframes faguang{0%{opacity:1;}50%{opacity: .5;}100%{opacity: 1;}} 







@media screen and (max-width: 5120px) {}

@media screen and (max-width: 3840px) {}

@media screen and (max-width: 2560px) {}

@media screen and (max-width: 2048px) {}

@media screen and (max-width: 1920px) {}

@media screen and (max-width: 1680px) {}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1152px) {}

@media screen and (max-width: 1024px) {

	.index-swiper {overflow:hidden;}

	.header-nav{width:76vw;}

	.product_cate .productbox .procitem{width:calc(100% / 3); padding:10px 0; border-bottom: 1px solid #333436;}

    

    .product_cate .productbox .procitem:nth-child(1), .product_cate .productbox .procitem:nth-child(2), .product_cate .productbox .procitem:nth-child(3), .product_cate .productbox .procitem:nth-child(4) { border-bottom: 1px solid #333436;}

    .prodesc .container{width:90%;}

    .prodesc_left .ico_img{height:32vh;}

    .gaishu,.jscanshu{width:100%; overflow-x: scroll;}

	.box{margin: 10vw auto; overflow:hidden;}

	.box1,.box3,.box5{margin:0 auto; padding:10vw 0;}

    .box2,.box4,.box6{background:#eeeeee; margin:0 auto; padding:10vw 0;}

	

	.product_gygt_box{position:relative; width:100%; height:70vh;}

	.product_gygt{height:70vh;}

	.index-about .text .title-3{width:calc(100% - 10vw); margin-left: 0; padding:5vw;}

	.index-news-bottom .item { width: 48%;}

	.index-about .text{padding-top:5vh;}

	.index-about{height:auto; padding:5% 0 20% 0; position:relative;}

	.fullscreen,.fullscreen body {width: 100%;height: auto;overflow: hidden}

	.pcshow{display: none!important;}

	.mbshow{display: inline-block!important;}

	.menu-toggle {display: inline-block;vertical-align: middle;width: 4rem;text-align: center;} 

	.no-touch .header-center {transform: translateX(0);}

	.header-content {height: 10rem;}.header-logo {max-width: 18rem;}.header-left {left: 5%;}.header-right {right: 5%;}

	.header-center {position: fixed;left: 0;top: 0;transform:none;width: 100%;height: 100%;transform: translateX(100%);}

	.header-nav {padding: 5%; overflow: hidden; text-align: left; width: 80%;  margin: 10rem auto;  border-radius: 20px;  background: #0a3034;  opacity: 0.9;} 

	.header-nav ul {display: block; margin-left:0px;}

	.header-nav li { margin:0px; display:block; height: auto;}

	.subclass{width: 90%;padding:2% 5%;}

	.header-nav a.nav:hover span, .header-nav li.cur a.nav span{height: 4.5rem;line-height: 4.5rem;}

	.header-nav li.cur.dropdown a.nav.active::after {width: 0;}

	.header-nav a.nav span{font-size: 3rem; color:#60a99f;}

	.header-nav a.nav {padding: 2rem 0;line-height: normal;display: block;position: relative; width:100%;} 

	.header-nav li.dropdown a.nav::before {content: '';display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 3rem;height: 3rem;background: url('../image/r1.png') center no-repeat;background-size: 100%;}

	.header-nav li.dropdown a.nav.active::before {transform: translateY(-50%) rotate(90deg);}

	.header-nav-show {width: 100%;position: relative;left: auto;top: auto;box-shadow: none;transition:none; padding: 0 0 2vw;}

	.header-nav-show ul {padding:4%;}.first-product-top {position: relative;}

	.header-nav-show ul a {padding: 1rem 0; width: 100%; text-align: left;}

	.header-nav-show ul a:last-child {border: none;}.header-nav li:last-child {border: none;}

	.header-nav li:hover .header-nav-show {display: none;} 

	.header-nav li.btn a.nav {padding: .6rem 2.5rem;margin: 10% auto;display: inline-block;}

	.header-contact-us-from .item-1{width:100%;}

	.header-contact-us-from .item-2{width:100%; margin-left:0px;justify-content: flex-end;}

	.header-link .link-1{ height: 30px;  width: 30px;  line-height: 30px;}

	/*.index-swiper .first-product{height:80vw;}

	.first-product-bottom{width:90% !important;}

	.index-swiper .first-product .swiper-slide{height:40vw !important;}*/

	.mindex-product-swiper { width: 100%; height: 150vw; margin: 20px auto 10vw; }

	.mindex-product-swiper .swiper-slide {   

        /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

    }



	.mindex-product-swiper .swiper-slide p{

		transform:translateX(-200px);

		opacity:0;

		transition:all .4s;}

	.mindex-product-swiper .ani-slide p{

		transform:translateX(0);

		opacity:1;

		}

	

	.index-swiper .first-product-bottom,.index-swiper .product_cate,.first-product,.bigtext,.index-swiper .index-make-center,.index-swiper .first-about-content .text .txt-1 {transition-delay: .2s;}

.index-swiper .first-news-bottom .item,.index-swiper .product_cate .procitem,.index-swiper .product_gygt,.index-swiper .index-about-box {opacity: 1;transition: opacity 1.8s ease-in-out,transform 1.8s cubic-bezier(.215,.61,.355,1);transform:translateX(0px);}

.index-swiper .swiper-slide-active .first-news-bottom .item,.index-swiper .swiper-slide-active .product_cate .procitem  {transform:translateX(0px);opacity: 1;}

.index-swiper .first-product-bottom .item {opacity: 1;transition: opacity 1.8s ease-in-out,transform 1.8s cubic-bezier(.215,.61,.355,1);transform:translateX(0px);}

.index-swiper .swiper-slide-active .first-product-bottom .item  {transform:translateX(0px);opacity: 1;}



	.product_cate .productbox .procitem{width: calc(100% / 2);}

	.product_cate .productbox{margin-bottom:50vh;}

	.first-product-bottom .item{width:90%; margin:3vw auto; display:inline-block;}

	.first-product-bottom .item .pic-1{    border-top-left-radius: 30px; border-top-right-radius: 30px;}

	.first-product,.first-make,.first-news,.first-about,.about-strength,.about-culture ,

	.olipower-specification-parameters,.olipower-supplementary-map,.olipower-product-features,.olipower-product-system-composition,.olipower-system-composition {padding: 20% 0;overflow: hidden;}

	.footer-content-top .footer-content {padding: 5% 0;}

	.olipower-project-cases-list,.olipower-news-list,.about-research-bottom,.about-research-top,.about-intro {padding: 10% 0;}

	.first-product-right {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

	.first-product-right .swiper-button-next,

	.first-product-right .swiper-button-prev {position: relative;transform: none;margin: auto;display: inline-block;vertical-align: middle;top: auto;bottom: auto;left: auto;right: auto;}

	.first-product-right .swiper-button-next::after,.first-product-right .swiper-button-prev::after {left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}

	.first-make-content,.first-news-content,.footer-content,.olipower-product-list-content,.olipower-page-content,

	.olipower-news-list-content,.about-intro-content,.about-research-content,.about-strength-content,.about-culture-content {width: 90%;}

	.first-make .first-make-content,.first-news-bottom .item .img,.first-about-content .text .txt-1,.olipower-contact-us-item ,.about-intro-bottom-right,.about-research-left,

	.about-research-right,.olipower-system-composition-left,

	.first-about-content .icon,.olipower-contact-us-content-left,.olipower-contact-us-content-right,.about-intro-bottom-left,.about-culture-bottom .item  {width: 100%;float: none;}

	.index-make-center .swiper-slide ,.about-strength-middle .middle-centre .pic-3 {width: 70%;}

	.first-news-bottom .itm1,.first-news-bottom .itm1 .img {width: 100%;margin-right: 0;}

	.first-news-bottom .item,.olipower-news-content-left,.olipower-news-content-right,.about-culture-bottom .item {width: 100%;margin-bottom: 3%;float: none;}

	.olipower-contact-us-content-right,.about-intro-bottom-right,.about-research-right {margin-top: 5%;}

	.first-news-bottom .item a,.about-culture-bottom {display: block;}

	.first-news-bottom .item .text {position: relative;right:auto;width: 100%;top:auto;height: auto;padding: 5%;box-sizing: border-box;}

	.first-news-bottom .item .text .more-5 {position: relative;left: auto;bottom: auto;margin: 5% 0;}

	.first-about .img-block {display: none;}

	.first-about .index-about-right-earth .img-block,

	.about-intro-bottom-left,.about-intro-bottom-right,.about-intro-bottom {display: block;}

	.index-about-content {position: relative;left: auto;top: auto;}

	.first-about-content {width: 90%;position: relative;left: auto;top: auto; transform: none;margin: auto;}

	.index-about-right-earth {width: 90%;position: relative;left: auto;top: auto; transform: none;margin: auto;margin-top: 15%;height: auto;right: auto;}

	.index-about-right-earth::after,.footer-nav .title-1 a,.olipower-project-cases-screen {width: 100%;}

	.index-about-content #chartdiv::before {width: 60px;height: 30px;}

	.footer-logo {float: none;display:none;}

	.footer-nav {display: block;float: none;flex-wrap: wrap;justify-content: space-between;clear: both;margin-top: 5%;}

	.footer-nav ul ,.olipower-project-cases-item .img{margin-left: 0;width: 100%;     flex-wrap: wrap;

    justify-content: flex-start;}

	.footer-nav ul li {width:33%; margin-bottom:2vw;}

	.footer-nav .title-1 a {border-bottom: 1px solid #333;}

	.footer-contact .title-1 {font-size: 2.4rem;}

	.footer-contact .text-1 {font-size: 1.8rem;line-height: 3rem;}

	.footer-socialize {position: relative;right: auto;bottom: auto;}

	.footer-socialize li a {border: 1px solid #333;margin-right: .5rem;}

	.olipower-product-nav {padding: 3% 0;overflow: hidden;}

	.olipower-product-nav li {padding: 0;margin: 1%;overflow: hidden;width: 30%;}

	.olipower-product-nav a {border: 1px solid #333;padding: 2rem 0;}

	.olipower-product-nav a::after,.about-research-bottom .light {display: none;}

	.olipower-product-nav li.cur a{background: #00a0e9;color: #fff;}

	.olipower-product-item {float: none;width: 100%;margin-bottom: 4%;margin-right: 0;padding: 0;}

	.olipower-screen-item,.olipower-screen-search {float: none;width: 100%;margin-right: 0;margin-bottom: 2%;}

	.olipower-project-cases-screen {padding: 5% 0;position: relative;z-index: 111;}

	.olipower-screen-search {margin: 0;}

	.olipower-project-cases-item .text {position: relative;right: auto;width: 90%;top: auto;transform: none;padding: 5%;overflow: hidden;}

	.olipower-contact-us-item .text-1 {white-space: normal;}

	.olipower-page-banner-text {left: 5%;}

	.about{padding: 10vw 0;}

	.about-backdrop .text {width: 90%;}.about-backdrop .text .title-1 {font-size: 4rem;}.about-backdrop .text .txt-2 {font-size: 3rem;}

	.about-research-right .group .txt-2 {padding: 0;width: 90%;left: 5%;}

	.about-strength-middle .about-strength-texts .text {display: block;position: relative;padding: 5% 0;border-bottom: 1px solid #333;}

	.about-strength-middle .about-strength-texts .tex1,

	.about-strength-middle .about-strength-texts .tex2,

	.about-strength-middle .about-strength-texts .tex3,

	.about-strength-middle .about-strength-texts .tex4 {left: auto;top: auto;width: 100%;text-align: center;right: auto;bottom: auto;}

	.yewu-list .item{margin: 3vw auto;}

	.wenhua-list .item{margin-bottom: 3vw;}

	.development-item .text{width: 86%;margin: 0 2%;}

	.development-item .line{left: -5%;}

	.olipower-specification-parameters-left {float: none;width: 50%;margin: auto;}

	.olipower-specification-parameters-right {margin-top: 10%;width: 100%;float: none;}

	.olipower-product-detial-top .text {width: 85%;left: 5%;top: 15%;transform: none;}

	.olipower-product-detial-top .text-3 {width: 100%;}

	.olipower-product-detial-top .line-2 {margin: 2rem 0;}

	.system-composition-1 {width: 70%;}

	.system-composition-content {position: relative;}

	.system-composition-item {width: 100%;position: relative;left: auto;right: auto;top: auto;margin: 3% auto;}

	.system-composition-item.sci1,.system-composition-item.sci2,.system-composition-item.sci3,.system-composition-item.sci4,.system-composition-item.sci5,

	.system-composition-item.sci6,.system-composition-item.sci7,.system-composition-item.sci8,.system-composition-item.sci9,.system-composition-item.sci10 {left: auto;right: auto;top: auto;}

	.olipower-product-features-item {width: 100%;margin: 0;margin: 3% auto;}

	.olipower-product-features-list.num5 .olipower-product-features-item.pfi1, 

	.olipower-product-features-list.num5 .olipower-product-features-item.pfi2,

	.olipower-product-features-list.num5 .olipower-product-features-item.pfi3,

	.olipower-product-features-list.num5 .olipower-product-features-item.pfi4 {width: 100%;margin: 3% auto;}

	.olipower-product-features-item .icon-1 {right: 5%;}

	.olipower-product-features-list.num5 .olipower-product-features-item.pfi1 .icon-1, 

	.olipower-product-features-list.num5 .olipower-product-features-item.pfi2 .icon-1 {width: 8rem;height: 8rem;}

	.index-swiper .first-make-content {left: 0;}

	.first-news-bottom .item .img,.first-news-bottom .item .text {width: 50%;float: left;}

	.first-news-bottom .item .txt-4,.first-news-bottom .item.itm1  .text .year-2,.about-research-list-pic,.about-strength-texts {display: none;}

	/*.first-product-bottom .item .text {width: 60%;}*/

	.first-news-bottom .item .text {padding: 3% 5% 0 5%;}

	.first-about-content .text .txt-1 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-top: 1%;}

	.index-about-right-earth {width: 80%;margin-top: 5%;}

	.first-about-content .text{width:100%;}

	.first-about-content .text .title-1{width: 60vw; text-align:center;  margin: 0px auto;  float: none; padding-top: 20px; }

	.first-about-content .text .title-2{width: 60vw; margin: 0px auto; padding-top: 20px; float: none;}

	.first-about-content .text .title-3{display:none;}

	.first-about-content .text .title-2 span {padding-top: 60px;}

	.first-about-content .about-num .about-num-item .counter{color:#fff; font-size:30vw;}

	.first-about-content .about-num .about-num-item{width:80%;}

	.first-about-content .about-num .about-num-item span{font-size:6vw; }

	.first-about-content .about-num .about-num-item span:nth-child(1){width: 22vw;}

	.first-about-content .about-num{margin-bottom: 18vw}

	.index-swiper .first-news-bottom .item{opacity:1;transform: translate(0px, 0px); height:auto;}

	.index-swiper .first-news{ overflow:visible; height:150vh; }

	.index-swiper .first-news-content{ top: 15%; transform: translateY(-10%);}

	.first-news-bottom .item .text .txt-1{font-size: 4.2vw;}

	.first-news-bottom .item .text .time-1{opacity:1;font-size: 2vw;}

	.first-news-bottom .item .cover{width:100%; height:100%; position:absolute; left:0; top:0px; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(25, 150, 137, 0.1), rgba(25, 150, 137, 1)); z-index:1}

	.footer_pro_2 .item{display:none;}

	.footer_pro_2 .item:first-child{display:inline-block;}

	.footer_pro_1{width:calc(24% - 2vw);}

	.footer_pro_2,.footer_pro_3{width:76%; flex-wrap:wrap;}

	.footer_pro_3 .item{width:50%; margin-bottom:2vw;}

	.footer_pro_3 .item:nth-child(3) a { margin-left: -3vw;  padding: 0 2vw 0 3vw;}

	.footer_pro_3 .item a{width:60%; text-align:center;}

    .footer-content-center{margin-bottom:8%;}

	.foot-sc-1{margin-right:0px;}

	.foot-sc-1 img{width:12vw;}

	.foot-sc-2{margin-top:3vw;}

	.foot-sc-2 h5:nth-child(2){margin-top:0px !important;}



	.index-swiper .index-about-right-earth::after,.about-strength .about-strength-content{width: 100%;}

	.first-news-top{justify-content: flex-start;}

	.first-news-bottom{display:block;}

	.olipower-system-composition-right {float: none;width: 100%;position: relative;right: auto;height: 100%;top: auto;margin-top: 5%;}

	.olipower-system-composition-nav ul {height: 24rem;}

	.olipower-system-composition-nav a {margin-bottom: 5rem;padding-left: 10%;}

	.olipower-specification-parameters-right {padding-left: 0;margin-left: 0;}

	.olipower-specification-parameters-left {display: block;} 

	.olipower-product-list-content {display: block;}

	/*.first-about{background: url('../image/mapgifm.jpg') center no-repeat;background-size: cover;}*/

	.about-strength-middle .middle-centre .pic-3 {width: 100%!important;}

	.olipower-product-banner-text { width: 80%;}

	.olipower-news-item {float: none;width: 100%; margin-right: 0;}

	.olipower-news-detial-top {padding: 13% 0 0 0;}

	.olipower-page-banner{margin-top: 68px;}

	.wenhua-list2 .item { width: calc(48% - 4vw); margin-bottom: 3vw;}

	.contactbox div { width: 100%;}

	.contactbox .text{width: 90vw;padding: 5vw;}

	.contactbox{flex-wrap: wrap;}

	.gygt-list2 .item{width: calc(49.9% - 4vw);}

	.gygt-list3 .item{width: calc(100% - 4vw);margin-bottom: 3vw;}

	.biaoti{margin-bottom: 5vw;}

	.server_list{width:100%;}

	.server_list .slist{width: 39.5%; margin-bottom: 5vw;}

	.server_list .slist .dyuan {width: 18vw; height: 18vw;}

	.server_list .slist .xyuan {width: 17vw; height: 17vw;}

	.server_list .slist .img2 { width: 15vw; height: 15vw;}

	.server_list .slist .title_1{}

	.server_list .slist .img2 img{margin-top:3vw;}

	.server_list .slist::before{top: 9vw;right: -25%;}

	.scope-business-item{width: calc(42.5% - 2px); margin-right: 6.5%;}

	.scope-business-item:nth-child(3n+3) { margin-right: 6.5%;}

	.scope-business-item:nth-child(2n+2) { margin-right: 0;}

	.scope-business-item:nth-child(3n+3)::before{display:block;}

	.scope-business-item:nth-child(2n+2)::before{display:none;}

	.hyyy-list2 .item{width: calc(33% - 4vw);}

	.about .youshiyuan{width: 100%;}

	.about .yuan { width: 24vw; height: 24vw;font-size: 2.8rem;}

	.yewu-list .item .text { width: 94%; float: left; padding: 2vw 3%; margin-bottom: 3vw;}

	.yewu-list .item .img2 { width: 100%;}

	.wenhua-list .item{width:100%; line-height:1.8;}

	.wenhua-list .item .text .title-2{margin-top: 12vw;}

	.ryzz-text div{ width:100%; line-height:1.8; }

	.rongyu-list .item{width:48%; margin-bottom:2vw;}

	.rongyu-list .item2 { width: 31%; margin-top: 3vw;}

	.shili .text{padding:0}

	.jiagong_box .jiagong_left{width:100%;}

	.jiagong_box .jiagong_right{width:100%;margin-top: 5vw;}

	.jiagong-list .item .text .title-1{width: 6.4vw; height: 6.4vw;}

	.jiagong-list .item .text .title-1 img { width: 3.6vw; margin-top: 1.4vw;}

	.jiagong-list .item{width:48%; margin-bottom:5vw;}

	.jiagong_box .jiagong_right .mySwiper { width: 90%; height: 38vh; margin-left: 0;}

	.wenhua-list3 .item { margin-bottom: 2vw; width: calc(48% - 4vw);}

	.wenhua-list3 .item .text .title-1{width: 8vw; height: 8vw;}

	.wenhua-list3 .item .text .title-1 img { width: 5vw; margin-top: 1.5vw;}

	.tixi-list1 .item{width: calc(99.5% - 4vw); margin-top:1.5vw;}

	.tixi-list2 .item { width: calc(99.5% - 4vw);  margin-top: 1.5vw;}

	.tixi-list1 .item .text .left img, .tixi-list2 .item .text .title-1 img{width: 15vw;}

	.tixi-list2 .item .img2 img{width: 20vw;}

	.corevalues-item .icon-1 i{    width: 14vw; height: 14vw;}

	.corevalues-item .icon-1 em{ width: 6vw; height: 6vw;    top: 3.5vw; right: -1.8vw;line-height: 6vw;}

	.corevalues-item{width:20%;}

	.corevalues-item .title-2{width:24vw;}

	.fengex{width:12%; margin:10vw 1% 4% 1%}

	.fengex i{width:100%;}

	.index-customer-stories-top{width:100%;}

	.cooperative-partner-bottom{width:100%; margin-top:3vw;}

	.zhanhui-swiper .item .img2{ width: 13vw;  height: 13vw;}

	.zhanhuiline{bottom:13vw;}

	.prddetai_title{padding-bottom: 5vw;}

	.news-list .item { width: 48.5%;}

	.news-list .item:nth-child(2n+2){margin-right:0}

    .hxgy-list .item{width: calc(100% - 4vw); margin-top:8vw;}

	.news-list .item .text{padding: 5vw 0.5vw;}

    .hxgy-list .item .text .ico{width: 12vw;top: -6vw;}

    .hxgy-list .item .text .ico-1{width: 10vw; height: 10vw;}

    .hxgy-list .item .text .ico-1 img { width: 7vw; margin-top: 1.5vw;}

    .wenhua-list2 .item .text .ico-1 { width: 6vw; height: 6vw;}

    .wenhua-list2 .item .text .ico-1 img { width: 4vw; margin-top: 1vw;}

    .gygt-list3 .item .text .ico-1 { width: 8vw; height: 8vw;}

    .gygt-list3 .item .text .ico-1 img{width:6vw;}

    .btn{width: 8vw; text-align: center;}

    .scope-business-item .img2{width: 8vw; height: 8vw;}

    .scope-business-item .img2 img{width:6vw; margin-top:1vw;}

    .hyyy-text{font-size:20px;}

    .hyyy-text a{font-size:20px;}

    .hyyy-list2 .item .text .title-1{font-size:4vw;}

    .olipower-detial-text{width:90%}

	.wenhua-list2{margin-top: 4vw;}

	.nav-tree li a,.prddetai_title2 li{ font-size:2.4rem}

	.fuwu-list2 .item .text .title-1{height: 15vw;}

	.fuwu-list2 .item .text .title-1 img{width: 10vw;}

	





}



@media screen and (max-width: 768px) {

.footer-nav2 ul { margin-right: 6rem; width: 26%;}

.nav-tree li{margin: 1vw;}

.index-news-bottom .item{ width:100%;padding: 5vw 0.5vw;}

.news-list .item {width: 100%; margin-right: 0;margin-bottom: 5vw;}

.pagination li{ margin:2px;}
.hls-page-container{margin: 2rem auto}
.gygt_dzb{bottom: 16vh;}
.gygt_dzb .text-1{font-size:7rem !important; text-align:center;}
.product_cate .productbox .procitem img{ width:50px;}
.product_cate .productbox .procitem{line-height: 1.6;}
.olipower-product-item a{ padding:0;}


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

  .index-swiper .first-news {

    overflow: visible;

    height: 120vh;

}

.product_cate .productbox {

    margin-bottom: 68vh;

}

.bigtext{top: 65%;}

.product_cate .productbox .procitem {

    width: 100%;

}

}



@media screen and (max-width: 450px) {

	.footer-nav2 ul { margin-right: 4rem; width: 40%; margin-bottom: 20px;}

	.subclass .item{width: calc(100% / 2);}

	.product_gygt_box{position:relative; width:100%; height:70vh;}

	.product_gygt{height:70vh;}

	.product_cate .productbox .procitem { width: calc(100% / 1);}

	.flt ul li a{width:30px;}

	.bigtext{ top: 76%;}

	.bigtext .text-1{font-size:12rem;}

	.bigtext .text-2{font-size: 6rem;}

	.product_cate .productbox { margin-bottom: 40vh;}

	.first-about-content .text .title-2{width: 90vw;}

	.first-about-content .about-num { margin-bottom: 28vw;}

	.first-news-top .text-1{font-size:10rem;}

	.index-swiper .first-news{height:120vh;}

	.subclass .item{width: calc(100% / 2);}

	.footer_pro_1 { width: calc(44% - 2vw);}

	.footer_pro_2 { width: 56%; flex-wrap: wrap;}

	.footer_pro_2 .item:first-child { width: 100%;}

	.footer_pro_2 .item:first-child a { margin-left: -8vw; padding: 0 7vw 0 7vw;}

	.footer_pro_3{width:100%;}

	.footer_pro_3 .item:first-child a,.footer_pro_3 .item:nth-child(3) a{margin-left:0;}

	.footer_pro_3 .item a{margin-top:2vw; width:40vw;}

	.footer-nav ul li{width:50%;}

	.foot-sc-1 img { width: 25vw;}

	.first-about-content .about-num .about-num-item span {  margin-top: 58px;}

	.first-product-bottom .item .text{height:60px;}

	.textbody{width:100%}

	.btn{width: 18vw;  text-align: center;}

	.wenhua-list2 .item { width: calc(100% - 12vw); padding: 2vw 6vw;}

	.wenhua-list2 .item .text .ico-1 { width: 10vw; height: 10vw;}

	.wenhua-list2 .item .text .ico-1 img { width: 8vw;  margin-top: 1vw;}

	.page-development{padding: 5vw 0;}

	.ryzz-box{width: calc(100% - 8vw); padding: 4vw;  margin-top: 4vw;}

	.gygt-list2 .item { width: calc(100% - 0vw); border-right: 0px; padding: 5vw 0;}

	.gygt-list2 .item:nth-child(3){ border-bottom: 1px solid #199689;}

	/*.server_list .slist::before{display:none;}

	.server_list .slist { width: 48%; margin-bottom: 5vw; margin-right: 0; text-align: center;}

	.server_list .slist .dyuan {width: 26vw; height: 26vw;}

	.server_list .slist .xyuan {width: 25vw; height: 25vw;}

	.server_list .slist .img2 { width: 22vw; height: 22vw;}

	.server_list .slist .title_1{width:26vw;}

	.server_list .slist .img2 img{margin-top:3vw;}*/

	.scope-business-item{width:calc(90% - 2px); margin-right:0;margin-bottom: 5%; padding:5%;}

	.scope-business-item::before{display:none;}

	.scope-business-item:nth-child(3n+3)::before{display:none;}

	.scope-business-item .img2{width: 10vw; height: 10vw;}

    .scope-business-item .img2 img{width:8vw; margin-top:1vw;}

    .hyyy-list1 .item { width: calc(100% - 4vw); margin-bottom: 3vw;}

    .hyyy-text{font-size:16px; line-height: 1.8;}

    .hyyy-text a{font-size:16px;}

    .hyyy-list2 .item { width: calc(100% - 4vw);     padding: 5vw 2vw;}

    .hyyy-list2 .item .text .title-1{width: 40px; height: 40px; line-height: 40px;}

    .hyyy-list3 .item { width: calc(99% - 8vw);padding: 4vw;}

    .hyyy-list3 .item .text .title-1{width: 14vw; height: 14vw;}

    .wenhua-list .item .text .title-1 img { width: 40px;}

    .wenhua-list .item .text .title-2 { margin-top: 1vw;}

	.wenhua-list .item .text{left: 6vw;}

    .development-item .text{height:24vw;}

    .shili{flex-wrap: wrap;}

    .shili .pic{width:100%;}

    .shili .text{width:100%;    padding: 5vw 0;}

    .shili .text p{ background: url(../image/check.png) left top no-repeat;   font-size: 16px;     height: 52px;}

    .jiagong-list .item{width:48%;}

    .jiagong-list .item .text .title-1{width: 8vw; height: 8vw;}

	.jiagong-list .item .text .title-1 img { width: 6vw; margin-top: 1vw;}

	.wenhua-list3 .item { margin-bottom: 4vw; width: calc(100% - 4vw);}

	.wenhua-list3 .item .text .title-1{width: 12vw; height: 12vw;}

	.wenhua-list3 .item .text .title-1 img { width: 8vw; margin-top:2vw;}

	.corevalues-item {width: 34%;}

	.corevalues-item .icon-1 i { width: 20vw;  height: 20vw;}

	.corevalues-item .icon-1 em { width: 10vw; height: 10vw; line-height: 10vw;}

	.corevalues-item .title-2 {  width: 45vw;}

	.tixi_box{padding: 10vw 0;}

	.fengex{display:none;}

	.industry-trends-logo{width: calc(50% - 1px);}

	.industry-trends-logo:nth-child(2), .industry-trends-logo:nth-child(6),.industry-trends-logo:nth-child(10), .industry-trends-logo:nth-child(12) { border-right: 0px;}

	.industry-trends-logo:nth-child(9), .industry-trends-logo:nth-child(10) { border-bottom: 1px solid #199689;}

	.zhanhui-swiper .item .img2 { width: 26vw; height: 26vw;}

	.zhanhuiline { bottom: 20vw;}

	.news-list .item {}

	.downlist .list-group-item_dw{width: calc(100% - 2px);}

	.downlist .list-group-item_dw .media-heading{background-size: 7vw; padding:40px 15px;}

	.downlist .list-group-item_dw span img { width: 7vw; margin-top: 1.5vw;}

	.fw-culture-item{width:60%; margin-right:0px;}

	.fw-culture-item .icon-1{width: 26vw; height: 26vw;}

	.prodesc_left{width:100%; margin-right:0px;}

	.prodesc_right{width:100%;}

	.prodesc_left .ico_img { height: 38vh;}

	.footer-content-center { margin-bottom: 20%; }





}

  @media screen and (max-width: 380px) {
.product_gygt_box, .product_gygt { height: 90vh; }
 }



/* iPad */

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

	

}



/* iPad x*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) { 

}

/* iPad y */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 

 

}