

body{
    font: 14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
    color: #333;
     /* 容器最小宽度 */
     /* min-width: 1226px; */
     /* max-width: 1920px; */
}
a{
    text-decoration: none;
    color: #000;
}
.w{
    max-width: 1920px;
    min-width: 1260px;
    margin: 0 auto;
    
}
.y-sh{
    width: 2px;
    height: 40px;
    background-color: #EF6B1D;
    margin-left: 25px;
    margin-top: 17px;
}
/* 设置一个类表示中间容器的宽度 */
.w1{
    background-color: #f6f6f8;
    max-width:100%;
    /* 容器居中 */
    margin: 0 auto; 
}
/* 顶部 */
.top{
    display: flex;
    margin: 20px 0 auto;
    justify-self:space-around;
}
/* logo大小 */
.logos{
    width:150px;
    height: auto;
}
/* 导航 */

.top-title{
    width: 70px;
    margin-left: 20px;
    margin-top: 19px;
}
/* logo的排列方式 */
.tb-logo{
    margin-left: 5px;
    display: flex;
    flex-grow: 0.7;
    /* display: flex; */

}
/* 导航样式 */
.deflot{
 /* float: left; */
 line-height: 68px;
 margin-left: 68px;
 font-size: 18px;
 font-weight: 600;

}
.nav1{
    /* padding-right: 50px; */
    display: flex;
    justify-self:space-around;
}
.nav1 li{
    height: 64px;
}

/* a设置为块级作用域 */
.deflot a{
    display: block;
    height: 55px;
}
/* 悬停效果 */
.deflot a:hover {
    color: #EF6B1D;
    border-bottom: 5px solid #EF6B1D;
}

.active{
    color: #EF6B1D;
    border-bottom: 5px solid #EF6B1D;
}
/* 轮播图 */
.banner{
    background-color: #fff;
}

/* 图片样式 */

.imgs1{
    width: 100%;
    /* height: auto; */
}
.swiper{
    --swiper-theme-color: #fff;/*设置Swiper风格*/
    --swiper-navigation-color: #fff;/*单独设置按钮颜色*/
    /* --swiper-navigation-size: 30px; */
}

.swiper-button-prev, .swiper-button-next{
    border-radius:8px;
    width: 50px !important;
    height:80px !important;
    color: #fff;
    opacity:0.8;
}


.scro{
    width: 95px;
    margin-left: 22%;
    margin-top: -20%;
}
.imgs2{
   width: 70px; 
   position: absolute;
   right: 1000px;
   top:600px;
}
.imgs3{
    max-width: 1920px;
    min-width: 1226px;
    margin: 0 auto;
    padding-bottom: 50px;
    margin-top: 80px;
}
/* 图片列表设置 */
.list-img{
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
    display: flex;
    justify-content:space-around;
}

/* 设置图片大小 */
.list-img img{
    width: 300px;
    border-radius: 17px;
    /* 移入动画效果 */
    transition-property:all;
    transition-duration:0.5s;
}
/* 设置字体距离 */
.list-img p{
    padding-top: 20px;
}

/* 移入效果 */
.list-img img:hover{
 box-shadow: 0 6px 22px #000;
 margin-top: -20px;
 margin-bottom: 20px;
}
/* 介绍 */

.introduces{
    /* position: absolute; */
    height: 100px;
    margin-left:1% ;
    margin-top: -30px;
   line-height: 35px;
   letter-spacing: 2px;
}

.introduce{
max-width:1800px;
min-width: 1200px;
font-size:18px ;
font-weight: 500;
color: #726e6e;
padding: 15px;
border-radius:10px ;
text-indent: 2em; 
text-align: left;
/* box-shadow:inset 0px 0px 10px skyblue; */
border-style:outset;
visibility: hidden;
position: absolute;
}

/* 产品首字 */
.introduce-indent{
 font-size :25px; 

}

.j-link{
    /* display: block; */
    margin-top: 10px;
    /* margin-bottom: 10px; */
    text-indent: 2em; 
    color: rgb(98, 135, 231);
}

.xg{
    box-shadow: 0 6px 22px #000; 
}

.bg2{
    /* margin: 0 auto; */
    height:280px;
    background-color: #676765 ;
    color: #fff;
    /*定位*/
    position:relative;
    margin-top: 20px;
}

.bg2>div>ul>li>a{
    color: #fff;
}

.bg2 .list{
    display:inline-block;
    width: 300px;
    height: 50px;
    position: absolute;
    left:38%;
    top: 50px;
}
.list li{
    float: left; 
    margin-left: 30px;
}
.bg2 .txt{
    position: absolute;
    left:40.5%;
    top:85px;
}
/* 文字之间的间距 */
.bg2 .txt p{
    margin-top: 15px;
}
.bg2 .txt1{
    position: absolute;
    left:33%;
    top:235px;
}
.bg2 .txt1 a{
    color: #fff;
}
.img-jd{
    width: 180px;
    padding-left: 16%;
    padding-top: 6%;
    box-sizing: content-box !important;
}
/* 左侧线 */
.left-line{
    width: 1px;
    height: 109px;
    background: #FFFFFF;
    position: absolute;
    left:31%;
    top:85px;
}
.right-line{
    width: 1px;
    height: 109px;
    background: #FFFFFF;
    position: absolute;
    left:62%;
    top:85px;
}
/* 公众号 */
.ew{
    position: absolute;
    left:68%;
    top:45px;
}
.ew p{
  font-size: 23px;
  text-align: center;
}
.ew img{
    padding-top: 10px;
    width: 110px;
    height: auto;
}

/* 图片加载 */
body img{
    font-weight: 600;
    color:black;
    text-align: center;
    font-size: 25px;
 }



