﻿@charset "utf-8"; 
:root {--color: #fdb812;}
.head{background:#fff;}
@media (max-width:768px){.head-logo a img{max-height:45px;}}
#swiper-banner .swiper-button-prev,#swiper-banner .swiper-button-next{background:none}
@media (min-width:769px){#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{font-size:32px;}}
.about{background-image:url(/uploads/43018/page/p20241115145415670aa.jpg)}
.about:before{opacity:.5;}
.news-con,.news-title,.hot-pro .pro-intro{word-break:break-word}
.side-pro ul li .pro-name{word-break:break-word}
.ind-item img{object-fit:cover}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
#swiper-banner .banner-animote{position:absolute;width:100%;opacity:0;}
#swiper-banner .banner-animote img{width:auto;height: 25px;}
#swiper-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
#swiper-banner .banner-animote.ban1{text-align: right;right:0;top:37%;transform: translateY(-50%);max-width:50%;padding-right:5.3%;}
#swiper-banner .banner-animote.ban1 .title{color:#fff;font-weight:var(--fontbold7);font-size:42px;line-height:1.1;}
#swiper-banner .banner-animote.ban1 .line{width:85%;margin:20px 0 20px auto;}
#swiper-banner .banner-animote.ban1 .list{display:flex;flex-wrap:wrap;width:100%;margin-left:auto;justify-content: flex-end;}
#swiper-banner .banner-animote.ban1 .list .item{margin:5px 0;width:49%;color:#fff;font-size:18px;display:flex;align-items: center;justify-content: flex-end;}
#swiper-banner .banner-animote.ban1 .list .item img{margin-left:7px;}
@media (max-width:1600px){#swiper-banner .banner-animote.ban1 .title{font-size:3.4vw}
#swiper-banner .banner-animote.ban1 .line{width:75%;}
#swiper-banner .banner-animote.ban1 .list .item{font-size:1vw;}}
@media (max-width:768px){#swiper-banner .banner-animote.ban1 .line{margin:5px 0 5px auto;line-height:1;}
#swiper-banner .banner-animote.ban1 .title{font-size:24px}
#swiper-banner .banner-animote.ban1 .list{display:none;}}
@media (max-width:550px){#swiper-banner .banner-animote.ban1 .title{font-size:12px;}
#swiper-banner .banner-animote.ban1 .line{margin-top:0;margin-bottom:0;}}
#swiper-banner .banner-animote.ban2{top:47%;left:0;padding-left:5%;max-width: 45%;transform: translateY(-50%);color:#fff;}
#swiper-banner .banner-animote.ban2 .title{font-size:42px;font-weight:var(--fontbold7);line-height:1.1;position: relative;}
#swiper-banner .banner-animote.ban2 .title:after{content:'';width:70px;height:2px;display:block;background:#822F32;margin-top:5px;}
#swiper-banner .banner-animote.ban2 .list{margin:20px 0;}
#swiper-banner .banner-animote.ban2 .list .item{margin:10px 0;font-size:16px;}
#swiper-banner .banner-animote.ban2 .des{font-size:18px;}
@media (max-width:1600px){#swiper-banner .banner-animote.ban2 .title{font-size:2vw;}
#swiper-banner .banner-animote.ban2 .list .item,#swiper-banner .banner-animote.ban2 .des{font-size:0.9vw;}}
@media (max-width:768px){#swiper-banner .banner-animote.ban2 .list{display:none;}
#swiper-banner .banner-animote.ban2{padding-left:10%;}
#swiper-banner .banner-animote.ban2 .title{font-size:18px;}
#swiper-banner .banner-animote.ban2 .des{font-size:12px;margin-top:7px;}}
@media (max-width:550px){#swiper-banner .banner-animote.ban2 .des{display:none;}
#swiper-banner .banner-animote.ban2{padding-left:5%}
#swiper-banner .banner-animote.ban2 .title{font-size:14px;}}
#swiper-banner .banner-animote.ban3{top:47%;left:0;padding-left: 6%;max-width: 55%;color:#fff;transform: translateY(-50%)}
#swiper-banner .banner-animote.ban3 .title{font-size:56px;font-weight:var(--fontbold7);line-height:1;}
#swiper-banner .banner-animote.ban3 .title span{color:#CC2C30;}
#swiper-banner .banner-animote.ban3 .list{margin:10px 0 0;}
#swiper-banner .banner-animote.ban3 .list .item{padding-left:15px;position:relative;font-size:21px;}
#swiper-banner .banner-animote.ban3 .list .item:before{content:'';width:6px;height:6px;display:inline-block;background:#fff;border-radius: 50%;position: absolute;top:15px;left:3px;}
#swiper-banner .banner-animote.ban3 .more{margin-top:25px;}
#swiper-banner .banner-animote.ban3 .more a{display:inline-block;border-radius: 30px;padding:7px 25px;color:#fff;background: #CC2C30;font-size:18px;}
@media (max-width:1600px){#swiper-banner .banner-animote.ban3 .title{font-size: 3.4vw;}
#swiper-banner .banner-animote.ban3 .list .item{font-size:1.1vw;}
#swiper-banner .banner-animote.ban3 .list .item:before{top:11px;}
#swiper-banner .banner-animote.ban3 .more{margin-top:20px;}}
@media (max-width:1366px){#swiper-banner .banner-animote.ban3 .more a{padding:5px 25px}}
@media (max-width:1024px){#swiper-banner .banner-animote.ban3 .list .item:before{top:7px;}}
@media (max-width:768px){#swiper-banner .banner-animote.ban3{padding-left:5%;}
#swiper-banner .banner-animote.ban3 .title{font-size:28px;}
#swiper-banner .banner-animote.ban3 .list{display:none;}}
@media (max-width:550px){#swiper-banner .banner-animote.ban3{max-width:50%;top:38%;}
#swiper-banner .banner-animote.ban3 .title{font-size:20px;}
#swiper-banner .banner-animote.ban3 .more{display:none}}
.bybanenr{position: absolute;top: 50%;left: 5%;transform: translateY(-50%);border: 8px solid #fff;padding: 15px 3%;}
.bybanenr h5{text-align: center;color: #fff;font-size: 28px;line-height: 1;margin-bottom: 10px;}
.bybanenr p{color: #fff;text-align: center;font-size: 20px;line-height: 1.25;}
.bybanenr ul{display: flex;max-width: 90%;justify-content: center;flex-wrap: wrap;margin-top: 15px;}
.bybanenr ul li{color: #fff;width: 50%;text-align: center;font-size: 18px;}
@media (max-width:1400px) {
    .bybanenr{left: 2%;border: 8px solid #fff;padding: 10px 1%;border: 5px solid #fff;}
    .bybanenr p,.bybanenr ul li{font-size: 16px;}
    .bybanenr ul{margin-top: 10px;}
    .bybanenr h5{font-size: 24px;}
}




