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

* {
    padding: 0;
    margin: 0
}

ul,
ol {
    list-style-type: none
}

a {
    text-decoration: none
}

img {
    border: 0
}

.qingchu {
    clear: both
}

h2 {
    font-family: "微软雅黑";
}

.ov2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #343434;
    font-family: "微软雅黑";
    font-size: 14px;
    margin-top: 15px;
}

.ov3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #343434;
    font-family: "微软雅黑";
    font-size: 14px;
}

.ov4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    color: #333333;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 30px;
}

.ov5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #333333;
    font-family: "微软雅黑";
    font-size: 22px;
}

.bt {
    width: 741px;
    margin: auto;
    height: 348px;  
}



.sp {
    width: 930px;
    margin: auto;
    height: 500px;
    position: relative
}

h2 .da {
    text-align: left;
    margin-bottom: 50px;
}

body {
    background-color: #ffedce;
}

.zgwlmtlt { width: 100%; max-width: 1920px; margin: auto; position: relative;  background: url(slhkmycbg.jpg) no-repeat center;  background-size: auto; height: 7146px;}
.one{ width: 1000px;margin: auto; height: 1608px;}
.two { width: 1000px; margin: auto; height: 880px; overflow: hidden; background:url(bg1.png) no-repeat}
.twotop { width: 900px; margin: auto;  margin-top: 76px;}
.slider { display: flex; align-items: center; width: 100%; overflow: hidden;}
.slider-images {width:593px; position: relative; height: 393px; }
.slider-images img { width: 593px; height: 393px; display: none;}
.slider-images .dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); background: radial-gradient(circle, rgba(0, 0, 0, 1) 0%, rgba(204, 204, 204, 0) 100%); padding:5px 80px 5px 80px ;}
.slider-images .dots span { display: inline-block; width: 10px; height: 10px; background-color: #ffffff; border-radius: 50%; margin: 0 6px; cursor: pointer; }
.slider-images .dots span.active { background-color: #ff7a40;}
.slider-content { width: 310px; height: 393px; background-color: #ffffff;}
.slider-content ul{ margin-top: 32px;}
.slider-content ul li{ width: 266px; margin: auto;}
.slider-content h2{ margin-bottom: 40px;}
.slider-content h2,.slider-content p { display: none;}
.slider-content span{ color: #ff7a40; font-family: "微软雅黑"; font-size: 14px;}

.twodown{ width: 900px; margin: auto; margin-top: 40px; overflow: hidden;}
.twodown ul{ width: 1100px;}
.twodown ul li{ float: left; width: 280px; margin-right: 30px;}
.twodown ul li img{ width: 280px; height: 187px;}

.three { width: 1000px; margin: auto; height: 768px; overflow: hidden;  background:url(bg2.png) no-repeat}
.threelie { width: 900px; margin: auto}
.threeliet{ width: 900px; margin: auto; margin-top: 76px; display: flex; justify-content: space-between;}
.three .ssgjl { width: 450px; height: 302px; position: relative; display: inline; overflow: hidden;}
.three .ssgjl img { width: 450px; height: 302px; position: absolute; left: 0; top: 0; }
.three .ssgjl h2 { width: 450px; height: 40px; position: absolute; left: 0; bottom: 0; background-color: rgba(52, 52, 52, 0.5); color: #ffffff; padding-left: 15px; padding-top: 15px;}

.three .ssgjr {  width: 420px; height: 302px; display: inline;}
.three .ssgjr ul li { width: 420px; height: 92px; overflow: hidden; margin-bottom: 13px;}
.three .ssgjr ul li .ssggw { float: left;  width: 282px; height: 92px; background-color: #ffffff;}
.three .ssgjr ul li h2 { width: 250px; margin: auto; margin-top: 26px; margin-left: 16px;}
.three .ssgjr ul li img { float: right; width: 138px; height: 92px;}
.three .ssgjr ul li .ssggw:hover{ background-color: #ffb638; }
.three .ssgjr ul li .ssggw:hover h2{ color: #ffffff;}

.threelied { width: 900px;  margin: auto; margin-top: 40px; overflow: hidden;}
.threelied ul { display: flex; flex-wrap: nowrap; gap:30px;}
.threelied ul li {  width: 280px}
.threelied ul li img {  width: 280px; height: 190px;}

.four { width: 1000px; margin: auto; height: 764px; overflow: hidden;  background:url(bg3.png) no-repeat}
.fourlie { width: 900px; margin: auto}
.fourliet{ width: 900px; margin: auto; margin-top: 76px; display: flex; justify-content: space-between;}
.four .ssgjl { width: 450px; height: 302px; position: relative; display: inline; overflow: hidden;}
.four .ssgjl img { width: 450px; height: 302px; position: absolute; left: 0; top: 0; }
.four .ssgjl h2 { width: 450px; height: 40px; position: absolute; left: 0; bottom: 0; background-color: rgba(52, 52, 52, 0.5); color: #ffffff; padding-left: 15px; padding-top: 15px;}

.four .ssgjr {  width: 420px; height: 302px; display: inline;}
.four .ssgjr ul li { width: 420px; height: 92px; overflow: hidden; margin-bottom: 13px;}
.four .ssgjr ul li .ssggw { float: left;  width: 282px; height: 92px; background-color: #ffffff;}
.four .ssgjr ul li h2 { width: 250px; margin: auto; margin-top: 26px; margin-left: 16px;}
.four .ssgjr ul li img { float: right; width: 138px; height: 92px;}
.four .ssgjr ul li .ssggw:hover{ background-color: #ffb638; }
.four .ssgjr ul li .ssggw:hover h2{ color: #ffffff;}

.fourlied { width: 900px;  margin: auto; margin-top: 40px; overflow: hidden;}
.fourlied ul { display: flex; flex-wrap: nowrap; gap:30px;}
.fourlied ul li {  width: 280px}
.fourlied ul li img {  width: 280px; height: 190px;}

.five { width: 1000px; margin: auto; height: 1077px; overflow: hidden;  background:url(bg4.png) no-repeat}
.fivelie { width: 900px; margin: auto; margin-top: 76px}
.fiveliet ul{ display: flex; justify-content: space-between;}
.fiveliet ul li{ width: 430px;}
.fiveliet ul li img{ width: 430px; height: 242px;}

.fivelied{ margin-top: 40px;}
.fivelied ul{ display: flex; justify-content: space-between;}
.fivelied ul li{ width: 281px;}
.fivelied ul li img{ width: 281px; height: 500px;}



  


.footer{ width: 100%;  margin: auto; background: url(footer.png) no-repeat center; background-size: cover;  height:290px}