@charset "UTF-8";
@font-face {
    font-family: 'time';
    src: url("../fonts/dinmittelschrift.woff") format("truetype");
}
html{margin: 0;padding: 0;}
body{margin: 0;padding: 0;font-family:'montserrat_thin', sans-serif;font-size: 16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333}
img{display: block}
input,textarea{outline: none;}
button{padding: 0;background-color: unset}
.img{position: relative;display: block;overflow: hidden;}
.img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}
.public_bg{background-size: cover;background-repeat: no-repeat;background-position: center center;}
.flex_justify{display: flex;justify-content: space-between}
.public_time{transition: all 0.5s ease;}

    :root{
        --fz12:12px;
        --fz14:14px;
        --fz16:16px;
        --fz18:18px;
        --fz20:20px;
        --fz24:24px;
        --fz28:28px;
        --fz32:32px;
        --fz50:50px;
    }

/*index页面  主体宽度为：1400px*/
.main_width{width: 72.917%;margin: 0 auto;min-width: 1400px;}
.head_top_bg{background-image: url("../images/head_bg.png");background-repeat: no-repeat;background-position: center right;position: relative;z-index: 2;}
.head_top_bg::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to right,#FFFFFF 40%,transparent ,#FFFFFF 90%)}
.head_top_bg .m_nav{display: none;}
.head_top_bg .head_top{display: flex;justify-content: space-between;padding: 16px 0;align-items: center;position: relative;}
/*.header .head_top::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to right,#FFFFFF,transparent);}*/
 .head_top a{width: 26.142%;max-width: 506px;min-width: 300px;}
.head_top a img{width: 100%}
 .head_top .head_text{width: 22.8%;}
 .head_top .head_text .head_search{position: relative;}
 .head_top .head_text .head_search input{width: 100%;padding: 13px 16px;box-sizing: border-box;font-size: var(--fz14);border: 1px solid #E3E3E3}
 .head_top .head_text .head_search button{position: absolute;top: 50%;right: 15px;width: 16px;height: 16px;transform: translateY(-50%);cursor: pointer;border: none;}
.head_top .head_text .head_search img{width: 100%;height: 100%;}

/*.header .head_top .head_text p{font-size: var(--fz18);line-height: 24px;color: #333333;}*/


.head_bottom{width: 100%;background-color: #CF3F39;z-index: 5;position: relative;}
.head_bottom nav{display: flex;justify-content: space-evenly;;}
.head_bottom nav a{color: #ffffff;width: 7.053%;text-align: center;padding: 28px 0;font-size: var(--fz18);line-height: 24px;position: relative;}
.head_bottom nav a.current::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 3px solid #ffffff;}
.head_bottom nav a::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;border-bottom: 3px solid #ffffff;transition: all 0.3s ease}
.head_bottom nav a:hover::after{width: 100%;}
.phone_nav{display: none}

.index_bg{position: relative;}
.index_bg .index_banner_slide{overflow: hidden;}

.index_banner_slide .swiper-pagination-bullet{width: 60px;height: 6px;border-radius: unset;}
.index_banner_slide .swiper-pagination .swiper-pagination-bullet{background-color: #FFFFFF;opacity: 1;}
.index_banner_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #CF3F39}
.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 40px;}

.index_bg .img{padding-bottom: 42%;width: 100%}
.index_bg .img a{pointer-events: none;
    cursor: default; }
.index_bg .mid_nav{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;}
.index_bg .mid_nav .inner{width: 94.25%;margin: 0 auto;display:flex;justify-content: space-between;}
.index_bg .mid_nav img{width: 12px;height: 24px;}
.index_bg .mid_nav .banner_prev,
.index_bg .mid_nav .banner_next {background-color: rgba(0,0,0,0.6);width: 66px;height: 66px;display: flex;justify-content: center;align-items: center;cursor: pointer}
.index_bg .mid_nav .banner_next:hover{background-color: #CF3F39;transition: all 0.5s}
.index_bg .mid_nav .banner_prev:hover{background-color: #CF3F39;transition: all 0.5s}
.index_bg .bot_nav{position: absolute;bottom: 0;width: 100%;display: flex;justify-content: center;z-index: 5}
.index_bg .bot_nav .inner{display: flex;}
.index_bg .bot_nav .list{background-color: rgba(0,0,0,0.6);width: 25%;}
.index_bg .bot_nav .list:hover{background-color: #CF3F39;transition: all 0.5s}
.index_bg .bot_nav .list img{width: 42px;height: 42px;}
.index_bg .bot_nav .list .final{display: flex;justify-content: center;padding: 36px 0;}
.index_bg .bot_nav .list p{font-size: var(--fz18);color: #ffffff;line-height: 42px;padding-left: 14px;}


footer{width: 100%;background-color: #CF3F39}
.footer_outside_bg{background-repeat: no-repeat;background-position: bottom;background-image: url('../images/05.png')}
.footer_outside{padding: 85px 0 73px;display: flex;justify-content: space-between;width: 83.333%;margin: 0 auto;}
.footer_outside .footer_left{width: 22.188%;}
.footer_outside .footer_center{width: 29.375%;color: #FFFFFF;}
.footer_outside .footer_right{width: 39%;}
.footer_outside .footer_left a{display: block;margin-bottom: 28px}
.footer_outside .footer_left img{max-width: 250px;}
.footer_outside .footer_left .list{font-size: var(--fz14);color: #FFFFFF;margin-bottom: 17px;display: flex;}
.footer_outside .footer_left .list p{white-space: nowrap}
.footer_outside .footer_center h2{font-size: var(--fz18);position: relative;padding-bottom: 9px;margin-bottom: 38px;}
.footer_outside .footer_center h2::after{content: '';position: absolute;bottom: 0;left: 0;width: 128px;border-bottom: 1px solid #FFFFFF;}
.footer_outside .footer_center ul{display: grid;grid-template-columns: repeat(4,auto);justify-content: space-between;grid-row-gap: 20px}
.footer_outside .footer_center ul a{color: #FFFFFF;font-size: var(--fz14)}
.footer_outside .footer_right{display: flex;justify-content: space-between;}
.footer_outside .footer_right .list{width: 23.077%}
.footer_outside .footer_right .list p{font-size: var(--fz14);color: #FFFFFF;text-align: center;margin-top: 13px}
.footer_outside .footer_right .list .img{padding-bottom: 100%;background: #ffffff}
.copyright{width: 100%;background-color: #81201C;padding: 10px 0;}
.copyright p{font-size: var(--fz14);color: #C14B46;line-height: 24px;text-align: center;}
.copyright p a{font-size: var(--fz14);color: #C14B46;line-height: 24px;text-align: center;}
/*内页的footer部分*/
footer .foot_inside{background-image: url("../images/05.png");padding: 34px 0;position: relative;z-index: 1;}
footer .foot_inside p{color: #FFFFFF;font-size: var(--fz14);text-align: center;mix-blend-mode:normal;position: relative;z-index: 4}
footer .foot_single{background-color: #f2f2f2;padding: 10px 0;text-align: center;}
footer .foot_single p{font-size: var(--fz14);color: #999999;line-height: 24px;}

/*以上为公共头部，公共底部*/
/*主页样式*/
.index_one{padding: 60px 0;}
.index_one .one_left{width: 49.142%;flex-direction: column;}
.index_one .one_right{width: 47.786%;}
.index_one .one_left .img{width: 24.855%;padding-bottom: 17%;}
.index_one .one_left .img img{transition: all 0.5s ease;}
.index_one .one_left a:hover img{transform: scale(1.1);}
.index_one .one_left .text{width: 72.674%;display: flex;flex-direction: column}
.index_one .one_left h3{font-size: var(--fz18);line-height: 24px;color: #333333;-webkit-line-clamp: 1;margin-bottom: 10px}
.index_one .one_left a:hover h3{color: #CF3F39}
.index_one .one_left p,
.index_one .one_left span{font-size: var(--fz14);line-height: 18px;color: #999999;-webkit-line-clamp: 2}
.index_one .one_left span{margin-top: auto}
.index_one .one_right .img{padding-bottom: 66.667%}
.index_one .one_right h3{margin: 20px 0 10px;-webkit-line-clamp: 1}
.index_one .one_right p{font-size: var(--fz14);line-height: 18px;color: #999999;-webkit-line-clamp: 2}
.index_one .one_right .pointer{position: absolute;bottom: 110px;left: 0;width: 100%;z-index: 7;}
.index_one .one_right .slide_inner img{transition: all 0.5s ease;}
.index_one .one_right .slide_inner:hover img{transform: scale(1.1);}
/*.index_one .one_right .pointer .swiper-page{width: auto;}*/
.index_one .one_right .pointer .swiper-page{display: flex;justify-content: flex-end;padding-right: 15px}
.index_one .one_right .pointer span{margin-right: 10px;background-color: rgba(255, 255, 255, 0.4)}
.index_one .one_right .pointer span.swiper-pagination-bullet-active{background-color: #FFFFFF}

.index_two_bc{background-color: #F2F3F5;padding: 60px 0;}
.index_two .two_swiper{overflow: hidden;}
.index_two h1{font-size: var(--fz32);line-height: 42px;}
.title{align-items: center;margin-bottom: 49px}
.title h1{font-size: var(--fz32);line-height: 43px;color: #333333;}
.title a{padding: 4px 18px;color: #999999;border: 1px solid #999999;border-radius: 15px;font-size: var(--fz14);line-height: 18px}
.title a:hover{background-color: #CF3F39;color: #FFFFFF;border-color: #CF3F39}
.index_two .inner_slide{padding: 34px 23px 67px;background-color: #FFFFFF}
.index_two .time{display: flex;font-size: var(--fz14);line-height: 18px;color: #B8231D;align-items: center;position: relative;margin-bottom: 31px}
.index_two .time::before{content: '';position: absolute;top: 0;left: 0;border-left: 2px solid #B8231D;height: 100%}
.index_two img{margin: 0 8px;width: 13px;height: 13px}

.index_two h2{font-size: var(--fz18);line-height: 24px;-webkit-line-clamp: 2;margin-bottom: 14px;min-height: 48px}

.index_two p{font-size: var(--fz14);line-height: 26px;-webkit-line-clamp: 2}
.index_two .inner_slide:hover{background-color: #CF3F39;box-shadow: 0 0 16px rgba(184, 35, 29, 0.6)}
.index_two .inner_slide:hover .time::before{border-color: #FFFFFF}
.index_two .inner_slide:hover img{filter: brightness(0) invert(1);}
.index_two .inner_slide:hover .time,
.index_two .inner_slide:hover h2,
.index_two .inner_slide:hover p{color: #FFFFFF;}
.index_two .next_prev{display: flex;justify-content: flex-end;margin-top: 60px}
.index_two .next_prev .next_prev_bc{background-color: #E6E7EA;width: 47px;height: 45px;display: flex;justify-content: center;align-items: center;cursor: pointer}
.index_two .next_prev .swiper_prev{margin-right: 6px;}
.index_two .next_prev img{height: 11px}
.index_two .next_prev .next_prev_bc:hover{background-color: #CF3F39;}
.index_two .next_prev .next_prev_bc:hover img{filter: brightness(0) invert(1);}
.index_two .bottom_line{width: 51.429%;border-bottom: 1px solid #DDDDDD;position: relative;}
.index_two .bottom_line::before{content: '';position: absolute;bottom: 0;left: 0;width: 54px;height: 5px;background-color: #CF3F39}

.index_three{padding: 60px 0 90px;}
/*.index_three .three_left{width: 59.429%;}*/
.index_three .three_left{width: 100%;}
.index_three .three_right{width: 37%}
.index_three .three_left .three_content{display: grid;grid-template-columns: repeat(3,33%);grid-row-gap: 24px;justify-content: space-between}
.index_three .three_left .three_content a{padding: 24px;background: #F2F3F5;}
.index_three .three_left h3{font-size: var(--fz18);line-height: 24px;color: #333333;min-height: 48px;margin-bottom: 20px;-webkit-line-clamp: 2}
.index_three .three_left p{font-size: var(--fz16);line-height: 21px;color: #333333;-webkit-line-clamp: 1}
.index_three .three_left .file{display: flex;align-items: center;}
.index_three .three_left .file img{width: 17px;height: 17px;margin-right: 10px}
.index_three .three_right .img{padding-bottom: 38.61%;}
.index_three .three_right .img::after{content: '';top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 3;position: absolute}
.index_three .three_right h3{font-size: 24px;line-height: 30px;color: #FFFFFF;position: absolute;top: 50%;left: 0;width: 100%;text-align: center;transform: translateY(-50%);z-index: 5}
.index_three .three_right .text{margin-top: 27px;font-size: 18px;line-height: 30px;text-align: justify;color: #333333;}

.index_four_bc{background: #F2F3F5;padding: 60px 0 90px}
.index_four .content{display: grid;grid-template-columns: repeat(3,31.857%);grid-row-gap: 34px;justify-content: space-between;}
.index_four .content a{padding: 24px;background: #ffffff;box-sizing: border-box;transition: all 0.5s ease;}
.index_four .content h2{font-size: var(--fz18);line-height: 24px;color: #333333;-webkit-line-clamp: 2;min-height: 48px;margin-bottom: 14px}
.index_four .content p{font-size: var(--fz14);line-height: 26px;color: #666666;-webkit-line-clamp: 3;}
.index_four .content a:hover{background: #CF3F39}
.index_four .content a:hover h2{color: #ffffff;}
.index_four .content a:hover p{color: #ffffff;}

.dede_pages {padding: 10px 0;margin: 10px auto;text-align: center}
.dede_pages ul{text-align: center;padding: 0;margin: 0;display: flex;justify-content: center;}
.dede_pages ul li{margin-right: 5px}
.dede_pages ul a{display:block;height: 30px;line-height: 30px;padding: 0 10px;text-align: center;overflow: hidden;white-space: nowrap;border: #ededed 1px solid;color: #555;}
.dede_pages ul a:hover {background: #CF3F39;color: #fff;border-radius: 3px;border-color: #CF3F39}
.dede_pages ul .thisclass {background: #CF3F39;border-color: #CF3F39;color: #fff;font-weight: 700;}
.dede_pages ul .thisclass a {padding: 0;color: #fff}

/*
inside
内页样式开始
*/

/*inside rank  内页主体宽度：1200px*/
.inside_width{width: 62.5%;margin: 0 auto;}
.inside_banner{position: relative}
.inside_banner img{width: 100%;}

.inside_banner .body{width: 100%;bottom: 53px;position: absolute;left:0;}
.inside_banner .body h2{color: #ffffff;font-size: var(--fz32)}
.inside_breadcrumb_bg{background-image:linear-gradient(to right,#CF3F39 0,#CF3F39 960px,transparent 960px ,transparent 100%);height: 68px;display: flex;align-items: center;margin-top: -34px;position: relative;z-index: 5}
.inside_breadcrumb_bg *{color: #ffffff}
.inside_body{display: flex;margin: 60px auto;}
.inside_body .left{width: 18.167%;display: flex;flex-direction: column}
.inside_body .left.long{width: 21.167%;min-width: 252px}
.inside_body .left li{line-height: 56px;border-bottom: 1px solid #EEEEEE;padding-left: 20px;display: flex;align-items: center}
.inside_body .left li img{display: none}
.inside_body .left li.active,.inside_body .left li:hover{background-color: #CF3F39;}
.inside_body .left li.active img,.inside_body .left li:hover img{display: block}
.inside_body .left li.active a,.inside_body .left li:hover a{margin-left: 10px;color: #ffffff}
.inside_body .right{width:0;flex: 1;margin-left: 45px;}

/*module inside*/


.inside_right_list2 h2{font-size: var(--fz28);color: #333333;}
.inside_right_list2 h2 span{color: #CF3F39}
.inside_right_list1 h2{font-size: var(--fz28);color: #333333;}

.inside_body .slide{margin-top: 30px;overflow: hidden;position: relative;}
.inside_body .slide .img{padding-bottom: 46.222%;}
.inside_body .slide .img img{width:100%;}
.inside_body .slide .content{position: absolute;width: 100%;left: 0;bottom: 0;padding: 14px 20px;background-color: rgba(0, 0, 0, 0.2);box-sizing:border-box;}
.inside_body .slide .content p{color: #ffffff;width: 75%}
.inside_body .slide .slide_nav{position: absolute;bottom: 14px;right: 20px;z-index: 5}
.inside_body .slide .slide_nav .swiper-pagination{display: flex;position: unset;}
.inside_body .slide .slide_nav .swiper-pagination span{width: 51px;height: 8px;border-radius:unset;background: #FAFAFA;}
.inside_body .slide .slide_nav .swiper-pagination span:not(:first-of-type){margin-left: 4px;}

.inside_body .img_list{margin-top: 60px;}
.inside_body .img_list a{display: flex;margin-top: 30px;}
.inside_body .img_list a .img_list_left{width: 19.871%;}
.inside_body .img_list a .img{padding-bottom: 63.157%;overflow: hidden}
.inside_body .img_list a .time{width: 0;flex: 1;display: flex;flex-direction: column;align-items: center}
.inside_body .img_list a .time *{color: #999999}
.inside_body .img_list a .time bdi{font-size: var(--fz28);font-weight: bold;}
.inside_body .img_list a .time span{font-size: 14px;}
.inside_body .img_list a .content{width: 70.94%;}
.inside_body .img_list a .content h2{font-size: var(--fz18);color: #333333;}
.inside_body .img_list a .content .line_num{-webkit-line-clamp: 2;font-size: var(--fz14);margin-top: 16px;color: #999999;}
.inside_body .img_list a:hover h2{color: #CF3F39}
.inside_body .img_list a:hover img{transform: scale(1.1);transition: all .5s}

.inside_body .text_list{margin-top: 40px;}
.inside_body .text_list .a{display: flex;padding: 20px 0;justify-content: space-between}
.inside_body .text_list .a .img{padding-bottom: 11.36%;width:  19.017%}
.inside_body .text_list .a .time{width: 57px;display: flex;flex-direction: column;align-items: center}
.inside_body .text_list .a .time *{color: #999999}
.inside_body .text_list .a .time bdi{font-size: var(--fz28);font-weight: bold;}
.inside_body .text_list .a .time span{font-size: 14px;}
.inside_body .text_list .a .content{width: 86.645%;}
.inside_body .text_list .a .trends{width: 70.94%;}
.inside_body .text_list .a .content h2{position: relative;padding-bottom: 22px;font-size: var(--fz18);}
.inside_body .text_list .a .content h2::after{content: '';display: block;width: 128px;height: 2px;background: #DFDBDB;position: absolute;left: 0;bottom: 0;}
.inside_body .text_list .a .content h2 span{color: #CF3F39}
.inside_body .text_list .a:hover .content h2{color: #CF3F39}
.inside_body .text_list .a .content h3{font-size: var(--fz18);line-height: 24px;color: #333333;margin-bottom: 16px;-webkit-line-clamp: 1}
.inside_body .text_list .a .content p{font-size: var(--fz14);line-height: 19px;color: #999999;-webkit-line-clamp: 2}
.inside_body .text_list .a:hover .content h3{color: #CF3F39}
.inside_body .text_list .a .img img{transition: all 0.5s ease;}
.inside_body .text_list .a:hover .img img{transform: scale(1.1);}

.inside_body .video_list{display: grid;margin-top: 40px;grid-template-columns: repeat(3,30.448%);justify-content:space-between;grid-row-gap:30px}
.inside_body .video_list .img{padding-bottom: 65.614%;overflow: hidden}
.inside_body .video_list .img .play_button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 5;background-color: rgba(0, 0, 0, 0.5);}
.inside_body .video_list .img .play_button img{width: unset;height: unset;}
.inside_body .video_list .line_num{-webkit-line-clamp:2;margin-top: 15px;}
.inside_body .video_list a:hover .img>img{transform: scale(1.1);transition: all .5s}


.inside_body .text_list2{margin-top: 45px;}
.inside_body .text_list2 a{display: flex;padding: 30px 0}
.inside_body .text_list2 a .time{width: 0;flex: 1;display: flex;flex-direction: column;align-items: center}
.inside_body .text_list2 a .time *{color: #999999}
.inside_body .text_list2 a .time bdi{font-size: var(--fz28);font-weight: bold;}
.inside_body .text_list2 a .time span{font-size: 14px;}
.inside_body .text_list2 a .content{width: 86.645%;}
.inside_body .text_list2 a .content h2{font-size: var(--fz18);}
.inside_body .text_list2 a .content .line_num{-webkit-line-clamp:2;color: #999999;margin-top: 13px;}
.inside_body .text_list2 a:hover .content h2{color: #CF3F39}

.inside_breadcrumb2{margin-bottom: 60px;}
.inside_breadcrumb2 .body{line-height: 60px;padding: 20px 0;}
.inside_breadcrumb2 * {color: #333333}

.text_body{margin-top: -30px;background-color: #fff;box-sizing: border-box}
.text_body>h2{font-size: var(--fz28);}
.text_body .info{font-size: var(--fz16);color: #999999;margin-top: 20px;}
.text_body .body{display: flex;margin-bottom: 100px}
.text_body .body .left{width: 100%;}
.text_body .body .left .content{margin: 40px 0;}
.text_body .body .left .content p{line-height: 32px;}
.text_body .body .right{width: 0;flex: 1;margin-left: 50px;min-width: 280px}
.text_body .body .right .in_title a{display: flex;align-items: center;border-bottom: 2px solid #CF3F39;padding-bottom: 17px;}
.text_body .body .right .in_title a p{margin-left: 10px;}
.text_body .body .right .list{padding-left: 22px;border-left: 1px solid }
.text_body .body .right .list{padding-left: 22px;border-left: 1px solid #EEEEEE}
.text_body .body .right .list a{margin-top: 15px;display: block}
.text_body .body .right .list .time{font-size: var(--fz14);color: #999999;position: relative}
.text_body .body .right .list .time::before{content: '';position: absolute;left: -25px;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;background-color: #EEEEEE;border-radius: 50%}
.text_body .body .right .list .line_num{margin-top: 7px;line-height: 21px;-webkit-line-clamp:2}
.text_body .body .right .share{margin-top: 60px;}
.text_body .body .right .share p{display: flex;align-items: center;}
.text_body .body .right .share p::before,
.text_body .body .right .share p::after {content: '';display: inline-block;width: 70px;height: 1px;background-color: #E4E4E4;}
.text_body .body .right .share p::before{margin-right: 10px;}
.text_body .body .right .share p::after{margin-left: 10px;}
.text_body .body .right .share .ico{border: 1px solid #E4E4E4;border-radius: 50%;width: 50px;height: 50px;margin-left: 72px;margin-top: 22px;display: flex;justify-content: center;align-items: center}
.text_body .body .left .download{padding-top: 40px;border-top: 1px solid #E4E4E4}
.text_body .body .left .download .list{display: flex;justify-content: space-between;padding: 19px 0;align-items: center;}
.text_body .body .left .download .list .img_1{width: 24px;height: 24px}
.text_body .body .left .download .list .img_2{width: 20px;height: 20px}
.text_body .body .left .download .list .download_text{width: 94.215%}
.text_body .body .left .download .list p{font-size: var(--fz16);line-height: 21px;margin-bottom: 7px;}
.text_body .body .left .download .list span{font-size: var(--fz14);line-height: 19px;color: #999999;}
.text_body .body .left .download .list:hover p{color: #CF3F39}

.text_body2>span{color: #999999;margin-top: 12px;display: block}
.text_body2 .content{margin-top: 40px;}
.text_body2 .content p{margin-top: 30px;line-height: 32px;text-indent: 2em}


.img_list2{display: grid;grid-template-columns:repeat(3,30%);justify-content:space-between;grid-row-gap: 40px;margin-top: 45px;}
.img_list2 a .img{padding-bottom: 70.909%;overflow:hidden}
.img_list2 a:hover .img img{transform: scale(1.1);transition: all .5s}
.img_list2 a p{text-align: center;margin-top: 14px;}

.ico_list{margin-top: 40px;}
.ico_list a{display: flex;padding: 17px 30px;background-color: #F2F3F5;align-items: center;margin-top: 20px;}
.ico_list a p{width: 70%;margin-left: 35px;}
.ico_list a span{margin-left: auto;}
.ico_list a:hover p{color: #CF3F39}




 /* Style for the search box container */
        .search-box {
            display: flex;
            align-items: center;
            border: 1px solid #ccc;
            border-radius: 25px;
            padding: 10px;
            width: 150px;
            background-color: #f8f8f8;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        /* Style for the search input field */
        .search-box input[type="text"] {
            flex: 1;
            border: none;
            outline: none;
            font-size: 16px;
            padding: 8px;
            background-color: transparent;
        }

        /* Style for the search button */
        .search-box button {
            background-color: #007bff;
            color: #fff;
            border: none;
            outline: none;
            padding: 8px 15px;
            border-radius: 25px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        /* Style for the search button icon (using Font Awesome) */
        .search-box button i {

            font-size: 16px; /* 调整图标大小 */
        }

        /* Hover effect for the search button */
        .search-box button:hover {
            background-color: #0056b3;
        }
        
        form {
            display:flex;
            margin: 0 0 0 auto;
        }


@media (max-width: 980px) {
form {
            display:none;
           
        }
}