@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'Poppins-Bold';
    src: url(../font/Poppins-Bold.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url(../font/Poppins-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

BODY {
    margin: 0px;
    font-family: 'Poppins-Regular';
    font-size: 13px;
    color: #000;
}
b{  font-family: 'Poppins-Bold';}
a:focus,
a:hover {
    text-decoration: none;
}
li {
    list-style: none;
}
ul {
    margin: 0;
    padding: 0;
}
A {
    text-decoration: none;
}
h1,
h2,
h3,
h4,strong {
    font-family: 'Poppins-Bold';
}
a,
a:after,
a:before {
    transition-duration: .2s;
    transition-timing-function: linear;
}
a{ color: #000;}

IMG {
    border: none;
    transition: all linear .5s;
    max-width: 100%;
} 

img:hover,.section3 .info .item.active img{  
   transform: scale(1.1);  
   }.dh img:hover{transform:none;}
   .section3 .menu a:hover{ background: #1166f3; color: #fff;}
   .section3.app2 .item.ys3{background: none; width: 100%; text-align: center; height: auto;}
   .section3.app2 .btns{ margin-top: 5px;}
   button{ outline: none;}.section3 .btns{ margin-top: 15px;}
  .btns a.active{ font-family: 'Poppins-Bold';}
  .btns a{ position: relative;}.section4 .content{white-space: break-spaces;
    white-space: pre-wrap;
    word-break: keep-all;
    word-wrap: break-word; line-height: 15px; width: 100%;}
 .btns a.active::before{ content: ""; position: absolute; bottom:-15px; left: 0; width: 100%; height: 3px; background-color: #1166f3;}
   .section4 .prolist .item a::before{ content: ''; background: #b00011; height: 4px; width: 0px; position: absolute; bottom: 0; left:0;  transition: all .5s;}
   .section4 .prolist .slick-current .item a::before{width: 100%; }
   .section4 .text{ color: #fff;}.section4 .prolist .item:hover .text{display: flex; align-items: center;}
   .section4 .prolist .item a h3{ font-size: 25px; text-align: center;position: relative;
    z-index: 9;} .section4 .prolist .item:hover a h3{ padding-top: 20px;}
   .section4 .prolist .item a{ position: relative; display: block; margin-left: 10px; color: #fff;}.section4 .prolist .item .text{ position: absolute; top:0px; left: 0; padding: 5px; width: 100%; height: 100%; overflow: hidden;background: #1166f3; display: none;}
   .section3{ position: relative;}.section3 .item{ display: flex; position: relative;}.section3 .info.flex{ flex-wrap: wrap;}
   .section3 .item .picbox{ overflow: hidden;}.section3 .item.ys4{ flex-direction: row-reverse;}.section3 .item.ys4 .text{ width: 355px;justify-content: flex-start;
    padding-left: 10px;}.ys1 .picbox img,.ys2 .picbox img{ width: 255px; height: 141px;}.ys1 .picbox img{ width: 255px; height: 141px;}.ys2 .picbox{ width: 355px; height: 143px;}.ys4 .picbox img{ width: 215px; height: 148px;}
    .section3 .menu{ position: absolute; right:0; top:30%; z-index: 2;}
    .section3 .menu a{ display: block;
        padding: 5px 10px;
        background: #AFAFB0;
        border-top-left-radius: 10px;
        margin-bottom: 10px;
        text-align: center;
        font-size: 13px; border: 2px solid;}
        .section3 .menu a.menuitem0{ border-color: #28B34A;}
        .section3 .menu a.menuitem1{ border-color: #B8690D}
        .section3 .menu a.menuitem2{ border-color: #B70B0C;}
        .section3 .menu a.menuitem3{ border-color: #BA7F0E;}
        .section3 .menu a.menuitem4{ border-color: #2B3B79;}
        .section3 .item.item1 .text, .section3 .item.item4 .text{ width: 218px;}
        .section3.app2 .item .picbox{ display: none;}.section3.app2 .item .picbox.active{ display: block;}
   .section3 .item.ys3{ background:#AC131E; width: 453px; flex-direction: column; color: #fff; text-align: right;padding: 30px 10px 10px 0; height: 148px;}
   .section3 .item .text{ padding:10px;text-align: center; width: 195px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px;}
   .section3.app2{ display: none;}
   .section3 .item .picbox{ position: relative;}   .section3 .item .picbox .content{color:#fff;background: #1166f3; padding: 5px; display:none;position: absolute; width: 100%; height: 100%; top:0;left:0; z-index: 3; line-height: 15px;}
   .section3 .item.active::before{ opacity: 1; z-index: 1;}.section3 .item .picbox:hover .content{display: flex;
    align-items: center;}
   .section3 .item::before{ background: rgb(154,154,154,0.5); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0;}
   .section2 .mainpro{ position: absolute; left: 32%; bottom: 40%;}.section3 .item:hover::before{ opacity: 0; z-index: -1;}
   .section2 .prolist{ position: absolute;left: 0; bottom: 0; width: 100%; padding: 0 50px;}
   .section2 .prolist .item:hover{ transform: translateY(-10px); /* 向下移动 */}
   .section2 .prolist .item{ width: 218px; min-height: 268px; background: url(../images/probg.png) no-repeat; color: #fff;padding: 80px 30px 10px; transition: transform 0.3s ease; /* 平滑过渡效果 */
    transform: translateY(0); /* 初始位置 */}
   .section2 .prolist .item h2{ font-size: 22px; color: #fff;}  .section2 .prolist .item div.text{ font-size: 12px; color: #fff; height: 50px; overflow: hidden; transition: 0.3s ease; /* 平滑过渡效果 */ white-space: break-spaces;
    white-space: pre-wrap;
    word-break: keep-all;
    word-wrap: break-word;}
   .section2 .prolist .item:hover div.text{ height: auto;}
   @-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.n_picture_adm{
    -webkit-transform: rotate(360deg);
    animation: rotation 5s linear infinite;
    -moz-animation: rotation 5s linear infinite;
    -webkit-animation: rotation 5s linear infinite;
    -o-animation: rotation 5s linear infinite;
}
.section2 .text h3 .t1,.section4 .text h3 .t1{ font-size: 35px; color: #ff0101;}.section2 .text h3,.section4 .text h3{line-height: 40px; color: #fff; font-size: 28px; margin-top: 60px;}
.box{ padding: 0 50px;}.logotext{ font-size: 28px; color: #fff; margin-top: 15px;}
.header .textbox{color:#fff; font-size:25px}.header .textbox h2{ font-size: 60px; margin: 0;line-height: 60px;}
.header .textbox h2 .t1{ color: #ff0101;}
.header .textbox h2 .t2,.section1 .info h2 .t2,.section2 .box h2 .t2,.section4 .box h2 .t2,.section3 .info h2 .t2 {
    background-color: transparent;
            text-align: center;
            -webkit-text-stroke: 2px #fff; 
            color: transparent;   
}
.section2,.section4{ padding-top: 50px;}
.section2 .box h2 .t2,.section4 .box h2 .t2,.section4 .box h2 .t2,.section4 .box h2 .t2{-webkit-text-stroke: 1px #ff0101; }
.section2 .box h2,.section4 .box h2{ color: #ff0101; font-size: 42px;}.section3 .info h2 .t2{-webkit-text-stroke: 1px #fff; }
.section2 .title .btns a,.section4 .title .btns a,.section3 .btns a{ margin-left: 10px;color: #fff; font-size: 13px; border: none; background: none;}
.section2 .title .btns a span,.section4 .title .btns a span,.section3 .btns a span{ background: #1166f3;padding:5px 10px}
.section2 .title .btns a span:last-child,.section4 .title .btns a span:last-child,.section3 .btns a span:last-child{ background: #ff0101;padding:5px 10px}
.section4{ position: relative; height: 858px; overflow: hidden; display: none;}.section4 .prolist{    width: 60%;
    position: absolute;
    bottom: 130px;
    right: 0px;}
.header .textbox p{
    border-top: 6px solid #ff0101;
    margin-top: 15px;
    padding-top: 15px;
    display: inline-block;
}
.section4 .slick-prev,.section4 .slick-next{
    top:110%;
}
.section4 .slick-prev{ left: 120px;}.section4 .slick-next{ right: 380px;}
.header{ height: 750px; padding:50px 0}
.section1 .info{ font-size: 13px;}
.section1 .info h2{ font-size: 42px; margin-bottom: 40px;}
.slick-prev, .slick-next{
    z-index: 1;
}
.section1 .slick-next{ right: 20px;}.section1 .slick-prev{ left: 20px;}
.section2{ height: 858px; position: relative;}


.bx{ border-bottom: 2px solid #fff;} .p50{ padding: 40px;}.clear{ clear: both;}
.flex{display: flex; justify-content: space-between; align-items: center;}
.section1{height: 470px; position: relative;}
.section1 .info{width: 50%;
    float: right;
    background: #b00011;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 470px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    text-align: center;
    margin-right: 40px;
}
.footer{
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: url(../images/footer.jpg) no-repeat;
    background-size: 100%; padding:10px 0;}
.footer .box{ width: 100%;height: 82px;}.footer .item1 .ico{ margin-right: 10px;}.footer .item2 a{ margin-left: 10px;}
input::-webkit-input-placeholder { 
    /* WebKit browsers */ 
    color: #fff; 
    } 
    input:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */ 
    color: #fff; 
    } 
    input::-moz-placeholder { 
    /* Mozilla Firefox 19+ */ 
    color: #fff; 
    } 
    input:-ms-input-placeholder { 
    /* Internet Explorer 10+ */ 
    color: #fff; 
    }
    textarea::-webkit-input-placeholder { 
        /* WebKit browsers */ 
        color: #fff; 
        } 
        textarea:-moz-placeholder { 
        /* Mozilla Firefox 4 to 18 */ 
        color: #fff; 
        } 
        textarea::-moz-placeholder { 
        /* Mozilla Firefox 19+ */ 
        color: #fff; 
        } 
        textarea:-ms-input-placeholder { 
        /* Internet Explorer 10+ */ 
        color: #fff; 
        }

.image-list {  
    display: flex;  
    flex-wrap: nowrap;  
  }    
  .image-item {  
    width: 300px; /* 或者你想要的任何宽度 */  
    border: 1px solid #9a9a9a;
    border-radius: 10px;
    padding: 10px;
    margin-left: 10px;
    flex-shrink:0;
  }
  .image-list:hover{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
    }
    .image-item:hover{ border-color: #fff;}