@charset "utf-8";
/* CSS Document */


.w1700{ max-width:1720px; margin:0 auto;}
.w1200{ max-width:1600px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}


.header{ position:fixed; left:0; top:0; width:100%; background:#fff; z-index:10000; border-bottom:1px solid #e5e5e5; transition:all .3s;}


.about5ri li .litop b{ width:calc(100% - 40px); position:relative; padding-left:60px;}
.about5ri li .litop b span{ position:absolute; left:0; top:0}
.header:hover{}
.logo{ width:280px; transition:all .3s;}
.logo img{ width:100%; display:block;}

.nav{ padding-left:120px; width:calc(100% - 280px); transition:all .3s;}
.nav.hidden{ opacity:0}
.nav a{ color:#333;white-space:nowrap;}
.nav ul{justify-content: flex-start;}
.nav ul li>a{ line-height:100px; display:inline-block;transition:all .3s; }
.nav ul li{ margin-right:50px; position:relative;}
.nav ul li i{ margin-left:10px;}

.nav .subnav{ position:absolute; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1);position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); top:120%; opacity:0; visibility:hidden; transition:all .3s;}
.nav li>i{ transition:all .3s;}
.nav li:hover .subnav{ opacity:1; visibility:visible; top:100%;}
.nav li:hover>i{ transform:rotate(90deg);}

.subnavli{ position:relative;padding:0 30px; transition:all .3s;}
.subnavli:after{ content:""; display:block; z-index:0; width:100%; height:100%; position:absolute; left:0; top:0; transition:all .3s;  background-image:url(../images/index_34.jpg); background-size:auto 100%; background-repeat:repeat-x; opacity:0;}
.subnavli:hover:after{ opacity:1;}
.subnavli>a{ position:relative; z-index:2;}
.subnavli  .sanjilanmu{ position:absolute; left:110%; top:0; visibility:hidden; transition:all .3s; z-index:1; opacity:0}
.nav ul li  .subnavli:hover .sanjilanmu{ opacity:1; visibility:visible; left:100%; z-index:2;}
.nav ul li  .subnavli a{  min-width:200px; border-bottom:1px solid #eeeeee; line-height:84px;transition:all .3s;}
.nav ul li  .subnavli:hover>a{ border-bottom:1px solid rgba(153,153,153,0); color:#fff;}
.nav ul li  .subnavli:last-child >a{ border-bottom:none;}


.sanjilanmu .sanji { padding:0 30px; position:relative;}
.sanjilanmu{box-shadow:0 0 15px rgba(0,0,0,.1); background:#fff; border-left:1px solid #96be1d;}
.sanjilanmu a{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between; position:relative; z-index:2; transition:all .3s;}
.sanjilanmu .sanji:after{ content:""; display:block; z-index:0; width:100%; height:100%; position:absolute; left:0; top:0; transition:all .3s;  background-image:url(../images/index_34.jpg); background-size:auto 100%; background-repeat:repeat-x; opacity:0;}
.sanjilanmu .sanji:hover:after{ opacity:1;}
.sanjilanmu .sanji:last-child>a{ border:none;}
.sanjilanmu .sanji:hover a{ color:#fff;border-bottom:1px solid rgba(153,153,153,0)}
.sanjilanmu .sanji:last-child:hover>a{ border-bottom:none;}

.sousuobox{ position:absolute; left:0; top:100%;}









.headle{ width:calc(100% - 280px); }
.search{ width:240px;}

.search .searchbtn{ width:47px; height:47px; background:#eee; position:relative; border-radius:100%; cursor:pointer;}
.search .searchbtn img{ position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.search a{ background-image:url(../images/contact_14.jpg); background-size:auto 100%; background-repeat:repeat-x; border-radius:100px; display:inline-block; line-height:47px; padding:0 47px; color:#fff; color:#fff;}




.sousuobox{ position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10001;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;}

.search-w{    width: 645px;
    left: 0; padding-top:20px;
    right: 0;
    margin: 0 auto;}
.input-w{    width: 100%;
    position: relative;}
.input-w .ico{  
    opacity: 0.75;
    position: absolute;
    left: 30px;
    top: 18px;
    width: 16px;}

.input-w  input{    width: 100%;
    height: 52px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    background-color: rgba(0, 0, 0, 0.75);
    border: none;
    outline: none;
    -webkit-appearance: none;
    padding: 0 60px;
    font-size: 16px;
    color: #fff;}
.btn-close-search{    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 12px;
    top: 0;
    cursor: pointer;}
.btn-close-search img{ width:14px}
.search-result-w{    margin-top: 12px;
    width: 100%;
    background-color: #fff;
    padding: 30px 25px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;}
.result-w{    margin-top: 10px;
    max-height: 400px;
    overflow-y: scroll;}
.result-w a{ font-size:14px; display:block; color:#666}
.result-w a:hover{ color:#000}
.hint span{ font-weight:bold; font-size:12px}


.header.index{ background:none; border:none;}
.header.index .nav li>a{ color:#fff;}
.header.index .nav li>i{ color:#fff;}

.header.scro{background:#fff; border-bottom:1px solid #e5e5e5;}
.header.scro .nav li>a{ color:#333; line-height:70px; }
.header.scro .nav li>i{ color:#333;}
.header.scro .logo{ width:230px;}


.banner .swiper-slide{ height:930px; background-size:cover; background-position:center; background-repeat:no-repeat; border-bottom-left-radius:80px; border-bottom-right-radius:80px; overflow:hidden;}

.banner .txt{ padding-top:240px;}
.banner .txt span{font-family:osB; font-size:26px; display:block;line-height:1; color:#fff;}
.banner .txt b{ font-family:osB; font-size:80px; display:block; line-height:1.2; margin-top:30px; margin-bottom:70px; color:#fff;}
.banner .txt a{ width:200px; padding:10px 20px; background-image:url(../images/contact_14.jpg); background-repeat:repeat-x; background-size:auto 100%; line-height:17px; border-radius:100px; color:#fff; padding-left:30px;}
.banner .txt a i{ margin-left:25px; width:37px; height:37px; background:#fff; border-radius:100%; position:relative; display:inline-block;transform: rotate(-30deg); transition: all .3s;}

.banner .txt a:hover i{ transform: rotate(0);}
.banner .txt a i img{position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}

.index01newsbox{ position:relative; border:1px solid #eee; border-radius:30px; background:#fff; overflow:hidden;}
.index01news{ transform:translateY(-50%); position:relative; z-index:2;}

.index01newsbox .newsbox{ padding:35px 40px; background:#fff; border-right:1px solid #eee; height:220px; position:relative;}
.index01newsbox .newsbox:hover{ background:#f3f3f3; border-radius:30px;}
.index01newsbox .newsbox.nobian{ border-right:1px solid #fff !important;}
.index01newsbox .newsbox >span{  font-size:12px; color:#9ac01a; display:block; margin-bottom:14px;}
.index01newsbox .newsbox a{display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.index01newsbox .newsbox a h3{ width:calc(100% - 90px);  font-size:18px; color:#666666; line-height:1.3;}
.index01newsbox .newsbox a i{ width:24px; height:24px;}
.index01newsbox .newsbox a i img{ transition:all .3s; transform:rotate(-30deg);}
.index01newsbox .newsbox:hover a i img{ transform:rotate(0);}
.index01newsbox .newsbox .time{ position:absolute; bottom:35px; left:40px; width:50%;}
.index01newsbox .newsbox .time span{ font-size:14px; color:#666;}
.index01news .w1200{ position:relative;}
.index01news .swiper-button-next{ position:absolute; right:-95px; height:47px; width:47px;  background-image: url(../images/swiperbtnri.png); border-radius:100%;background-size:100%; opacity:0; visibility:hidden; transition:all .3s;}
.index01news .swiper-button-prev{ position:absolute; left:-95px; height:47px; width:47px; background-image: url(../images/swiperbtnle.png); border-radius:100%; background-size: 100%; opacity:0; visibility:hidden; transition:all .3s;}


.index01news:hover .swiper-button-next{ opacity:1; visibility:visible; right:-85px;}
.index01news:hover .swiper-button-prev{ opacity:1; visibility:visible; left:-85px;}
.index01news .swiper-button-prev:hover{background-image:url(../images/swiperbtnleb.png); border:none;}
.index01news .swiper-button-next:hover{background-image:url(../images/swiperbtnrib.png);border:none;}

.main2le{ width:55%;}
.main2ri{ width:33%; }
.main2rili{border-radius:40px; overflow:hidden;}
.main2rili img{ width:100%; height:100%; object-fit:cover;}

.main2le>span{ font-family:msH; font-size:20px; display:block; background: linear-gradient(to right, #80b129, #c9d800);
  -webkit-background-clip: text;
  color: transparent; text-transform:uppercase;}
.main2le>b{ font-family:osB; font-size:70px; line-height:1.2; color:#000; text-transform:uppercase;}
.main2le>b i{ font-style:normal;background: linear-gradient(to top, #80b129, #c9d800);
  -webkit-background-clip: text;
  color: transparent; }
.main2tab{ padding:70px 0;}
.main2tab span{ padding:0 35px; min-width:20%; text-align:center; font-size:18px; line-height:66px; display:inline-block; cursor:pointer;}
.main2tab span.on{ background-image:url(../images/index_07.jpg); border-radius:100%; background-repeat:repeat-x; background-size:auto 100%; border-radius:100px; color:#fff;}


.main2bot .uli{ display:none;}
.main2bot .uli b{ font-size:36px; font-family:msB;}
.main2bot .uli p{ color:#000;}
.main2bot .uli a{ font-size:14px; color:#000; margin-top:60px; display:inline-block;}
.main2bot .uli a img{ vertical-align:middle; margin-left:16px; transition:all .3s;}


.main2rili { display:none;}


.line{ border-bottom:2px solid #eeeeee; margin:95px auto; position:relative; height:0;}
.line span{ padding:0 50px; background:#fff; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:18px; color:#999999; -webkit-transform:translate(-50%,-50%);}

.botli{ display:none; position:relative;}
.botli.active{ display:block;}

.main2bot .uli a:hover img{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.botli .imgs{ height:370px; width:100%; position:relative;}
.botli .swiper-slide{ overflow:hidden;border:1px solid #eeeeee; border-radius:30px; position:relative;}
.botli .imgs img{position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.botli .swiper-slide a{ position:relative; z-index:2; }

/* 核心：默认浅色渐变 */
.botli .swiper-slide::after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    background: linear-gradient(to bottom, #fbfbfb, #f4fff3);
    transition: opacity 0.3s; /* 只过渡透明度 */
}

/* 核心：hover 时把默认渐变隐藏，显示绿色渐变（用 before） */
.botli .swiper-slide::before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    background: linear-gradient(to bottom, #c9d801, #80b128);
    opacity: 0; /* 默认隐藏 */
    transition: opacity 0.3s;
}

/* hover 同时切换两个的透明度，实现渐变淡入淡出 */
.botli .swiper-slide:hover::after {
    opacity: 0;
}
.botli .swiper-slide:hover::before {
    opacity: 1;
}



.botli .swiper-button-next{ position:absolute; right:-95px; height:47px; width:47px; background-image: url(../images/swiperbtnri.png); opacity:0; visibility:hidden; transition:all .3s; background-size: 100% 100%; }
.botli .swiper-button-prev{ position:absolute; left:-95px; height:47px; width:47px; border-radius:100%;  background-image: url(../images/swiperbtnle.png); background-size: 100% 100%; opacity:0; visibility:hidden; transition:all .3s;}


.botli:hover .swiper-button-next{ opacity:1; visibility:visible; right:-85px;}
.botli:hover .swiper-button-prev{ opacity:1; visibility:visible; left:-85px;}
.botli .swiper-button-prev:hover{background-image:url(../images/swiperbtnleb.png); border:none;}
.botli .swiper-button-next:hover{background-image:url(../images/swiperbtnrib.png);border:none;}

.botli .swiper-slide span{ font-size:14px; color:#5fbc55; display:block; padding:0 35px; transition:all .3s;}
.botli .swiper-slide h3{ display:block; padding:0 35px 40px; font-family:msB;transition:all .3s; color:#333;}

.botli .swiper-slide:hover span,.botli .swiper-slide:hover h3{ color:#fff;}

.main2botbot{ padding-bottom:130px;}
.main3{ padding:130px 0; background:#fbfbfb;}

.main3le .ul{ max-width:60%;}
.main3le { text-transform:uppercase;
    width: 45.6%;
	background-image:url(../images/index_34.jpg); background-repeat:repeat-x; background-size:auto 100%;
    border-radius: 12px 0 0 12px;
    padding: 45px 55px 100px 75px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.main3le .main3title {
    text-align: right;
    font-size: 14px;
}
.main3le .main3title a {
    display: inline-flex;
    align-items: center;
    gap: 8px;font-family:msM;
}
.main3le .main3title i img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff;
    padding: 2px; vertical-align:middle; transition:all .3s;
}
.main3le .main3title a:hover i img{ transform:rotate(28deg);}
.main3le > b {
    font-size: 40px;
    line-height: 1.3;
    font-weight: 700; font-family:msH; text-transform:uppercase;
    display: block;
    margin-bottom: 40px;
}
.uls li{ margin-top:40px;} 
.xinzeng02 { margin-bottom:90px;}
.xinzeng02 b{font-family:msR; font-size:26px; font-weight:normal;}
.xinzeng02 .line{ width:270px; height:1px; background:#fff; margin:10px 0;}
.xinzeng02 p{ max-width:430px; font-size:16px; font-family:msR;    text-transform: initial;}
.flex0le{ width:90px;}
.flex0le img{ width:100%;}
.flex0ri{ width:calc(100% - 115px);}
.flex0ri b{ font-family:msB;font-size:26px;}
.flex0ri p{    text-align: justify; font-family:msR; font-size:18px; text-transform: initial;}

.xinzeng01{ padding-left:45px; font-family:msR; padding-right:70px;    text-align: justify; font-size:18px;}
.xinzeng01 strong{ font-family:msB;}
.main3le .ul ul li {
    margin-bottom: 40px;
}
.main3le .ul ul li b {
    display: block;
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: 700; font-family:msB;
}
.main3le .ul ul li p {
    font-size: 15px;
    line-height: 1.6;
    opacity: 0.95; 
}

/* 右侧内容区 */
.main3ri {
    width: 54.4%; padding-top:45px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.main3rimid{ padding-left:45px;}
.main3ri .main3title {
    text-align: right;
    font-size: 14px;
    margin-bottom: 40px;
}
.main3ri .main3title a {
    display: inline-flex;
    align-items: center;
    gap: 8px; font-family:msM;
    color: #333;
}
.main3ri .main3title i {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    padding: 2px; vertical-align:middle; transition:all .3s;
}
.main3ri .main3title i img{transition:all .3s; display: block; vertical-align: middle; width:34px; height:auto}
.main3ri .main3title a:hover i img{ transform:rotate(28deg);}
.main3rimid {
    margin-bottom: auto;
}
.main3rimid b {
    font-size: .55rem; font-family:osB;
    line-height: 1.2;
    font-weight: 900; text-transform:uppercase;
    color: #000;
    display: block;
}
.main3rimid i {
    font-style: normal;background: linear-gradient(to bottom, #93bc1e, #b7cf0a);
  -webkit-background-clip: text;
  color: transparent;
}
.main3bot {
    background-color: #f0f1f2;
    border-radius: 0 12px 12px 0;
    padding: 70px 45px 50px 45px;
    margin-top: auto; text-transform:uppercase;
}
.main3bot b {
    display: block;
    font-size: .32rem;
    font-weight: 700;
    color: #333; text-transform: initial;
    margin-bottom: 16px;font-family:msB
}
.main3bot .line2{ background-color:#5fbc55; height:1px; width:80%; margin-bottom:15px;}
.main3bot p { text-transform: initial;
    font-size: 18px;
    line-height: 1.6;
    color: #333; margin-bottom: 60px;
}
.main3bot li{ width:32.33%; background-color:#fff; border:1px solid #dcdcdc; border-radius:5px; padding:18px 2px 18px  15px;}
.main3bot li span{ width:35px; height:35px; text-align:center; line-height:35px;  background: linear-gradient(#bfd306, #8bb723); border-radius:100%; color:#fff; display:block; margin-bottom:10px;}
.main3bot li .ttt{ width:calc(100% - 40px);}
.main3bot li .ttt .line3{ height:3px; width:50px; margin-top:10px; margin-bottom:10px; background:linear-gradient(#bfd306, #8bb723)}
.main3bot li .ttt p{ font-size:11px; margin:0;}
.main3bot li .ttt strong{ display:block; line-height:1.2; font-size:14px; font-family:msB;text-transform: initial;}

.main4{ padding:130px 0;}
.main4tit { text-align:center; max-width:1110px;  margin:0 auto; font-size:42px;}
.main4tit i{ font-style:normal; color:#91bb30; font-family:msB;}
.main4a { text-align:center; margin-top:60px; margin-bottom:70px;}
.main4a a{ font-size:14px; } 
.main4a a img{ margin-left:10px; transition:all .3s; vertical-align:middle;}
 .main4a a:hover img{transform:rotate(28deg);}
 
 .main4li{ width:49%; background-size:cover; background-position:center; background-repeat:no-repeat; padding:45px 55px 100px; border-radius:30px;}
 .main4li span{ display:inline-block; line-height:37px; padding:0 25px; color:#fff; background-image:url(../images/index_07.jpg); background-size:auto 100%; background-repeat:repeat-x; border-radius:100px; margin-bottom:75px; opacity:0.6}
 .main4li b{ margin-bottom:35px; font-family:msB; max-width:350px; font-size:33px; display:block; line-height:1.5}
 .main4li  a img{ display:inline-block; vertical-align:middle; margin-left:12px; transition:all .3s;}
 .main4li  a:hover img{transform:rotate(28deg);}
 .main4li a,.main4a a{ font-size: 14px; color: #333;}
 
 .footer{ background:#f5f5f5;border-top-left-radius:80px; border-top-right-radius:80px; padding-top:110px;}
 
 .fotbot{ margin-top:110px; padding:30px 0; width:100%;}
 
 
 
 .fotle{ width:530px;}
 .fotri{ width:455px;}
 .fotmi{ width:calc(100% - 1245px);}
 .fotle>a img{ height:45px; margin-bottom:40px;}
 .fotle p{ margin-bottom:70px;}
 .fotle li{ display:inline-block; margin-right:16px;}
 
 .fotmili{ max-width:48%;}
  .fotmili  a{ display:block; transition:all .3s;}
 .fotmili >a{ color:#000000; margin-top:12px;}
 .fotmili  b a{ font-family:msB; font-size:20px; color:#000}
  .fotmili  b{ margin-bottom:30px; display:block;}
 
 .fotmili  a:hover{ color:#91bb30}
 
 .fotribox{ padding:35px 40px; background:#fff; border-radius:30px;}
 .fotritop p{ width:calc(100% - 50px);}
 .fotribox img{ transition:all .3s;}
 .fotribox:hover img{ transform:rotate(26deg);}
 .fotritop{ margin-bottom:16px;}
 .fotribox b{ font-size:36px;}
 
 
 .index_main{ padding-top:100px;}
 .about01{ padding-top:60px; padding-bottom:60px;}
 .about01le{ width:50%; padding-left:60px;}
 .about01le p{ font-family:msM; font-size:36px; line-height:1.5;}
 .about01ri{ max-width:560px; width:45%;}
 
 .about01ri p{ font-family:msM;}
 .about01ri a{ color:#333; margin-top:30px; font-family:msM; font-size:14px; display:inline-block; padding:8px 17px; border:1px solid #96bd1c; border-radius:100px;}
 .about01ri a i{ transition:all .3s; border-radius:100%; margin-left:28px; display:inline-block; vertical-align:middle; height:31px; width:31px; background:#eeeeee; position:relative;}
 .about01ri a i img{ position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
  .about01ri a:hover i{ transform:rotate(-30deg);}
 
 .about02{ border-radius:30px; overflow:hidden; padding:50px 60px; background-size:cover; background-position:center; background-repeat:no-repeat; }
 
 .jianjie{color:#fff; font-family:msN; max-width:100%; max-width:800px;}
 .jianjie span{ font-family:msB; font-size:26px; text-transform:uppercase; display:block; margin-bottom:10px;}
 .jianjie p{}
 
 .about02 ul{ margin-top:65px;}
 .about02 li{ width:31.33%; transition:all .3s; background:rgba(255,255,255,.8); padding:25px 30px; border:1px solid #fff; border-radius:30px;}
 .about02 li b{ font-size:16px; font-family:msB; display:block; margin-bottom:10px; text-transform:uppercase; color:#000}
 .about02 li:hover{background:rgba(255,255,255,.99);}
 .about02 li p{ font-size:16px; font-family:msN; color:#000}
 
 .about03{ margin-top:130px;}
 .about3le{ width:52%; padding-left:60px;}
 .about3le p.p11{ font-size:31px; font-weight:bold; margin-bottom:20px; line-height:1.3}
 
 .about3le p.p12{ font-size:18px;}
 .about3ri{ width:44%;}
 .about3riimg{ overflow:hidden; border-radius:20px; margin-bottom:45px;}
 .about3ri img{ width:100%; height:100%; object-fit:cover;}
 .about3ribot p{ width:48%; color:#666666}
 .about3le>p{ font-size:26px; font-family:msM; color:#000}
 
 .about3ritext span{ display:block; font-size:16px; margin-top:15px;}
 .about3ritext b{ display:block; font-size:26px;}
 .about3le ul{ margin-top:55px;}
 .about3le ul li{ width:48%; margin-bottom:2%; background:#eeeeee; position:relative; background:#eeeeee; border-radius:20px; padding:30px 35px; overflow:hidden;}
 .about3le ul li span,.about3le ul li b,.about3le ul li p{ position:relative; z-index:2;}
 .about3le ul li:after{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%;background: linear-gradient(to bottom, #94bc1e, #b6ce0b);
 content:""; display:block; opacity:0; transition:all .3s;}
 .about3le ul li:hover:after{ opacity:1;}
  .about3le ul li b{ font-size:40px; line-height:1; display:block; font-family:msN; margin-bottom:10px;}
  .about3le ul li span{ font-size:20px; display:block; margin-bottom:25px;}
  .about3le ul li:hover{ color:#fff;}
  .about3le ul li p{ font-size:14px;}
  
  .about4{ margin-top:130px;}
  .f46{ font-size:44px; font-family:msB;display:block; }
  .about4 .f46{ color:#fff; text-align:center;text-transform:uppercase; }
  .about4{ background-size:cover; background-repeat:no-repeat; border-radius:20px; background-position:center; background-repeat:no-repeat; padding:80px 0}
  .about5ri li i{ font-style: normal; font-family: msL; font-size: 30px; border: 1px solid #8b8b8b; border-radius: 100%; text-align: center ; line-height: 33px ; display: inline-block; width: 33px;}
  .about4box { padding-top:20px; font-family:msN; position:relative;}
  .about4box .swiper-slide{ padding:50px 0; color:#fff; text-align:center;}
  .about4box .swiper-slide .img{ margin-top:25px;transition:all .3s; }
  .about4box .swiper-slide img{ width:100%; border-radius:15px; border:1px solid #fff;}
  .about4box .swiper-slide span{ font-size:18px; display:block; text-align:center; height:32px;}
  .about4box .swiper-slide b{ font-size:24px; display:block; text-align:center; height:45px; vertical-align:middle; line-height:1.2; font-weight:normal;}
  .about4box .swiper-slide .circle{ width:12px; height:12px; margin:25px auto; background:#fff; border-radius:100%; opacity:0}
  .about4box .swiper-slide p{ margin-bottom:15px; transition:all .3s; line-height:1.3; }
  .about4box:after{ content:""; display:block; position:absolute; top:178px; height:1px; background:#fff; height:1px; width:100%;}
.about4box .swiper-slide .img{ width:100%; height:auto; margin:0 auto;}
.about4box .swiper-slide .img img{ width:100%; height:100%; object-fit:cover;}
 .about4box2  .swiper-slide.swiper-slide-active .circle{opacity:1}


.about4box2  .swiper-slide{ opacity: 0.6;
      transform: scale(0.6);
      transition: all 0.3s ease;}
      .about4box2  .swiper-slide.swiper-slide-active{
           opacity: 1;
      transform: scale(1);
      }
	
	.about4box .swiper-slide.swiper-slide-active p,.about4box .swiper-slide.swiper-slide-active .img{ opacity:1;  transform:translateY(0);}
	
	.fotri li img{ height:35px;}
	.about5 { margin-top:140px; padding-bottom:140px; font-family:msM;}
	
	.about5le{ width:100%; margin-bottom:40px;}
	.about5ri{ width:100%;}
	.about5le p{ color:#666666;}
	.about5le ul{ margin-top:200px;}
	.about5le ul li{border-radius:10px; overflow:hidden; width:30%; }
	.about5le ul li img{ width:100%; height:100%; object-fit:cover;}
	.about5ri p{ font-family:msN; color:#666666;} 
	
	
	.about5ri li{ border-bottom:2px solid #eeeeee; padding:20px 0;}
	.about5ri li .litop b{ font-size:28px; line-height:1;}
	.about5ri li .litop b span{ margin-right:20px;}
	.about5ri { border-top:2px solid #eeeeee }
	.about5ri li .libot{ display:none; padding-left:60px; padding-top:25px; }
	
	
	.contact01{ text-align:center; padding-bottom:80px;}
	.contact01 b{ font-family:osB; font-size:75px; text-transform:uppercase;}
.contact01 p{ font-family:osL; font-size:16px; max-width:600px; margin:0 auto;}

.contact02{ padding:80px 0; background:#fcfcfc;}

.conle{ width:46%;}

.conle span{ font-size:16px; display:block; margin-bottom:10px;}
.conle input{ width:100%; background:#fff; border:1px solid #e5e5e5; border-radius:100px; padding:0 30px; font-size:16px; line-height:55px; height:57px; margin-bottom:25px;}
.conle textarea{ height:75px;width:100%; background:#fff; border:1px solid #e5e5e5; border-radius:100px; padding:0 30px; font-size:16px; line-height:72px;  margin-bottom:25px;}
.conle button{ background-image:url(../images/abouts_03.jpg); background-repeat:repeat-x; background-size:auto 100%; width:100%; height:55px; border-radius:100px; color:#fff; font-family:msN; color:#fff; font-size:16px; cursor:pointer;}
.conri{ width:50%;}

.contact02 b{ font-size:24px; color:#000; font-family:msM; margin-bottom:40px; display:block;}


.conri span{ display:block; padding-left:35px; background-position:left center; color:#000; background-repeat:no-repeat;}
.conri span.tels{ background-image:url(../images/contact_03.png); margin-bottom:15px;}
.conri span.mails{ background-image:url(../images/contact_07.png);}
.conri .map{ margin-top:70px; border-radius:30px; padding:36px; padding-top:305px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.conri .map .txt{ width:100%; background:#fff; border-radius:25px; padding:25px 35px 35px;}
.conri .map .txt b{ line-height:1; margin-bottom:15px; font-size:20px; color:#000}
.conri .map .txt p{ padding-left:30px; background-image:url(../images/conicon_03.png); background-position:left 5px; background-repeat:no-repeat; color:#666666;}
.conri .map .txt a{ transition:all .3s; font-family:msM; font-size:12px; color:#333333; margin-top:15px; line-height:28px; border:1px solid #eee; border-radius:100px; padding:0 20px; display:inline-block; padding-bottom:3px;}
.conri .map .txt a img{ vertical-align:middle; margin-left:25px;}
.conri .map .txt a:hover{ color:#9bc01a}


.news01{ padding:110px 0; background:#fcfcfc;}
.news01 a { transition:all .3s;}
.news01 a:hover{ color:#adc90f !important;}
.news01le{ width:50%;}
.news01ri{ width:46%;}
span.hot{ text-transform:uppercase; font-family:msD;background: linear-gradient(to bottom, #8eb921, #bfd306);
  -webkit-background-clip: text;
  color: transparent; font-size:18px; display:block; line-height:1;}
  .news01le h2 a{ font-family:msB; font-size:30px; line-height:1.6; color:#333;}
  .news01le h2{ margin-top:30px;}
span.tim{ font-family:msD; display:block; margin-top:25px; margin-bottom:25px}
.news01le .img{ height:450px; border-radius:20px; overflow:hidden;}
.news01le .img img{width:100%; height:100%; object-fit:cover;transition:all 1s;}

.news01ri li{ padding-bottom:55px; margin-bottom:52px; border-bottom:1px solid #eee;}
.news01ri li .newsimg{border-radius:20px; overflow:hidden; height:140px; width:35%;}
.news01ri li .newsimg img{width:100%; height:100%; object-fit:cover; transition:all 1s;}
.news01ri li .newstxt{ width:62%;}
.news01ri li .newstxt a{ color:#333; font-family:msD;}
.news01ri li .newstxt p{ font-family:msN; font-size:14px; color:#999; margin:10px 0;}
.hotbot{ color:#e5e5e5; font-size:14px; line-height:30px;}
.hotbot span.tims{ line-height:30px; padding-left:15px; color:#999999;}
.news01ri li .newstxt span.hot{ display:inline-block;line-height:30px; padding-right:15px; padding-left:0 ; font-size:14px;}
.news01ri li:last-child{ padding-bottom:0; border-bottom:none; margin-bottom:0}
.news01le .img:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.news01ri .newsimg:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}

.pagenation{ margin-bottom: 40px;}

.news02tab{ text-align:center; margin-bottom:90px;}
.news02tab a{ position:relative; font-family:msN; color:#666666; display:inline-block; line-height:55px; padding:0 60px; border:1px solid #dcdcdc; border-radius:100px; margin:0 15px; overflow:hidden;}
.news02tab a span{ position:relative; z-index:2;}
.news02tab a:after{ content:""; display:block; z-index:1; opacity:0; background: linear-gradient(to bottom, #8eb921, #bfd306); position:absolute; left:0; top:0; width:100%; height:100%; transition:all .3s;}
.news02tab a.on:after,.news02tab a:hover:after{ opacity:1;}
.news02tab a.on,.news02tab a:hover{ color:#fff;}
.news02{ padding:100px 0 40px;}


.news02 ul{ justify-content: flex-start;}
.news02 li{ width:32%; margin-right:2%; margin-bottom:3.5%;}
.news02 li:nth-child(3n){ margin-right:0}
.news02 li .img{ height:280px; border:3px solid #e5e5e5; border-radius:20px; overflow:hidden; margin-bottom:30px;}
.news02 li .img img{ transition:all 1s;width:100%; height:100%; object-fit:cover;}
.news02 li:hover .img img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}

.news02 li span.hot{ display:inline-block;line-height:30px; padding-right:15px; padding-left:0 ; font-size:14px;}
.news2bot a{ width:35px; height:35px; background:#eeeeee; transition:all .3s; position:relative; border-radius:100%;}
.news02 li:hover .news2bot a { background:#5fbc55; transform:rotate(-30deg); -webkit-transform:rotate(-30deg);}
.news2bot a img{position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.news02 li  h3 a{ font-size:22px; font-family:msB; color:#333}
.news02 li  h3 { margin-bottom:15px;}
.news02 li p{ font-size:16px; color:#999999;}
.news2bot{ padding-top:40px; margin-top:40px;  position:relative;}
.news2bot:before{ content:""; display:block; left:0; top:0; width:100%; height:1px; background:#bfbfbf; position:absolute; transition:all .3s;}
.news2bot:after{ content:""; display:block; left:0; top:0; width:0; height:1px; background:#89b524; position:absolute; transition:all .3s;}
.news02 li:hover .news2bot:after{ width:100%;}
.pagenation { text-align:center;}
.pagenation li{ display:inline-block;}
.pagenation a,.pagenation span{ color:#666666; color:#666666; font-size:14px; margin:0 7px;}
.pagenation a:hover,.pagenation li.active a{ color:#89b524;}



.newsdetaille{ width:calc(100% - 560px);}
.newsdetailri{ width:440px;}
.newsdetailri li span.hot{ display:inline-block;line-height:30px; padding-right:15px; padding-left:0 ; font-size:14px;}
.newsdetailri li a{ transition:all .3s; font-family:msD; font-size:16px; color:#333333;}
.newsdetailri li p{ font-family:msN; color:#999999; font-size:14px; margin:10px 0;}
.newsdetailri li{padding-bottom:45px; margin-bottom:52px; border-bottom:1px solid #eee;}
.newsdetailri li:last-child{ padding-bottom:0; border-bottom:none; margin-bottom:0}
.newsdetailri li a:hover{ color:#89b524}
.newsdetail01{ padding-bottom:110px; padding-top: 50px;;}

.newsdetaille h1{ font-family:msB; font-size:30px; line-height:48px; margin-top:30px; margin-bottom:25px;}
.detailtime span{ font-family:msD; display:inline-block; margin-right:40px;}
.detailtime{ margin-bottom:30px;}

.newsdetailcontent img{ max-width:100%;}


.prodetails01{ padding:90px 60px ; background-image:url(../images/product-details_03.jpg); background-repeat:repeat-x; background-size:auto 100%; border-radius:25px; overflow:hidden;}

.prodetaille { width:52%; color:#fff;}
.prodetaille span{ display:block; font-size:26px; font-family:osB; text-transform:uppercase;}
.prodetaille h1{ font-family:msB; font-size:75px; line-height:1.1; text-transform:uppercase; margin:20px 0;}
.prodetaille p{ font-family:msN;}
.prodetaille a{ margin-top:60px; font-family:msM; display:inline-block; padding:10px 20px 10px 28px; border:1px solid #fff; color:#fff; border-radius:100px;}
.prodetaille a i img{position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.prodetaille a i{ margin-left:38px; width:37px; height:37px; border-radius:100%; background:#fff; border-radius:100%; position:relative; display:inline-block; vertical-align:middle; transition:all .3s; -webkit-transition:all .3s;}
.prodetailri{ width:46%; position:relative;}
.prodetailri img{ width:70%; display:block;  float:right;}
.prodetaille a:hover i{ transform:rotate(-30deg); -webkit-transform:rotate(-30deg);}


.prodetails02{ padding:80px 0;}
.pro2le{ width:53%}
.pro2ri{ max-width:530px; width:45%; background-image:url(../images/product-details_07.jpg); background-position:center; background-repeat:repeat-x; background-size:auto 100%; border:1px solid #eeeeee; border-radius:20px; padding:0px;}
.pro2ri img{ width:100%;}

.pro2le>b{ font-family:msB; display:block; margin-bottom:20px;}
.pro2le  .bodies{font-family:msN; margin-bottom:40px;}
.pro2le .bodies{ overflow-x:auto}
.bodies  table{ width:100% !important;}
.bodies p{ font-family:msN;}
.bodies td{ font-size:14px; padding:3px;    line-height: 1.5; white-space:nowrap;}
colgroup col{ width:auto !important;}

.main3title a{ color: #fff; font-size: 14px;}
.main3title img{ vertical-align: middle; display:block;}
.main3title i{ display: inline-block; height: 34px;}

.corr-products{    justify-content: flex-start; }
.corr-products li{ position:relative; width:24%; margin:0.5%;}

/* 核心：默认浅色渐变 */
.corr-products li::after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    background: linear-gradient(to bottom, #fbfbfb, #f4fff3);
    transition: opacity 0.3s; /* 只过渡透明度 */
}

/* 核心：hover 时把默认渐变隐藏，显示绿色渐变（用 before） */
.corr-products li::before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    background: linear-gradient(to bottom, #c9d801, #80b128);
    opacity: 0; /* 默认隐藏 */
    transition: opacity 0.3s;
}

/* hover 同时切换两个的透明度，实现渐变淡入淡出 */
.corr-products li:hover::after {
    opacity: 0;
}
.corr-products li:hover::before {
    opacity: 1;
}


.corr-products { padding-bottom:160px;}
.corr-products li span{ font-size:14px; color:#5fbc55; display:block; padding:0 35px; transition:all .3s; font-family:msN;}
.corr-products li h3{ display:block; padding:0 35px 40px; font-family:msB;transition:all .3s; color:#333;}

.corr-products li:hover span,.corr-products li:hover h3{ color:#fff;}

.corr-products li .imgs{ height:370px; width:100%; position:relative;}
.corr-products li{ overflow:hidden;border:1px solid #eeeeee; border-radius:30px; position:relative;}
.corr-products li .imgs img{position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.corr-products li a{ position:relative; z-index:2; }

.solution01 { background-position:center; background-repeat:no-repeat; background-size:cover;}
.solution01 a{ background-image:url(../images/product-details_03.jpg); background-repeat:repeat-x; background-size:auto 100%; border:none;}


.solution01{ margin-bottom:120px;}
.solution01ri{ width:490px; text-align:right; font-family:msN;}
.solution01le{ max-width:calc(100% - 650px); font-size:50px; font-family:msB; line-height:1.4;}
.solution01le b{ display: block;}

.solution_a{ margin-bottom:100px;    justify-content: flex-start;}
.solution_a a{  width: 18%;
    padding: 10px 30px; margin: 1%;
    height: 75px;
    line-height: 25px;
    text-align: center;  font-size:18px; border:1px solid #666666; border-radius:100px;
    color: #666666;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;}
    
    .solution_a a.on{ background-image:url(../images/product-details_03.jpg); background-repeat:repeat-x; background-size:auto 100%; border:none; color:#fff;}

.prolist ul{    justify-content: flex-start;}
.prolist li{ position:relative; width:22.75%; margin-right:3%; margin-bottom:3%;}
.prolist li:nth-child(4n){ margin-right:0}

/* 核心：默认浅色渐变 */
.prolist li::after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    background: linear-gradient(to bottom, #fbfbfb, #f4fff3);
    transition: opacity 0.3s; /* 只过渡透明度 */
}

/* 核心：hover 时把默认渐变隐藏，显示绿色渐变（用 before） */
.prolist li::before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    background: linear-gradient(to bottom, #c9d801, #80b128);
    opacity: 0; /* 默认隐藏 */
    transition: opacity 0.3s;
}

/* hover 同时切换两个的透明度，实现渐变淡入淡出 */
.prolist li:hover::after {
    opacity: 0;
}
.prolist li:hover::before {
    opacity: 1;
}
.prolist li span{ font-size:14px; color:#5fbc55; display:block;  transition:all .3s; font-family:msN;}
.prolist li .txt{ padding:35px;}
.prolist li h3{ display:block;  font-family:msB;transition:all .3s; color:#333;}
.prolist li  p{ font-size:14px; font-family:msN; color:#666; margin:15px 0; transition:all .3s;}
.prolist li i{ font-style:normal; color:#fff; opacity:0; transition:all .3s;}
.prolist li:hover span,.prolist li:hover h3{ color:#fff;}
.prolist li:hover i{ opacity:1;}
.prolist li:hover span{ opacity:0;}
.prolist li:hover p{ color:#fff;}

.prolist li .imgs{ height:370px; width:100%; position:relative;}
.prolist li{ overflow:hidden;border:1px solid #eeeeee; border-radius:30px; position:relative;}
.prolist li .imgs img{position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.prolist li a{ position:relative; z-index:2; }

.he{ height:130px;}


.xgcpli,.slorili,.solution01le b{ display:none;}


.fotri>b{    font-family: msB;
    font-size: 20px;
    color: #000; display:block; margin-bottom:30px;}

.row {
                        width: 100%;
                        line-height: 23px;
                        margin-bottom: 8px;
                        color:#333;
                        display: flex;
                        justify-content: flex-start;
                        align-items: flex-start;

                    }
                     .fotri ul{ margin-top:20px;}
 .fotri li{ display:inline-block; margin-right:16px;}
 
.row .kk {
                            width: 80px;
                        }

.row .vv {
                            width: calc(100% - 80px);
                        }
#introBox img{ max-width:100%;}
 
/* 全屏容器 */
.intro-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #62bb55;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
   animation: fadeOut 0.5s ease forwards;
    animation-delay: 3s;
}

/* 居中容器 + 手机适配 */
.img-wrapper {
    position: relative;
    width: 280px;
    height: 280px;
    max-width: 40vw;
}

/* 统一图片样式 */
.img-wrapper img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
}

/* LOGO 动画：先放大 → 左移 */
.logo2 {
    animation: logoZoom 1.5s ease forwards;
}

/* 20周年图：延迟1s → 放大 → 右移 */
.anniversary-img {
    animation: imgZoom 1.5s ease forwards;
    animation-delay: 1s;
}

/* ----------------- 核心：同时执行 缩放 + 位移 ----------------- */
@keyframes logoZoom {
    0% {
        transform: scale(3) translateX(0);
        opacity: 0;
    }
    50% {
        transform: scale(1) translateX(0);
        opacity: 1;
    }
    100% {
        transform: scale(1) translateX(-32%);
        opacity: 1;
    }
}

@keyframes imgZoom {
    0% {
        transform: scale(3) translateX(0);
        opacity: 0;
    }
    50% {
        transform: scale(1) translateX(30%);
        opacity: 1;
    }
    100% {
        transform: scale(1) translateX(60%);
        opacity: 1;
    }
}

/* 关闭动画 */
@keyframes fadeOut {
    to {
        opacity: 0;
        visibility: hidden;
    }
}
@media screen and (max-width:1800px){
	 .w1700{ padding-left:40px; padding-right:40px;}
	 .botli .swiper-button-next{ right:0;}
	 .botli .swiper-button-prev{ left:0;}
	 .botli:hover .swiper-button-prev{ left:10px;}
	 .botli:hover .swiper-button-next{ right:10px;}
	}


@media screen and (max-width:1720px){
	.w1200{ padding-left:40px; padding-right:40px;}
	.main2le>b{ font-size:.55rem;}
	.main2bot .uli b{ font-size:.4rem;}
	.main2tab span{ font-size:16px; padding:0 20px}
	.botli .imgs{ height:4rem;}
	.index01newsbox .newsbox a h3{ width:calc(100% - 30px)}
	.banner .txt b{ font-size:40px;}
	.banner .swiper-slide{ height:11rem;}
	.banner .txt{ padding-top:3rem;}
	.main2tab{ padding:.7rem 0}
	.main2le{ width:64%;}
	.main2botbot{ padding-bottom:1rem;}
	.main3,.main4{ padding:1rem 0}
	.main4tit{ font-size:30px;}
	.main4li b{ font-size:20px;}
	.fotle{ width:30%;}
	.fotmi{ width:30%;}
	.fotri{ width:30%;}
	.index01news .swiper-button-next{ right:10px; width:20px; height:20px;}
	.index01news .swiper-button-prev{ left:10px;width:20px; height:20px;}
	
	.index01news:hover .swiper-button-next{ right:20px;}
	.index01news:hover .swiper-button-prev{ left:20px;}
	.botli .swiper-slide h3{ font-size:14px; padding:0 15px 30px}
	.botli .swiper-slide span{ padding:0 15px;}
	.fotribox b{ font-size:.36rem;}
	.main3rimid b{ font-size:.55rem;}
	.line{ margin:50px auto;}
	.footer{ padding-top:40px;}
	.fotbot{ margin-top:40px;}
	.about01le p{ font-size:.4rem;}
	.about3le>p{ font-size:.3rem}
	.about3le ul li b{ font-size:.5rem;}
	.f46{ font-size:.5rem;}
	.about5ri li .litop b{ font-size:.3rem;}
	.about4box .swiper-slide b{ font-size:.3rem;}
	.about3le ul li span{ font-size:.22rem;}
	.contact01 b{ font-size:.8rem;}
	.prodetaille h1{ font-size:.75rem;}
	.corr-products li .imgs{ height:4rem;}
	.prolist li .imgs{ height:4rem;}
	.solution01le{ font-size:.5rem;}
	.solution_a a{ font-size:14px;}
}
@media screen and (max-width:1280px){
	.fotmili b a{ font-size:16px;}
	 body{ font-size:14px;}
	 .nav{ padding-left:50px; width:calc(100% - 230px)}
	 .nav ul li{ margin-right:20px;}
	 .logo{ width:200px;}
	 .banner .txt b{ margin-bottom:20px;}
	 .news01{ padding:60px 0}
	 .news02tab a{ margin:0 15px;}
	 .news02tab{ margin-bottom:50px;}
	 
	 .newsdetaille,.newsdetailri{ width:100%}
	}

@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 
	 .index_main{ padding-top:0}
	 .about01{ padding:20px 0;}
	 .about01le{ padding-left:0}
	 .botli .swiper-button-prev{ opacity:1; visibility:visible; left:5px;}
	 .index01news .swiper-button-next,.botli .swiper-button-next{ opacity:1; visibility:visible; right:5px;}
	 
	 .index01news .swiper-button-prev{bottom:-20px; top:auto;        transform: translateX(-50%);}
	 .index01news .swiper-button-next{ bottom:-20px; top:auto;        transform: translateX(-50%);}
	 
	 
	 .banner .txt{ padding:4rem 20px 5rem}
	 .banner .swiper-slide{ height:auto;border-bottom-left-radius:0;
    border-bottom-right-radius: 0;}
	 .banner .txt b{ font-size:1rem;}
	 .banner .txt span{ font-size:.5rem;}
	 .index01news{ transform:translateY(0); }
	 .banner .txt a{ width:9rem; padding:10px 20px; font-size:12px;}
	 .banner .txt a i{ margin-left:.1rem;}
	 
	 .main2le{ width:100%}
	 .main2ri{ width:100%;}
	 .w1200,.w1700{ padding-left:20px; padding-right:20px;}
	 .main2tab span{ line-height:30px; font-size:12px; border:1px solid #eee; width:48%; text-align:center; border-radius:100px; margin-bottom:10px;
	}
	.main2le>b{ font-size:20px;}
	.main2le>span{ margin-bottom:20px;}
	.main2bot .uli a{ margin-top:20px; margin-bottom:20px;}
	.main2bot .uli b{ font-size:14px;}
	.main2ri{ width:35%; margin:0 auto; }
	.line span{ font-size:14px;    white-space: nowrap;}
	.main2rili{ border-radius:10px; }
	.main2botle{ width: 63%;}
	.main2bot .uli p{ font-size:12px; line-height:1.5;}
	.main3le{ padding:20px;}
	.main3le > b{ font-size:22px; margin-bottom:30px;}
	.main3le .ul ul li b{ font-size:18px;}
	.main3le .ul ul li p{ font-size:14px;}
	.main3le .ul{ max-width:none;}
	.main3rimid{ padding:0;}
	.main3rimid b{ font-size:22px; margin-bottom:20px;}
	.main3bot{ padding:40px;}
	.main3bot b{ font-size:20px;}
	.main4tit{ font-size:20px; line-height:1.4; display:none;}
	.main4a{ margin:30px auto; display:none;}
	.main4li{ padding:30px; width:100%; margin-bottom:15px}
	.main4li span{ margin-bottom:20px;}
	.main3ri .main3title{ margin-bottom:14px;}
	.main4li b{ font-size:18px;}
	.fotle,.fotri{ width:100%;}
	.fotmi{ display:none;}
	.footer{    border-top-left-radius: 20px;
    border-top-right-radius: 20px;}
	.fotle>a img{ height:25px; margin-bottom:20px;}
	.fotle p{ margin-bottom:20px;}
	.fotribox{ margin-top:30px; padding:30px;}
	.fotribox b{ font-size:20px;}
	.fotbot{ margin-top:20px;}
	.banner .txt a i{ height:25px; width:25px;}
	.banner .txt a{ width:150px;}
	.newsdetaille{ padding-top:30px;}
	.newsdetaille h1{ font-size:20px; line-height:1.4;}
	span.hot{ font-size:14px;}
	.detailtime{ margin-bottom:20px;}
	.prodetails01{ margin-top:30px;}
	.solution01le,.solution01ri{ width:100%; max-width:none;}
	.prodetails01{ margin-bottom:50px;}
	.solution01{ margin-bottom:50px;}
	
	.index01news{ transform:translateY(0);margin:-50px auto 50px;}
	.index01news{ border-radius:0; border:none;}
	.index01newsbox{ border:none; border-radius:10px; overflow:hidden;}
	.index01newsbox .newsbox{ border:none;border-radius:10px;}
	.index01news .swiper-slide{ margin-bottom:10px; border-radius:10px; border:1px solid #eee; overflow:hidden;}
		.index01newsbox .newsbox{ padding:20px 20px;}
		.index01newsbox .newsbox{ height:180px;}
			.index01newsbox .newsbox a h3{ font-size:12px;}
			.index01newsbox .newsbox .time{ left:20px; font-size:12px;}
			.index01newsbox .newsbox .time span{ font-size:10px;}
			.index01newsbox .newsbox >span{ margin-bottom:5px;}
			.index01newsbox .newsbox:hover{ border-radius:0; }
			.banner .txt a i{ width:20px; height:20px;}
			.banner .txt a{ width:120px; padding:5px 10px;}
			.banner .txt a i img{ max-width:60%; max-height:60%;}
			.index01newsbox .newsbox .time{ position:static; margin-top:15px;}
			.index01newsbox .newsbox{ height:auto;}
			.index01newsbox .newsbox{ padding:15px;}
			
			.main2bot .uli a{ font-size:12px;}
			.main2bot .uli a img{ width:18px; height:18px;}
			
			
			
			
			.index01news .swiper-button-prev{ opacity:1; left:45%; visibility:visible;}
			.index01news:hover .swiper-button-prev{ left:45%;}
			.index01news .swiper-button-next{ opacity:1; left:55%; visibility:visible;}
			.index01news:hover .swiper-button-next{ left:55%;}
			
			.main3{ display:none;}
	}
	
@media screen and (max-width:768px){
	 .about4box2  .swiper-slide.swiper-slide-active{
      transform: scale(1);
      }
		.index01news .swiper-button-next,.botli .swiper-button-next,.botli .swiper-button-prev{ width:30px; height:30px;}
		.index01news .swiper-button-prev{ width:30px; height:30px;}
	
		.main2tab span{ line-height:1.3; padding:15px 0;}
		
		.botli .imgs{ height:7rem;}
		.botli .swiper-slide{ border-radius:15px; padding-bottom:20px;}
		.botli .swiper-slide span{ font-size:12px;}
		.botli .swiper-slide h3{ font-size:14px; overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box; line-height:1.3; margin-top:10px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    white-space: normal; padding-bottom:0}
	
	.about01le p{ font-size:20px;}
	.about01le,.about01ri{ width:100%;}
	.about01le{ margin-bottom:15px;}
	.about02{ padding:25px; border-radius:20px;}
	.jianjie span{ font-size:22px;}
	.about02 li{ width:100%; margin-bottom:15px; padding:20px; border-radius:10px;}
	.about02 li p{ font-size:14px;}
	.about02 ul{ margin-top:20px;}
	.about03{ margin-top:40px;}
	.about3le{ width:100%; padding:0;}
	.about3le>p{ font-size:20px;}
	.about3le ul{ margin-top:25px;}
	.about3le ul li{ width:100%;}
	.about3le ul li b{ font-size:30px;}
	.about3le ul li span{ font-size:18px; margin-bottom:10px;}
	.about3ri{ width:100%; margin-top:20px;}
	.about3riimg{ border-radius:15px; margin-bottom:15px;}
	.about3ribot p{ width:100%;}
	.f46{ font-size:24px;}
	.about4box{ padding-top:20px;}
	.about4box .swiper-slide{ padding:20px;}
	.about4box .swiper-slide .circle{ margin-top:15px;}
	.about4box .swiper-slide b{ font-size:16px;}
	.about4{ border-radius:15px; margin-top:40px; padding:30px 20px;}
	.about4box:after{ top:138px;}
	.about5{ margin-top:30px; padding-left:0 ; padding-bottom:40px;}
	.about5le{ width:100%; padding:0;}
	.about5le ul{ margin-top:15px;}
	.about5ri{ width:100%; margin-top:20px; padding-top:15px;}
	.about5ri li .litop b{ font-size:16px; line-height:1.4;}
	.about5ri li{ padding:0; padding-bottom:15px; margin-bottom:15px;}
	.about5ri li .libot{ padding:10px 0;}
	
	.contact01{ padding-top:30px; padding-left:20px; padding-right:20px; padding-bottom:30px;}
	.contact02{ padding:30px 0;}
	.conle,.conri{ width:100%;}
	.contact02 b{ font-size:20px; margin-bottom:20px;}
	.conle span{ font-size:14px;}
	.conle{ margin-bottom:20px;}
	.conle input{ height:40px; line-height:40px; margin-bottom:15px;}
	.conle button{ height:40px;}
	.conri .map{ margin-top:20px;}

.conri .map .txt{ padding:20px;}
.conri .map .txt b{ font-size:18px;}	.contact01 b{ font-size:22px;}
	.contact01 p{ font-size:14px;}
	.news01{ display:none;}
	.news02{ padding:40px 0; padding-top:30px;}
	.news02tab{ margin-bottom:20px;}
	.news02tab a{ padding:0 15px; border-radius:10px; line-height:35px; margin:0 5px}
	.news02 li{ width:100%; margin-bottom:15px;}
	.news02 li .img{ height:10rem; border-radius:15px; margin-bottom:10px;}
	.news02 li h3 a{ font-size:16px;}
	.news02 li h3 { margin-bottom:5px;}
	.news02 li p{ font-size:14px;}
	.news2bot{ margin-top:10px; padding-top:10px;}
	.hotbot span{ font-size:12px !important;}
	.detailtime span{ font-size:12px;}
	.newsdetailri{ margin-top:30px;}
	.newsdetailri li{ padding-bottom:15px; margin-bottom:20px;}
	.newsdetailri li a{ font-size:14px;}
	.newsdetailri li p{ margin:2px 0}
	.newsdetail01{ padding-bottom:40px;}
	.newsdetaille{ border-bottom:1px solid #eee; padding-bottom:30px;}
	.newsdetaille h1{ font-size:18px; margin:10px 0}
	.prodetaille,.prodetailri{ width:100%;}
	.prodetaille span{ font-size:22px;}
	.prodetaille h1{ font-size:20px; margin:5px 0;}
	.prodetails01 .w1200{ padding-left:0; padding-right:0}
	.prodetaille a{ margin-top:20px; line-height:40px; padding:5px 20px; padding-right:10px;}
	.prodetails02{ padding:40px 0;}
	.prodetails01{ padding:20px;}
	.pro2le,.pro2ri{ width:100%;}
	.pro2le>b{ font-size:20px; margin-bottom:10px;}
	.corr-products li{ width:48%; margin-bottom:15px; padding-bottom:20px; border-radius:15px;}
	.corr-products li .imgs{ height:8rem}
	.corr-products li span{ padding:0 15px; font-size:12px; margin-bottom:10px;}
	.corr-products{ padding-bottom:30px;}
	.corr-products li h3{ font-size:14px; overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box; line-height:1.3; margin-top:5px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    white-space: normal; padding-bottom:0; padding-left:15px;}
	.prolist li .imgs{ height:6rem;}
	.prolist li i{ opacity:1; font-size:12px; color:#333;}
	.news02tab a span{ font-size:13px;}
	.prolist li h3{ font-size:14px;}
	.prolist li p{ font-size:12px; line-height:1.3}
	.prolist li .txt{ padding:15px 15px;}
	.prolist li{ padding:10px 0; width:48%; margin:1%;        border-radius: 10px; margin-bottom:15px;}
	.he{ height:30px;}
	
	.prolist li p{ margin:5px 0;}
.solution01le{ font-size:20px; margin-bottom:15px;}
.prodetails01{ margin-bottom:30px;}
.solution01{ margin-bottom:30px;}.solution_a{ margin-bottom:30px;}
.solution_a a{ width:100%; margin:2% 0 ; height:auto; line-height:1.3; margin-bottom:1px; padding:10px 15px; font-size:12px;}	
    .solution01le, .solution01ri{ text-align:left;}
    .newsdetail01{ padding-top: 10px;;}
    
    
    .index01newsbox .newsbox a i{ display:none;}
    .index01newsbox .newsbox a h3{ width:100%;}
    
    
    .bodies td{ font-size:12px; line-height:1.3;}
    
    
    
    .main3le .ul ul li b{ font-size:14px;}
    .main3le .ul ul li p,.main3bot p{ font-size:12px; line-height:1.4;}
    .main3le > b,.main3bot b,.main3rimid b{ font-size:16px; line-height:1.4;}
    .main3le{ padding:15px;}
    .main3bot{ padding:20px;}.main3le .ul ul li{ margin-bottom:20px;}
    .main3rimid{ padding-left:20px;}
    .main3le .ul ul li b{ margin-bottom:5px;}
    .main3ri .main3title a,.main3le .main3title a{ font-size:12px;}
    
    .main3title i{ height:15px;}.main3ri{ padding-top:15px;}
    .main3title i img,.main3ri .main3title i,.main3le .main3title i img,.main3le .main3title i{ width:15px; height:15px;}
    
    
    .index01newsbox .newsbox{ padding:10px;}
    .index01newsbox .newsbox .time{ margin-top:5px;}
    .index01newsbox .newsbox >span{ font-size:10px; margin-bottom:2px;}
    .index01news .swiper-button-next{ width:20px; height:20px;}
    .index01news .swiper-button-prev{ width:20px; height:20px;}
    
    .fotri>b{ margin-bottom:15px; font-size:18px;}
    .row{ font-size:12px;}
    .row .kk{ width:60px;}
    .row .vv{ width:calc(100% - 60px)}
    .fotbot p{ font-size:12px;}
    
    #introBox img{ max-width:120px}
    .search-w{ width:300px;}
    .prolist li span{ font-size:12px;}
    .fotle p{ font-size:12px;}
    .fotle>a img{ height:15px; margin-bottom:10px;}
    .fotri>b{ font-size:14px;}
    
    .prodetailri img{ float:none; margin:0 auto; margin-top:20px; max-width:50%; width:auto;}
    .botli .swiper-slide h3{ height:2rem;}
	}
	
    
    


@font-face
{
font-family: msB;
src: url('../fonts/MiSans-Bold.ttf'),
}
@font-face
{
font-family: msD;
src: url('../fonts/MiSans-Demibold.ttf'),
}

@font-face
{
font-family: msH;
src: url('../fonts/MiSans-Heavy.ttf'),
}

@font-face
{
font-family: msL;
src: url('../fonts/MiSans-Light.ttf'),
}
@font-face
{
font-family: msM;
src: url('../fonts/MiSans-Medium.ttf'),
}

@font-face
{
font-family: msN;
src: url('../fonts/MiSans-Normal.ttf'),
}
@font-face
{
font-family: msR;
src: url('../fonts/MiSans-Regular.ttf'),
}

@font-face
{
font-family: osB;
src: url('../fonts/Oswald-Bold.ttf'),
     url('../fonts/Oswald-Bold.woff2'),
     url('../fonts/Oswald-Bold.oft')
}