@charset "utf-8";
::-webkit-scrollbar {
background: #fff;
width: 5px;
height: 5px;
border-radius: 30px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 border-radius: 30px;
 background: #fff;
}
::-webkit-scrollbar {
 background: #fff;
 width: 5px;
border-radius: 30px;
}
::-webkit-scrollbar-thumb {
background-color: #10b060;
border-radius: 30px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 border-radius: 30px;
 background: #45505c;
 border-radius: 30px !important;
}

a * {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
img{overflow: hidden}
.pic {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
}
.img-block {
    display: block;
    width: 100%;
    height: auto;
}
.lg-block{display: block;}
.sm-block{display: none;} 
.co-p{font-size: 20px;padding-top: 35px}
.text-primary1{color: var(--pbmit-global-color)}
.lg-vb{display: block}
.lg-vbi{display: flex}
.sm-vb{display: none}
.pbmit-slider-area{min-height: 100vh}
.text-left{text-align: left;}
.section-honor{background:url("../images/honor_bg.png") top center no-repeat;overflow: hidden;position: relative;width: 100%;height: 1400px;}
.section-honor-2{background:url("../images/honor_bg2.jpg") bottom center no-repeat;overflow: hidden;position: relative;width: 100%;height: 930px;}
.honor-padd{padding-top: 100px;}
.honor-padd2{padding-top: 70px;}
.text-right{text-align: right;}
.marketing-sol-about1{background: url("../image/v1319/bg-2.jpg") no-repeat;background-position: center center;background-size: cover;height: 100vh}
.pro-v1419{background: url("../image/v1419/vg-1.jpg") no-repeat;background-position: center center;background-size: cover;min-height: 100vh}
.pp-p{margin-top: -180px;}
.marketing-sol-two{background: url("../image/v1319/bg-3.jpg") no-repeat;background-position: center center;background-size: cover;background-color: #F2F6F9;max-height: 105vh}
.marketing-sol-two.v1419{background: url("../image/v1419/vg-2.jpg") no-repeat;background-position: bottom center;background-size: cover;background-color: #F2F6F9;max-height: 100%}
.marketing-sol-four{background: url("../image/v1319/bg-5.jpg") no-repeat;background-position: center center;background-size: cover;background-color: #F2F6F9;min-height: 100vh}
.marketing-sol-third{background: url("../image/v1319/bg-4.jpg") no-repeat;background-position: center center;background-size: cover;background-color: #F2F6F9;min-height: 100vh}
.tz-content{padding-top: 120px;}
.tz-box{position: relative;box-shadow: 0px 0px 20px 10px rgba(134,190,232,0.1);border-radius: 20px;margin-bottom: 30px}
.tz-box img{border-radius: 20px;}
.tz-box p{position: absolute;bottom: 18px;left: 25px;background: var(--pbmit-global-color);padding: 5px 15px;border-radius: 20px;color: #fff;margin-bottom: 0;font-size: 14px;}
.section-para{padding: 110px 0 150px;}
.para-box{text-align: center;border: 1px solid #eee;padding: 30px 10px;}
.para-box h4{font-size: 24px;}
.para-box p{margin-bottom: 0;font-size: 20px;}

.pp-box{text-align: center;background: #fff;border:1px solid #eee;padding: 45px 15px;border-radius: 10px;}
.pp-box img{width: 80px;}
.pp-box p{margin-bottom: 0}

.picc{display: flex;border-top: 1px solid #e1e1e1;padding-top: 24px}
.picc span{font-size: 20px;font-family: 'HmBold';color: #000;padding-left: 15px;}
.picc img{max-width: 80px;height: auto}
.s-2{margin-top: 19px;}
.zsimg{position: absolute;max-width: 100%;height: auto;top: 0;left: 0;}
.zs-more{justify-content: flex-end;padding-top: 200px;}
.section-lgx.yy{padding: 50px 0 100px;}
.bg-ys{background: rgba(255,255,255,0.9);padding: 0 200px}
.s-p{padding-bottom: 500px}
.a-container{max-width: 1140px;}
.b-container{max-width: 91%;}
.pbmit-miconheading-style-17.one{top: 150px}
.pbmit-miconheading-style-17.two{top: -150px}
.section-lgbx{padding: 70px 0 0;background: url( "../image/s-bg.jpg") no-repeat;background-size: cover;background-position: center top;margin-bottom: 0;}
.yy img{border-radius: 20px;transition: .6s ease;overflow: hidden}
.section-lgbg{padding: 70px 0 70px;background: url( "") no-repeat;background-size: cover;background-position: center top;margin-bottom: 0;}
.yy img{border-radius: 20px;transition: .6s ease;overflow: hidden}
.little{font-size: 16px;color: #10b060}
.pbmit-animation-style1{overflow: hidden}
.pbmit-animation-style1:hover img,.pbmit-animation-style2:hover img{transform: scale(1.08);border-radius: 20px!important;overflow: hidden}
.bg-padd{padding-top: 150px!important;}
.honor-p{padding: 40px 0 0!important;}
.honor-p.last{padding: 100px 0 100px!important;}
.honorv{padding: 40px 0 0;cursor: url( "../image/honor/hmous.cur"),default!important;}
.ab-padd{padding-top: 50px!important}
.border-l-0{border-left: 0!important}
.border-r-0{border-right: 0!important}
.lis{background:url( "../image/about/v-bg.jpg") no-repeat;background-size: cover; background-position: center;padding: 100px 0;margin-top: 100px}

.honor-box{background: #fff;padding:10% 13% 7%;box-shadow: 0px 4px 50px rgba(0, 56, 60, 0.05);
    -webkit-transition: 0.3s ease-in;position: relative}
.honor-box p{font-size: 17px!important;text-align: center;border-top: 1px solid #e1e1e1;padding-top: 20px;margin-top: 20px;font-family: 'HmBold';margin-bottom: 0!important}
.honor-box a{background: var(--pbmit-global-color);color: #fff;border-radius: 50%;font-size: 22px;line-height: 60px;width: 60px;height: 60px;display: inline-block;text-align: center;position: absolute;left: 42%;top: 40%;opacity: 0;    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;transition: all .4s ease;text-decoration: none;}
.honor-box:hover a{opacity: 1}
.yy .yyp{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s linear;
    background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 80%, rgba(0,0,0,0.5326505602240896) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 80%, rgba(0,0,0,0.5326505602240896) 100%);
background: linear-gradient(0deg, rgba(255,255,255,0) 80%, rgba(0,0,0,0.5326505602240896) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
    border-radius: 20px;
    opacity: 1;
    z-index: 2;
    overflow: hidden
}
.yy .yyp.small{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s linear;
    background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 60%, rgba(0,0,0,0.5326505602240896) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 60%, rgba(0,0,0,0.5326505602240896) 100%);
background: linear-gradient(0deg, rgba(255,255,255,0) 60%, rgba(0,0,0,0.5326505602240896) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
    border-radius: 20px;
    opacity: 1;
    z-index: 2;
    overflow: hidden;
}
.img img, .pic img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    padding: 0;
    border: 0;
    width: 100%;
    height: auto;
    border: none;
}
.number-3{
    color: #10b060;
    font-size: 50px;
    line-height: 60px;
    font-weight: 500;
    padding: 0 0 20px;
    font-family: 'HmMedium';
    /* display: block; */
    position: relative;}
.number-3 span{font-size: 18px;}

.qr-img{width: 110px;}

.page-about-content {width: 90%;margin: auto;overflow: hidden;z-index: 11;position: relative;}
.page-corevalues {padding: 1% 0 7% 0;overflow: hidden;position: relative;}
/*.corevaluesbg {background: url('../image/about/bg5.jpg') center bottom no-repeat;background-size: cover;position: absolute;width: 100%;height: 100%;left: 0;top: 150%;z-index: 1;}*/
.corevalues-content {padding: 4% 0;overflow: hidden;position: relative;z-index: 11;}
.corevalues-content-list {text-align: center;font-size: 0;}
.corevalues-item {padding: 4% 0;display: inline-block;vertical-align: middle;}
.corevalues-item a{display: block;}
.corevalues-item .icon-1 {margin: auto;position: relative;z-index: 5;}
.corevalues-item .icon-1 i{display: block;width: 74px;height: 74px;margin: auto;background: #fff;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: var(--pbmit-global-color);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:1;transition:all .4s ease;opacity: 0;}
.corevalues-item .title-1 {font-size: 20px;font-weight: bold;padding-top: 30px;}
.corevalues-item a:hover .icon-1 i {background: var(--pbmit-global-color);}
.corevalues-item a:hover .icon-1::after {width: 104px;height: 104px;opacity: .2;}
.corevalues-item a:hover .title-1 {color: var(--pbmit-global-color);}
.fengex {display: inline-block;vertical-align: middle;position: relative;margin: 0 1% 4% 1%;}
.fengex i {display: block;position: relative;border: 1px dashed #ccc;padding: 0 5px;width: 140px;}
.fengex i::before {content: '';width: 5px;height: 5px;border: 1px dotted #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 dotted #ccc;border-radius: 100%;position: absolute;right: -2px;top: 50%;transform: translateY(-50%);background: #fff;}


.page-culture {padding: 7% 7% 2%;overflow: hidden;}
.culture-content {overflow: hidden;}
.culture-content-item {position: relative;overflow: hidden;float: left;width: 25%;}
.culture-content-item.cci1 {width: 50%;}
.culture-content-item.cci1 .parameter-content-title {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.culture-content-item.cci1 .img {background: none;background-size: cover;}
.culture-content-item.cci1 .img img {width: 100%;}
.culture-content-item.cci3 .img {background-color: #f5f6f7;}
.culture-content-item:nth-child(2) {border-radius: 12px 0 0 0;}
.culture-content-item:nth-child(3) {border-radius: 0 12px 0  0;}
.culture-content-item:nth-child(4) {border-radius: 12px 0 0 0;}
.culture-content-item:nth-child(7){border-radius: 0 0  0 12px;}

.culture-content-item:nth-child(5),.culture-content-item:nth-child(7) {color: #666;background: #eeeeee;}
.culture-content-item:nth-child(5) .img {background-color: var(--pbmit-global-color);}

.culture-content-item:nth-child(5)/*,.culture-content-item:nth-child(7)  .english-0*/ {color: #fff;opacity: .2;}
.culture-content-item:nth-child(6) {border-radius: 0 ;}
.culture-content-item:nth-child(8),.culture-content-item:nth-child(6),.culture-content-item:nth-child(10) {background: #f5f6f7;}
.culture-content-item:nth-child(10){border-radius: 0  0 12px 0}
.culture-content-item .text{position: absolute;left: 10%;top: 10%;width: 80%;height: 80%;z-index: 1;}
.culture-content-item .english-0{font-size: 30px;color: #e5e5e5;font-family: 'Montserrat-Light';}
.culture-content-item:nth-child(7) .english-0{color: #d2d2d2;}
.culture-content-item .title-1{font-size: 24px;font-family: 'HmBold';margin-top: 2%;}
.culture-content-item .icon-3{width: 40px;height: 40px;position: absolute;right: 5%;top: 12%;} 
.culture-content-item .text-4{font-size: 24px;position: absolute;left: 0;bottom: 10%;} 
.culture-content-item .img{overflow: hidden;}
.gx-padd{padding-left: 50px;}
.pbmit-animation-style1.small{margin-bottom: 20px;}
.font-bold{font-family: 'HmBold';color: #000;font-size: 20px;padding-top: 15px;}
.font-bold span{color: var(--pbmit-global-color);}
.pbmit-animation-style1 .yyp h4,.pbmit-animation-style2 .yyp h4{position: relative;font-size: 24px;font-family: 'HmMedium';color: #fff;padding: 15px 0 0 20px;}
.pbmit-animation-style1.small .yyp h4{font-size: 20px;}
.pbmit-animation-style2.small .yyp h4{font-size: 20px;}
.pbmit-animation-style1 .yyp h4 span,.pbmit-animation-style2 .yyp h4 span{font-family: 'HmLight'}
.pbmit-featured-wrapper{margin-right: 0;}
.pbmit-element-split-slide-style-3 .pbmit-split-slide-subheading p{color: #10b060;font-size: 20px;font-family:'HmMedium';}
.pbmit-service-style-7:hover a{color: var(--pbmit-global-color);}
.newsone{border: 1px solid #333;border-radius: 40px;padding: 5px 20px;font-size: 12px;line-height: 14px;margin-right: 10px;}
.newstwo{border-radius: 40px;padding: 5px 20px;font-size: 14px;line-height: 12px;background: #ededed;}
.pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li p{font-family: 'HmRegular';color: #9d9d9d}
.pbmit-featured-wrapper img{border-radius: 20px;}
.creative-studio-marqueeover p{margin-bottom: 10px}
.creative-studio-marqueeover p.gx{max-width: 95%;line-height: 1.6}
.pbmit-heading-subheading.flz{margin-bottom: 15px;}
.pbmit-heading-subheading.flt{margin-bottom: 22px;}
.pbmit-heading-subheading.flc{margin: 20px 0 15px;}
/* footer */
.footer {background:#141414;position: relative;clear: both;padding: 2% 0 1% 0;overflow: hidden;}
.footer-content {overflow: hidden;width: 85%;margin: auto;color: #fff;}
.footer-content li{list-style: none;margin: 0;padding: 0;}
.footer-content-top {overflow: hidden;position: relative;padding-bottom: 2%;border-bottom: 1px solid #2c2c2c;}
.footer-logo {position: relative;overflow: hidden;}
.footer-logo a{display: block;width: 12.7%;}
.footer-logo img {display: inline-block;width: auto;height: auto;max-width: 100%;}
.footer-logo .text-1{margin-top: .5%;}
.retop-1 {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.retop-1 a{display: block;border: 2px solid rgba(255,255,255,.2);border-radius: 50px;padding: 13px 20px;position: relative;min-width: 118px;}
.retop-1 span{display: inline-block;vertical-align: middle;color: #fff;padding-right: 30px;}
.retop-1 i{width: 9px;height: 11px;background: url('../image/t1.png') center no-repeat;position: absolute;right: 15%;top: 50%;transform: translateY(-50%);}
.retop-1 a:hover {background: #30bf78;}
.footer-content-center {padding: 2% 0;position: relative;}
.footer-contact {float: left;width: 35%;}
.footer-contact .tel-1{font-family: 'HmMedium';font-size: 28px;}
.footer-contact .email-1{color: #7a7a7a;margin-top: 1%;}
.footer-contact .add-1{color: #7a7a7a;margin-top: 1%;}
.footer-contact .social-1 {margin-top: 5%;}
.footer-contact .social-1 li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;position: relative;margin-right: 10px;}
.footer-contact .social-1 li a {display: block;width: 20px;height: 20px;}
.footer-contact .social-1 li img {opacity: .3;}
.footer-contact .social-1 li img.img-block {opacity: 1;}
.footer-contact .social-1 li a:hover img{opacity: 1;}
.footer-nav {float: left;width: 30%;position: relative;}
.footer-nav ul{list-style: none;margin: 0;padding: 0;width: 40%;margin-bottom: 3%;border-bottom: 1px solid #2c2c2c;padding-bottom: 3%;overflow: hidden;}
.footer-nav ul:nth-child(1) {width: 40%;float: left;}
.footer-nav ul:nth-child(2) {float: left;margin-left: 10%;border: none;width: 40%;}
.footer-nav ul:nth-child(3) {clear: both;}
.footer-nav ul a {display: block;color: #fff;padding: 3% 0;}
.footer-nav ul li{list-style: none;margin: 0;padding: 0;}
.footer-nav ul li a{color: #7a7a7a;padding: 1% 0;}
.footer-nav ul a:hover {color: #30bf78;}
.footer-message {float: right;width: 33%;position: relative;}
.footer-message .from-1 {margin-top: 2%;overflow: hidden;position: relative;width: 88%;}
.footer-message .from-1:first-child {margin-top: 0;}
.footer-message .from-1 li{list-style: none;margin: 0;padding: 0;width: 49%;float: left;}
.footer-message .from-1 li:last-child {float: right;}
.footer-message .from-1 .input-1 {display: block;width: 100%;height: 30px;background: #252525;border-radius: 4px;outline: none;border: none;box-sizing: border-box;padding: 20px;color: #fff;}
.footer-message .from-1 .textarea-1 {display: block;width: 100%;min-height: 100px;background: #252525;border-radius: 4px;outline: none;border: none;box-sizing: border-box;padding: 20px;color: #fff;}
.footer-message .send-1 {width:10%;height: 100%;position: absolute;right: 0;top: 0;background: #30bf78;border-radius: 4px;z-index: 11;text-align: center;}
.footer-message .send-1 span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;}
.footer-message .send-1:hover {background: #41d68c;}
.footer-content-bottom {overflow: hidden;clear: both;color: #7a7a7a;margin-top: 3%;position: relative;}
.footer-content-bottom a{color: #7a7a7a;font-size: 16px!important;}
.footer-content-bottom a:hover {color: #30bf78;}
.footer-copy {overflow: hidden;padding-top: 100px;font-size: 16px;}
.footer-link {position: absolute;right: 0;top: 100px;}
.prox{text-align: center;margin-left: -22px;}
.prox img{max-width: 60px;height: auto;border:1px solid #dbdbdb;border-radius: 12px;margin: 15px 0;padding: 10px}
.modern-digital-agency-testimonial .pbmit-featured-wrapper{margin-right: 0}
.pbmit-service-style-7 .pbmit-service-content p.data1{color: #d9141b;font-family: 'HmBold';}
.pro-pb{background-color: var(--pbmit-global-color);color: #fff;display: inline-block;padding: 6px 20px;border-radius: 40px;font-size: 24px}
.pro-t{ padding-top: 30px;
    color: #111;
    font-size: 20px;}


.pro-x {
    padding-top: 30px;
    padding: 15px 80px 0;
    color: #111;
    font-size: 20px;

}
.pbmit-element-portfolio-style-13 .pbmit-portfolio-content{color: #333}
.pbmit-element-portfolio-style-13 .pbmit-portfolio-content p{color: #333!important;font-size: 18px;}
.pbmit-element-portfolio-style-13 .pbmit-portfolio-content p span{color: var(--pbmit-global-color)}
.sy-p{padding-left: 100px;}
.border-x{border-top: 1px solid #dadada;padding: 0 0 10px;margin-top: 25px;}
.pro-j {
    padding-top: 15px;
    max-width: 80%;
    color: #111;
    font-size: 20px;
}
.creative-studio-marqueeover.ab{padding-top: 0;padding-bottom: 0;background: none;}
.section-margin-1{ margin-bottom: 0px;}
.pbmit-title-bar-content .pbmit-tbar-inner p{color: #10b060;padding: 7px 20px;border:1px solid #10b060;border-radius: 20px;display: inline}
.s-title{font-family: 'HmRegular';font-size: 26px;color: var(--pbmit-global-color);line-height: 1}
.abt{
    color: #fff;
    max-width: 50%;
    margin-bottom: 0;
    margin-left: -168px;
    font-size: 16px;
    padding-top: 5px;
    line-height: 1.5;
}
.ab-img{border-radius: 20px;max-width: 100%;}
.pro-v{padding-bottom: 100px;}
.pro-v p.one{font-family: 'HmRegular';color: #999999;margin-bottom: 5px;font-size: 16px;}
.pro-v p.two{font-family: 'HmRegular';color: #333;margin-bottom: 5px;font-size:22px;}
.hr-white{background: #f4f4f4;padding: 3px 0}
.video-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: #111;
    /*background: -moz-linear-gradient(161deg, #26282b 0%, #26282b 49%, #10b060 100%);
    background: -webkit-linear-gradient(161deg, #26282b 0%, #26282b 49%, #10b060 100%);
    background: linear-gradient(161deg, #26282b 0%, #26282b 49%, #10b060 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="#10b060",GradientType=1);*/
}

.dspt img{width: 30px;height: 30px;}

.dspt a {
    padding-right: 40px;
}


.before-z-index:before {
    z-index: 1
}
.p-relative {
    position: relative
}
.p-absolute {
    position: absolute
}
.bg-section {
    top: 0;
    bottom: 0
}
.video-section {
    height: 100vh
}
.video-bg video {
    position: relative;
    width: 100%;
    top: 0;
    height: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
}
.video-bg video {
    min-width: 100%;
    min-height: 100%;
    float: left;
    opacity:1;
}
.video-section .icon-circle, .video-section .play-btn, .video-section .text-play {
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 50%;
    margin: auto;
    text-align: center;
    color: #fff;
    font-weight: 600
}
.creative-studio-marqueeover p {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.6;
}
.title-2{color: #111;}
.honorlist{font-size: 18px;}
.honorlist li{line-height: 1.8}

.pt-ab{padding-top:50px;}
.img-center {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: auto;
    height: auto;
    z-index: 1;
    max-width: 100%;
    max-height: 100%;
}
/* index */
.index-banner-swiper {width: 100%;height: 100%;position: relative;background: #000;} 
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-swiper .banner-pagination {bottom: 3%;}
.index-banner-swiper .swiper-pagination-bullet {background: none;border: 2px solid #fff;margin: 0 13px!important;opacity: .4;}
.index-banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #30bf78;opacity: 1;}

.index-banner-item {position: relative;overflow: hidden;}
.index-banner-item .text{width: 80%;position: absolute;left: 10%;top: 50%;transform: translateY(-50%);z-index: 10;}
.index-banner-item .title-1 {margin-top: 2%;line-height: 74px;}
.index-banner-item .title-1 strong {font-weight: normal;color: #30bf78;margin: 0;padding: 0;}
.index-banner-item .keyword-1 {border: 1px solid #30bf78;border-radius: 6px;overflow: hidden;text-align: center;display: inline-block;padding: 5px;}
.index-banner-item .keyword-1 li{display: inline-block;vertical-align: middle;position: relative;padding: 0 15px;color: #30bf78;}
.index-banner-item .keyword-1 li::after {content: '';width: 1px;height: 70%;position: absolute;right: 0;top: 15%;background: #30bf78;}
.index-banner-item .keyword-1 li:last-child::after {display: none;}
.index-banner-item .more-1 {margin-top: 6%;}
.index-banner-item.center .text{text-align: center;width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-banner-item .keyword-2 {overflow: hidden;text-align: center;display: inline-block;padding: 5px;margin-top: 3%;}
.index-banner-item .keyword-2 li{border: 1px solid rgba(255,255,255,.4);border-radius: 6px;display: inline-block;vertical-align: middle;position: relative;padding: 8px 25px;color: #fff;margin: 0 5px;}
.index-banner-item.left,.index-banner-item.right {float: none;}
.index-banner-item.none .text {display: none;}
.index-banner-item.right .text {left: auto;right: 10%;text-align: right;}
 


 

.more-1 {position: relative;display:block;}
.more-1 a {display: inline-block;position: relative;text-align: center;border: 2px solid #30bf78;border-radius: 50px;box-sizing: border-box;padding: 12px 25px;}
.more-1 a span {color: #30bf78;display: inline-block;vertical-align: middle;}
.more-1 a i {display: inline-block;vertical-align: middle;width: 8px;height: 11px;background: url('../image/r1.png');margin-left: 10px;}
.more-1 a:hover {background: #30bf78;}
.more-1 a:hover span {color: #fff;}
.more-1 a:hover i {background: url('../image/r2.png');}
.more-2 {display: inline-block;position: relative;text-align: center;border: 2px solid #fff;border-radius: 50px;box-sizing: border-box;padding: 12px 25px;background: #fff;}
.more-2 span {color: #000;display: inline-block;vertical-align: middle;}
.more-2 i {display: inline-block;vertical-align: middle;width: 9px;height: 12px;background: url('../image/r3.png');margin-left: 10px;}
 



.index-banner-swiper .swiper-slide .keyword-1,.index-banner-swiper .swiper-slide .keyword-2,
.index-banner-swiper .swiper-slide .title-1,
.index-banner-swiper .swiper-slide .more-1 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-swiper .swiper-slide .keyword-1 {transition-delay: .2s;}
.index-banner-swiper .swiper-slide .title-1 {transition-delay: .4s;}
.index-banner-swiper .swiper-slide .more-1,.index-banner-swiper .swiper-slide .keyword-2  {transition-delay: .6s;}
.index-banner-swiper .swiper-slide-active .keyword-1,.index-banner-swiper .swiper-slide-active .keyword-2,
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .more-1  {transform: translateY(0px);opacity: 1;}


.div-container {position: relative;width: 80%;margin: auto;}
.div-title {position: relative;}
.div-title .class-1{color: #30bf78;}
.div-title .title-1{color: #1a1a1a;margin-top: 1%;}
.ptb100 {padding: 5% 0 8.22% 0;}



.index-application-scenario {position: relative;overflow: hidden;}
.application-scenario-list {position: relative;margin-top: 4.5%;}
.application-scenario-item {position: relative;width: 49.5%;float: left;}
.application-scenario-item .title-1{position: absolute;left: 30px;top: 30px;z-index: 11;color: #fff;}
.application-scenario-item .more-2{position: absolute;right: 50px;bottom: 0px;z-index: 12;opacity: 0;}
.application-scenario-item a:hover .more-2 {opacity: 1;bottom: 40px;}
.application-scenario-item .img{border-radius: 20px;overflow: hidden;}
.application-scenario-item a:hover .pic {transform: scale(1.05);}
.application-scenario-item.asi2 {margin-left: 1%;width: 49.5%;margin-bottom: 1.2%;}
.application-scenario-item.asi3 {margin-left: 1%;width: 24.2%;}
.application-scenario-item.asi4 {margin-left: 1%;width: 24.2%;}

.core-products {position: relative;overflow: hidden;background: url('../image/bg2.png') left top no-repeat;}
.core-products-left {width: 30%;position: absolute;left: 9%;top: 0;height: 100%;}
.core-products-left .class-1 {margin-top: 5%;}
.core-products-left .title-1{margin-top: 1%;}
.core-products-left .more-1{margin-top: 5%;}
.core-products-left .product-1{position: absolute;left: 0;bottom: 0;width: 100%;height: 60%;}
.core-products-left .product-1 img {max-height: 100%;max-width: 100%;display: block;height: auto;width: auto;position: absolute;left: 0;bottom: 0;animation:fudong2 4s linear infinite;}
.core-products-right {float: right;width: 60%;border-radius: 20px 0 0 20px;overflow: hidden;}
.core-products.cright {margin-top: 7%;background: url('../image/bg3.png') right top no-repeat;}
.core-products.cright .core-products-right {float: left;border-radius: 0px 20px 20px 0px;}
.core-products.cright .core-products-left  {left: auto;right: 9%;width: 25%;}

.index-latest-information {padding: 3% 0 5% 0;overflow: hidden;}
.latest-information-top {border-bottom: 1px solid #e8e8e8;padding:4% 0;position: relative;}
.latest-information-top .more-1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.latest-information-bottom {padding-top: 5%;overflow: hidden;}
.latest-information-left {float: left;width: 41%;overflow: hidden;}
.latest-information-left .img{border-radius: 20px;overflow: hidden;}
.latest-information-swiper .img,.latest-information-swiper .swiper-slide{opacity: 0;transition:all .4s ease;z-index: 1;}
.latest-information-swiper .swiper-slide-active .img,.latest-information-swiper .swiper-slide-active{opacity: 1;z-index: 11;}
.latest-information-right {float: right;width: 55%;position: relative;overflow: hidden;}
.latest-information-list {overflow: hidden;}
.latest-information-item {overflow: hidden;}
.latest-information-item:first-child a {padding: 0 0 5% 0;}
.latest-information-item a{display: block;padding: 5% 0;position: relative;background-image: url('../image/r4.png');background-repeat: no-repeat;background-position: 200% 30%;}
.latest-information-item a::after {content: '';width: 100%;height: 1px;background:#e8e8e8;position: absolute;left: 0;bottom: 0;}
.latest-information-item a::before  {content: '';width: 1px;height: 1px;background:#30bf78;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.latest-information-item .top-1{overflow: hidden;}
.latest-information-item .top-1 li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;border: 1px solid #000;border-radius: 50px;padding: 5px 20px;margin-right: 10px;color: #1a1a1a;}
.latest-information-item .top-1 li:last-child {border: none;background: #ededed;}
.latest-information-item .title-1{padding: 2% 0;overflow: hidden;}
.latest-information-item .text-1{color: #999999;}
.latest-information-item a:hover {background-position: 100% 30%;}
.latest-information-item a:hover .title-1{color: #30bf78;}
.latest-information-item a:hover::before {width: 100%;}


.kf-right {position: fixed;right: 1%;bottom: 10%;z-index: 110;text-align: center;}
.kf-right img {max-width: 100%;display: inline-block;}
.kf-right .zxzx-1 {margin-bottom: 5%;overflow: hidden;}
.kf-right .zxzx-1 a {display: block;background: #30bf78;border-radius: 100px;overflow: hidden;}
.kf-right .zxzx-1 img {box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);}
.kf-right .zxzx-1 a:hover {background: #41d68c;}
.kf-right .kf-list-1 {position: relative;background: #fff;border-radius: 50px;padding: 20px 0;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);overflow: hidden;}
.kf-right .kf-list-1 li {list-style: none;margin: 0;padding: 0;position: relative;padding: 10px 0;}
.kf-right .kf-list-1 li::after {content: '';width: 50%;height: 1px;position: absolute;left: 25%;bottom: 0;background: #e6e6e6;}
.kf-right .kf-list-1 li:last-child::after {display: none;}
.kf-right .kf-list-1 li img {filter: grayscale(100%);opacity: .5;}
.kf-right .kf-list-1 li a:hover img{filter: grayscale(0);opacity: 1;}
.kf-right .kf-list-1 li:last-child {padding: 10px 0 0 0;}



/* about */
.index-banner-item.center .text{text-align: center;position: absolute;left: 50%;transform: translate(-50%,-50%);}
.index-banner-item.center.top .text{left: 50%;transform: none;top: 15%;transform: translateX(-50%);}
.index-banner-item.center.top .more-1 {margin-top: 2%;}
.index-banner-item.center.black .text .title-1 {color: #000;}
.index-banner-item .text-1 {color: #30bf78;}
.index-banner-item.center .title-1 {color: #fff;}
.index-banner-item.white .title-1 {color: #fff;margin-top: 3%;}
.index-banner-swiper .swiper-slide .text-1 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-swiper .swiper-slide .text-1 {transition-delay: .2s;} 
.index-banner-swiper .swiper-slide-active .text-1 {transform: translateY(0px);opacity: 1;}

.div-aboutus {overflow: hidden;position: relative;padding: 7% 0 5% 0;}
.about-us-left {float: left;width: 88%;margin-top: 5%;}
.about-us-top {border-bottom: 1px solid #e5e5e5;padding: 4% 0;overflow: hidden;}
.about-us-top .title-2{margin-top: 5%;color: #000;}
.about-us-top .title-2 strong{font-weight: normal;color: #30bf78;margin: 0;padding: 0;}
.about-us-bottom{padding-top: 5%;overflow: hidden;}
.about-us-bottom .text-1{text-align: justify;line-height: 1.8;}
.about-us-right {float: right;width: 43%;}
.about-us-right .img{border-radius: 20px;}

.div-about-technology {overflow: hidden;clear: both;padding: 0 0 5% 0;}
.div-about-technology .div-container {width: 100%;}
.about-technology-left {float: left;width: 47%;margin-left: 4%;}
.about-technology-left .img {background: none;}
.about-technology-left .pic{position: relative;}
.about-technology-left .img-bottom{position: absolute;left: 50%;transform: translateX(-52%);bottom: 0;width: auto;max-width: 70%;z-index: 11;opacity: 1;}
.about-technology-left .yuanbg {opacity: 0;}
.about-technology-left .pic .bgyuan {background: #30bf78;border-radius: 100%;z-index: 1;position: absolute;}
.about-technology-left .pic .bgyuan.bgyuan1 {width: 23%;right: 20%;top: 25%;opacity: .2;animation:fuchu1 2s cubic-bezier(.215,.61,.355,1) infinite;}
.about-technology-left .pic .bgyuan.bgyuan2 {width: 13%;right: 40%;top: 30%;opacity: .1;animation:fuchu1 3s cubic-bezier(.215,.61,.355,1) infinite;}
.about-technology-left .pic .bgyuan.bgyuan3 {width: 16%;left: 10%;top: 30%;opacity: .1;animation:fuchu1 4s cubic-bezier(.215,.61,.355,1) infinite;}
.about-technology-left .pic .bgyuan.bgyuan4 {width: 17%;left: 21%;top: 17%;opacity: .1;animation:fudong1 4s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan5 {width: 5%;left: 5%;top: 15%;opacity: .2;animation:fudong1 3s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan6 {width: 16%;left: 51%;top: 5%;opacity: .1;animation:fudong1 2s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan7 {width: 9%;left: 1%;top: 58%;opacity: .1;animation:fudong1 3s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan8 {width: 24%;left: 30%;top: 28%;opacity: .1;animation:fudong1 4s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan9 {width: 10%;right: 1%;top: 30%;opacity: .2;animation:fudong1 4s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan10 {width: 6%;right: 10%;top: 15%;opacity: .1;animation:fudong1 3s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan11 {width: 4%;right: 4%;top: 50%;opacity: .1;animation:fudong1 4s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan12 {width: 9%;left: 19%;top: 50%;opacity: .1;}
.about-technology-left .pic .bgyuan.bgyuan13 {width: 19%;right: 18%;top: 45%;opacity: .1;}

.about-technology-right {float: right;width: 35%;margin-right: 9%;margin-top: 7%;}
.about-technology-li {border-bottom: 1px solid #e5e5e5;padding: 4% 0;overflow: hidden;}
.about-technology-li:first-child {padding: 0 0 4% 0;}
.about-technology-li:last-child {border: none;}
.about-technology-li .title-1{line-height: 60px;}
.about-technology-li .text-1 {color: #333333;line-height: 30px;}
.about-technology-li .text-1 hr {margin: 25px 0;opacity: .5;height: 1px;overflow: hidden;display: block;border: none;border-top: 1px solid #ccc;}
.about-technology-li strong{font-weight: normal;color: #30bf78;margin: 0;padding: 0;}
 
.div-about-responsibility {overflow: hidden;padding: 5% 0 5% 0;margin-top: 5%}
.div-about-history {overflow: hidden;background: url('../image/bg4.jpg') center no-repeat;background-size: cover;}
.about-history {position: relative;overflow: hidden;padding: 10% 0 7% 0;}
.about-history-left {float: left;width: 58%;position: relative;}
.about-history-left .title-1 {position: relative;}
.about-history-swiper {position: relative;margin-top: 10%;}
.about-history-swiper .swiper-slide .title-2{color: #000;}
.about-history-swiper .swiper-slide .text-1{margin-top: 1%;width: 70%;}
.about-history-right {float: right;width: 55%;position: relative;overflow: hidden;margin-left: -14%;}
.history-swiper-pic {position: relative;overflow: hidden;height: 100%;}
.history-slide {position: relative;overflow: hidden;height: 100%;opacity: 0;}
.history-swiper-pic .swiper-slide-active .history-slide {opacity: 1;}
.history-swiper-pic .title-3{position: absolute;left: 0;bottom: 0;z-index: 11;color: #30bf78;font-family: 'D-DIN';}
.history-swiper-pic .img{border-radius: 20px;width: 78%;float: right;}
.history-swiper-pic .img .pic {filter: grayscale(100%);}
.about-history-top {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;}
.about-history-right .bgimg {overflow: hidden;}
.about-history-year {margin-top: 14%;}
.about-history-item {position: relative;cursor: pointer;}
.about-history-item .top-1{position: relative;}
.about-history-item .top-1 .line-1{position: absolute;left: 0;top: 50%;height: 1px;width: 100%;z-index: 1;border-bottom: dashed 2px #ccc;margin-top: -2px;}
.about-history-item .top-1 .line-1::before {content: '';width: 0;height: 2px;background: #30bf78;position: absolute;left: 0;top: 1px;z-index: 2;transition:all .4s ease;}
.about-history-item .top-1 .point-1{background: #cccccc;width: 16px;height: 16px;border-radius: 100%;z-index: 11;position: relative;border: 3px solid #fff;}
.about-history-item .text-1 {color: #666666;font-family: 'D-DIN';margin-top: 2%;}
.about-history-button {margin-top: 11%;position: relative;}
.history-prev,.history-next {width: 60px;height: 60px;border: 2px solid #ccc;box-sizing: border-box;border-radius: 100%;position: relative;left: auto;right: auto;top: auto;margin: auto ;display: inline-block;vertical-align: middle;margin-right: 5px;outline: none;cursor: pointer;}
.history-prev::after,.history-next::after {font-size: 12px;font-weight: 900;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.history-prev:hover ,.history-next:hover {background: #30bf78;border: 2px solid #30bf78;}
.history-prev:hover::after,.history-next:hover::after {color: #fff;}
.history-next {background: #30bf78;border: 2px solid #30bf78;opacity: 1!important;}
.history-next::after {color: #fff;}
.history-swiper-year .swiper-slide-thumb-active .about-history-item .top-1 .point-1{border: 3px solid #30bf78;background: #fff;}
.history-swiper-year .swiper-slide-active {}
.history-swiper-year .swiper-slide-thumb-active .line-1::before {-webkit-animation: ws100 5000ms 1 forwards;animation: ws100 5000ms 1 forwards;} 
@keyframes ws100{0%{width: 0%;} 100%{width: 100%;}}




.div-about-strategy {padding: 8% 0;overflow: hidden;background: url('../image/bg6.png') center top no-repeat;background-size: 100%;clear: both;}
.about-strategy-left {float: left;width: 42%;position: relative;}
.about-strategy-left .text{overflow: hidden;}
.about-strategy-left .title-1{margin-top: 5%;}
.about-strategy-left .text-1{margin-top: 2%;}
.about-strategy-left .item-2{margin-top: 7%;}
.about-strategy-left .item-2 li{list-style: none;margin: 0;padding: 0;width: 84px;height: 84px;position: relative;background: url('../image/yuan.png') center no-repeat;background-size: 100%;display: inline-block;vertical-align: middle;margin-right: 10px;}
.about-strategy-left .item-2 li span{color: #fff;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
.about-strategy-left .pic-3{border-radius: 10px;overflow: hidden;margin-top: 15%;width: 46%;}
.about-strategy-right {float: right;width: 50%;position: relative;}
.strategy-swiper-pic {position: relative;border-radius: 20px;}
.strategy-swiper-pic .img{opacity: 0;transition:all .8s ease;}
.strategy-swiper-pic .img img {opacity: 0;}
.strategy-swiper-pic .swiper-slide-active .img{opacity: 1;}
 
.div-about-responsibility {padding: 6% 0;color: #fff;overflow: hidden;background: url('../image/about/bg2.jpg') center no-repeat;background-size: cover;}
.div-about-responsibility .div-container {width: 100%;text-align: center;}
.about-responsibility-top {text-align: center;}
.about-responsibility-top .title-1  strong {font-weight: normal;color: #30bf78;margin: 0;padding: 0;}
.about-responsibility-bottom {margin-top: 2%;position: relative;}
.about-responsibility-center {text-align: center;z-index: 11;position: relative;margin: auto;overflow: hidden;display: inline-block;animation:fudong3 4s linear infinite;}
.about-responsibility-center img {max-width: 100%;display: inline-block;}
.about-responsibility-center .ddun4 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;}
.about-responsibility-center .ddun3 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
.about-responsibility-center .ddun2 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.about-responsibility-center .ddun1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.about-responsibility-center .ddun0 {display: inline-block;width: auto;height: auto;max-width: 100%;}
.about-responsibility-left {position: absolute;left: 45%;top: 10%;height: 100%;z-index: 11;text-align: right;width: 440px;margin-left: -710px;}
.about-responsibility-left li{list-style: none;margin: 0;padding: 0;padding: 11% 0;display: inline-block;line-height: 26px;width: 94%;position: relative;margin-top: -4px;}
.about-responsibility-left li::after{transition:all .4s ease;content: '';width: 100%;height: 100%;position:absolute;left:0;top:0;z-index: 1;}
.about-responsibility-left .fg-line {width: 100%;height: 10px;position: absolute;right: 0;bottom: -9px;}
.about-responsibility-left .fg-line::before {content: '';width: 7px;height:7px;position: absolute;right: 0;top: -2px;border-radius: 100%;background: #30bf78;z-index: 11;}
.about-responsibility-left .fg-line::after {content: '';width: 100%;height: 1px;position: absolute;right: 0;top: 0;border-bottom: 1px dashed #fff;opacity: .2;}
.about-responsibility-left li .text-1 {float: right;width: 100%;}
.about-responsibility-left li:hover::after {background-image: -webkit-linear-gradient(180deg, rgba(48,190,120,.3) 0%, rgba(253,208,0,0) 100%);}
.about-responsibility-left li:hover .text-1 {padding-right: 5%;}
/* .about-responsibility-left li:nth-child(1) {width: 65%;}
.about-responsibility-left .fg-line:nth-child(2) {margin-right: 7%;width: 70%;}
.about-responsibility-left li:nth-child(3) {width: 70%;margin-right: 13%;}
.about-responsibility-left .fg-line:nth-child(4) {margin-right: 18%;width: 70%;}
.about-responsibility-left li:nth-child(5) {width: 74%;margin-right: 20%;}
.about-responsibility-left .fg-line:nth-child(6) {margin-right: 20%;width: 80%;margin-top: 1%;}
.about-responsibility-left li:nth-child(7) {width: 74%;margin-right: 18%;margin-top: 2%;} */
.about-responsibility-right {position: absolute;right: 45%;top: 10%;height: 100%;z-index: 11;text-align: left;width: 440px;margin-right: -710px;}
.about-responsibility-right li{list-style: none;margin: 0;padding: 0;padding: 11% 0;display: inline-block;line-height: 26px;position: relative;margin-top: 0px;}
.about-responsibility-right li::after{transition:all .4s ease;content: '';width: 100%;height: 100%;position:absolute;left:0;top: 0;z-index: 1;}
.about-responsibility-right .fg-line {width: 100%;height: 10px;position: absolute;right: 0;bottom: -9px;}
.about-responsibility-right .fg-line::before {content: '';width: 7px;height:7px;position: absolute;left: 0;top: -2px;border-radius: 100%;background: #30bf78;z-index: 11;}
.about-responsibility-right .fg-line::after {content: '';width: 100%;height: 1px;position: absolute;right: 0;top: 0;border-bottom: 1px dashed #fff;opacity: .2;}
.about-responsibility-right li:hover::after {background-image: -webkit-linear-gradient(0deg, rgba(48,190,120,.3) 0%, rgba(253,208,0,0) 100%);}
.about-responsibility-right li:hover .text-1 {padding-left: 5%;}
.about-responsibility-bottom .text-1 {position: relative;z-index: 11;transition:all .4s ease;width: 90%;}
/* .about-responsibility-right li:nth-child(1) {margin-left: 15%;width: 64%;}
.about-responsibility-right .fg-line:nth-child(2) {margin-left: 14%;width: 70%;margin-top: 3%;margin-bottom: 3%;}
.about-responsibility-right li:nth-child(3) {margin-left: 13%;width: 65%;}
.about-responsibility-right .fg-line:nth-child(4) {margin-left: 1%;width: 70%;margin-top: 5%;margin-bottom: 3%;}
.about-responsibility-right li:nth-child(5) {margin-left: -5%;width: 65%;}
*/




.div-about-advantage {overflow: hidden;padding:5% 0 8% 0;clear: both;background: url('../image/about/bg3.jpg') center top no-repeat;background-size: cover;}
.div-about-advantage .title-1 {text-align: center;background: linear-gradient(140deg, #30bf78 45%, #bef7db 50%, #30bf78 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.about-advantage {text-align: center;margin-top: 3.111%;}
.advantage-yuan {display: inline-block;position: relative;}
.advantage-yuan img.img-inline{display: inline-block;max-width: 100%;height: auto;opacity: 1;animation:rotate1 30s linear infinite;}
.advantage-yuan img.yuanq3 {z-index: 3;animation:rotate2 70s linear infinite;}
.advantage-text {position: absolute;right: 0;top: 0;z-index: 11;text-align: left;width: 100%;}
.advantage-text a {display: block;position: relative;}
.advantage-text i{display: inline-block;vertical-align: middle;width: 70px;height: 70px;position: relative;background: #fff;border-radius: 100%;overflow: hidden;}
.advantage-text i::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;box-sizing: border-box;border-radius: 100%;z-index: 1;border: 4px solid #d6f2e4;}
.advantage-text i::before{content: '';width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);box-sizing: border-box;border-radius: 100%;z-index: 11;background: #30bf78;transition:all .4s ease-in-out;}
.advantage-text i img {z-index: 111;}
.advantage-text a img.hovers {opacity: 0!important;}
.advantage-text a img.moren {opacity: 1!important;}
.advantage-text a:hover img.hovers {opacity: 1!important;}
.advantage-text a:hover img.moren {opacity: 0!important;}
/* .advantage-text a:hover i img{filter: grayscale(100%) invert(100%);mix-blend-mode: plus-lighter;} */
.advantage-text a:hover i::before{transform: translate(-50%,-50%) scale(1.2);}
.advantage-text a:hover i::after{opacity: 0;}
.advantage-text a:hover span {color: #30bf78;}
.advantage-text span{color: #fff;display: inline-block;vertical-align: middle;margin: 0 15px;font-weight: 900;}
.advantage-text.at1 {left: 88%;top: 18%;}
.advantage-text.at2 {left: 89%;top: 68%;}
.advantage-text.at3 {left: 50%;bottom:-13%;top: auto;text-align: center;transform: translateX(-50%);width: auto;}
.advantage-text.at3 span {display: block;margin: 10px 0;}
.advantage-text.at4 {left:auto;top: 68%;right: 90%;text-align: right;}
.advantage-text.at5 {left:auto;top: 18%;right: 88%;text-align: right;}



.div-about-global-layout {position: relative;text-align: center;padding-bottom: 5%;overflow: hidden;}
.div-about-global-layout .text {width: 60%;margin: auto;}
.div-about-global-layout .title-1 {text-align: center;}
.div-about-global-layout .title-1  strong {font-weight: normal;color: #30bf78;margin: 0;padding: 0;}
.div-about-global-layout .text-1 {margin-top: 2%;}
.div-about-global-layout img {max-width: 100%;display: inline-block;}
.div-about-global-layout .date-4 {position: relative;text-align: left;margin-top: 3%;}
.div-about-global-layout .date-4 li {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width: 23%;margin-right: 2%;padding: 1% 0;position: relative;}
.div-about-global-layout .date-4 li {border-top: 1px solid #000;}
.div-about-global-layout .date-4 li:last-child {margin-right: 0;}
.div-about-global-layout .date-4 li strong {display: block;margin: 0;padding: 0;font-family: 'Montserrat-Light';font-weight: normal;}
.div-about-global-layout .date-4 li span {display: block;color: #666666;margin-top: 1%;}
.div-about-global-layout .date-4 li h3 {font-weight: normal;margin: 0;padding: 0;display: inline-block;vertical-align: middle;}
.div-about-global-layout .date-4 li sup {margin: 0;padding: 0;display: inline-block;vertical-align: middle;}

.div-about-operate {position: relative;overflow: hidden;}
.div-about-operate .div-container{width: 100%;}
.div-about-operate .text {position: absolute;width: 60%;left: 20%;top: 10%;z-index: 11;text-align: center;}
.div-about-operate .title-1 {color: #000;}
.div-about-operate .text-1 {margin-top: 1%;}
.div-about-operate .logo-item {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;}
.div-about-operate .logo-item li{list-style: none;margin: 0;padding: 0;position: absolute;z-index: 1;} 
.div-about-operate .logo-item li i {position: relative;display: block;width: 80px;height: 80px;border-radius: 100%;overflow: hidden;background: #fff;-webkit-animation:fudong1 4s linear infinite;animation: fudong1 4s linear infinite;}
.div-about-operate .logo-item li img{max-width: 80%;max-height: 80%;} 
.div-about-operate .logo-item li.xy1 {right: 50%;top: 6%;margin-right: -410px;}
.div-about-operate .logo-item li.xy2 {left: 50%;top: 47%;margin-left: -300px;}
.div-about-operate .logo-item li.xy2 i {width: 120px;height: 120px;-webkit-animation:fudong1 3s linear infinite;animation: fudong1 3s linear infinite;}
.div-about-operate .logo-item li.xy3 {right: 50%;top: 16%;margin-right: -720px;}
.div-about-operate .logo-item li.xy3 i {width: 120px;height: 120px;-webkit-animation:fudong1 3.5s linear infinite;animation: fudong1 3.5s linear infinite;}
.div-about-operate .logo-item li.xy4 {left: 50%;top: 40%;margin-left: -420px;}
.div-about-operate .logo-item li.xy5 {right: 50%;top: 75%;margin-right: -510px;}
.div-about-operate .logo-item li.xy5 i {width: 120px;height: 120px;}
.div-about-operate .logo-item li.xy6 {right: 50%;top: 45%;margin-right: -450px;}
.div-about-operate .logo-item li.xy6 i {width: 120px;height: 120px;}
.div-about-operate .logo-item li.xy7 {left: 50%;top: 80%;margin-left: -450px;}
.div-about-operate .logo-item li.xy7 i {width: 120px;height: 120px;-webkit-animation:fudong1 3s linear infinite;animation: fudong1 3s linear infinite;}
.div-about-operate .logo-item li.xy8 {left: 50%;top: 15%;margin-left: -510px;}
.div-about-operate .logo-item li.xy8 i {width: 120px;height: 120px;-webkit-animation:fudong1 3.5s linear infinite;animation: fudong1 3.5s linear infinite;}
.div-about-operate .logo-item li.xy9 {left: 50%;top: 40%;margin-left: -780px;}
.div-about-operate .logo-item li.xy9 i {width: 120px;height: 120px;}
.div-about-operate .logo-item li.xy10 {left: 50%;top: 55%;margin-left: -600px;}
.div-about-operate .logo-item li.xy10 i {width: 120px;height: 120px;-webkit-animation:fudong1 2.5s linear infinite;animation: fudong1 2.5s linear infinite;}
.div-about-operate .logo-item li.xy11 {right: 50%;top: 30%;margin-right: -250px;}
.div-about-operate .logo-item li.xy11 i {width: 120px;height: 120px;}
.div-about-operate .logo-item li.xy12 {right: 50%;top: 63%;margin-right: -380px;}
.div-about-operate .logo-item li.xy13 {right: 50%;top: 71%;margin-right: -60px;}
.div-about-operate .logo-item li.xy14 {right: 50%;top: 29%;margin-right: -560px;}
.div-about-operate .logo-item li.xy15 {right: 50%;top: 55%;margin-right: -750px;}
.div-about-operate .logo-item li.xy16 {left: 50%;top: 84%;margin-left: -50px;}
.div-about-operate .logo-item li.xy17 {left: 50%;top: 70%;margin-left: -330px;}
.div-about-operate .logo-center {position: absolute;top: 50%;left:50%; z-index: 11;width: 7%;transform: translate(-50%,-50%);}
.div-about-operate .logo-center img {display: block;width: 100%;position: relative;z-index: 11;}
.div-about-operate .logo-center::after {content: '';width: 200px;height: 200px;border-radius: 100%;position: absolute;top: 50%;left:50%; z-index: 2;transform: translate(-50%,-50%);background: #30bf78;}
.div-about-operate .logo-center::before {content: '';width: 240px;height: 240px;border-radius: 100%;position: absolute;top: 50%;left:50%; z-index: 1;transform: translate(-50%,-50%);background: #30bf78;animation: place100 3000ms infinite;}
.div-about-operate .yuanhuan{border-radius: 100%;position: absolute;top: 50%;left:50%;z-index: 1;border: 2px dashed #b5b9c3;}
.div-about-operate .yuanhuan.yuanhuan1{transform: translate(-50%,-50%) scale(1);opacity: .5;width: 500px;height: 500px;animation:rotate3 30s linear infinite;}
.div-about-operate .yuanhuan.yuanhuan2{transform: translate(-50%,-50%) scale(1);opacity: .4;width: 760px;height: 760px;animation:rotate4 30s linear infinite;}
.div-about-operate .yuanhuan.yuanhuan3{transform: translate(-50%,-50%) scale(1);opacity: .4;width: 1080px;height: 1080px;animation:rotate3 30s linear infinite;}
.div-about-operate .yuanhuan.yuanhuan4{transform: translate(-50%,-50%) scale(1);opacity: .2;width: 1440px;height: 1440px;animation:rotate4 30s linear infinite;}




.div-about-authentication {padding: 7% 0 3%;overflow: hidden;background: url("../image/bg6.jpg") no-repeat;background-position:  top 100px center;background-size: cover;}
.div-about-authentication .text{text-align: center;width: 60%;margin: auto;}
.div-about-authentication .title-1{overflow: hidden;color: #000;}
.div-about-authentication .title-1  strong {font-weight: normal;color: #30bf78;margin: 0;padding: 0;}
.div-about-authentication .text-1{margin-top: 1%;}
.authentication-icon {text-align: center;margin-top: 4%;}
.authentication-icon li {display: inline-block;vertical-align: middle;width: 10%;transition:all .4s ease;}
.authentication-icon li i{position: relative;width: 90px;height: 90px;margin: auto;display: block;}
.authentication-icon li img{max-width: 100%;max-height: 100%;display: block;width: 160px;height: 160px;margin-bottom: 15px;}
.authentication-icon li p{display: block;margin: 0;padding: 0;}
.authentication-icon li strong{display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;}
.authentication-icon li sub{display: inline-block;vertical-align: middle;margin: 8px 5px 0px 5px;}
.authentication-icon li.cur {opacity: .5!important;}
.div-about-authentication .img {margin-top: 0;text-align: center;background: none;}
.div-about-authentication .img img {width: auto;display: inline-block;border-radius: 14px;}

.div-about-cooperative-partner {padding: 0 0 5% 0;overflow: hidden;}
.div-about-cooperative-partner .text{text-align: center;}
.div-about-cooperative-partner .title-1  strong {font-weight: normal;color: #30bf78;margin: 0;padding: 0;}
.cooperative-partner {overflow: hidden;margin-top:3%;}
.cooperative-partner-swiper {overflow: hidden;}
.cooperative-slide{position: relative;border: 1px solid #e6e6e6;border-radius: 10px;overflow: hidden;box-sizing: border-box;margin: 1px;}
.cooperative-slide img{display: block;}
.cooperative-partner-swiper .swiper-pagination {position: relative;margin-top: 3%;}
.cooperative-partner-swiper .swiper-pagination span {margin: 0 10px;background: #fff;border: 2px solid #ccc;}
.cooperative-partner-swiper .swiper-pagination .swiper-pagination-bullet-active {border: 2px solid #30bf78;}




/* Brand culture */
.index-banner-item .text .title-2 {color: #fff;}
.index-banner-item .text .title-2 h3{margin: 0;padding: 0;display: inline-block;vertical-align: baseline;color: #fff;font-weight: bold;font-family: 'Montserrat-Bold';}
.index-banner-item.white .title-1 {margin-top:1%;}
.div-brand {padding: 6% 0 2% 0;overflow: hidden;background: url('../image/bg1.jpg') left top repeat-y;}
.brand-top {text-align: center;}
.brand-top .title-1 {margin-bottom: .5%;}
.brand-top .text-2{color: #999999;}
.brand-center {padding: 4% 0;position: relative;text-align: center;}
.brand-logo-1 {position: relative;display: inline-block;}
.brand-logo-1 img.img-inline {max-width: 100%;opacity: 0;}
.brand-logo-1 .point {position: absolute;z-index: 11;cursor: pointer;transition:all .4s ease;}
.brand-logo-1 .point.hover {opacity: .4;}
.brand-logo-1 .point a{ display: block;}
.brand-logo-1 .point span{display: inline-block;vertical-align: middle;font-family:PingFang SC,'Microsoft YaHei',Arial;font-weight: 900;}
.brand-logo-1 .point i{display: inline-block;vertical-align: middle;width: 40px;height: 40px;border-radius: 100%;position: relative;border: 2px solid #000;background: #fff;margin:10px;box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.25);}
.brand-logo-1 .point i::after {content: '';width: 10px;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #000;}
.brand-logo-1 .point i::before {content: '';width: 2px;height: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #000;}
.brand-logo-1 .point.point-1 {left: -80px;top: 60%;transform: translateY(-50%);}
.brand-logo-1 .point.point-2 {left: 50%;bottom:-20%;transform: translateX(-50%);}
.brand-logo-1 .point.point-3 {right: -120px;top: 60%;transform: translateY(-50%);}
.brand-logo-1 .point.point-2 span{display: block;}
.brand-logo-1 .point a:hover i{border: 2px solid #30bf78;transform: rotate(135deg);}
.brand-logo-1 .point a:hover i::after,.brand-logo-1 .point a:hover i::before {background: #30bf78;}
.brand-logo-1 .point .showtext-2{text-align: center;border-radius: 100px;padding: 20px 30px;background: #fff;box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);position: absolute;left:50%;bottom: -80px;z-index: 1;width: 180px;margin-left: -90px;box-sizing: border-box;opacity: 0;transition:all .4s ease;}
.brand-logo-1 .point .showtext-2::before{content: '';width: 0;height: 0;border-bottom: 20px solid #fff;border-right: 20px solid transparent;border-left: 20px solid transparent;position: absolute;left: 50%;top: -15px;margin-left: -20px;}
.brand-logo-1 .point .text-2{font-weight: 800;}
.brand-logo-1 .point.cur,.brand-logo-1 .point.cur.hover {opacity: 1;}
.brand-logo-1 .point.cur .showtext-2{opacity: 1;}
.brand-bottom {overflow: hidden;text-align: center;padding: 5% 0;position: relative;}
.brand-bottom-text {padding: 4%;overflow: hidden;width: 80%;margin: auto;background: #fff;border-radius: 20px;text-align: left;box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);}
.brand-bottom-text .img{float: left;width: 30%;border-radius: 12px;overflow: hidden;}
.brand-bottom-text .text{float: right;width: 65%;}
.brand-bottom-text .text strong{font-weight: normal;color: #30bf78;}
.brand-bottom-text .text hr {opacity: .3;margin: 20px 0;background: none;}
.logo-group {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.logo-group li {list-style: none;margin: 0;padding: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition:all .4s ease;}
.logo-group li.hover img{opacity: .4;}
.logo-group li.hover.cur img{opacity: 1;}
.logo-group li.logo-1 {z-index: 1;}
.logo-group li.logo-2 {z-index: 2;}
.logo-group li.logo-3 {z-index: 3;}
.logohover {display: block;position: absolute; height: 100%;z-index: 11;top: 0;}
.logohover1 {left: 0;height: 100%;width: 20%;}
.logohover2 {left: 20%;height: 100%;width: 70%;}
.logohover3 {right: 0;height: 100%;width: 10%;}


.div-brand-story {padding: 5% 0;overflow: hidden;}
.div-brand-story .div-container {width: 63%;}
.brand-story-top {overflow: hidden;padding: 2% 0;}
.brand-story-top .title-1{color: #1a1a1a;}
.brand-story-top .title-2{color: #30bf78;}
.brand-story-center {padding: 2% 0;overflow: hidden;position: relative;}
.brand-story-center img {max-width: 100%;height: auto;}

.div-user-stories {padding: 5% 0 0;overflow: hidden;}
.user-stories-top {position: relative;}
.user-stories-top .title-1 {overflow: hidden;text-align: center;color: #111;}
.user-stories-top .title-1 strong{font-weight: normal;color: #30bf78;}
.user-stories-center{padding: 3% 0;overflow: hidden;}
.user-stories-list {border-radius: 20px;overflow: hidden;position: relative;margin-top: 3%;}
.user-stories-item {width: 16.66%;position: absolute;height: 100%;top: 0;z-index: 2;transition:all .4s ease;} 
.user-stories-item::before {content: '';width: 2px;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;background: #fff;}
.user-stories-item:first-child::before {display: none;}
.user-stories-item a{width: 100%;height: 100%;display: block;position: relative;} 
.user-stories-item .title-1{position: absolute;width: 100%;bottom: 5%;left: 0;text-align: center;z-index: 11;color: #fff;} 
.user-stories-item .img {position: relative;width: 100%;height: 100%;}
.user-stories-item .img::before {content: '';width: 100%;height: 100%;position:absolute;left: 0;bottom: 0;background: url('../image/stories.png') repeat-x;z-index: 1;}
.user-stories-item.usi1 {left: 0;}
.user-stories-item.usi2 {right: 33.333%;}
.user-stories-item.usi2.two {left: auto;right: 66.6666%;}
.user-stories-item.usi3 {right: 16.66%;}
.user-stories-item.usi3.free {left: auto;right:50%;}
.user-stories-item.usi4 {right: 0;}
.user-stories-item.cur {width: 50%;}
.user-stories-item.cur .title-1 {font-size: 30px;}

.div-user-interaction {position: relative;overflow: hidden;}
.user-interaction-top {text-align: center;position: absolute;left: 0;top: 30%;z-index: 11;width: 100%;}
.user-interaction-top .title-1 {color: #fff;}
.user-interaction-bottom {width: 80%;position: relative;margin: auto;margin-top: -15%;}
.user-interaction-swiper {position: relative;padding-bottom: 5%;overflow: visible;}
.user-interaction-swiper .swiper-slide.swiper-slide-next,.user-interaction-swiper .swiper-slide.swiper-slide-active {opacity: 1;}
.user-interaction-swiper .swiper-slide {opacity: 0;transition:all .4s ease;}
.user-interaction-item {position: relative; }
.user-interaction-item .touxiang-1 {position: absolute;left: 7%;top: 0;z-index: 11;}
.user-interaction-item .touxiang-1 i{display: block;width: 94px;height: 94px;overflow: hidden;border-radius: 100%;border: 4px solid #fff;}
.user-interaction-item .item-container {padding-top: 6%;}
.user-interaction-item .container-1 {background: #fff;padding: 5%;overflow: hidden;border-radius: 20px;box-shadow: 0px 20px 100px 0px rgba(0, 0, 0, 0.1);}
.user-interaction-item .container-top-1 {margin: auto;margin-top: 6%;width: 94%;}
.user-interaction-item .container-top-1 .title-1{margin-bottom: 1%;font-weight: bold;}
.user-interaction-item .container-top-1 .text-1{color: #666666;min-height: 80px;}
.user-interaction-item .container-bottom-1 {margin-top: 3%;position: relative;padding-top:1%;}
.user-interaction-item .container-bottom-1::before {content: '';width: 92px;height: 44px;position: absolute;left: 0;top: 0;background: url('../image/tip.png');z-index: 1;}
.user-interaction-item .container-bottom-1 .text-1{background: #f3fbf7;padding: 7% 5% 5% 5%;overflow: hidden;border-radius: 10px; color: #666666;min-height: 80px;}
.interaction-pagination span {background: none;border: 2px solid #ccc;}
.interaction-pagination span.swiper-pagination-bullet-active {border: 2px solid #30bf78;opacity: 1;}

.div-user-comment {padding: 8% 0 0 0;overflow: hidden;}
.user-comment-top{text-align: center;}
.user-comment-top .title-1{overflow: hidden;}
.user-comment-top .title-1 span {color: #30bf78;}
.user-comment-bottom {width: 80%;margin: auto;}
.user-comment-swiper {position: relative;padding: 5% 0;overflow: visible;}
.user-comment-swiper .swiper-slide.swiper-slide-active {opacity: 1;}
.user-comment-swiper .swiper-slide {opacity: 0;}
.user-comment-swiper .swiper-slide.swiper-slide-active .user-comment-item{opacity: 1;z-index: 11;}
.user-comment-item {position: relative;font-size: 0;opacity: 0;transition:all .4s ease;z-index: 1;}
.user-comment-left {position: relative;width: 50%;box-shadow: 0px 30px 80px 0px rgba(0, 0, 0, 0.1);border-radius: 20px;overflow: hidden;z-index: 11;background: #fff;display: inline-block;vertical-align: bottom;}
.user-comment-right {width: 52%;position: relative;overflow: hidden;z-index: 1;display: inline-block;vertical-align: bottom;margin-left: -2%;}
.user-comment-right .touxiang-1{overflow: hidden;margin-left: 10%;margin-top: 5%;}	
.user-comment-right .touxiang-1 i{position: relative;display: inline-block;vertical-align: middle;width: 60px;height: 60px;border-radius: 100%;overflow: hidden;}
.user-comment-right .touxiang-1 span{display: inline-block;vertical-align: middle;margin-left: 15px;font-weight: bold;}
.user-comment-right .container-1{background: #f2faf6;overflow: hidden;padding:5% 8% 5% 10%;position: relative;margin-top: 4%;border-radius: 0 20px 20px 0 ;}
.user-comment-right .text-1{color: #666666;height: 230px;text-align: justify;overflow: hidden;}		
.user-comment-right .bottom-1{overflow: hidden;padding-top: 3%;position: relative;}	
.user-comment-right .bottom-1 .text-2{float: left;color: #999999;}	
.user-comment-right .bottom-1 .right-1{float: right;}
.user-comment-right .bottom-1 .swiper-button-prev,
.user-comment-right .bottom-1 .swiper-button-next{position: relative;left: auto;right: auto;top: auto;bottom: auto;margin: auto;opacity: 1;display: inline-block;vertical-align: middle;width: 46px;height: 46px;border-radius: 100%;border: 2px solid #30bf78;outline: none;transition:all .4s ease;}
.user-comment-right .bottom-1 .swiper-button-prev::after,.user-comment-right .bottom-1 .swiper-button-next::after {font-size: 12px;font-weight:900;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #30bf78;}
.user-comment-right .bottom-1 .swiper-button-prev:hover,.user-comment-right .bottom-1 .swiper-button-next:hover {background: #30bf78;}
.user-comment-right .bottom-1 .swiper-button-prev:hover::after,.user-comment-right .bottom-1 .swiper-button-next:hover::after  {color: #fff;}
.user-comment-right .bottom-1 .number-2 {display: inline-block;vertical-align: middle;color: #999999;padding: 0 20px;}
.user-comment-right .bottom-1 .number-2	span {color: #30bf78;}			 

.div-user-brand-bottom {position: relative;margin-top: -5%;}
.div-user-brand-bottom .text {position: absolute;text-align: center;width: 90%;left: 5%;top: 50%;transform: translateY(-50%);z-index: 11;}
.div-user-brand-bottom .text-1 {overflow: hidden;color: #111;}
.div-user-brand-bottom .text-1 strong {color: #30bf78;font-weight: normal;}

.div-user-interaction-bg {background: url('../image/bg41.jpg') center top no-repeat;background-size: cover;}




/* news */
.div-news {padding: 5% 0;overflow: hidden;}
.div-news .div-container {margin: auto;}
.div-news-nav {overflow: hidden;}
.div-news-nav a{display: inline-block;vertical-align: middle;margin-right: 15px;border-radius: 50px;border: 2px solid #e5e5e5;padding: 12px 40px;text-align: center;color: #666666;background: #fff}
.div-news-nav a.cur,.div-news-nav a:hover{color: #30bf78;border: 2px solid #30bf78;}
.div-news-list {padding: 4% 0;}
.div-news-item {float: left;width: 30.333%;margin-right: 3%;margin-bottom: 3%;}
.div-news-item a{display: block;position: relative;padding: 9% 8% 7% 8%;overflow: hidden;border-radius: 12px;background: #fff;}
.div-news-item .text {overflow: hidden;}
.div-news-item .text .date-1 {overflow: hidden;}
.div-news-item .text .date-1 li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-right: 10px;text-align: center;border-radius: 50px;padding: 6px 20px;background: #f5f5f5;box-sizing: border-box;color: #1a1a1a;}
.div-news-item .text .date-1 li:first-child {border: 1px solid #000;background: none;}
.div-news-item .text .title-1 {margin-top: 20px;min-height: 168px;color: #1a1a1a;}
.div-news-item .img{border-radius: 8px;overflow: hidden;}
.div-news-item .viewdetail-1 {color: #666666;margin-top: 5%;}
.div-news-item a:hover .pic {transform: scale(1.05);}
.div-news-item a:hover .text .date-1 li:first-child,.div-news-item a:hover .text .title-1,.div-news-item a:hover .viewdetail-1 {color: #30bf78;}
.div-news-item a:hover .text .date-1 li:first-child {border: 1px solid #30bf78;}
.div-news-item a:hover {box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);}
.div-news-item.dni1 {width: 64%;}
.div-news-item.dni1 a {padding: 0;}
.div-news-item.dni1 .text {position: absolute;left: 5%;top: 8%;width: 90%;z-index: 1;}
.div-news-item.dni1 .text .date-1 li {background: rgba(255,255,255,.2);color: #fff;}
.div-news-item.dni1 .text .date-1 li:first-child {background: none;border: 1px solid #fff;}
.div-news-item.dni1 .text .title-1 {color: #fff;}
.div-news-item.dni1 .viewdetail-1 {margin: 0;position: absolute;left:5%;bottom: 8%;color: #fff;z-index: 2;}
.div-news-item.dni1 .img{border-radius: 16px;}
.div-news-item.dni1 a:hover .text .date-1 li:first-child {background:none;border: 1px solid #fff;}
.div-news-item.dni1 a:hover .text .date-1 li:first-child,
.div-news-item.dni1 a:hover .text .title-1,
.div-news-item.dni1 a:hover .viewdetail-1 {color: #fff;}
.div-news-item.dni2,.div-news-item.dni5,.div-news-item.dni8 {margin-right: 0;}

.page-turn {text-align: center;overflow: hidden;clear: both;padding-bottom: 2%;}
.page-turn a  {display: inline-block;vertical-align: middle;width: 60px;height: 60px;border-radius: 100%;position: relative;box-sizing: border-box;}
.page-turn a span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #999999;}
.page-turn a.cur,.page-turn a:hover  {background: #30bf78;}
.page-turn a.cur span,.page-turn a:hover span {color: #fff;}
.page-turn a.prev,.page-turn a.next {border: 2px solid #e5e5e5;margin: 0 20px;}
.page-turn a.prev::after,.page-turn a.next::after {content: '';width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.page-turn a.prev::after {background: url('../image/l5.png') center no-repeat;}
.page-turn a.next::after {background: url('../image/r5.png') center no-repeat;}
.page-turn a.prev:hover,.page-turn a.next:hover {border: 2px solid #30bf78;}
.page-turn a.prev:hover::after,.page-turn a.next:hover::after {filter: invert(100%);}

.div-detail-path {margin-top: 60px;overflow: hidden;}
.div-detail-path .div-container{padding: 1% 0;overflow: hidden;color: #999999;}
.div-detail-path a {color: #999999;}
.div-detail-path a:hover {color: #30bf78;}
.div-detail-path a.cur {color: #000;}

.div-news-detail {overflow: hidden;margin-top: 5%;}
.news-detail-left{float: left;width: 70%;}
.news-detail-top{padding: 2.5% 0;border-bottom: 1px solid #e5e5e5;}
.news-detail-top .date-1{overflow: hidden;}
.news-detail-top .date-1 li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-right: 10px;text-align: center;border-radius: 50px;padding: 6px 20px;background: #f5f5f5;box-sizing: border-box;color: #1a1a1a;}
.news-detail-top .date-1 li:first-child {background: none;border: 1px solid #000;}
.news-detail-top .title-1{padding: 1% 0;overflow: hidden;color: #222;}
.news-detail-center {padding: 5% 0 10% 0;overflow: hidden;}
.news-detail-center img {max-width: 100%;height: auto;height: auto!important;}
.news-detail-bottom {overflow: hidden;padding-bottom: 8%;}
.news-detail-bottom a {display: block;position: relative;border-top: 1px solid #e5e5e5;padding: 3% 0;}
.news-detail-bottom span {display: block;color: #1a1a1a;}
.news-detail-bottom i {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-style: normal;}
.news-detail-bottom a:hover span{color: #30bf78;}
.news-detail-right {float: right;width: 23%;}
.news-detail-other {position: relative;overflow: hidden;}
.news-detail-other .title-1{padding-bottom: 5%;border-bottom: 1px solid #e5e5e5;color: #333;}
.news-detail-other-list {overflow: hidden;}
.news-detail-other-list a{display: block;padding: 10% 0;border-bottom: 1px solid #e5e5e5;}
.news-detail-other-list .date-1 li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-right: 10px;text-align: center;border-radius: 50px;padding: 6px 20px;background: #f5f5f5;box-sizing: border-box;color: #1a1a1a;}
.news-detail-other-list .date-1 li:first-child {background: none;border: 1px solid #e6e6e6;}
.news-detail-other-list .title-2{padding-top: 3%;overflow: hidden;color: #1a1a1a;}
.news-detail-other-list a:hover .title-2{color: #30bf78;}
.template-pagination{padding: 0 0 100px;}
.template-pagination ul {
  gap: 8px;
}
.template-pagination ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 87px;
  height: 35px;
  color: #7A7A7A;
  font-weight: 600;
  border-radius: 3px;
  background: rgba(194, 194, 194, 0.5);
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.template-pagination ul li a:hover {
  background: #28a24c;
  color: #fff;
}
.template-pagination.pg-style-2 ul li a {
  background-color: #fff;
  color: #111010;
}
.template-pagination.pg-style-2 ul li a:hover {
  background: #28a24c;
  color: #fff;
}
.template-pagination.pg-style-2 ul li a.active {
  background: #28a24c;
  color: #fff;
}



/* service */
.div-service-faq  {padding: 5% 0;overflow: hidden;}
.div-service-faq-list {position: relative;}
.service-faq-item {position: relative;border-bottom: 1px solid #e8e8e8;}
.service-faq-item .title.cur .title-1{color: #30bf78;}
.service-faq-item .title.cur::after {filter: grayscale(0);transform: translateY(-50%) rotate(0deg);}
.service-faq-item .title{position: relative;padding: 2% 0;overflow: hidden;cursor: pointer;}
.service-faq-item .title::after {content: '';width: 14px;height: 14px;right: 0;top: 50%;transform: translateY(-50%) rotate(180deg);background: url('../image/top.png') center no-repeat;filter: grayscale(100%);position: absolute;transition:all .4s ease;}
.service-faq-item .title-1{color: #1a1a1a;display: inline-block;vertical-align: middle;margin-left: 15px;}
.service-faq-item .faq-1 {display: inline-block;vertical-align: middle;width: 30px;height: 30px;border: 1px solid #000;border-radius: 100%;position: relative;}
.service-faq-item .faq-1::before {content: '';width: 14px;height: 14px;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/q.png') center no-repeat;filter: invert(100%);position: absolute;}
.service-faq-item .title.cur .faq-1 {background: #30bf78;border: 1px solid #30bf78;}
.service-faq-item .title.cur .faq-1::before {filter: invert(0);}
.service-faq-item .text{overflow: hidden;padding: 1% 3.5% 5% 3.5%;display: none;}
.service-faq-item .text-1{color: #1a1a1a;} 
 
.div-service-download {padding: 5% 0;overflow: hidden;background: #f7f8fa;}
.div-service-download .title-1{text-align: center;}
.service-download-swiper {overflow: hidden;padding: 3% 0 5% 0;} 
.div-service-download-list {position: relative;}
.service-download-item {position: relative;}
.service-download-item a{display: block;position: relative;}
.service-download-item .text{position: absolute;left: 8%;top: 10%;width: 80%;z-index: 1;}
.service-download-item .data-1{color: #999999;}
.service-download-item .title-2 {color: #000;font-weight: bold;margin-top: 2%;}
.service-download-item .download-1{position: absolute;left: 8%;bottom: 12%;padding: 13px 33px;text-align: center;z-index: 1;border: 2px solid #30bf78;border-radius: 50px;}
.service-download-item .download-1 i{display: inline-block;vertical-align: middle;width: 17px;height: 16px;background: url('../image/d1.png');}
.service-download-item .download-1 span{display: inline-block;vertical-align: middle;margin: 0 10px;color: #30bf78;}
.service-download-item a:hover .download-1 {background: #30bf78;}
.service-download-item a:hover .download-1 i {background: url('../image/d2.png');}
.service-download-item a:hover .download-1 span {color: #fff;}
.service-download-item a:hover {box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);}
.service-download-item a:hover .title-2 {color: #30bf78;}
.service-download-item .img {background: #fff;border-radius: 12px;}
.service-download-swiper-bottom {margin-top: -1%;position: relative;text-align: center;width: 100%;}
.swiper-download-prev,.swiper-download-next,.download-pagination {display: inline-block;vertical-align: middle;position: relative;left: auto;top: auto;right: auto;bottom: auto;margin: 0 10px;width: auto;color: #999999;}
.swiper-download-prev,.swiper-download-next {width: 50px;height: 50px;border-radius: 100%;border: 2px solid #30bf78;box-sizing: border-box;}
.swiper-download-prev::after,.swiper-download-next::after {font-size: 12px;font-weight: 900;color: #30bf78;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.download-pagination .swiper-pagination-current {color: #30bf78;}
.swiper-download-next {background: #30bf78;}
.swiper-download-next::after {color: #fff;}

.div-service-download-brochure {padding: 2% 0 5% 0;overflow: hidden;background: #f7f8fa;}
.div-service-download-brochure .title-1{text-align: center;}

.div-service-download-video {padding: 5% 0;overflow: hidden;}
.service-download-video-top {position: relative;padding: 3% 0;}
.service-download-video-top .title-1{overflow: hidden;}
.service-download-video-top-nav {position: absolute;right: 0;top: 50%;transform: translateY(-50%);text-align: right;}
.service-download-video-top-nav a{display: inline-block;vertical-align: middle;margin-left: 15px;border-radius: 50px;border: 2px solid #e5e5e5;padding: 12px 40px;text-align: center;color: #666666;}
.service-download-video-top-nav a.cur,.service-download-video-top-nav a:hover{color: #30bf78;border: 2px solid #30bf78;}
.service-download-video-bottom {overflow: hidden;padding-bottom: 1%;}
.service-download-video-list {position: relative;overflow: hidden;}
.service-download-video-item {overflow: hidden;float: left;width: 23.666%;margin-left: 1.3%;}
.service-download-video-item a{display: block;overflow: hidden;position: relative;}
.service-download-video-item a::before {content: '';width: 26px;height:16px;position: absolute;left: 30px;bottom: 30px;z-index: 11;background: url('../image/vid.png');}
.service-download-video-item .title-2{position: absolute;left: 30px;top: 20px;z-index: 1;color: #fff;width: 80%;font-weight: bold;}
.service-download-video-item .img {border-radius: 12px;}
.service-download-video-item.sdvi1 {width: 49%;margin: 0;}
.service-download-video-item.sdvi2,.service-download-video-item.sdvi3 {margin-bottom: 1.5%;}
.service-download-video-item.sdvi4,.service-download-video-item.sdvi5 {margin-bottom: 0;}
.service-download-video-item a:hover .pic{transform: scale(1.05);}
.service-download-video-bottom .service-download-swiper-bottom{margin-top: 3%;}
 
.div-service-after-sale {padding: 7% 0;overflow: hidden;}
.service-after-sale-top {text-align: center;}
.service-after-sale-top .title-1{overflow: hidden;color:#111}
.service-after-sale-top .title-1 strong{font-weight: normal;color: #30bf78;}
.service-after-sale-bottom {overflow: hidden;padding: 3% 0;text-align: center;}
.service-after-sale-item {position: relative;display: inline-block;vertical-align: middle;margin: 0 8px 15px 8px;border: 1px solid #e6e6e6;border-radius: 12px;overflow: hidden;width: 35%;text-align: left;box-sizing: border-box;}
.service-after-sale-item .icon-1{position: absolute;left: 5%;top: 10%;width: 50px;height: 50px;overflow: hidden;}
.service-after-sale-item .icon-1 img {max-width: 100%;max-height: 100%;}
.service-after-sale-item .right-1{position: absolute;right: 5%;bottom: 5%;text-align: right;}
.service-after-sale-item .tel-1{overflow: hidden;font-family: 'HmMedium';color: #111;}
.service-after-sale-item .text-1{margin-top: 1%;position:absolute;left:14%;top:8%;color:#1a1a1a;}
.service-after-sale-item .right-1 .text-1{color: #999999;margin-top: 1%;position:relative;left:auto;top:auto;}
.service-after-sale-item .ewm-1{overflow: hidden;}
.service-after-sale-item .img {background: none;}


.div-contact-us {padding: 5% 0;overflow: hidden;margin-top: 2%;}
.div-contact-us .div-container {width: 52%;}
.contact-us-top {padding-bottom: 4%;border-bottom: 1px solid #e8e8e8;}
.contact-us-top .title-1{color: #30bf78;}
.contact-us-top .title-2{margin-top: 1%;}
.contact-us-center {padding: 5% 0;overflow: hidden;}
.contact-us-item {float: left;width: 50%;margin-bottom: 5%;}
.contact-us-item .title-1{padding-bottom: 2%;}
.contact-us-item .title-2{color: #666666;padding-right: 5%;}
.contact-us-bottom {overflow: hidden;}
.contact-us-bottom .service-after-sale-item {width: 48.5%;margin: 0 ;margin-bottom: 2%;margin-right: 1%!important;}
.contact-us-bottom .service-after-sale-item:nth-child(2),.contact-us-bottom .service-after-sale-item:nth-child(4) {margin-right: 0;}

.div-recruitment {padding: 5% 0;overflow: hidden;background: #f7f8fa;}
.div-recruitment-left {float: left;width: 15%;overflow: hidden;}
.div-recruitment-left .title-1{border-bottom: 1px solid #dedfe1;overflow: hidden;padding-bottom: 20px;}
.div-recruitment-nav {padding: 5% 0;overflow: hidden;}
.div-recruitment-nav a {display: block;position: relative;padding: 4% 0 4% 30px;overflow: hidden;}
.div-recruitment-nav a::after {content: '';width: 16px;height: 16px;position: absolute;left: 0;top: 50%;border: 1px solid #000;border-radius: 100%;transform: translateY(-50%);}
.div-recruitment-nav a::before {content: '';width: 4px;height: 4px;position: absolute;left: 7px;top: 50%;border-radius: 100%;transform: translateY(-50%);background: #30bf78;opacity: 0;}
.div-recruitment-nav a.cur {color: #30bf78;}
.div-recruitment-nav a.cur::before {opacity: 1;}
.div-recruitment-nav a.cur::after {border: 1px solid #30bf78;}
.div-recruitment-right {float: right;width: 80%;}
.div-recruitment-right .text-1{border-bottom: 1px solid #dedfe1;overflow: hidden;padding-bottom: 20px;}
.div-recruitment-right .text-1 span{color: #30bf78;}
.div-recruitment-list {position: relative;padding-top: .5%;margin-top:2%;}
.div-recruitment-item {float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;position: relative;}
.div-recruitment-item.mr0 {margin-right: 0;}
.div-recruitment-item a {display: block;position: relative;overflow: hidden;}
.div-recruitment-item .text{position: absolute;text-align: center;width: 90%;left: 5%;height: 90%;z-index: 1;top: 5%;}
.div-recruitment-item .class-1 {display: inline-block;margin-top: 5%;border: 1px solid #000; border-radius: 20px;padding: 3px 20px;}
.div-recruitment-item .title-2 {clear: both;margin-top: 8%;font-weight: 900;}
.div-recruitment-item .text-2 {position: absolute;width: 90%;left: 5%;bottom: 23%;z-index: 11;color: #999999;}
.div-recruitment-item .viewjob-1 {position: absolute;width: 90%;left: 5%;bottom: 3%;}
.div-recruitment-item .viewjob-1 span{display: inline-block;position: relative;padding-bottom: 5px;}
.div-recruitment-item .viewjob-1 span::after  {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0px;background: #1a1a1a;}
.div-recruitment-item .img{background: #fff;border-radius: 12px;overflow: hidden;}
.div-recruitment-item a:hover {box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);}
.div-recruitment-item a:hover .viewjob-1 span::after {background: #30bf78;}
.div-recruitment-item a:hover .title-2,.div-recruitment-item a:hover .viewjob-1 span {color: #30bf78;}

.div-recruitment-detail {padding: 3.5% 0;background: #f7f8fa;}
.div-recruitment-detail .div-detail-path {margin-top: 0;}
.div-detail-top {width: 80%;margin: auto;margin-top: 6%;position: relative;}
.div-detail-top .return-1 {position: absolute;left: 0;top: 20%;z-index: 11;}
.div-detail-top .return-1 a{width: 80px;height: 80px;display: block;border-radius: 100%;background: #fff;box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);}
.div-detail-top .return-1 a::after {content: '';width: 20px;height: 20px;background:url('../image/l4.png') center no-repeat;position: absolute;left: 50%;top: 50%;margin: -10px 0 0 -10px;}
.div-detail-top .return-1 a:hover {background: #30bf78;}
.div-detail-top .return-1 a:hover::after {filter: invert(100%);}
.div-detail-title {position: relative;}
.div-detail-title .title-1{font-weight: bold;}
.div-detail-title .text-1{color: #999999;margin-top: 1%;}
.div-detail-top .send-1 {position: absolute;right: 0;bottom: 0;}
.div-detail-top .send-1 a{display: block;line-height: 46px;border: 2px solid #30bf78;color: #30bf78;border-radius: 50px;padding: 0 34px;}
.div-detail-top .send-1 a:hover {border: 2px solid #30bf78;background: #30bf78;color: #fff;}
.div-detail-top .div-container {width: 78%;}
.div-recruitment-detail-bottom  {padding: 2% 0;overflow: hidden;}
.div-recruitment-detail-bottom .div-container {width: 62%;margin: auto;}
.div-recruitment-detail-bottom-item {padding: 5% 0;overflow: hidden;position: relative;border-bottom: 1px solid #e5e5e5;clear: both;}
.div-recruitment-detail-bottom-item .title-1{font-weight: bold;float: left;width: 20%;}
.div-detail-bottom-item {float: right;width: 55%;}
.div-detail-bottom-item .text-1 {overflow: hidden;}
.div-recruitment-nextprev {padding: 2% 0;overflow: hidden;margin-bottom: 4%;}
.div-recruitment-nextprev a {float: left;width: 48%;}
.div-recruitment-nextprev a:last-child {float: right;width: 48%;text-align: right;}


.div-recruitment-windows {width: 31%;position: fixed;left: 50%;top: 50%;z-index: 1111;transform: translate(-50%,-250%);background: #fff;box-sizing: border-box;padding: 3% 3%;border-radius: 20px;text-align: center;transition:all .4s ease;}
.div-recruitment-windows.cur {transform: translate(-50%,-50%);}
.div-recruitment-windows-mark {position: fixed;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;transition:all .4s ease;}
.div-recruitment-windows-mark.cur {opacity: 1;z-index: 1110;}
.div-recruitment-windows .close-2{position: absolute;right: 2%;top: 2%;z-index: 2;}
.div-recruitment-windows .close-2 i {display: block;width: 50px;height: 50px;position: relative;cursor: pointer;transform: rotate(45deg);transition:all .4s ease;}
.div-recruitment-windows .close-2 i::after {content: '';width: 24px;height: 2px;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.div-recruitment-windows .close-2 i::before {content: '';width: 2px;height: 24px;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.div-recruitment-windows .close-2:hover i{transform: rotate(135deg);}
.div-recruitment-windows .title-1{overflow: hidden;}
.div-recruitment-windows .text-1{color: #999999;margin-top: 3%;}
.div-recruitment-from {text-align: left;margin-top:7%;}
.div-recruitment-from li{list-style: none;margin: 0;padding: 0;padding: 1% 0;position: relative;}
.div-recruitment-from .input-2{width: 100%;display: block;border: none;background: #f7f8fa;box-sizing: border-box;padding: 4.2% 6%;overflow: hidden;border-radius: 50px;}
.div-recruitment-from .text-2 {padding: 2% 0;overflow: hidden;margin-top: 2%;}
.div-recruitment-from .text-2 span {color: #999999;}
.div-recruitment-from .input-3 {width: 100%;display: block;border: none;background:none;box-sizing: border-box;padding: 3% 6%;overflow: hidden;}
.div-recruitment-from .upload-2{position: relative;padding: 1% 0;border: 1px solid #e6e6e6;border-radius: 50px;overflow: hidden;}
.div-recruitment-from .button-2{position: absolute;width:20%;display: block;border: none;background: #30bf78;box-sizing: border-box;padding: 3% 3%;overflow: hidden;text-align: center;color: #fff;right: 8px;top: 50%;border-radius: 50px;cursor: pointer;font-size: 12px;transform: translateY(-50%);}
.div-recruitment-from .submit-2 {width: 100%;display: block;border: none;background: #30bf78;box-sizing: border-box;padding: 4% 0;overflow: hidden;text-align: center;color: #fff;cursor: pointer;border-radius: 50px;margin-top: 5%;}
.div-recruitment-from .submit-2:hover {background: #41d68c;}





/* product */
.product-banner-item {background: #f7f8fa;margin-top: 56px;overflow: hidden;}
.product-banner-item .text{margin-top: 5%;text-align: center;}
.product-banner-item .keyword-1 {border: 1px solid #30bf78;border-radius: 6px;overflow: hidden;text-align: center;display: inline-block;padding: 5px;}
.product-banner-item .keyword-1 li{display: inline-block;vertical-align: middle;position: relative;padding: 0 15px;color: #30bf78;}
.product-banner-item .keyword-1 li::after {content: '';width: 1px;height: 70%;position: absolute;right: 0;top: 15%;background: #30bf78;}
.product-banner-item .keyword-1 li:last-child::after {display: none;}
.product-banner-item .title-1{margin-top: 1%;}
.product-banner-item .item-1 {overflow: hidden;margin-top: 2%;}
.product-banner-item .item-1 li{list-style: none;margin: 0;display: inline-block;vertical-align:middle;padding: 0 40px;position: relative;text-align: right;}
.product-banner-item .item-1 li::after {content: '';width: 16px;height: 16px;background: url('../image/x.png') center no-repeat;position: absolute;right: -8px;top: 50%;transform: translateY(-50%);}
.product-banner-item .item-1 li span{display: block;color: #999999;}
.product-banner-item .item-1 li strong{display: block;font-family: 'Montserrat-Light';font-weight: normal;padding: 5px 0;margin: 0;}
.product-banner-item .item-1 li:last-child {text-align: left;}
.product-banner-item .item-1 li:last-child::after {display: none;}
.product-banner-item .product {text-align: center;margin-top: 5%;}
.product-banner-item .product img {display: inline-block;}
.index-banner-swiper .product-banner-item .item-1 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);transition-delay: .6s;}
.index-banner-swiper .swiper-slide-active .product-banner-item .item-1  {transform: translateY(0px);opacity: 1;}


.class-type-product-swiper .swiper-slide .class-type-product{opacity: 0;z-index: -1;}
.class-type-product-swiper .swiper-slide.swiper-slide-active .class-type-product{opacity: 1;z-index: 11;}
.product-class-type {background: #fff;padding: .5% 0 3% 0;overflow: hidden;text-align: center;border-bottom: 10px solid #f7f8fa;}
.product-class-type-nav {font-size: 0;overflow: hidden;}
.product-class-type-nav a {display: inline-block;vertical-align: middle;position: relative;padding: 20px;}
.product-class-type-nav a::after {content: '';width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;}
.product-class-type-nav a::before {content: '';width: 0;height: 2px;background: #30bf78;position: absolute;left: 0;bottom: 0;z-index: 1;opacity: 0;transition:all .4s ease;}
.product-class-type-nav a.cur::before {opacity: 1;width: 100%;}
.product-class-type-nav a.cur,.product-class-type-nav a:hover {color: #30bf78;}

.class-type-product {margin-top: 2%;overflow: hidden;}
.class-type-product a{display: inline-block;vertical-align: middle;position: relative;}
.class-type-product a .img{background: none;}
.class-type-product a .class-1{color: #1a1a1a;font-family: 'Montserrat-Light';margin-top: 1%;}
.class-type-product a:hover .class-1{color: #30bf78;}
.class-type-product a:hover .pic {transform: translateY(-5px);}

.product-superior-strength {padding: 5% 0 9.3% 0;overflow: hidden;text-align: center;}
.superior-strength-title {overflow: hidden;padding: 2% 0 4% 0;}
.superior-strength-item{width: 32%;display: inline-block;vertical-align: top;margin-right:1%;text-align: left;}
.superior-strength-item a {display: block;padding: 12% 8%;overflow: hidden;background: #333333;color: #fff;border-radius: 20px;}
.superior-strength-item a:hover {transform: translateY(-10px);}
.superior-strength-item .title-1{font-weight: bold;}
.superior-strength-item ul{list-style: none;margin: 0;padding: 0;margin-top: 10%;min-height: 120px;}
.superior-strength-item li{list-style: none;margin: 0;padding: 2px 0;padding-left: 10px;position: relative;}
.superior-strength-item li::before {content: '';width: 3px;height: 3px;position: absolute;left: 0;top: 10px;background: #fff;}
.superior-strength-item.bgc1 a{background: #e8be84;color: #000;}
.superior-strength-item.bgc1 li::before {background: #000;}
.superior-strength-item.bgc2 a{background: #2fbf79;} 
.core-products-left .text-1{margin-top: 1.5%;color: #999999;}

.div-product-list {padding: 9% 0;overflow: hidden;text-align: center;font-size: 0;}
.product-list-item {position: relative;display: inline-block;vertical-align: middle;margin: .3%;}
.product-list-item a {display: block;position: relative;}
.product-list-item a .img {background: #f7f8fa;border-radius: 20px;}
.product-list-item .title-1 {position: absolute;width: 90%;left: 5%;bottom: 7%;z-index: 1;text-align: center;color: #1a1a1a;}
.product-list-item a:hover .title-1{color: #2fbf79;}
.product-list-item a:hover .img-center {transform: translateY(-10px);}

.div-product-type-other {overflow: hidden;}
.product-type-other {float: left;width: 49.7%;overflow: hidden;margin-bottom: .5%;clear: left;}
.product-type-other.mr0 {margin-right: 0;float: right;clear: none;}
.product-type-other.mr0 a {border-radius: 12px 0 0 12px ;}
.product-type-other a {display: block;position: relative;text-align: center;border-radius: 0 12px 12px 0;overflow: hidden;}
.product-type-other .title-1 {position: absolute;left: 5%;top: 10%;width: 90%;z-index: 11;color: #fff;}
.product-type-other .img {background: #f1f1f1;}
.product-type-other a:hover .pic {transform: scale(1.03);}

.product-banner-item {background-size: cover;}
.product-banner-item .text-2{margin-top: 1%;color: #666666;}
.index-banner-swiper .product-banner-item .text-2 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);transition-delay: .6s;}
.index-banner-swiper .swiper-slide-active .product-banner-item .text-2  {transform: translateY(0px);opacity: 1;}

.product-photovoltaic-list {background: #f7f8fa;overflow: hidden;padding: 7.5% 0;}
.product-photovoltaic-item {position: relative;background: #fff;overflow: hidden;border-radius: 20px;margin-bottom: 1.2%;}
.product-photovoltaic-item .img{float: right;width: 60%;overflow: hidden;background: #f1f1f1;}
.product-photovoltaic-item .img .pic {background-size: 100%;}
.product-photovoltaic-item a:hover .pic {background-size: 101%;}
.product-photovoltaic-item .text{position: absolute;left: 5%;top: 50%;transform: translateY(-50%);}
.product-photovoltaic-item .title-1 {color: #1a1a1a;}
.product-photovoltaic-item .text-1 {margin-top: 2%;color: #999999;overflow: hidden;}
.product-photovoltaic-item .more-1 {margin-top: 10%;overflow: hidden;}
.product-photovoltaic-item.fr .img{float: left;}
.product-photovoltaic-item.fr .text {left:auto;right: 13%;}


.fengge {height: 50px;clear: both;}
.page-nav-show-content {background: #fff;margin-top: 56px;overflow: hidden;}
.solar-panels-content {overflow: hidden;background: #f7f8fa;padding: 4% 0;}
.solar-panels-item {overflow: hidden;margin: 0 auto;clear: both;padding: 3% 0;}
.solar-panels-item:last-child {margin-bottom: 0;clear: both;}
.solar-panels-content-top {text-align: center;}
.solar-panels-content-top .title-1 {overflow: hidden;}
.solar-panels-content-top .text-1 {color: #999999;margin-top: 1%;}
.solar-panels-content-img {margin-top: 3%;overflow: hidden;}
.solar-panels-content-img .img {border-radius: 20px;background: none;text-align: center;}
.solar-panels-content-img .img-inline{width: auto;}

.solar-panels-product {padding: 2% 0;overflow: hidden;background: #f7f8fa;}
.solar-panels-product-item {float: left;width: 49.5%;margin-right: 1%;margin-bottom: 1%;position: relative;background: #fff;border-radius: 20px;overflow: hidden;}
.solar-panels-product-item.mr0 {margin-right: 0;}
.solar-panels-product-item.w100 {width: 100%;margin-right: 0;}
.solar-panels-product-item .text {text-align: center;margin: auto;padding: 10% 0 5% 0;}
.solar-panels-product-item .title-1 {overflow: hidden;}
.solar-panels-product-item .text-1 {margin-top: 1%;color: #999999;}
.solar-panels-product-item .text-1 p {margin: 0;padding: 0;}
.solar-panels-product-item .more-1 {margin-top: 5%;}
.solar-panels-product-item .img {background: none;}
.solar-panels-product-item.w100 {clear: both;width: 100%;margin-right: 0;padding: 5% 0;}
.solar-panels-product-item.w100 .img{width: 50%;float: right;}
.solar-panels-product-item.w100 .text {position: absolute;text-align: left;top: 50%;transform: translateY(-50%);width: 40%;left: 8%;padding: 0;}
.solar-panels-product-item a:hover .img-center {transform: translateY(-10px);}
.solar-panels-product-item .more-2 {margin-top: 1%;}
.solar-panels-product-item .more-2 span {color: #2fbf79;}
.solar-panels-product-item .more-2 i {background: url('../image/r1.png') center no-repeat;}
.solar-panels-parts {padding:1% 0 5% 0;overflow: hidden;background: #f7f8fa;}
.solar-panels-product-item.sppi2,
.solar-panels-product-item.sppi4,
.solar-panels-product-item.sppi7 {margin-right: 0;}
.solar-panels-product-item.sppi5,
.solar-panels-product-item.sppi6,
.solar-panels-product-item.sppi7 {width: 32.5%;}
.solar-panels-product-item.sppi7,
.solar-panels-product-item.sppi7.mr0 {margin-right: 0;padding:0;}





.div-product-detail {margin-top: 56px;overflow: hidden;}
.product-detail-top {width: 100%;padding: .8% 0;border-bottom: 1px solid #e6e6e6;}
.div-product-detail-black .product-detail-top {position: absolute;z-index: 100;top: 56px;left: 0;}
.product-detail-top .div-container {width: 80%;position: relative;}
.product-detail-top .title-1{font-weight: 900;}
.product-detail-top-botton {position: absolute;right: 0;top: 50%;transform: translateY(-50%);text-align: right;}
.product-detail-top-botton .buy-1{display: inline-block;padding: 7px 17px;text-align: center;color: #fff;background: #2fbf79;border-radius: 50px;}
.product-detail-top-botton .buy-1:hover {background: #41d68c;}
.product-detail-top.white {border-bottom: 1px solid #ccc;}
.div-product-detail-black .product-detail-top.white  .div-container {border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.product-detail-top.white .title-1 {color: #000;}
.div-product-detail-black .product-detail-top.white .title-1 {color: #000;}
.product-detail-top.white .product-detail-top-botton a.botton-1{color: #000;}
.buyshow-list {position: absolute;width: 160px;right: 0;top:90%;z-index: 100;padding-top: 15px;display: none;}
.buyshow-list .buyshow-1 {background: #fff;border-radius: 6px;box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);}
.buyshow-list .buybtn-1{padding: 15px 0;display: block;text-align: center;position: relative;border-bottom: 1px solid #e5e5e5;}
.buyshow-list .buybtn-1 i{display: inline-block;vertical-align: middle;margin-right: 10px;}
.buyshow-list .buybtn-1 span{display: inline-block;vertical-align: middle;color: #666666;}
.buyshow-list .buybtn-1:last-child {border: none;}
.buyshow-list .buybtn-1:hover span{color: #2fbf79;}
.product-detail-center {padding: 2% 0;overflow: hidden;}
.product-detail-center .div-container {overflow: hidden;}
.product-detail-center-left {float: left;width: 70%;overflow: hidden;}
.product-detail-pics {position: relative;}
.product-detail-pics-swiper {overflow: hidden;}
.product-detail-pics-swiper .img{background: none;background: #f7f8fa;border-radius: 20px;}
.swiper-detail-prev,.swiper-detail-next {border: 2px solid #ccc;border-radius: 100%;width: 54px;height: 54px;transform: scale(.9);transition:all .4s ease;top: 45%;}
.swiper-detail-prev::after,.swiper-detail-next::after {font-size: 12px;font-weight: bold;}
.swiper-detail-prev:hover,.swiper-detail-next:hover {border: 2px solid #2fbf79;background: #2fbf79;}
.swiper-detail-prev:hover::after ,.swiper-detail-next:hover::after {color: #fff;}
.swiper-detail-prev {left: 3%;}
.swiper-detail-next {right: 3%;}
.detail-pagination {position: relative;width: 100%;margin-top: 3%;}
.detail-pagination span {border: 2px solid #e5e5e5;background: none;opacity: 1;width: 8px;height: 8px;}
.detail-pagination span.swiper-pagination-bullet-active {border: 2px solid #2fbf79;}
.product-detail-center-right {float: right;width: 25%;overflow: hidden;position: relative;}
.product-detail-right-top {overflow: hidden;padding: 3% 0 0 0;}
.product-detail-right-top .text{overflow: hidden;}
.product-detail-right-top .title-1{font-weight: 900;}
.product-detail-right-top .title-2{font-weight: 900;margin-top: -1%;}
.product-detail-right-top .botton-nav{padding: 4% 0 8% 0;overflow: hidden;margin-top: 2%;border-bottom: 1px solid #e6e6e6;}
.product-detail-right-top .botton-nav a{display: inline-block;vertical-align: middle;text-align: center;border: 2px solid #ccc;padding: 8px 20px;border-radius: 50px;margin-right: 7px;color: #999999;}                
.product-detail-right-top .botton-nav a.cur,.product-detail-right-top .botton-nav a:hover {border: 2px solid #000;color: #000;}  
.product-detail-center-right .icon-list-2 {overflow: hidden;padding-top: 7%;}
.product-detail-center-right .icon-list-2 .icon-item-1 {float: left;width: 30%;margin:1% 0;border: 1px solid #e8e8e8;border-radius: 12px;overflow: hidden;padding: 2% 0;margin-right: 2%;}
.product-detail-center-right .icon-list-2 .icon-item-1 .icon-1{position: relative;width: 55px;height: 55px;overflow: hidden;margin: auto;}
.product-detail-center-right .icon-list-2 .icon-item-1 .title-1{text-align: center;color: #666666;padding: 3% 0;margin-bottom: 2%;}
.product-detail-right-center {padding:0;overflow: hidden;}
.parameter-list-1 {position: relative;opacity: 0;}
.parameter-item-1 {border-bottom: 1px solid #e6e6e6;padding: 6% 0;overflow: hidden;}
.parameter-item-1 .title-3{color: #666666;font-weight: 600;}
.parameter-item-1 .text-3{color: #1a1a1a;font-weight: 900;margin-top: 5px;}
.product-detail-parameter-swiper .swiper-slide.swiper-slide-active .parameter-list-1{opacity: 1;}
.product-detail-bottom {padding: 5% 0;overflow: hidden;}
.parameter-icon-main {position: relative;padding-top: 5%;overflow: hidden;}
.parameter-icon-top {text-align: center;}
.parameter-icon-top .title-1 {font-weight: 900;}
.parameter-icon-top .text-1 {color: #666666;margin-top: 1%;}
.parameter-icon-list {width: 64%;margin: auto;margin-top: 3%;}    
.parameter-icon-item {display: block;text-align: center;width: 12%;margin: 2%;float: left;}
.parameter-icon-item .icon-1 {position: relative;width: 100%;height: 60px;}
.parameter-icon-item .title-1{margin-top: 5px;}
.parameter-icon-item .text-1{color: #999999;margin-top: 15px;}
.product-detail-type-other {margin-top: 3%;overflow: hidden;position: relative;margin-bottom: 10px;font-size: 0;}
.product-detail-type-other a{position: relative;width: 33%;display: inline-block;vertical-align: middle;overflow: hidden;border-radius:12px;margin: 0 .5%;}
.product-detail-type-other .title-1{position: absolute;width: 90%;top: 15%;left: 5%;z-index: 1;color: #fff;text-align: center;}
.product-detail-type-other .img{overflow: hidden;border-radius: 10px;}
.product-detail-type-other a:first-child {border-radius: 0 12px 12px 0;margin: 0;}
.product-detail-type-other a:last-child {border-radius: 12px 0 0 12px;float: right;margin: 0;}
.product-detail-type-other a:hover .pic {transform: scale(1.05);}

.div-product-detail-black {background: #101010;padding-top: 56px;overflow: hidden;}
.div-product-detail-black .product-detail-top {border-bottom:none;padding: 0;}
.div-product-detail-black .product-detail-top .div-container {border-bottom: 1px solid #3d3d3d;padding: .8% 0;}
.div-product-detail-black .product-detail-top .title-1{color: #fff;}
.div-product-detail-black .product-detail-top-botton li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-left: 25px;}
.div-product-detail-black .product-detail-top-botton li a{color: #fff;opacity: .4;} 
.div-product-detail-black .product-detail-top-botton li.cur a {opacity: 1;}
.div-product-detail-black .product-detail-top-botton li.showbuy a {opacity: 1;}
.product-detail-main {position: relative;}
.product-detail-style1 {position: relative;background: #fff;}
.product-detail-style1 .product-detail-style1-top{overflow: hidden;position: absolute;left: 0;width: 100%;top: 13%;z-index: 11;text-align: center;}
.product-detail-style1 .product-detail-style1-top .title-1{color: #fff;font-weight: 900;}
.product-detail-style1 .product-detail-style1-center {overflow: hidden;width: 100%;position: relative;z-index: 10;}
.product-detail-style1 .product-detail-style1-center .img{width: 100%;margin: auto;border-radius: 20px;margin-top: 13%;transform: scale(.8);background: #000;}
.product-detail-style1::after {content: '';width: 100%;height: 80%;position: absolute;left: 0;top: 0;background: #101010;z-index: 1;}
.trigger {position: relative;}
.product-detail-style2 {position: relative;overflow: hidden;width: 100%;height: 100%;z-index: 12;background: #fff;}
.product-detail-style2.text-ani1 {position: absolute;}
.product-detail-style2 .text {position: absolute;left:50%;top: 50%;margin: auto;z-index: 11;text-align: center;transform: translate(-50%,-90%);}
.product-detail-style2 .title-1 {line-height: 100px;font-weight: 900;display: inline-block;background: linear-gradient(140deg, #2fbf79 20%, #7acea5 40%, #2fbf79 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.product-detail-style2 .img {background: #fff;}
.product-detail-style3 {position: relative;overflow: hidden;}
.product-detail-style3 .text {position: absolute;left:50%;top: 50%;margin: auto;z-index: 11;text-align: center;transform: translate(-50%,-50%);color: #fff;width: 100%;}
.product-detail-style3 .text.center {left:50%;top: 50%;transform: translate(-50%,-50%);}
.product-detail-style3 .text.top {top: 18%;}
.product-detail-style3 .text .title-1  {color: #828299;font-weight: 900;}
.product-detail-style3 .text .title-1 strong {display: block;color: #fff;font-weight: 900;}
.product-detail-style3 .text .text-1  {color: #828299;width: 40%;margin: auto;margin-top: 2%;}
.product-detail-style3 .text .text-1 strong {color: #fff;font-weight: normal;}
.product-detail-style3 .text .text-1 .text-2 {color: #828299;}
.product-detail-style3 .text .text-1 .text-2 strong{color: #fff;}
.product-detail-style3 .img {background: #000;}
.style3-item {width: 30%;position: absolute;top: 34%;z-index: 10;}
.style3-item-1 {padding: 13px 0;position: relative;border-bottom: 1px solid rgba(255,255,255,.2);width: 40%;color: #fff;text-align: right;margin: 20% 0;}
.style3-item-1 span{display: block;opacity: .4;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.style3-item-1 strong{display: block;font-weight: 900;}
.style3-item.sileft1 {left: 50%;transform: translateX(-130%);}
.style3-item.sirigh1 {right: 50%;transform: translateX(180%);}
.style3-item.sirigh1 .style3-item-1 {text-align: left;}
.style3-item.sirigh1 .style3-item-1 span {left: auto;right: 0;}
.style3-item.sileft1 .style3-item-1 {margin-left: 10%;}
.style3-item.sileft1 .style3-item-1:nth-child(2) {margin-left: 0;} 
.style3-item.sirigh1 .style3-item-1 {margin-left: 0;}
.style3-item.sirigh1 .style3-item-1:nth-child(2) {margin-left: 10%;} 
.product-detail-style3 .icontext-1{text-align: center;margin-top: 3%;}
.product-detail-style3 .icontext-1 li {color: #fff;display: inline-block;list-style: none;margin:2%;padding: 0;vertical-align: top;width: auto;}
.product-detail-style3 .icontext-1 li i{display: block;width: 55px;height: 55px;position: relative;margin: auto;}
.product-detail-style3 .icontext-1 li strong{display: block;margin-top: 3%;}
.product-detail-style3 .icontext-1 li span{display: block;margin-top: 1%;opacity: .6;}
.product-detail-style4 {overflow: hidden;position: relative;background: #f7f8fa;padding: 6% 0;overflow: hidden;}
.product-detail-style4 .div-container {width: 64%;}
.product-detail-item {position: relative;float: left;width: 49%;margin-bottom: 2%;margin-right: 2%;border-radius: 20px;overflow: hidden;}
.product-detail-item.mr0 {margin-right: 0;}
.product-detail-item .text{position: absolute;width: 90%;left: 5%;top: 10%;text-align: center;z-index: 3;}
.product-detail-item .title-1{font-weight: 900;}
.product-detail-item .text-1{color: #666666;margin-top: 2%;}
.product-detail-item .product {position: absolute;left: 0;bottom: 0;max-height: 70%;z-index: 1;width: 100%;}
.product-detail-item .product .tip {position: absolute;left: 20%;top: 30%;z-index: 11;text-align: right;}
.product-detail-item .product .tip i{display: block;width: 10px;height: 10px;border: 3px solid #fff;background: #2fbf79;border-radius: 100%;position: absolute;left: 0;bottom: 0;z-index: 11;}
.product-detail-item .product .tip span{display: block;color: #30bf78;padding-left: 100px;padding-bottom: 20px;}
.product-detail-item .product .tip span::after {content: '';width: 100%;height: 1px;background: #2fbf79;position: absolute;left: 0;bottom: 7px;}
.product-detail-item .pic{background: #fff;position: relative;}
.product-detail-style5 {position: relative;overflow: hidden;width: 100%;height: 100%;z-index: 12;background: #fff;}
.product-detail-style5 .text {position: absolute;left:50%;top: 50%;margin: auto;z-index: 11;text-align: center;transform: translate(-50%,-50%);}
.product-detail-style5 .title-1 {line-height: 100px;font-weight: 900;display: inline-block;background: linear-gradient(140deg, #2fbf79 20%, #7acea5 40%, #2fbf79 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.product-detail-style5 .img {background: #fff;}
.product-detail-style6 {position: relative;padding: 6% 0;overflow: hidden;}
.product-detail-style6 .text {text-align: center;color: #fff;}
.product-detail-style6 .title-1 {color: #808080;font-weight: 900;}
.product-detail-style6 .title-1 strong {color: #fff;font-weight: 900;}
.product-detail-style6 .text-1 {color: #fff;}
.product-detail-style6 .text-1 .text-2 {opacity: .6;}
.product-detail-style6-parameter {margin-top: 4%;overflow: hidden;}
.product-detail-style6-parameter .parameter-left-img{float: left;width: 50%;overflow: hidden;border-radius: 0 20px 20px 0;}
.product-detail-style6-parameter .parameter-right-list{float: left;width: 40%;margin-left: 5%;position: relative;overflow: hidden;margin-top: 2%;}
.parameter-right-list-mian{height: 650px;overflow: hidden;width: 95%;padding-right: 3%;overflow-y: auto;}
.parameter-right-item{color: #fff;padding: 3% 0;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.2);float: left;width: 50%;}
.parameter-right-item .title-1{color: #fff;}
.parameter-right-item .text-1 {margin-top: 1%;width: 90%;}
.product-detail-style7 {padding: 6% 0;overflow: hidden;background: url('../image/bg7.jpg') center top no-repeat;background-size: cover;}
.product-detail-style7-top {text-align: right;}
.product-detail-style7-top .title-1{font-weight: 900;background: linear-gradient(140deg, #2fbf79 20%, #7acea5 40%, #2fbf79 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.product-detail-style7-top .text-1{margin-top: 1%;color: #666666;}
.product-detail-style7-bottom {overflow: hidden;clear: both;margin-top:5%;position: relative;}
.product-detail-style7-bottom .left-img-1{width: 60%;overflow: hidden;border-radius: 16px;}
.product-detail-style7-bottom .right-img-2{width: 33%;overflow:hidden;border-radius: 16px;position: absolute;right: 0;bottom: 0;}
.product-detail-style8 {background: #fff;padding: 6% 0;overflow: hidden;}
.product-detail-style8-top {overflow: hidden;text-align: center;}
.product-detail-style8-top .title-1{color: #808080;font-weight: 900;}
.product-detail-style8-top .title-1 strong{color: #000;font-weight: 900;}
.product-detail-style8-top .text-1{color: #666666;width: 50%;margin: auto;margin-top: 1%;}
.product-detail-style8-bottom {overflow: hidden;padding: 1% 0;text-align: center;}
.product-detail-flowchart {margin-top: 2%;overflow: hidden;position: relative;}
.product-detail-flowchart img {max-width: 100%;}
.product-detail-style9 {position: relative;overflow: hidden;background: #000;}
.product-detail-style9-img {position: relative;overflow: hidden;background: #000;} 
.product-detail-style9-text {position: relative;width: 90%;z-index: 11;text-align: center;margin: auto;}
.product-detail-style9-text .title-1 {color: #fff;}
.product-detail-style9-text .text-1 {opacity: .7;font-weight: 900;}
.product-detail-style9-text .text-2 {color: #fff;font-weight: 900;margin-top: -1%;}
.product-detail-style9-mark {overflow: hidden;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #000;}
.markshow-9 {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: 1;z-index: 10;}
.textshow-9 {position: absolute;width: 100%;height: auto;left: 0;top: 0;z-index: 11;}
.picshow-9 {position: relative;}
.product-detail-style10 {padding: 7% 0;overflow: hidden;background: #fff;}
.product-detail-style10-top {text-align: center}
.product-detail-style10-top .title-1 {font-weight: 900;color: #000;}
.product-detail-style10-top .title-1 strong{font-weight: 900;color: #808080;}
.product-detail-style10-top .text-1 {margin-top: 2%;color: #2fbf79;font-weight: 900;}
.product-detail-style10-top .text-2 {color: #666666; width: 50%;margin: auto;margin-top: 1%;font-weight: 400;}
.product-detail-style10-bottom {overflow: hidden;margin-top: 1%;text-align: center;}
.product-detail-style10-bottom .bottom-img-2{overflow: hidden;margin-top: 3%;}
.product-detail-style10-bottom .bottom-img-2 img{max-width: 100%;border-radius: 20px;overflow: hidden;}
.product-detail-style11 {padding: 3% 0 7% 0;overflow: hidden;background: #fff;position: relative;}
.product-detail-style11-top {position: relative;overflow: hidden;width: 80%;margin: auto;}
.product-detail-style11-top .title-1 {font-weight: 900;color: #000;}
.product-detail-style11-top .title-1 strong{font-weight: 900;color: #808080;display: block;margin: 0;padding: 0;margin-top: -1%;}
.style11-swiper-button {text-align: right;position: absolute;right: 0;bottom:0;}
.swiper-style11-prev,.swiper-style11-next {position: relative;left: auto;top: auto;bottom: auto;right: auto;display: inline-block;vertical-align: middle;border: 2px solid #ccc;border-radius: 100%;width: 54px;height: 54px;transition:all .4s ease;margin-left: 7px;}
.swiper-style11-prev::after,.swiper-style11-next::after {font-size: 12px;font-weight: bold;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.swiper-style11-prev:hover,.swiper-style11-next:hover {border: 2px solid #2fbf79;background: #2fbf79;}
.swiper-style11-prev:hover::after ,.swiper-style11-next:hover::after {color: #fff;}
.product-detail-style11-bottom {margin-top: 5%;float: right;width: 90%;position: relative;overflow: hidden;}
.product-detail-style11-bottom .img {background: none;}
.product-detail-style11-bottom .pic {border-radius: 20px;overflow: hidden;}
.product-detail-style12 {position: relative;overflow: hidden;}
.product-detail-style12-top {position: absolute;left: 5%;width: 90%;top: 15%;text-align: center;z-index: 12;}
.product-detail-style12-top .text-1{color: #2fbf79;}
.product-detail-style12-top .title-1 {color: #fff;font-weight: 900;}
.product-detail-style12-center {overflow: hidden;position: relative;}
.product-detail-style12-center .product{position: absolute;width: 90%;left: 5%;bottom: -5%;z-index: 11;text-align: center;}
.product-detail-style12-center .product img {max-width: 100%;height: auto;}
.product-detail-style12-center .img{overflow: hidden;position: relative;}
.product-detail-style13 {background:#080826;background: linear-gradient(180deg, #23233f 1%, #080826 50%);padding: 7% 0 4% 0;overflow: hidden;}
.product-detail-style13-top {text-align: center;color: #fff;}
.product-detail-style13-top .title-1{color: #828299;font-weight: 900;}
.product-detail-style13-top .title-1 strong{color: #fff;font-weight: 900;}
.product-detail-style13-top .text-1{margin-top: 1.5%;color: #828299;font-weight: 400;}
.product-detail-style13-top .text-1 strong{color: #fff;font-weight: 400;}
.product-detail-style13-center {margin-top: 2%;position: relative;overflow: hidden;}
.product-detail-style13-center .pics{text-align: center;}
.product-detail-style13-center .pics img {display: inline-block;}
.product-detail-style13-center .imgs {position: relative;overflow: hidden;text-align: center;margin: 3% auto;}
.product-detail-style13-center .imgs img {display: inline-block;border-radius: 20px;overflow: hidden;}
.product-detail-style13-bottom {overflow: hidden;margin-top: 3%;}
.product-detail-style13-item {float: left;width: 43.5%;overflow: hidden;background: #e8be84;border-radius: 20px;overflow: hidden;padding: 2.5%;margin-bottom: 1.5%;margin-right: 1.5%;}
.product-detail-style13-item .icon-1 {position: relative;width: 65px;height: 65px;}
.product-detail-style13-item .text {margin-top: 15%;overflow: hidden;}
.product-detail-style13-item .title-1 {font-weight: 900;}
.product-detail-style13-item .text-1 {opacity: .8;margin-top: 1%;}
.product-detail-style13-item .img {overflow: hidden;margin-top: 8%;border-radius: 12px;} 
.product-detail-style13-item:nth-child(2) {background: #2fbf79;}
.product-detail-style13-item:nth-child(2) .title-1,.product-detail-style13-item:nth-child(2) .text-1 {color: #fff;}
.product-detail-style14 {background: #f7f8fa;padding: 7% 0;overflow: hidden;}
.product-detail-style14-top {text-align: center;}
.product-detail-style14-top .title-1{font-weight: 900;color: #808080;}
.product-detail-style14-top .title-1 strong{font-weight: 900;color: #000;}
.product-detail-style14-bottom {overflow: hidden;margin-top: 6%;}
.product-detail-style14-item {float: left;width: 43.5%;overflow: hidden;background: #fff;border-radius: 20px;overflow: hidden;padding: 2.5%;margin-bottom: 1.5%;margin-right: 1.5%;}
.product-detail-style14-item .text {margin-top: 5%;overflow: hidden;}
.product-detail-style14-item .text .title-1{font-weight: 900;}
.product-detail-style14-item .text .text-1 {color: #666666;margin-top: 3%;}
.product-detail-style14-item .text .text-1 strong{font-weight: normal;color: #2fbf79;}
.product-detail-style14-item .img {margin-top: 10%;border-radius: 12px;}
.product-detail-style15 {padding: 7% 0;overflow: hidden;background: linear-gradient(180deg, #f4fbf8 1%, #fff 100%);}
.product-detail-style15-top {text-align: center;}
.product-detail-style15-top .text-1{color: #30bf78;}
.product-detail-style15-top .title-1{margin-top: 1%;font-weight: 900;}
.product-detail-style15-bottom {overflow: hidden;width: 60%;margin: auto;margin-top: 3%;}
.product-detail-style15-list {text-align: left;}
.product-detail-style15-item {display: inline-block;vertical-align: top;width: 14%;margin: 1% 1% 3% 1%;overflow: hidden;text-align: center;}
.product-detail-style15-item .icon-1{width: 50px;height: 50px;position: relative;margin: auto;}
.product-detail-style15-item .title-1{color: #666666;margin-top: 5%;}
.product-detail-style15-item .text-1{color: #666666;}
.product-detail-style15-item .text-1 strong {color: #2fbf79;font-weight: normal;}
.product-detail-style15-item .text-2{color: #999999;margin-top: 4%;}
.product-detail-style16 {padding: 2% 0 7% 0;overflow: hidden;background: #fff;}
.product-detail-style16-top {text-align: center;}
.product-detail-style16-top .text-1 {color: #2fbf79;}
.product-detail-style16-top .title-1 {color: #808080;font-weight: 900;margin-top: 1%;}
.product-detail-style16-top .title-1 strong{font-weight: 900;color: #000;}
.product-detail-style16-top .text-2 {color: #666;margin-top: 1.5%;}
.product-detail-style16-bottom {text-align: center;margin-top: 4%;overflow: hidden;}
.product-detail-style16-bottom .pic {text-align: center;}
.product-detail-style16-bottom .pic img {display: inline-block;max-width: 100%;border-radius: 20px;overflow: hidden;width: auto;}
.product-detail-style17 {padding: 2% 0 7% 0;overflow: hidden;background: #fff;}
.product-detail-style17-top {overflow: hidden;text-align: center;}
.product-detail-style17-top .title-1{color: #808080;font-weight: 900;}
.product-detail-style17-top .title-1 strong{color: #000;font-weight: 900;}
.product-detail-style17-top .text-1{margin-top: 1%;color: #808080;}
.product-detail-style17-bottom {text-align: center;margin-top: 4%;overflow: hidden;}
.product-detail-style17-swiper {width: 63.5%;margin: auto;border-radius: 20px;overflow: hidden;}
.product-detail-style17-swiper .swiper-slide img {width: 100%;display: block;}
.product-detail-style17-nav {text-align: center;margin: 2.5% auto auto;width: 60%;}
.style17-nav {border-bottom: 1px solid #e8e8e8;font-size: 0;display: inline-block;}
.product-detail-style17-nav a{display: inline-block;vertical-align: middle;color: #999999;padding: 15px 10px;position: relative;margin: 0 10px;}
.product-detail-style17-nav a:first-child {margin: 0;margin-right: 10px;}
.product-detail-style17-nav a.cur {color: #000;} 
.product-detail-style17-nav a::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #000;display: none;}
.product-detail-style17-nav a.cur::after {display: block;}
.product-detail-style18 {background: #080726;padding: 8% 0 5% 0;overflow: hidden;}
.product-detail-style18-list {position: relative;overflow: hidden;width: 80%;margin: auto;}
.product-detail-style18-item {float: left;width: 48%;margin-right: 1.5%;margin-bottom: 1.5%;position: relative;overflow: hidden;border-radius: 20px;}
.product-detail-style18-item.mr0 {margin-right: 0;}
.product-detail-style18-item .text{position: absolute;left: 7%;top: 10%;z-index: 11;width: 80%;color: #fff;}
.product-detail-style18-item .title-1{font-weight: 900;}
.product-detail-style18-item .text-1{margin-top: 3%;opacity: .6;}
.product-detail-style18-item .img{overflow: hidden;position: relative;}
.product-detail-style19 {overflow: hidden;background: #fff url('../image/bg19.jpg') center top no-repeat;background-size: cover;padding: 7% 0;}
.product-detail-style19-item {float: left;width: 46%;margin-right: 8%;overflow: hidden;}
.product-detail-style19-item.mr0 {margin-right: 0;}
.product-detail-style19-item .pic {border-radius: 20px;overflow: hidden;}

.product-detail-style20{position: relative;overflow: hidden;}
.product-detail-style20 .text {position: absolute;position: absolute;width: 50%;left: 10%;top: 50%;z-index: 11;transform: translateY(-70%);}
.product-detail-style20 .text .title-1 {color: #2fbf79;font-weight: 900;}
.product-detail-style20 .text .text-1 {color: #666666;margin-top: 4%;}
.product-detail-style20-img {text-align: center;font-size: 0;}
.product-detail-style20-img img{max-width: 100%;display: inline-block;}

.product-detail-style2.text-ani1,
.product-detail-style2.text-ani2,
.product-detail-style5.text-ani5,
.product-detail-style5.text-ani51 {position: absolute;height: auto;}


.product-detail-style-diy {padding: 7% 0;overflow: hidden;background: #f7f8fa;}
.product-detail-style-diy .product-detail-style-diy4:last-child {margin: 0 auto;}
.product-detail-style-diy1 {width: 80%;margin: auto;position: relative;overflow: hidden;border-radius: 20px;background: #fff;padding: 6% 0;}
.product-detail-style-diy1-left {width: 45%;overflow: hidden;}
.product-detail-style-diy1-left .img {overflow: hidden;border-radius: 20px;}
.product-detail-style-diy1-right {position: absolute;right: 5%;width: 45%;transform: translateY(-50%);top: 50%;}
.product-detail-style-diy1-right .text{text-align: center;color: #666666;}
.product-detail-style-diy1-right .title-1 {font-weight: 900;color: #000;}
.product-detail-style-diy1-right .text-1{margin-top: 4%;} 
.product-detail-style-diy2 {width: 80%;margin: auto;position: relative;overflow: hidden;border-radius: 20px;background: #fff;padding: 6% 0;margin-bottom: 3%;}
.product-detail-style-diy2-left {position: absolute;left: 5%;width: 40%;transform: translateY(-50%);top: 50%;}
.product-detail-style-diy2-left .text{text-align: center;color: #666666;}
.product-detail-style-diy2-left .title-1 {font-weight: 900;}
.product-detail-style-diy2-left .text-1{margin-top: 3%;}
.product-detail-style-diy2-right {float: right;width: 50%;overflow: hidden;}
.product-detail-style-diy2-right .img {overflow: hidden;}
.product-detail-style-diy3 {width: 80%;margin: auto;position: relative;overflow: hidden;border-radius: 20px;background: #fff;margin-bottom: 3%;}
.product-detail-style-diy3-top {position: absolute;left: 5%;width: 90%;top: 13%;z-index: 11;}
.product-detail-style-diy3-top .text{text-align: center;}
.product-detail-style-diy3-top .title-1{color: #2fbf79;}
.product-detail-style-diy3-top .title-1 strong {display: inline-block;vertical-align: bottom;}
.product-detail-style-diy3-top .title-1 sub {display: inline-block;vertical-align: bottom;font-weight: bold;margin-left: 5px;}
.product-detail-style-diy3-top .text-1{margin-top: 1%;font-weight: bold;color: #090909;}
.product-detail-style-diy3-bottom {overflow: hidden;}
.product-detail-style-diy3-bottom img {display: block;}
.product-detail-style-diy4 {width: 80%;margin: auto;position: relative;overflow: hidden;border-radius: 20px;background: #fff;margin-bottom: 3%;}
.product-detail-style-diy4-top {text-align: center;margin-top: 5%;}
.product-detail-style-diy4-top .text {overflow: hidden;}
.product-detail-style-diy4-top .title-1 {font-weight: 900;color: #808080;}
.product-detail-style-diy4-top .title-1 strong{display: block;font-weight: 900;color: #000;}
.product-detail-style-diy4-bottom {text-align: center;margin-top: 3%;}      
.product-detail-style-diy4-bottom .img {background: none;}          
.product-detail-style-diy4-bottom img {max-width: 100%;width: auto;} 
.product-detail-style-diy5 {width: 100%;position: relative;overflow: hidden;background: #000;}
.product-detail-style-diy5-top {position: absolute;left: 5%;text-align: center;top: 15%;z-index: 1;width: 90%;}
.product-detail-style-diy5-top.top10 {top: 10%;}
.product-detail-style-diy5-top .title-1 {color: #fff;font-weight: 900;}
.product-detail-style-diy5-top .title-1 strong{color: #2fbf79;font-weight: 900;}
.product-detail-style-diy5-top .title-2 {color: #424242;font-weight: 900;}
.product-detail-style-diy5-top .title-2 strong{color: #000;font-weight: 900;}
.product-detail-style-diy5-top .text-1 {color: #808080;margin-top: .1%;}
.product-detail-style-diy5-top .text-2 {color: #2fbf79;margin-bottom: 3%;}
.product-detail-style-diy5-top .text-3 {color: #808080;margin-top: .1%;text-transform: uppercase;letter-spacing: 10px;}
.product-detail-style-diy5-bottom {overflow: hidden;text-align: center;font-size: 0;}
.product-detail-style-diy5-bottom img {max-width: 100%;display: inline-block;}
.product-detail-style-diy6 {width: 100%;position: relative;overflow: hidden;background: #fff;padding: 7% 0;text-align: center;background: linear-gradient(180deg, #f4fbf8 1%, #fff 100%);}
.product-detail-style-diy6-top .title-2 {color: #808080;font-weight: 900;}
.product-detail-style-diy6-top .title-2 strong{color: #222222;font-weight: 900;}
.product-detail-style-diy6-top .text-2 {color: #808080;margin-top: 1%;}
.product-detail-style-diy6-bottom {overflow: hidden;text-align: center;font-size: 0;margin-top: 5%;}
.product-detail-style-diy6-bottom img {max-width: 100%;display: inline-block;}
.product-detail-style-diy7 {width: 100%;position: relative;overflow: hidden;background: #fff;padding: 7% 0 0 0;text-align: center;}
.product-detail-style-diy7-top .title-2 {color: #808080;font-weight: 900;}
.product-detail-style-diy7-top .title-2 strong{color: #222222;font-weight: 900;}
.product-detail-style-diy7-top .text-1 {color: #808080;width: 34%;margin: auto;margin-top: 1%;}
.product-detail-style-diy7-top .text-3 {color: #808080;margin-top: 1%;text-transform: uppercase;letter-spacing: 10px;}
.product-detail-style-diy7-bottom {overflow: hidden;text-align: center;font-size: 0;margin-top: 3%;}
.product-detail-style-diy7-bottom img {max-width: 100%;display: inline-block;}
.product-detail-style-diy8 {width: 100%;position: relative;overflow: hidden;background: #080826;padding: 7% 0 0 0;text-align: center;}
.product-detail-style-diy8.ptb8 {padding: 7% 0;}
.product-detail-style-diy8-top .title-2 {color: #828299;font-weight: 900;}
.product-detail-style-diy8-top .title-2 strong{color: #fff;font-weight: 900;}
.product-detail-style-diy8-top .text-1 {color: #828299;width: 45%;margin: auto;margin-top: 2%;}
.product-detail-style-diy8-top .text-1 strong{color: #fff;font-weight: normal;}
.product-detail-style-diy8-bottom {overflow: hidden;text-align: center;font-size: 0;position: relative;}
.product-detail-style-diy8-bottom .img-top{position: absolute;top: 50%;left: 50%;z-index: 11;width:100%;transform: translate(-50%,-55%);}
.product-detail-style-diy8-bottom img {max-width: 100%;display: inline-block;}
.product-detail-style-diy9 {padding: 10% 0;overflow: hidden;text-align: center;background: #fff;}
.product-detail-style-diy9 .title-2 {font-weight: 900;display: inline-block;background: linear-gradient(140deg, #2fbf79 20%, #7acea5 40%, #2fbf79 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.product-detail-style-diy10 {overflow: hidden;width: 80%;margin: auto;}
.product-detail-diy10-item {float: left;width: 43.5%;overflow: hidden;background: #fff;border-radius: 20px;overflow: hidden;padding: 2.5%;margin-bottom: 1.5%;margin-right: 1.5%;}
.product-detail-diy10-item .text {margin-top: 5%;overflow: hidden;}
.product-detail-diy10-item .text .title-1{font-weight: 900;}
.product-detail-diy10-item .text .text-1 {color: #666666;margin-top: 3%;}
.product-detail-diy10-item .text .text-1 strong{font-weight: normal;color: #2fbf79;}
.product-detail-diy10-item .img {margin-top: 10%;border-radius: 12px;}
.product-detail-style-diy11 {overflow: hidden;width: 80%;margin: auto;text-align: center;padding: 5% 0 0 0;}
.product-detail-style-diy11 .title-1 {overflow: hidden;}
.product-detail-style-diy11-bottom {margin-top: 4%;}
.product-detail-style-diy11-bottom img {max-width: 100%;display: inline-block;}
.product-detail-style-diy12 {width: 100%;position: relative;overflow: hidden;background: #fff;}
.product-detail-style-diy12-top {position: absolute;left: 5%;text-align: center;top: 15%;z-index: 1;width: 90%;}
.product-detail-style-diy12-top .title-1 {color: #808080;font-weight: 900;}
.product-detail-style-diy12-top .title-1 strong{color: #222222;font-weight: 900;}
.product-detail-style-diy12-top .text-1 {color: #808080;margin-top: .1%;}
.product-detail-style-diy12-bottom {overflow: hidden;text-align: center;font-size: 0;}
.product-detail-style-diy12-bottom img {max-width: 100%;display: inline-block;}
.product-detail-style-diy13 {width: 100%;position: relative;overflow: hidden;background: #fff;padding: 7% 0 0 0;text-align: center;}
.product-detail-style-diy13-top .title-2 {color: #808080;font-weight: 900;}
.product-detail-style-diy13-top .title-2 strong{color: #222222;font-weight: 900;}
.product-detail-style-diy13-top .text-2 {color: #808080;margin-top: 1%;}
.product-detail-style-diy13-bottom {overflow: hidden;text-align: center;font-size: 0;margin-top: 5%;}
.product-detail-style-diy13-bottom img {max-width: 100%;display: inline-block;}
.product-detail-style-diy14 {width: 100%;position: relative;overflow: hidden;background: #fff;padding: 6% 0 0 0;text-align: left;}
.product-detail-style-diy14-left {position: absolute;left: 10%;top: 50%;z-index: 1;width: 30%;transform: translateY(-50%);}
.product-detail-style-diy14-left .title-1 {color: #424242;font-weight: 900;margin-top: 8%;}
.product-detail-style-diy14-left .title-1 strong{color: #000;font-weight: 900;}
.product-detail-style-diy14-left .text-1 {color: #2fbf79;margin-bottom: .1%;}
.product-detail-style-diy14-left .text-2 {color: #808080;margin-top: 3%;}
.product-detail-style-diy14-right {overflow: hidden;text-align: center;font-size: 0;float: right;width: 70%;}
.product-detail-style-diy14-right img {max-width: 100%;display: inline-block;border-radius: 20px 0 0 20px;}
.product-detail-style-diy15 {width: 100%;position: relative;overflow: hidden;background: #fff;padding: 6% 0 0 0;text-align: left;}
.product-detail-style-diy15-left {overflow: hidden;text-align: center;font-size: 0;width: 70%;}
.product-detail-style-diy15-left img {max-width: 100%;display: inline-block;border-radius: 0px 20px 20px 0px;}
.product-detail-style-diy15-right {position: absolute;right: 10%;top: 50%;z-index: 1;width: 30%;transform: translateY(-50%);text-align: right;}
.product-detail-style-diy15-right .title-1 {color: #424242;font-weight: 900;margin-top: 8%;}
.product-detail-style-diy15-right .title-1 strong{color: #000;font-weight: 900;}
.product-detail-style-diy15-right .text-1 {color: #2fbf79;margin-bottom: .1%;}
.product-detail-style-diy15-right .text-2 {color: #808080;margin-top: 3%;}
.product-detail-style-diy7.pt8 {padding: 5% 0;}
.product-detail-style-diy7-bottom.mt0 {margin-top: 0;}


/* gt500 */
.product-detail-style-diy6-bottom.mt1 {margin-top: 1%;}
.product-detail-style-diy6-bottom-icon-list {padding:0;overflow: hidden;width: 70%;margin: auto;}
.product-detail-style-diy6-bottom-icon-list li {list-style: none;margin: 0;padding: 0;width: 17%;float: left;position: relative;padding: 4%;}
.product-detail-style-diy6-bottom-icon-list li i{position: relative;display: block;width: 105px;height: 90px;margin: auto;}
.product-detail-style-diy6-bottom-icon-list li strong{display: block;font-weight: normal;margin-top: 5%;text-align: center;color: #808080;}
.product-detail-style-diy6-bottom-icon-list li::after {content: '';width: 84%;height: 1px;position: absolute;left: 8%;bottom: 0;background: url('../image/fengexian.png') left center repeat-x;}
.product-detail-style-diy6-bottom-icon-list li::before {content: '';width: 1px;height: 84%;position: absolute;right:0;top: 8%;background: url('../image/fengexian2.png')  center repeat-y;}
.product-detail-style-diy6-bottom-icon-list li:nth-child(4):before,
.product-detail-style-diy6-bottom-icon-list li:nth-child(8):before  {display: none;}
.product-detail-style-diy6-bottom-icon-list li:nth-child(5):after,
.product-detail-style-diy6-bottom-icon-list li:nth-child(6):after,
.product-detail-style-diy6-bottom-icon-list li:nth-child(7):after,
.product-detail-style-diy6-bottom-icon-list li:nth-child(8):after {display: none;}
.product-detail-style-diy7-donghua1 {position: relative;overflow: hidden;}
.product-detail-style-diy7-donghua1 .leftche-1{position: absolute;width: 90%;left: -57%;bottom: 4%;z-index: 3;}
.product-detail-style-diy7-donghua1 .rightctc-2{position: absolute;width: 56%;right: 0;bottom: 5%;z-index: 2;}
.product-detail-style-diy7-donghua1 .lefttxt-3{position: absolute;width: 36%;left: 8%;top: 10%;z-index: 1;}
.product-detail-style-diy7-donghua1 img {opacity: 0;}
.product-detail-style-diy7-donghua1 .leftche-1 img ,.product-detail-style-diy7-donghua1 .lefttxt-3 img,.product-detail-style-diy7-donghua1 .rightctc-2 img{opacity: 1;}
.product-detail-style-diy7-donghua1 .centertxt-4 {position: absolute;width: 45%;left: 16%;top: 56%;z-index: 4;}
.product-detail-style-diy7-donghua1 .centertxt-4 span{display: block;position: absolute;left: 0;text-align: center;width: 100%;top: -50px;color: #2fbf79;font-weight: bold;}               
.product-detail-style-diy7-donghua1 .centertxt-4 i{display: block;width: 100%;height: 2px;background: #2fbf79;position: relative;}     
.product-detail-style-diy7-donghua1 .centertxt-4 i::after {content: '';width: 8px;height: 8px;background: #30bf78;border-radius: 100%;position: absolute;right: 0;top: -3px;}
.product-detail-style-diy11-donghua2 {overflow: hidden;width: 100%;margin: 1% auto auto;}
.product-detail-style-diy11-donghua2 li {overflow: hidden;list-style: none;padding: 0;margin: 0;width: 24%;margin: 1% .5%;float: left;border-radius: 10px;display: block;}
.product-detail-style-diy11-donghua2 li img{display: block;}
.product-detail-style-diy11-donghua2 li:nth-child(5) {clear: left;}
.product-detail-style-diy6-bottom-icon-list.num10 li{width: 12%;}
.product-detail-style-diy6-bottom-icon-list.num10 li .text-1{color: #808080;margin-top: 2%;}
.product-detail-style-diy6-bottom-icon-list.num10 li .text-2{color: #808080;margin-top: 2%;}
.product-detail-style-diy6-bottom-icon-list.num10 li .text-3{color: #808080;margin-top: 2%;}
.product-detail-style-diy6-bottom-icon-list.num10 li .text-3 strong{color: #30bf78;display: inline-block;margin-top: 0;}
.product-detail-style-diy6-bottom-icon-list.num10 li:nth-child(4)::before,
.product-detail-style-diy6-bottom-icon-list.num10 li:nth-child(5)::after,
.product-detail-style-diy6-bottom-icon-list.num10 li:nth-child(8)::before {display: block;}
.product-detail-style-diy6-bottom-icon-list.num10 li:nth-child(5)::before,
.product-detail-style-diy6-bottom-icon-list.num10 li:nth-child(9)::after,
.product-detail-style-diy6-bottom-icon-list.num10 li:nth-child(10)::after,
.product-detail-style-diy6-bottom-icon-list.num10 li:nth-child(10)::before  {display: none;}
.product-detail-style-diy6-bottom-pic3 {overflow: hidden;width: 90%;margin: auto;}
.product-detail-style-diy6-bottom-pic3 li {list-style: none;padding: 0;margin: 0;float: left;width: 32.333%;margin-right: 1%;border-radius: 20px;overflow: hidden;}
.product-detail-style-diy6-bottom-pic3 li:last-child {margin-right: 0;}
.product-detail-style-diy6-bottom-pic3 li img{display: block;transition:all .4s ease;}
.product-detail-style-diy6-bottom-pic3 li:hover img {transform: scale(1.05);}
.product-detail-style-diy13-bottom-gt500 {position: relative;overflow: hidden;}
.product-detail-style-diy13-bottom-gt500::after {content: '';width: 100%;height: 40%;background: #f8fdfc;position: absolute;left: 0;bottom: 0;z-index: 1;}
.product-detail-style-diy13-bottom-gt500 .gt500-pic1 {width: 50%;margin: auto;position: relative;z-index: 10;}
.product-detail-style-diy13-bottom-gt500 .gt500-txt2 {position: absolute;right: -12%;top: 65%;text-align: center;z-index: 15;}
.product-detail-style-diy13-bottom-gt500 .gt500-text-1 {color: #30bf78;font-weight: bold;position: relative;}
.product-detail-style-diy13-bottom-gt500 .gt500-text-2 {color: #808080;}
.product-detail-style-diy13-bottom-gt500 .gt500-text-1::after {content: '';width: 200px;height: 2px;position: absolute;right:100%;top: 50%;background: #30bf78;}
.product-detail-style-diy13-bottom-gt500 .gt500-text-1::before {content: '';width: 8px;height: 8px;position: absolute;right:100%;top: 50%;background: #30bf78;border-radius: 100%;margin-top: -3px;}
.product-detail-style-diy6-bottom-pic4 {width: 90%;margin: auto;}
.product-detail-style-diy6-bottom-pic4 li {list-style: none;margin: 0;padding: 0;width: 24%;margin-right: 1%;float: left;}
.product-detail-style-diy6-bottom-pic4 li i{display: block;overflow: hidden;border-radius: 10px;transform: skewX(-5deg);}
.product-detail-style-diy6-bottom-pic4 li i img {transition:all .4s ease;}
.product-detail-style-diy6-bottom-pic4 li span {display: block;margin-top: 3%;text-align: center;font-weight: bold;color: #808080;margin-left: -13%;}
.product-detail-style-diy6-bottom-pic4 li:nth-child(2),.product-detail-style-diy6-bottom-pic4 li:nth-child(4) {margin-top: 3%;margin-left: -.4%;}
.product-detail-style-diy6-bottom-pic4 li:hover i img {transform: scale(1.05);}



/* gt240 */
.product-detail-gt240-1 {position: relative;overflow: hidden;}
.product-detail-gt240-1 .gt240-1-text{position: absolute;width: 30%;left: 17%;top: 15%;z-index: 11;}
.product-detail-gt240-1 .gt240-1-txt{position: absolute;left: 0;top: 50%;width: 100%;z-index: 1;text-align: center;transform: translateY(-50%);}
.product-detail-gt240-1 .gt240-1-txt strong{display: block;color: #30bf78;margin: 0;padding: 0;}
.product-detail-gt240-1 .gt240-1-txt span{display: block;color: #808080;font-weight: bold;margin-top: -1%;}
.product-detail-gt240-1 .gt240-1-jiantou {position: absolute;width: 20%;right: -20%;top: 60%;z-index: 1;}
.product-detail-gt240-1 .gt240-1-pic {overflow: hidden;}
.product-detail-gt240-icon6 {margin-top:0;overflow: hidden;text-align: center;}
.product-detail-gt240-icon6 li {list-style: none;margin: 0;padding: 0;text-align: center;display: inline-block;vertical-align: top;width: 14%;}
.product-detail-gt240-icon6 li i{display: block;position: relative;width: 90px;height: 95px;margin: auto;}
.product-detail-gt240-icon6 li strong{display: block;}
.product-detail-gt240-icon6 li span{display: block;color: #a4a4a4;}
.gt240-icon6-text {clear: both;text-align: center;padding: 2% 0;overflow: hidden;color: #8a8989;}
.product-detail-gt240-chansu {margin: auto;margin-top: 1%;position: relative;overflow: hidden;width: 30%;display: inline-block;vertical-align: middle;}
.gt240-chansu {position: absolute;left: 15%;top: 50%;transform: translateY(-50%);width: 80%;}
.gt240-chansu li{list-style: none;margin: 0;padding: 0;text-align: left;width: 50%;float: left;padding: 5% 0;position: relative;}
.gt240-chansu li::after {content: '';width: 2px;height: 60%;background: #e5e5e5;position: absolute;right: 20%;top: 20%;}
.gt240-chansu li strong {display:block ;}
.gt240-chansu li span {display: block;color: #a4a4a4;}
.gt240-chansu li:nth-child(2)::after,.gt240-chansu li:nth-child(4)::after,.gt240-chansu li:nth-child(6)::after,.gt240-chansu li:nth-child(8)::after {display: none;}
.product-detail-gt240-chanpi {overflow: hidden;width: 42%;display: inline-block;vertical-align: middle;}
.product-detail-gt240-pic2 {position: relative;overflow: hidden;}
.product-detail-gt240-pic2 li{list-style: none;padding: 0;margin: 0;float: left;width: 49.5%;overflow: hidden;border-radius: 20px;}
.product-detail-gt240-pic2 li:last-child {float: right;}
.product-detail-gt240-pic2 li img {transition:all .4s ease;}
.product-detail-gt240-pic2 li:hover img {transform: scale(1.05);}
.product-detail-gt240-4 {width: 80%;margin: auto;overflow: hidden;margin-bottom: 10%;}
.product-detail-gt240-4 .gt240-4-left{float: left;width: 48%;}
.product-detail-gt240-4 .gt240-4-left img {border-radius: 20px;overflow: hidden;}
.product-detail-gt240-4 .gt240-4-right{float: right;width: 47%;}



/* 200w */
.product-detail-200w {background: #f7f8f9;padding: 7% 0;overflow: hidden;}
.product-detail-200w .product-detail-style-diy5-top {position: relative;left: auto;top:auto;width: 100%;}
.product-detail-200w-icon6 {overflow: hidden;text-align: center;position: relative;width: 70%;margin: auto;margin-top: 3%;}
.product-detail-200w-icon6 li {display: inline-block;vertical-align: middle;list-style: none;margin: 0;padding: 0;width: 23%;margin: 1% 4% ;position: relative;}
.product-detail-200w-icon6 li .text-6 {position: absolute;width: 100%;text-align: center;top: 50%;transform: translateY(-55%);left:-4%;}
.product-detail-200w-icon6 li .text-6 i{display: block;margin: auto;position: relative;width: 120px;height: 135px;}
.product-detail-200w-icon6 li .text-6 span{display: block;margin-top: 3%;color: #808080;}
.product-detail-200w-pic3 {overflow: hidden;width: 80%;margin: auto;margin-top: 4%;}
.product-detail-200w-pic3 li {display: inline-block;vertical-align: middle;list-style: none;margin: 0;padding: 0;width: 31.33%;margin: 1% 1% ;position: relative;border-radius: 20px;overflow: hidden;}
.product-detail-200w-pic3 li span {position: absolute;left: 0;bottom: 0;z-index: 11;width: 100%;text-align: center;color: #707174;background: #eff0f2;padding: 3% 0;}
.product-detail-200w-pic3 li img {display: block;width: 100%;height: auto;transition:all .4s ease;}
.product-detail-200w-pic3 li:hover img {transform: scale(1.05);}







.full-arrow {width: 26px;min-width: 20px;position: absolute;bottom: 5%;left: 50%;z-index: 2;transform: translateX(-50%);
	-webkit-animation: jump .5s infinite alternate;animation: jump .5s infinite alternate;cursor: pointer;}


@-webkit-keyframes jump{0%{padding-bottom:0}to{padding-bottom:10px}}
@keyframes jump{0%{padding-bottom:0}to{padding-bottom:10px}}




@keyframes fuchu1{0%{-webkit-transform:translateY(140%);opacity: 1;}100%{-webkit-transform:translateY(0);opacity: 0;}}


@keyframes rotate1{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 rotate2{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 rotate3{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes rotate4{0%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}}

@keyframes fadeInBigs{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(1.0);opacity: 0;}100%{transform:scale(1.1);opacity: 1;}}
.fadeInBigs{-webkit-animation-name:fadeInBigs;animation-name:fadeInBigs;-webkit-animation-duration:.9s;animation-duration:.9s}
@keyframes place100{0%{transform: translate(-50%,-50%) scale(.5);} 100%{transform: translate(-50%,-50%) scale(1.2);opacity: 0;}}
@keyframes fudong1 {0%{transform: translateY(0);}50%{transform: translateY(-10%);}100%{transform: translateY(0);}} 
@keyframes fudong2 {0%{transform: translateY(0);}50%{transform: translateY(-5%);}100%{transform: translateY(0);}} 
@keyframes fudong3 {0%{transform: translateY(0);}50%{transform: translateY(-2%);}100%{transform: translateY(0);}} 

@keyframes imgfadeIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(1.1);} 100%{transform:scale(1.0);}}
.imgfadeIn{-webkit-animation-name:imgfadeIn;animation-name:imgfadeIn;-webkit-animation-duration:2s;animation-duration:2s}
 
@keyframes fadeIndun{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(0.1) translate(10px,10px);opacity: 0;} 100%{transform:scale(1.0) translate(0px,0px);opacity: 1;}}
.fadeIndun{-webkit-animation-name:fadeIndun;animation-name:fadeIndun;-webkit-animation-duration:.9s;animation-duration:.9s}




@media screen and (max-width: 5120px) {
	.div-about-advantage {background: url('../image/about/bg3.jpg') center no-repeat;background-size: cover;}
	.product-banner-item .product img,.product-detail-style13-center .imgs img {max-width: 100%;height: auto;}
	.scrollmagic-pin-spacer {background: #fff;}
	.service-after-sale-item .icon-1 img { width: 60%;}
	.service-after-sale-item .text-1 {left: 13%;top: 9%;}
}
@media screen and (max-width: 3840px) { 

}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	.cooperative-slide img.img-center {max-width: 80%;max-height: 70%;}
	.div-about-advantage {background: url('../image/about/bg3.jpg') center top no-repeat;background-size: cover;margin-top: 6%;}
	.product-detail-style13-center .pics img {max-width: 100%;}
	.product-detail-center-right .icon-list-2 .icon-item-1 .title-1 {min-height: 27px;}
	.service-after-sale-item .icon-1 img { width: auto;}
	.service-after-sale-item .text-1 {left: 14%;top: 8%;}
}
@media screen and (max-width: 1680px) {
    .authentication-icon li{width: 12%}
    .kll{display: none;}
    .number-3{font-size: 40px;padding-bottom: 0;}
    .page-about-content{width: 100%;}
	.about-technology-li .title-1 {line-height: 50px;}
	.brand-bottom {margin-top: 2%;}
	.user-comment-left .img-center {max-width: 90%;max-height: 90%;}
	.user-comment-right .text-1 {height: 190px;}
	.user-interaction-item .touxiang-1 i {width: 80px;height: 80px;}
	.page-turn a {width: 50px;height: 50px;}
	.service-download-item .download-1 {padding: 10px 25px;}
	.div-news-item .text .title-1 {min-height: 155px;}
	.brand-logo-1 .point .showtext-2 {bottom: -70px;}
	.div-detail-top .return-1 a {width: 70px;height: 70px;}
	.product-banner-item .text {margin-top: 3%;}
	.product-banner-item .title-1 {margin-top: 0;}
	.product-banner-item .item-1 {margin-top: 1%;}
	.product-banner-item .product {margin-top: 3%;}
	.more-1 a {padding: 10px 23px;}
	.core-products-left .product-1 img {max-height: 90%;max-width: 90%;}
	.product-list-item a .img-center {max-height: 70%;max-width: 70%;}
	.superior-strength-item a {padding: 10% 8%;}
	.superior-strength-item ul {margin-top: 8%;min-height: 140px;}
	.product-detail-200w-icon6 li .text-6 i{width: 50px;height: 70px;}

	.product-detail-style12-center .product {width: 70%;left: 15%;}
	.swiper-style11-prev, .swiper-style11-next {width: 45px;height: 45px;}
	.product-detail-style10-top .text-2 {width: 60%;}
}
@media screen and (max-width: 1440px) {
    .tz-box p{font-size: 13px;bottom: 10px;left: 10px;padding: 3px 10px;}
    .culture-content-item .title-1{font-size: 18px;}
    .culture-content-item .text-4{font-size: 14px;}
    .fengex i {width: 110px;}
	.index-banner-item .title-1 {line-height: 54px;}
	.more-1 a {padding: 7px 20px;}
	.core-products-left .product-1 {width: 70%;height: 50%;}
	.retop-1 a {padding: 9px 18px;}
	.more-2 {padding: 7px 20px;}
	.about-technology-li .title-1 {line-height: 40px;}
	.history-prev, .history-next {width: 50px;height: 50px;}
	.about-history-year {margin-top: 10%;}
	.div-about-operate .logo-center::before {width: 200px;height: 200px;}
	.div-about-operate .logo-center::after{width: 160px;height: 160px;}
	.cooperative-slide img.img-center {max-width: 60%;max-height: 60%;}
	.index-banner-item.white .title-1 {margin-top: 1%;}
	.brand-logo-1 .point .showtext-2 {padding: 15px 25px;width: 160px;margin-left: -80px;}
	.user-comment-right .text-1 {height: 150px;}
	.user-comment-right .bottom-1 .swiper-button-prev, .user-comment-right .bottom-1 .swiper-button-next {width: 40px;height: 40px;}
	.user-interaction-item .touxiang-1 i {width: 70px;height: 70px;}
	.div-news-item .text .title-1 {min-height: 125px;}
	.swiper-download-prev, .swiper-download-next {width: 40px;height: 40px;}
	.service-download-item .download-1 {padding: 8px 23px;}
	.retop-1 a {min-width: 100px;}
	.div-detail-top .send-1 a {line-height: 40px;padding: 0 30px;}
	.div-detail-bottom-item {width: 60%;}
	.core-products-left {left: 10%}
	.superior-strength-item ul li{font-size: 15px;}
	.header-nav-product a .pic img.img-center {max-height: 80%;max-width: 80%;}

	.product-detail-style13-center .pics {width: 80%;margin: auto;}
	.product-detail-style13-bottom {margin-top: 0;}
	.product-detail-style14-item .text .text-1,.product-detail-diy10-item .text .text-1 {min-height: 90px;}
	.product-detail-style-diy7-bottom {margin: auto;margin-top: 5%;}
	.product-detail-200w-icon6 li .text-6 i{width: 50px;height: 50px;}
	.service-after-sale-item .text-1{left:15%;top:10%;}
}
@media screen and (max-width: 1366px) {
	.application-scenario-item .title-1 {top: 20px;}
	.user-stories-item.cur .title-1 {font-size: 20px;}
	.user-comment-swiper {padding: 5% 0 10% 0;}
	.div-news-nav a ,.service-download-video-top-nav a{padding: 10px 30px;}
	.div-news-item .text .date-1 li,.news-detail-top .date-1 li,.news-detail-other-list .date-1 li {padding: 4px 15px;}
	.div-news-item .text .title-1 {min-height: 120px;}
	.service-download-item .download-1 {padding: 5px 18px;}
	.service-after-sale-item {width: 45%;}
	.about-responsibility-bottom {margin-top: 1%;}
	.about-responsibility-center img{transform: scale(0.7);}
	.history-prev, .history-next {width: 40px;height: 40px;}
	.div-contact-us .div-container {width: 60%;}
	.about-responsibility-left {width: 26%;margin-left: -580px;}
	.about-responsibility-right {width: 26%;margin-right: -580px;}
	.superior-strength-item ul li{font-size: 14px;}
	.footer-content-bottom a {font-size: 12px!important;}

	.product-detail-style2 .title-1,.product-detail-style5 .title-1,.product-detail-style2 .title-1 {line-height: 70px;}
	.product-detail-style-diy13-bottom-gt500 .gt500-txt2 {right: -25%;}
	.gt240-chansu li strong,.gt240-chansu li span {font-size: 14px;}
}
@media screen and (max-width: 1280px) {
	.about-us-left {margin-top: 1%;}
	.div-recruitment-detail {padding: 5% 0;}
	.div-detail-bottom-item {width: 65%;}
	.div-recruitment-windows {width: 35%;}
	.div-recruitment-from .input-2 {padding: 3% 4%;}
	.superior-strength-item {margin-right: .9%;}
	.superior-strength-item ul li{font-size: 13px;}
	.header-nav-product a {width: 10%;}

	.product-detail-style2 .title-1,.product-detail-style5 .title-1,.product-detail-style2 .title-1 {line-height: 60px;}
	.product-detail-style14-item .text .text-1,.product-detail-diy10-item .text .text-1 {min-height: 80px;}
	.product-detail-style13-center .imgs {width: 90%;margin: auto;}
	.product-detail-style-diy13-bottom-gt500 .gt500-txt2 {right: -15%;}
	.product-detail-style-diy13-bottom-gt500 .gt500-text-1::after {width: 100px;}
}
@media screen and (max-width: 1152px) {
	.core-products,.core-products.cright {background-size: auto 100%;}
	.core-products-left .class-1 {margin-top: 0;}
	.core-products.cright .core-products-left {right: 5%;width: 30%;}
	.div-container,.footer-content {width: 96%;}
	.header-logo {width: 8%;}
	.div-brand-story .div-container {width: 85%;}
	.user-interaction-bottom,.user-comment-bottom,.div-contact-us .div-container {width: 90%;}
	.kf-right {width: 40px;}
	.contact-us-top {padding-bottom: 2%;}
	.contact-us-center {padding: 2% 0;}
	.div-detail-top {width: 90%;}
	.div-recruitment-detail-bottom .div-container {width: 70%;}
	.div-recruitment-windows {width: 40%;}
	.about-responsibility-left {width: 24%;margin-left: -520px;margin-top:2%;}
	.about-responsibility-right {width: 24%;margin-right: -520px;}
	.superior-strength-item ul li{font-size: 12px;}
	.core-products-left {left: 2%;}
	.product-list-item {width: 30%;}
	.product-list-item a .img-center,.solar-panels-product-item .img .img-center{max-height: 60%;max-width: 70%;}
	.header-nav-product a {width: auto;}
	
	.product-detail-style11-top {margin-top: 10%;}
	.product-detail-style16-bottom .pic{width: 90%;margin: auto;}
	.product-detail-style15-bottom,.product-detail-style17-swiper,.product-detail-style17-nav,.product-detail-style18-list {width: 90%;}
}
@media screen and (max-width: 1024px) {
	.div-container,.footer-content {width: 90%;}
	.core-products-left {width: 30%;left: 5%;}

	.product-detail-top .div-container {width: 96%;}
}
@media screen and (max-width: 980px) {
	.kf-right {display: none;}
	.index-banner-item .title-1 {line-height: 44px;font-size: 30px;}
	.index-banner-item .keyword-2 li {margin: 5px;}
	.ptb100 {padding: 15% 0;}
	.div-title .title-1 {font-size: 25px;}
	.more-1 a {font-size: 12px;padding: 7px 10px;}

	.product-detail-top .div-container {width: 90%;}
	.div-product-detail-black .product-detail-top-botton li {margin-left: 10px;}
	.product-detail-gt240-1 .gt240-1-txt strong,.product-detail-gt240-1 .gt240-1-txt span {font-size: 18px;}
	.product-detail-gt240-1 .gt240-1-txt {left: -10%;width: 120%;}
	.product-detail-gt240-icon6 li i {width: 50px;height: 55px;}
	.product-detail-gt240-icon6 li {width: 44%;padding: 5% 0;}
	.product-detail-gt240-chansu,.product-detail-gt240-chanpi {width: 100%;margin: 5% 0;}
	.product-detail-style-diy8.ptb8,.product-detail-style-diy7 {padding: 15% 0;}
	.product-detail-style-diy8-bottom {margin-top: 5%;width: 90%;margin: 5% auto;}
	.product-detail-gt240-4 .gt240-4-left,.product-detail-gt240-4 .gt240-4-right {width: 100%;}
	.product-detail-gt240-4 .gt240-4-right {margin-top: 5%;}
	.product-detail-200w-icon6 li {width: 25%;margin:1% 10%;}
	.product-detail-200w-icon6 {width: 100%;}
	.product-detail-200w-icon6 li .text-6 i img {margin: auto;}
	.product-detail-200w-icon6 li .text-6 span {font-size: 14px;}
	.product-detail-200w-pic3 li {width: 100%;margin: 3% 0;}
	.product-detail-200w-pic3 li img {width: 100%;max-width: 100%;margin: auto;}
}
@media screen and (max-width: 860px) {
    .footer-copy{font-size: 12px;}
    .abt{width: 100%;font-size: 15px;}
    .page-corevalues{padding: 15% 0;}
	.pcshow ,.aside-top a,.header-nav-show,.footer-nav ,.news-detail-bottom i,.about-strategy-left .pic-3,.about-history-right .bgimg,.ctc-search-1{display: none!important;}
    .fengex{display: none;}
	.mbshow,.menu-toggle{display: block!important;}
	.header-content {width: 90%;}
	.header-logo {width: 25%;top: 55%;}
	.header-nav {position: fixed;left:auto;top: 0;transform: translateX(100%);right: 0;background: rgba(0,0,0,.9);height: 100%;width: 100%;transition:all .4s ease;}
	.no-touch .header-nav {transform: translateX(0);}
	.header-nav ul,.div-contact-us {margin-top: 100px;width: 96%;}
	.header-nav ul li {display: block;text-align: right;}
	.header-right {right: 20%;}
	.header-nav ul a.nav {line-height: 50px;padding-right: 0px;}
	.drop-down a.nav::after {right: -15px;}
	.header-nav a.nav {font-size: 18px;}
	.product-show-nav a {font-size: 16px;}
	.product-banner-item .title-1,.solar-panels-content-top .title-1,.brand-top .title-1 ,.about-us-top .title-2,.about-technology-li .title-1,.div-about-advantage .title-1{font-size: 28px;}
	.user-stories-top .title-1{font-size: 22px;}
	.brand-story-top .title-1{font-size: 17px;}
	.index-banner-item .text {width: 90%;left: 5%;}
	.service-after-sale-top .title-1  {font-size: 20px;}
	.product-banner-item .product,.product-superior-strength,.solar-panels-content,.div-brand {padding: 10% 0;}
	.latest-information-right ,.footer-message,.product-banner-item .text,.brand-bottom,.about-strategy-right{margin-top: 10%;}
	.product-banner-item .item-1,.brand-bottom-text .text,.about-us-right {margin-top: 5%;}
	.solar-panels-item {margin-bottom: 15%;margin-top: 5%;}
	.service-download-video-item.sdvi1,.service-download-video-item.sdvi2, .service-download-video-item.sdvi3,.contact-us-bottom .service-after-sale-item  {margin-bottom: 5%;}
	.service-download-video-item.sdvi4, .service-download-video-item.sdvi5 ,.contact-us-item,.div-detail-bottom-item{margin-top: 5%;}
	.service-download-video-item {margin-left: 0;}
	.application-scenario-item,.core-products-right,.latest-information-left,.latest-information-right,.footer-contact,.footer-message,.product-photovoltaic-item .img,.solar-panels-product-item.w100 .img,.solar-panels-parts .solar-panels-product-item.sppi5, .solar-panels-parts .solar-panels-product-item.sppi6, .solar-panels-parts .solar-panels-product-item.sppi7,.brand-bottom-text .img,.brand-bottom-text .text ,.user-comment-left,.user-comment-right ,.div-news-item.dni1,.div-news-item ,.news-detail-left,.news-detail-right,.service-download-video-item.sdvi1,.service-download-video-item,.service-after-sale-item,.contact-us-item,.contact-us-bottom .service-after-sale-item,.div-recruitment-nav,.div-recruitment-left,.div-recruitment-right,.div-recruitment-detail-bottom-item .title-1,.div-detail-bottom-item,.about-us-left ,.about-us-right,.about-technology-left,.about-history-left,.about-history-swiper .swiper-slide .text-1,.about-strategy-left,.about-strategy-right,.div-about-global-layout .text {width: 100%;float: none;}
	.application-scenario-item.asi2,.application-scenario-item.asi3,.application-scenario-item.asi4 {margin-left: 0;width:100%;margin-top: 2%;}
	.core-products-left {width: 80%;left:auto;position: relative;padding: 0 10%;}
	.core-products-left .product-1 {width: 50%;margin-top: 15%;}
	.core-products-left .product-1,.core-products-left .product-1 img,.footer-link {position: relative;left: auto;top: auto;bottom: auto;right: auto;}
	.core-products-right {margin-top: 5%;border-radius:0;}
	.core-products.cright .core-products-left {right:auto;width: 80%;}
	.core-products.cright .core-products-right {border-radius:0;}
	.latest-information-item a:hover {background: none;}
	.solar-panels-product-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
	.footer-logo a {width: 20%;}.about-technology-left {margin-left: 0;}
	.brand-bottom-text .text {padding: 6%;box-sizing: border-box;}
	.brand-bottom-text {padding: 0;width: 90%;margin: auto;}
	.div-brand .div-container,.div-about-authentication .text{width: 100%;}
	.div-user-stories,.div-service-faq,.div-service-download ,.div-service-download-video,.div-about-responsibility,.div-about-advantage,.div-about-strategy{padding: 15% 0;}
    .div-about-authentication{padding: 15% 0 2%;}
	.footer,.header-nav-product,.service-faq-item .title {padding:5% 0;}
	.footer-content-top,.footer-content-center,.div-recruitment-detail-bottom {padding: 5% 0;}
	.product-banner-item .item-1 li {padding: 0 20px;}
	.product-class-type-nav a {padding: 3%;} .div-about-global-layout .date-4 li{width: 45%;}
	.product-class-type {padding: 5% 0 10% 0;}
	.superior-strength-item {width: 100%;margin-right: auto;margin-bottom: 5%;}
	.superior-strength-item ul {min-height: auto;}
	.product-list-item {width: 90%;margin: 3% auto;}
	.product-type-other .title-1 {left: 50%;top: 50%;transform: translate(-50%,-50%);}
	.product-photovoltaic-item .text {position: relative;left: auto;top:auto;transform: none;padding: 10%;box-sizing: border-box;overflow: hidden;}
	.product-photovoltaic-item.fr .text {right: auto;}
	.class-type-product,.header-nav-product  {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;font-size: 0;width: 100%;}
	.class-type-product::-webkit-scrollbar,.header-nav-product::-webkit-scrollbar {height:0px; width:0px;}
	.solar-panels-product-item.w100 .text {position: relative;text-align: center;top: auto;transform: none;width: 100%;left: auto;}
	.solar-panels-product-item .text {margin-top: 5%;}


	.product-type-other a .pic::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: #000;opacity: .5;}
	.brand-center {width: 50%; margin: auto;margin-top: 5%;}
	.brand-logo-1 .point i {width: 20px;height: 20px;}
	.brand-logo-1 .point.point-2 {bottom: -40px;}
	.div-brand-story .div-container {width: 90%;}
	.user-stories-list img{display: none;}
	.user-stories-item {width: 100%;position: relative;height: 200px;top: auto;}
	.user-stories-item.cur{width: 100%;left: auto;}
	.user-stories-item.usi2,.user-stories-item.usi3 {right: auto;}
	.user-stories-item .title-1 {bottom: auto;top: 50%;}
	.user-stories-item .img::before {background: #000;opacity: .4;}
	.div-user-interaction img.img-block {max-width: 200%;width: 200%;}
	.div-user-brand-bottom  img.img-block {max-width: 300%;width: 300%;}
	.user-interaction-item .touxiang-1 {left: 50%;margin-left: -35px;top: -20px;}
	.user-interaction-swiper {padding-bottom: 15%;}
	.user-interaction-item .container-bottom-1 .text-1 {padding: 44px 5%;}
	.user-comment-right {margin-left: 0;margin-top: 10%;}
	.user-comment-swiper {overflow: hidden;width: 90%;padding: 5%;}
	.user-comment-bottom ,.div-recruitment-windows{width: 100%;}
	.user-comment-right .container-1 {border-radius: 20px;}
	.div-news-item a {box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 8%);}
	.page-turn a {width: 30px;height: 30px;}
	.div-news,.cooperative-partner {padding: 5% 0 15% 0;}
	.div-about-global-layout .text-1 {padding: 5% 0 10% 0;}
	.service-faq-item .title-1 {width: 80%;}
	.service-download-video-top-nav a {padding: 6px 20px;}
	.service-after-sale-item {box-sizing: border-box;margin: 5% auto;padding: 5% 0;}
	.div-recruitment-nav a {display: inline-block;padding: 4%  10px 4% 25px;}
	.div-recruitment-item {float: none;width: 100%;margin-right:auto; margin-bottom: 5%;background: #fff;border-radius: 10px;}
	.div-recruitment-item .img {display: none;}
	.div-recruitment-item .viewjob-1 {position: relative;width: 90%;left: auto;bottom: auto;margin: auto;margin-top: 20%;overflow: hidden;}
	.div-recruitment-item .text {position: relative;width: 90%;margin: auto;left:auto;height:auto;top:auto;padding: 5%;overflow: hidden;box-sizing: border-box;}
	.div-detail-top {padding-top: 10%;}.cooperative-partner-swiper .swiper-pagination {margin-top: 13%;}
	.div-detail-top .return-1 a {width: 50px;height: 50px;}
	.div-detail-top .div-container {width:80%;margin: 0;margin-left: 20%;}
	.div-detail-top .send-1 {position: relative;display: inline-block;margin-top: 5%;}
	.div-recruitment-detail-bottom .div-container {width: 80%;}
	.div-recruitment-nextprev {padding: 5% 0;margin-bottom: 10%;}
	.div-recruitment-windows {padding: 5% 10%;}
	.about-technology-right {float: none;width:90%;margin-right: 0;margin-top: 10%;padding: 5%;overflow: hidden;}
	.about-responsibility-left {width: 90%;margin-left: auto;margin: auto;position: relative;left: auto;top: auto;text-align: left;margin-top: -5%;}
	.about-responsibility-right {width: 90%;margin-right: auto;margin: auto;position: relative;left: auto;top: auto;text-align: left;right: auto;}
	.about-responsibility-left li {padding: 5% 0;width: 100%;}
	.about-responsibility-right {padding: 5% 0;width: 90%;margin: auto;}
    .about-responsibility-bottom .text-1{width: 100%;}
	.about-history-right {float: none;width:100%;position: relative;overflow: hidden;margin-left: auto;}
	.history-swiper-pic {margin-top: 10%;}.advantage-text {width: 100%;}
	.history-swiper-pic .title-3 {font-size: 140px;line-height: 140px;}
	.advantage-text.at1 {left: 63%;top: 12%;}.advantage-text.at3 span {margin: 10px auto;}
	.advantage-text span {margin: 0 5px;width: 80px;}
	.advantage-text i {width: 50px;height: 50px;margin: auto;}
	.advantage-text.at5 {top: 12%;right: 70%;}
	.advantage-text.at5 span{display: block;position: absolute;right: 0;width: 100px;bottom: -50px;}
	.advantage-text.at2 {left: 70%;top: 65%;}.advantage-text.at2 span {display: block;margin-top: 8px;}
	.advantage-text.at3 {bottom: -7%;}.authentication-icon li {width: 23%;margin-bottom: 5%;}
	.authentication-icon li i {width: 50px;height: 50px;}
	.advantage-text.at4 {top: 65%;right: 70%;} 
	.advantage-text.at4 span {display: block;}
	.advantage-text.at4 span {display: block;position: absolute;right: 0;bottom: -50px;}
	.advantage-text.at1 span{display: block;position: absolute;left: 0;bottom: -50px;}
	.div-about-operate .pic img.img-block{width: 300%;max-width: 300%;}
	.div-about-operate .text {width: 90%;left: 5%;}
	.div-about-operate .logo-center {width: 20%;}
	.div-about-operate .logo-item li.xy13 {right: 50%;top: 70%;margin-right: -80px;}
	.div-about-operate .logo-item li.xy13 i {width: 40px;height: 40px;}
	.div-about-operate .logo-item li.xy2 {left: 50%;top: 47%;margin-left: -220px;}
	.div-about-operate .logo-item li.xy4 {left: 50%;top: 30%;margin-left: -160px;}
	.div-about-operate .logo-item li.xy5 {right: 50%;top: 75%;margin-right: -210px;}
	.div-about-operate .logo-item li.xy6 {right: 50%;top: 55%;margin-right: -200px;}
	.div-about-operate .logo-item li.xy6 i {width: 80px;height: 80px;}
	.div-about-operate .logo-item li.xy7 {left: 50%;top: 75%;margin-left: -200px;}
	.div-about-operate .logo-item li.xy7 i {width: 80px;height: 80px;}
	.div-about-operate .logo-item li.xy10 {left: 50%;top: 65%;margin-left: -100px;}
	.div-about-operate .logo-item li.xy10 i {width: 80px;height: 80px;}

	.product-detail-style12-center .img ,.product-detail-style-diy5-bottom img{width: 200%;max-width: 200%;margin-left: -50%;}
	.product-detail-style12-center .product {width: 100%;left: 0;bottom: 0;} 
	.product-detail-style2 .title-1, .product-detail-style5 .title-1,.product-detail-style2 .title-1 {line-height: 30px;}
	.product-detail-style13-top,.product-detail-style3 .text .text-1,.product-detail-style17-top .text-1,.product-detail-style4 .div-container,.product-detail-style10-top .text-2,.product-detail-style10-top .text-1,.product-detail-style10-bottom .bottom-img-2,.product-detail-style-diy1,.product-detail-style-diy2,.product-detail-style-diy3,.product-detail-style-diy4 ,.product-detail-style-diy7-top .text-1,.product-detail-style-diy8-top .text-1 {width: 90%;margin: auto;}
	.product-detail-style3 .text .text-1,.product-detail-style17-top .text-1,.product-detail-style10-top .text-1,.product-detail-style10-bottom .bottom-img-2,.product-detail-style-diy2,.product-detail-style-diy3,.product-detail-style-diy4,.product-detail-style-diy7-top .text-1,.product-detail-style-diy8-top .text-1 {margin-top: 5%;}
	.product-detail-style11-top {margin-top: 20%;}
	.product-detail-style13-center .pics,.product-detail-style7-bottom .left-img-1,.product-detail-style-diy1-left,.product-detail-style-diy2-right {width: 100%;}
	.product-detail-style13-item,.product-detail-style14-item,.product-detail-item,.product-detail-style6-parameter .parameter-left-img {float: none;width: 100%;margin-bottom: 2%;margin-right: 0;padding: 5%;box-sizing: border-box;}
	.product-detail-style18-item  {float: none;width: 100%;margin-bottom: 2%;margin-right: 0;box-sizing: border-box;}
	.product-detail-style3 {background: #080726;}
	.product-detail-style3 .img img{width: 300%;max-width: 300%;margin-left: -100%;}
	.style3-item,.style11-swiper-button {display: none;}
	.product-detail-style15-item {width: 30%;margin: 5% 1%;}
	.style17-nav {border: none;}
	.product-detail-style17-nav a {padding: 15px 0px;}
	.product-detail-style8,.product-detail-style6,.product-detail-style7,.product-detail-style-diy {padding: 15% 0;}
	.product-detail-type-other .title-1 {font-size: 12px;top: 50%;transform: translateY(-50%);}
	.product-detail-type-other .img .pic {opacity: .5;}
	.div-product-detail-black .product-detail-top .div-container {padding: 2% 0;}
	.product-detail-top-botton .buy-1 {padding: 5px 15px;} 
	.product-detail-style3 .img {margin-top: 20%;}
	.product-detail-style13-top .title-1,.product-detail-style1 .product-detail-style1-top .title-1 {font-size: 30px;}
	.product-detail-style13-center {margin-bottom: 10%;}
	.product-detail-style16-top .title-1 strong {display: block;} 
	.product-detail-style1 .product-detail-style1-top {top: 30%;}
	.product-detail-style1 {padding-top: 50%;} 
	.product-detail-style4 .product-detail-item {padding: 0;}
	.product-detail-item .product .tip span {padding-left: 20px;}
	.product-detail-style6-parameter .parameter-right-list {float: none;width: 100%;margin-left: 0;padding: 5%;box-sizing: border-box;}
	.parameter-right-list-mian {height: auto;width: 100%;padding-right: 0;overflow-y: hidden;}
	.parameter-right-item {padding: 3% 0;float: none;width: 100%;}
	.product-detail-style7-bottom .right-img-2 {width: 100%;position: relative;right: auto;bottom: auto;margin-top: 10%;}
	.product-detail-style9-bottom img {width: 300%;max-width: 300%;margin-left: -100%;}
	.product-detail-style10-top .text-2 {font-size: 16px;margin-top: 5%;}
	.product-detail-style11-bottom {padding-bottom: 10%;}
	.product-detail-style20 .text {position: relative;width: 100%;left: auto;top: auto;transform: none;text-align: center;padding: 10% 0;}
	.product-detail-style19-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
	.product-detail-style-diy1-right,.product-detail-style-diy2-left {position: relative;right:auto;width:90%;transform: none;top: auto;margin-top: 5%;padding: 5%;}
	.product-detail-style-diy1-right .title-1 ,.product-detail-style-diy4-top .title-1,.product-detail-style3 .text .title-1,.product-detail-style-diy13-top .title-2,.product-detail-style-diy6-top .title-2,.product-detail-style-diy12-top .title-1,.product-detail-style-diy8-top .title-2 ,.product-detail-style-diy7-top .title-2{font-size: 28px;line-height: 34px;}
	.product-detail-style-diy12-top .text-1,.product-detail-style-diy6-top .text-2 {font-size: 18px;}
	.product-detail-style-diy2-left {left: auto;}
	.product-detail-style-diy3-top {position: relative;left: auto;width: 90%;top: auto;margin: auto;padding: 5% 0;}
	.product-detail-style-diy4 {padding: 5%;box-sizing: border-box;}
	.product-detail-style-diy .product-detail-style-diy4:last-child {margin-top: 5%;}
	.product-detail-diy10-item {float: none;width: 90%;padding:0;margin-bottom: 5%;margin-right: 0;padding: 5%;}
	.product-detail-style2 .text {width: 100%;}
	.product-detail-style-diy14 {padding: 10% 0;}
	.product-detail-style-diy14-left,.product-detail-style-diy15-right {position: relative;left: auto;top: auto;width: 80%;transform: none;padding: 0 10%;right: auto;}
	.product-detail-style-diy14-right,.product-detail-style-diy15-left {float: none;width: 100%;margin-top: 5%;}
	.product-detail-style-diy15-right {margin-top: 5%;}
	.product-detail-style5 .text ,.product-detail-style2 .text{left: 0;top: 50%;transform: none;width: 100%;}
	.product-detail-style-diy6-bottom-icon-list li i {width: 50px;height: 40px;}
	.product-detail-style-diy6-bottom-icon-list {width: 90%;margin-top: 10%;}
	.product-detail-style-diy6-bottom-icon-list li {width: 42%;padding: 10% 4%;}
	.product-detail-style-diy6-bottom-icon-list li:nth-child(2)::before,.product-detail-style-diy6-bottom-icon-list li:nth-child(6)::before ,.product-detail-style-diy13-bottom-gt500 .gt500-text-1::before,.product-detail-style-diy13-bottom-gt500 .gt500-text-1::after{display: none;}
	.product-detail-style-diy6-bottom-icon-list li:nth-child(5)::after,
	.product-detail-style-diy6-bottom-icon-list li:nth-child(6)::after {display: block;}
	.product-detail-style-diy6 {padding: 15% 0;}
	.product-detail-style-diy7-donghua1 .leftche-1,.product-detail-style-diy7-donghua1 .lefttxt-3,.product-detail-style-diy7-donghua1 .centertxt-4,.product-detail-style-diy7-donghua1 .rightctc-2 {display: none;}
	.product-detail-style-diy7-donghua1 img {opacity: 1;}
	.product-detail-style-diy11-donghua2 li {width: 49%;}
	.product-detail-style-diy6-bottom-icon-list.num10 li {width: 42%;padding: 10% 4%;}
	.product-detail-style-diy6-bottom-icon-list.num10 li:nth-child(4)::before,.product-detail-style-diy6-bottom-icon-list.num10 li:nth-child(8)::before {display: none;}
	.product-detail-style-diy6-bottom-icon-list.num10 li:nth-child(5)::before,.product-detail-style-diy6-bottom-icon-list.num10 li:nth-child(7)::after,.product-detail-style-diy6-bottom-icon-list.num10 li:nth-child(8)::after {display: block;}
	.product-detail-style-diy6-bottom-pic3 li {float: none;width: 100%;margin-right:0;margin-bottom: 4%;}
	.product-detail-style-diy13 {padding: 15% 0 0 0;}
	.product-detail-style-diy13-bottom-gt500 {padding-bottom: 15%;}
	.product-detail-style-diy13-bottom-gt500 .gt500-pic1 {width: 100%;margin-top: 10%;}
	.product-detail-style-diy13-bottom-gt500 .gt500-txt2 {position: relative;right: auto;top: auto;padding-bottom: 10%;}
	.product-detail-style-diy6-bottom-pic4 {margin-top: 10%;}
	.product-detail-style-diy6-bottom-pic4 li {width: 48%;margin-right: 1%;margin-bottom: 5%;}
	.product-detail-style-diy6-bottom-pic4 li:nth-child(2), .product-detail-style-diy6-bottom-pic4 li:nth-child(4) {margin-top: 0;margin-left: 1%;}
	.product-detail-top {padding: 2% 0;}.swiper-detail-prev, .swiper-detail-next {display: none;}
	.product-detail-center-left {float: none;width: 100%;border-radius: 10px;padding: 5% 0;}
	.product-detail-pics-swiper .detail-pagination {margin-top: 10%;}
	.product-detail-pics-swiper .img img {max-height: 90%;}
	.product-detail-center-right {float: none;width: 100%;}
	.parameter-icon-top .text-1,.parameter-icon-list {width: 90%;margin: auto;margin-top: 5%;}
	.parameter-icon-item {width: 29%; }
	.product-detail-bottom {padding: 10% 0 15% 0;}
	.product-detail-style-diy8-bottom .img-top img.img-inline.wow {width: 100%;max-width: 100%;margin-left: 0;}
	.product-detail-style-diy8-bottom img.img-inline.wow  {width: 200%;max-width: 200%;margin-left: -50%;}
	.about-history-top {position: relative;width: 100%;height:auto;left: auto;top: auto;}
	.history-slide {padding-bottom: 20%;}
	.search-from {width: 100%;}
	.search-product-item {width: 48%; margin: 1%;}
	.search-detail-bottom {padding: 10% 0;overflow:hidden;}
	.search-product-item .img .img-center {max-width:90%;max-height:70%;}
	.header-right li.ctc-search-1 .search-input{display:none;}
	.header-right .ctc-search-1 .search-submit {position: relative;left: auto;top: auto;width: 16px;height: 16px;transform: none;display: inline-block;vertical-align: middle;}
    .culture-content-item {width: 50%;}
	.culture-content-item .english-0 {font-size: 20px;}
	.culture-content-item:nth-child(4) {border-radius: 0px;}
    .culture-content-item .icon-3{display: none;}
    .culture-content-item.cci1{font-size: 40px;line-height: 40px;}
    .culture-content-item.cci1{width: 100%}
}





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

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

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






@media only screen and (max-width:991px) {
    .authentication-icon{margin-top: 10%;}
    .section-para{padding: 60px 0 60px;}
    .pbmit-ihbox-style-1 .pbmit-icon-type-icon img{width: 50px;}
    .pbmit-ihbox-style-1 .justify-content-center{justify-content: flex-start!important;}
    .marketing-sol-two{background: #eee;}
.section-honor {
    background: url(../image/honor_bg2.jpg) top center no-repeat;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 798px;}
    .honor-padd{padding-top: 50px;}
.section-lgx.yy{padding: 50px 0 0;}
.lg-block{display: none;}
.sm-block{display: block;}   
.kll1{display: none}
.video-section .play-btn {
    background-color: #a56433
}
.v-light:not(.no-light) .video-section .play-btn {
    background-color: #d90a2c
}
}
.video-section .icon-circle {
    position: absolute;
    top: 0;
    z-index: -1;
    background-color: #a56433
}
.v-light:not(.no-light) .video-section .icon-circle {
    background-color: #d90a2c
}
.video-section .text-play {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase
}
.section-margin {
    margin-top: 0;
    margin-bottom: 160px
}
.section-margin.co {
    margin-top: -70px;
    margin-bottom: 50px
}
.section-margin.pojv {
    margin-top: 120px;
    margin-bottom: 40px
}
.section-margin.ab{
    margin-top: 250px;
    margin-bottom: 40px
}
@media only screen and (max-width:991px) {
.section-margin {
    margin-top: 80px;
    margin-bottom: 80px
}
}

@media(max-width:1800px){
    .abt{max-width: 90%}
    .pro-v1419 .pbmit-heading-subheading{margin-top: 125px;}
    .pro-x{font-size: 16px;padding: 10px 50px 0;}
    .digital-agency-portfolio{padding: 100px 100px 30px;}
    .pp-box{padding: 20px 15px}
    .pp-box img{width: 60px;}
    /*.spe{min-height: 586px}*/
    .zsimg{left: -100px;}
    .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li h3{font-size: 24px;}
    .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li:hover{padding-left: 10px;}
    .pbmit-service-style-2 .pbmit-service-title{font-size: 24px;}
    .pbmit-service-style-2 .pbmit-service-content p{font-size: 14px;}
    .pbmit-service-style-2 .pbminfotech-box-number{margin-right: 10px;}
    .pbmit-service-style-2:hover .pbmit-titlebox{padding-left: 20px;}
    .pbmit-element-portfolio-style-3 .pbminfotech-box-content{padding: 8vw 0vw 8vw 19vw;}
    .bg-ys{padding: 0 100px}
    .pbmit-element-split-slide-style-3 .pbmit-split-slide-box .pbmit-split-slide-btn{margin-top: 40px;}
    .a-container{max-width: 88%}
    .pbmit-animation-style1.small .yyp h4,.pbmit-animation-style2 .yyp h4{padding: 10px 0 0 10px;font-size: 16px!important;}
}
@media(max-width:1500px){
    .pbmit-team-style-4 .pbmit-team-title{font-size: 18px;}
    .honorlist li{font-size: 14px;}
    .pbminfotech-ele-fid-style-14 .pbmit-fid-inner{font-size: 50px;}
    .pbminfotech-ele-fid-style-14 .pbmit-fid-title{padding-left: 5px;}
    .digital-marketing-welcome-inner{padding: 158px 0px 200px 0px;}
    .digital-marketing-welcome h1.big-title{font-size: 45px;padding-bottom: 10px;}
    .pbmit-static-box-style-2 .pbmit-contentbox-inner .pbminfotech-box-title h4{color: #333;font-size: 26px;}
    .pbmit-element-static-box-style-2 .pbmit-ele-static-box.pbmit-active .pbmit-contentbox .pbminfotech-box-title h4{font-size: 26px;}
    .pbmit-element-static-box-style-2 .pbmit-element-posts-wrapper,.pbmit-element-static-box-style-2 .pbmit-ele-static-box .pbmit-contentbox{min-height: 550px;}
    .pbmit-element-static-box-style-2 .pbmit-ele-static-box .pbmit-contentbox{width: auto; transform: translateX(100%);}
    .pbmit-element-portfolio-style-13 .pbminfotech-portfolio-des{bottom: 65px;}
    .pbmit-element-portfolio-style-13 .portfolio-container .swiper-slide .pbmit-featured-img-wrapper img{height: 450px}
    .b-container{max-width: 96%;}
    .pbmit-ihbox-style-1 .pbmit-element-title{font-size: 18px;text-wrap:nowrap}
    .pbmit-ihbox-style-1 .pbmit-heading-desc{font-size: 10px;}
    .tz-content{padding-top: 0px;}
    .pbminfotech-ele-fid-style-6 .pbmit-number-rotate{font-size: 50px;}
    .marketing-sol-about1 .pbmit-heading-subheading{margin-top: 100px;}
    .pro-p{max-width: 65%;font-size: 16px;}
    .pbminfotech-ele-fid-style-6 .pbmit-fid-title,.pro-t{font-size: 16px;}
    .pbmit-service-style-7 .pbmit-titlebox{width: 45%;}
    .pbmit-service-style-7 .pbmit-service-description{width: 50%;}
    .pbmit-service-style-7 .pbmit-service-description ul li{font-size: 16px;line-height: 1;}
    .pbmit-service-style-7 .pbmit-service-title,.pbmit-service-style-7 .pbmit-service-content p{font-size: 16px;}
    .pbmit-service-style-7 .pbmit-service-content{margin-right: 0;min-width: 150px;}
    .creative-studio-marqueeover{padding-bottom: 30px;}
    .zsimg{left: -250px;}
    .pbmit-heading-subheading{margin-bottom: 20px;}
    .pbmit-heading-subheading.pro{margin-bottom: 20px;}
    .pbmit-heading-subheading .pbmit-title{font-size: 35px;}
    .pbmit-heading-subheading.flz{margin-bottom: 10px;}
    .pbmit-heading-subheading .pbmit-subtitle{margin-bottom: 0;}
    .pbmit-action-box-style-1 .pbmit-action-content{width: 90%;padding: 50px 50px}
    .pbmit-action-box-style-1 h2.pbmit-element-title a{font-size: 35px;}
    .pbmit-action-box-style-1 .pbmit-action-content .pbmit-element-subtitle{font-size: 14px;line-height: 1.2}
    .footer-nav ul li a{font-size: 14px;}
    .pbmit-miconheading-style-17 {
    height: 170px!important;
    width: 170px!important;
    padding: 50px 0!important;
}
    .creative-studio-marqueeover p{font-size: 14px;}
    .pbmit-miconheading-style-17 .pbmit-ihbox-icon-type-text{font-size: 36px;line-height: 1.2;}
    .pbmit-ihbox-style-17 .pbmit-element-title{font-size: 16px}
    .footer-content-bottom a {font-size: 12px!important;}
    .s-p{padding-bottom: 740px}
    .pbmit-service-style-2 .pbmit-service-title{font-size: 20px}
    .pbmit-service-style-2:hover .pbmit-titlebox{padding-left: 10px;}
    .pbmit-element-portfolio-style-3 .project-number-slider{top: 25%;
    left: calc(11% - 20px);}
    .pbmit-element-portfolio-style-3 a.pbmit-button{height: 80px;width: 80px;padding: 25px 10px 25px 10px;font-size: 14px;left: 35%}
    .pbmit-element-portfolio-style-3 .pbmit-portfolio-title{font-size: 35px;line-height: 1.3}
    #rev_slider_1_1[data-slideactive="rs-13"] .hephaistos.tparrows{left: 108%!important}
    .site-header .site-branding img{max-height: 50px;}
    .site-navigation ul.navigation a{font-size: 14px;}
    .site-navigation ul.navigation > li > a{height: 65px;line-height: 65px;}
    }

@media(max-width:1024px){
    .lg-vb{display: none}
.sm-vb{display: block}
    .lg-vbi{display: none}
}

@media(max-width:992px){
    .marketing-sol-about1{background: url("../image/vm.jpg");background-position: center center;
    background-size: cover;}
    .pbmit-miconheading-style-17.two{top:-20px}
    .pbmit-miconheading-style-17.one{top: -20px}
    .a-container{max-width: 98%}
    .pbmit-action-box-style-1 .pbmit-action-content{padding: 50px 0;width: 90%}
    .footer-nav{display: none!important}
    .footer-message{margin-top: 10%;}
    .footer-contact,.footer-message{width: 100%;float: none;}
    .footer-link {position: relative;left: auto;top: auto;bottom: auto;right: auto;}
    .footer-logo a {width: 40%;}.about-technology-left {margin-left: 0;}
    .footer,.header-nav-product,.service-faq-item .title {padding:5% 0;}
	.footer-content-top,.footer-content-center,.div-recruitment-detail-bottom {padding: 5% 0;}
    .pbmit-element-portfolio-style-3 .pbminfotech-box-content{padding: 0}
    .pbmit-element-portfolio-style-3 a.pbmit-button {
    top: 210px;
    width: 80px;
    height: 80px;
    left: 30%;
    padding-top: 25px;
    line-height: 16px;
}
}

@media(max-width:767px){
    .pbmit-slider-area{min-height: 80vh}
    .pbmit-title-bar-wrapper{background-position: right -150px center;}
    .sy-p{padding-left: 0;}
    .pp-p{margin-top: 20px;}
    .pp-box{background: rgba(255,255,255,0.8)}
    .pro-p{max-width: 100%;}
    .abt{margin-left: 0;padding-top: 20px;}
    .para-box h4{font-size: 22px;}
    .marketing-sol-four {
    background: url("../image/da-slide-5.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #F2F6F9;
    min-height: 80vh;
    padding-top: 45%!important;
}
    
    .pro-v1419{background: url("../image/vm3.jpg") center no-repeat;background-size: cover;}
    .section-honor-2{background: url(../image/honor_bg2.jpg) top center no-repeat;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 930px;}
    .pbmit-element-static-box-style-2 .pbmit-ele-static-box .pbmit-contentbox{min-height: 360px;}
    .pbmit-element-static-box-style-2 .pbmit-ele-static-box .pbmit-contentbox{transform: translateX(0);}
    .digital-agency-portfolio{padding:  100px 0 100px;}
    .marketing-sol-third{background: url("../image/vm2.jpg") no-repeat;
    background-position: center center;
    background-size: cover;min-height: 600px}
    .text-right.pro{text-align: left}
    .marketing-sol-two{max-height: 100%}
    .pbmit-ihbox-style-1 .pbmit-ihbox-headingicon{
		padding: 18px 0;
	}
    .pro-x{padding: 10px 0 0}
    .pbmit-ihbox-style-1 .pbmit-ihbox-icon{margin-right: 0;padding-right: 0;}
    .pbmit-heading-subheading .pbmit-title{max-width: 100%}
    .marketing-sol-about1 .pbmit-heading-subheading{margin-top: 300px;}
    .pbmit-service-style-7 .pbminfotech-post-item{padding: 5px 0 5px 0}
    .pbmit-heading-subheading .pbmit-title.small{font-size: 20px;}
    .bg-padd{padding-top: 50px!important;}
    .gx-padd{padding-left:0;}
    .pbmit-heading-subheading.flc {margin: -14px 0 15px;}
    .pro-pb{font-size: 15px;}
    .pbmit-element-portfolio-style-3 .pbminfotech-titlebox{padding: 0; }
    .pbmit-heading-subheading .pbmit-title.small{font-size: 18px!important;}
    .prox{margin-left: -7px;}
    .pbmit-element-portfolio-style-3 a.pbmit-button{top: 550px;left: 35%;}
    .pbmit-element-portfolio-style-3 .pbmit-portfolio-title{font-size: 30px;}
    .ver-sac{padding-right: 0!important;padding-left: 0!important;max-width: 100%!important}
    .zs-more{padding-top: 39px;}
    .pbmit-animation-style1 .yyp h4, .pbmit-animation-style2 .yyp h4{font-size: 16px;}
}

@media(max-width:700px){
    .marketing-sol-about1 .pbmit-heading-subheading{margin-top: 100px;}
    /*.pbmit-heading-subheading .pbmit-title{max-width: 70%;}*/
    .dspt a {padding-right: 20px;}
}
@media(max-width:502px){
    .dspt{display: none}
}

.circle {
    width: 10px;         /* 设置圆的宽度 */
    height: 10px;        /* 设置圆的高度 */
    background-color: #f08833; /* 设置圆的颜色 */
    border-radius: 50%;  /* 创建圆形 */
    display: inline-block; /* 使圆点可以与其他内容同行显示 */
  }
  
  
  *, ::after, ::before{
	ox-sizing: border-box;
}
:root {
	    --pbmit-global-color: #10b060;
    --pbmit-secondary-color: #1f1d1d;
    --pbmit-light-color: #f6f6f6;
    --pbmit-white-color: #ffffff;
    --pbmit-blackish-color: #000000;
    --pbmit-link-color-normal: #000000;
    --pbmit-link-color-hover: #525252;
    --pbmit-global-color-rgb: 175, 214, 22;
    --pbmit-secondary-color-rgb: 31, 29, 29;
    --pbmit-responsive-breakpoint: 1200px;
    --pbmit-body-typography-font-family: 'HmMedium', sans-serif;
    --pbmit-body-typography-variant: regular;
    --pbmit-body-typography-font-size: 16px;
    --pbmit-body-typography-line-height: 1.5;
    --pbmit-body-typography-color: #666666;
    --pbmit-heading-typography-font-family: 'HmMedium', 'Microsoft YaHei', sans-serif;
    --pbmit-heading-color: #000000;
    --pbmit-heading-font-variant: 700;
    --pbmit-btn-typography-font-family: 'HmMedium', 'Microsoft YaHei', sans-serif;
    --pbmit-btn-typography-variant: 600;
    --pbmit-btn-typography-font-size: 15px;
    --pbmit-btn-typography-line-height: 24px;
}