﻿.home-certiSwiper{margin-top:2%;}
.home-certiSwiper .swiper-wrapper{transition-timing-function:linear !important}
.home-certificates{text-align:center}
.home-certificates .home-title{margin-bottom:10px;}
.home-banner .swiper-slide .banner-animote.ban1{max-width:100%;width:auto;padding-left:12%;top:32% !important;}
.home-banner .swiper-slide .banner-animote.ban1 .title{max-width:43%;color:#fff;text-shadow: 1px 2px 3px #000;font-size:50px;line-height:1.5;}
@media (max-width:1600px){.home-banner .swiper-slide .banner-animote.ban1 .title{font-size:2.7vw;}}
@media (max-width:768px){.home-banner .swiper-slide .banner-animote.ban1 .title{font-size:var(--fontsize20);}}
@media (max-width:550px){.home-banner .swiper-slide .banner-animote.ban1{padding:10px;top:50% !important;}
.home-banner .swiper-slide .banner-animote.ban1 .title{font-size:var(--fontsize16);max-width:85%;text-align: center;margin:0 auto;}}

.home-banner .swiper-slide .banner-animote.ban2{max-width:100%;width:auto;padding-left:10%;top:35% !important;}
.home-banner .swiper-slide .banner-animote.ban2 .title{color:#fff;text-shadow: 1px 2px 3px #000;font-size:42px;line-height:1.5;}
@media (max-width:1600px){.home-banner .swiper-slide .banner-animote.ban2 .title{font-size:2.5vw;}}
@media (max-width:768px){.home-banner .swiper-slide .banner-animote.ban2 .title{font-size:var(--fontsize20);}}
@media (max-width:550px){.home-banner .swiper-slide .banner-animote.ban2{padding:10px;top:50% !important;}
.home-banner .swiper-slide .banner-animote.ban2 .title{font-size:var(--fontsize16);max-width:85%;text-align: center;margin:0 auto;}}
@media (min-width:1025px) {
body.index{padding-top: 0;}
.index header .head-top,.index,header{background: initial;}
.index header .head-info {box-shadow: none;}
.index header.is-active{background: #FFFFFF;}
header .head-top .head-contact .item a,header .head-top .head-contact .item em,header .head-top .head-share ul li a,.lang-icon span{color: #fff;}
.lang-icon span::before,.lang-icon span::after{background: #000;}
.index header.is-active .head-info{box-shadow: 1px 2px 10px rgba(0, 0, 0, .1);}
.index header.is-active .head-info .head-nav .nav-ul>li>a ,.index header.is-active .head-info .head-nav .nav-ul>li>em{color: var(--fontcolor);}}

.home-banner .swiper-slide .banner-animote.ban1{top:40% !important}
.home-banner .swiper-slide .banner-animote.ban1 .title{font-size: 40px;}
.home-banner .swiper-slide .banner-animote.ban1 .more{display: inline-flex !important;margin-top:20px;width: 150px !important;height: 50px !important;border-radius: var(--borderradius);background-color: var(--color);color: #FFFFFF;transition: all .2s ease;align-items: center;justify-content: center;text-transform: lowercase;line-height: 1;}
.home-banner .swiper-slide .banner-animote.ban1 .more:hover{opacity: .8;}
@media screen and (max-width:1440px){.home-banner .swiper-slide .banner-animote.ban1{top:50% !important}}
@media screen and (max-width:1024px){.home-banner .swiper-slide .banner-animote.ban1 .title{font-size: var(--fontsize30)}}
@media screen and (max-width:768px){.home-banner .swiper-slide .banner-animote.ban1 .title{font-size: var(--fontsize24)}
.home-banner .swiper-slide .banner-animote.ban1 .more{margin-top: 15px;width: 120px !important;height: 35px !important;}}
@media screen and (max-width:550px){.home-banner .swiper-slide .banner-animote.ban1{text-align:center}
.home-banner .swiper-slide .banner-animote.ban1 .title{font-size: var(--fontsize20)}
}
.home-banner .swiper-slide>a::after{content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(21, 21, 21, .35);}
header .head-info .head-nav .nav-ul>li>a {color: #ffffff;}
header .head-info .head-nav .nav-ul>li>em {color: #ffffff;}
  .home-banner .swiper-slide>a::after{display:none}
#indexbanner .banner-text{position:absolute;left:7%;top:50%;transform:translate(0,-50%);max-width:70%}
#indexbanner .banner-text .title{font-size:3.5vw;font-weight:600;line-height:1.2}
#indexbanner .banner-text .title span{color:var(--color)}
#indexbanner .banner-text .more{background:#ff6161;padding:.6% 2%;color:#fff;margin-top:2%;font-size:1vw;width:fit-content}
.home-product .home-des{display: none;}
.home-product .home-title,.home-company .company-info .home-title span ,.home-certificates .home-title,.home-choose .home-title,.home-news .home-title{color: var(--color);}
 #indexbanner .banner-text .title{color:#fff;font-size:3.7vw}
#indexbanner .banner-text .title span{color:#ffff00}
#indexbanner .banner-text{position:absolute;left:10%;top:59%;transform:translate(0,-50%);max-width:70%}

.home-title {font-size: 40px;}
.home-company .company-info .des {font-size: 20px;}
.home-company .company-info .btn {text-transform: capitalize;font-size: 18px;}
@media (min-width:1025px){.home-product .product-list .itempro .info .title,.home-choose .chooselist .itemchoose .text .title,.home-certificates>.l-wrap>p,.home-news .newslist .newsitem .info .title{font-size:var(--fontsize20)}
.home-news .newslist .newsitem .info .text p,.home-choose .chooselist .itemchoose .text .des,.home-product .product-list .itempro .info .des{font-size:var(--fontsize18)}}