@charset "utf-8";
.pops_list ul li:nth-child(1){display: none;}
.spread_right{width: 24.479166666666668vw;margin-top: 3.125vw;margin-right: 12.625vw;}
.spread_right .spread_tit{margin-bottom: 30px;}
.spread_right .spread_tit select{font-size: 1.5625vw;font-weight: bold;height:45px;line-height: 45px;color:#333;width: 100%;border:none;}
.spread_right .spread_tct{height: 515px;overflow-y: scroll;padding-right: 10px;}
.spread_right .spread_tct::-webkit-scrollbar-track-piece { position: absolute;right:0;left: 0;right: 0;background: #fff;cursor: pointer;}
.spread_right .spread_tct::-webkit-scrollbar {width:3px;height:30px;}
.spread_right .spread_tct::-webkit-scrollbar-thumb {background:#013461;background-clip:padding-box;height:3px;}
.spread_right .spread_tct::-webkit-scrollbar-thumb:hover {background:#013461;}
.spread_right .spread_tct p{margin-bottom: 25px;}
.spread_right .spread_tct p span{display: block;width: 100%;max-height:140px;overflow: hidden;}
.spread_right .spread_tct p b{font-size: 0.9375vw;line-height: 40px;background: #013461;color:#fff;display: block;padding:0 6px;}
.spread_right .spread_tct p em{display: block;font-size: 0.7291666666666667vw;line-height: 30px;background: #fff;color:#333;padding:0 6px;}
.spread_right .spread_tct p em font{width: 86%;display: inline-block;vertical-align: top;letter-spacing: -0.3px;}

.culture1 ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 45px;}
.culture1 ul li{max-width: 21.354166666666668vw;}
.culture1 ul li span{display: block;width: 21.354166666666668vw;height: 10.416666666666668vw;overflow: hidden;}
.culture1 ul li span img{width: 100%;height: 100%;object-fit: cover;}
.culture1 ul li p,
.culture2 ul li p{font-size: 14px;line-height: 24px;margin-top: 20px;}
.culture2 ul{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 60px;}
.culture2 ul li{max-width: 12.5vw;}
.culture2 ul li span{display: block;width: 12.5vw;height: 17.5vw;overflow: hidden;}
.mySwiper-banner .swiper-slide:nth-child(2),
.mySwiper-bar .swiper-slide:nth-child(2){display: none;}
.distribution_list .swiper-container-distribution .swiper-slide .abbr_con{height:360px;overflow-y: auto;overflow-x: hidden;width: 430px;}
.distribution_list .swiper-container-distribution .swiper-slide .abbr_con::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#ddd;}
.distribution_list .swiper-container-distribution .swiper-slide .abbr_con::-webkit-scrollbar {width:5px;height:20px;}
.distribution_list .swiper-container-distribution .swiper-slide .abbr_con::-webkit-scrollbar-thumb {background:#013461;background-clip:padding-box;min-height:28px;}
.distribution_list .swiper-container-distribution .swiper-slide .abbr_con::-webkit-scrollbar-thumb:hover {background:#013461;}
.swiper1 .swiper-slide{font-size: 1.5625vw;}

.culture_list{width: 100%;}
.culture_list ul{display: grid;grid-template-columns: repeat(3, 1fr);}
.culture_list ul li{display: inline-block;vertical-align: top;width:21.354166666666668vw;margin-right: 2.0833333333333335vw;margin-bottom: 1.0416666666666667vw;}
.culture_list ul li:nth-child(3n){margin-right: 0;}
.culture_list ul li span{width: 100%;height:14.583333333333334vw;overflow: hidden;display: block;background: #fff;line-height:14.583333333333334vw;text-align: center;}
.culture_list ul li span img{max-width: 100%;max-height: 100%;}
.culture_list ul li p{font-size: 16px;line-height: 30px;text-align: center;color:#333;padding-top: 10px;}
.culture_list ul li span img{transition: all 1s;}
.culture_list ul li:hover span img{transform: scale(1.1);transition: all 1s;}
.person_pic img{width: 100%;height: 100%;object-fit: cover;}
@media screen and (min-width:1921px){
    .bar_item1 ul li{margin-top: -54px;}
    .bar_item1 ul li:nth-child(2), .bar_item1 ul li:nth-child(3) {margin-top: -59px;}
    .pag ul li{width: 32%;}
    .pag ul li:nth-child(2){width:26%;}

}
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
   
}
@media screen and (max-width:1366px){
    .lg_1320,
    .lg_1600{max-width: 1200px;}
    .header .head_nav ul li{width: 6.4vw;}
    .service_list ul li{width: 25%;}
    .service_con h3{margin: 0 auto 15px;}
    .partners_item .swiper-container-partners .swiper-pagination-partners{margin-top: 1.625vw;}
    .bar_item{margin-top: 6%;}
    .about_item ul li p{margin-left: 5px;}
    .foot_center dl dd strong{font-size: 20px;}
    .spread_right .spread_tct{height:430px;}
    .swiper-container_scheme .swiper-btnss .swiper-btnss-con .swiper-button-next{right: 0;}
    .swiper-container_scheme .swiper-btnss .swiper-btnss-con .swiper-button-prev{left: 0;}
}
@media screen and (max-width:1280px){
    .lg_1600,
    .lg_1280,
    .lg_1200,
    .lg_1320{max-width: 1200px;}
    /* .header .head_nav ul li{width: 6.4vw;}
    .service_list ul li{width: 25%;}
    .service_con h3{margin: 0 auto 15px;}
    .partners_item .swiper-container-partners .swiper-pagination-partners{margin-top: 1.625vw;} */
   
}
@media screen and (max-width:1200px){
    .pops_list ul li:nth-child(1){display: block;}
    body,
    html{overflow-x: hidden !important;}
    .pt-100,
    .pt-90,
    .pt-80,
    .pt-70,
    .pt-60,
    .pt-50,
    .pt-40,
    .pt-30{padding-top: 20px;}
    .pb-100,
    .pb-90,
    .pb-80,
    .pb-70,
    .pb-60,
    .pb-50,
    .pb-40,
    .pb-30{padding-bottom: 20px;}
    

    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 0;top:20px;position: absolute;}
    .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: all 1s;position: relative;background: #fff;}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: #fff;transition: all 1s;position: absolute;}
    .sj_menu span::after{bottom: -6px;}
    .sj_menu span::before{top: -6px;}
    .son .sj_menu span{position: relative;transform: rotate(45deg);transition: all 1s;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: all 1s;}
    .son .sj_menu span::after{display: none;}
    .son .head_right .head_nav{transition: all 1s;transform: translateX(0);}
    
    .header{height:65px;background: #111;z-index: 99;}
    .header .lg_1600{position: relative;width: 100%;padding:0 2%;box-sizing: border-box;} 
    .header h1{line-height: 65px;}
    .header h1 img{width: 65%;}
    .header .head_right{margin-right: 50px;}
    .header .head_nav, .header .head_search, .header .head_lang, .header .head_tel{height:65px;line-height: 65px;}
    .header .head_search::before, .header .head_lang::before, .header .head_tel::before{top: 30px;}
    
    .son .header .head_nav{transform: translateX(0%);transition: all 0.75s;z-index: 2;box-sizing: border-box;}
    .header .head_nav{position: absolute;right: 0;top: 65px;height: 85vh;transform: translateX(150%);width: 100%;transition: all 1s;background: #111;}
    .header .head_nav ul li{display: block;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, .5);text-align: left;line-height: 36px;font-size: 16px;}
    .header .head_nav ul li a{width: 100%;}
    .header .head_nav ul li::after{display: none;}
  
    .lg_wrap{margin-top: 65px;}
    .mySwiper-bar,
    .mySwiper-banner .swiper-button-next,
    .mySwiper-banner .swiper-button-prev{display: none;}
    /* .mySwiper-banner .swiper-pagination-banner .swiper-pagination-bullet{height:10px;} */
    /* .mySwiper-banner .swiper-pagination-banner .swiper-pagination-bullet-active{height:20px;} */
 

    .lg_1280,
    .lg_1200,
    .lg_1600,
    .lg_1320{max-width: 600px;width: 92%;}
    .header .head_search p{top: 65px;}
    .about .txt{width: 100%;}
    .about .title h3,
    .distribution .title h3,
    .service .title h3,
    .news .title h3,
    .partners_item .title h3{font-size: 24px;margin-bottom: 0;display: block;}
    .about .title h4{font-size: 20px;}
    .about .txt{font-size: 14px;}
    .about .mores{width: 100px;height: 31px;line-height: 31px;margin: 20px auto;}

    .business_list ul li,
    .business_list ul li .tct{width: 100%;height:230px;margin: 0 auto 20px;}
    .business_list ul li .tct span{margin: 15px auto;}
    .business_list ul li .tct h3{font-size: 18px;line-height: 30px;}
    .business_list ul li .tct p{font-size: 14px;width: 100%;float: none;line-height: 30px;}
    .business_list ul li .tct .mores{width: 100px;height: 31px;line-height: 31px;float: none;}
    .distribution_list .swiper-container-distribution .swiper-slide em{font-size: 20px;}
    .distribution_list .swiper-container-distribution .swiper-slide abbr{width: 340px;}
    .distribution .title span,
    .service .title span{display: block;font-size: 14px;width: 100%;line-height: 30px;}
    .distribution .title em,
    .service .title em{width: 100px;height: 31px;line-height: 31px;margin-top: 0px;float: none;}
    .service_con{padding:15px;}
    .service_con em{width: 13%;margin: 15px auto;}
    .service_con h3{font-size: 18px;}
    .service_list ul li span{width: 35px;height:35px;margin-right: 15px;}
    .service_list ul li p b{font-size: 16px;}
    .service_list ul li p small{font-size: 14px;}
    .news .yyui_tab>ul{margin: 0 auto;text-align: left;}
    .news .yyui_tab>ul li{margin-left: 0;margin-right: 20px;}
    .swiper-container-news{padding-bottom: 70px;}
    .swiper-container-news .swiper-slide{padding:15px;height:auto;}
    .swiper-container-news .swiper-slide .pic{height: auto;}
    .swiper-container-news .swiper-slide .tct h3{font-size: 18px;}
    .news .mores{width: 100px;height: 31px;line-height: 31px;margin: 20px auto;}
    .partners_item{width: 100%;height: auto;padding:15px;}
    .partners_item:nth-child(2){display: none;}
    .news .yyui_tab>ul>li{font-size: 18px;}
    .news .yyui_tab .yyui_tab_content_this{margin-top: 0;}
    .distribution_list .swiper-container-distribution .swiper-slide:nth-child(odd){margin-top: 0;}
   
    .foot_logo{width: 10%;}
    .foot_nav{margin-top: 0px;}
    .foot_center dl{display: none;}
    .foot_center dl.foot_con{width: 60%;display: block;float: left;}
    .foot_center dl.ewm{width: 38%;display: block;margin-top: 30px;}
    .foot_center dl.ewm .ewm_item ul li{width: 25px;height:25px;margin-top: 10px;}
    .foot_center dl.ewm .ewm_con{width: 90px;}
    .foot_btm p{text-align: center;padding: 15px 0;}
    .foot_btm p a{display: block;float: none;}
    .foot_nav ul li{margin-left: 10px;}
    .bar_item{background: none;}
    .bar_item ul li span{display: none;}
    .bar_item{margin-top: 8%;}
    .about_one_logo,
    .about_one_text{width: 100%;}
    .about_one_logo{width: 30%;float: none;margin: 0 auto;}
    .about_one_text{font-size: 14px;line-height: 24px;margin-top: 20px;}
    .about_item ul li em{width: 35px;height:35px;}
    .about_item ul li p span{font-size: 14px;}
    .about_item ul li p b{font-size: 20px;}
    .about_item ul li p{width: 100%;}
    .about_list .yyui_tab>ul>li{font-size: 16px;line-height: 45px;}
    .about_list .yyui_tab .yyui_tab_content_this{padding:30px 15px;}
    .about_list .yyui_tab .yyui_tab_content_this h3{margin-bottom: 20px;}
    .container .year{font-size: 18px;line-height: 40px;width: 15%;}
    .container .swiper_an{width: 25%;height: 40px;}
    .container .swiper_an .swiper-button-prev{right: 40px;}
    .container .swiper_an .swiper-button-prev, .container .swiper_an .swiper-button-next{width: 35px;height:35px;top: 25px;}
    .swiper1 .swiper-slide{font-size: 16px;}
    .container .swiper1{line-height: 40px;height: 40px;width: 60%;}
    .swiper2 .swiper-slide .slide_list ul li p{font-size: 14px;line-height: 24px;}
    .swiper2 .swiper-slide .slide_list ul li{width: 150px;height: auto;margin-right: 15px;}
    .swiper2 .swiper-slide .slide_list ul li span{height:103px;}
    .video_item ul {text-align: left;}
    .video_item ul li{width: 31%;margin: 1%;box-sizing: border-box;text-align: center;line-height: 40px;font-size: 16px;}
    .video_list ul li{width: 48%;margin: 1%;}
    .video_list ul li .tct{padding:15px;}
    .video_list ul li .pic,
    .video_list ul li .pic b,
    .video_list ul li .pic span{height: 66px;}
    .video_list ul li .pic b img{width: 30px;height: 30px;}
    .video_list ul li .tct span{font-size: 13px;}
    .video_list ul li .tct p{font-size: 15px;}
    .page{padding:0px 0;}
    .about_cons .title span{margin: 20px auto 0;}
    .spread_list .yyui_tab .yyui_tab_content_this dl dt{font-size: 16px;margin-bottom: 15px;line-height: 30px;}
    .spread_list .yyui_tab .yyui_tab_content_this{width: 340px;margin-left: 50.5vw;}
    .spread_list .yyui_tab .yyui_tab_content_this dl dd p span{height: 100px;}
    .spread_list .yyui_tab .yyui_tab_content_this dl dd p b{font-size: 14px;}
    .spread_list .yyui_tab .yyui_tab_content_this dl dd p em{font-size: 12px;}
    .spread_list .yyui_tab .yyui_tab_content_this dl dd{height: 340px;padding-right: 15px;}
    .spread_left .tct{top: -20px;}
    .spread_left .tct h3{font-size: 20px;}
    .spread_left .tct p{font-size: 14px;line-height: 20px;}
    .spread_con{margin: 0 auto;}
    .news_list ul li{width: 31%;margin: 1%;}
    .news_list ul li .tct{padding:15px;}
    .news_list ul li .tct span{font-size: 14px;}
    .news_list ul li .tct p{font-size: 15px;line-height: 30px;}
    .news_list ul li .pic{height: auto;}
    .news_list ul li:hover .tct em{background-size: cover;}
    .news_list ul li .tct em{margin: 10px 0;}
    .news_cons{padding: 15px;}
    .news_cons .news_title h3{font-size: 22px;line-height: 30px;}
    .pag ul li{width: 35%;font-size: 14px;line-height: 30px;}
    .pag ul li:nth-child(2){width: 26%;}
    .pag ul li:nth-child(2) span{display: none;}
    .hr_tit{padding:15px;}
    .hr_titl h4{font-size: 18px;}
    .hr_titl p{font-size: 14px;line-height: 20px;}
    .hr_list ul li.active .hr_titr em,
    .hr_list ul li .hr_titr em{width: 100px;height:31px;line-height: 31px;margin-top: 10px;}
    .hr_txt{padding: 15px;}
    .join span{font-size: 18px;line-height: 36px;}
    .person_txt{margin: -30px auto 0;}
    .contat_item{margin: 10px auto;height: auto;}
    .contat_item ul li{width: 48%;margin: 1%;}
    .contact_pop{padding:15px;height: auto;width: 100%;height: auto;}
    .bar_cons{padding-top: 0;}
    .contact_pop em{display: none;}
    .contact_pop h3{font-size: 20px;line-height: 36px;}
    .contact_pop p{font-size: 14px;line-height: 24px;}
    .contact_pop strong{font-size: 24px;line-height: 30px;}
    .contact_pop span{font-size: 14px;line-height: 20px;}
    .contat_item ul li{padding:15px;height:260px;box-sizing: border-box;}
    .contat_item ul li h3{font-size: 18px;}
    .contat_item ul li p{font-size: 14px;line-height: 24px;}
    .contat_bd_con{padding: 15px;}
    .contat_bd_con h4{font-size: 20px;}
    .contat_bd_con p{font-size: 14px;line-height: 24px;}
    .bd_item span,
    .bd_item1 span, .bd_item2 dl span, .bd_item1 dl span{font-size: 18px;}
    .bd_item label{font-size: 14px;width: 100%;display: block;margin: -20px auto 0;}
    .bd_item1 select{width: 48%;font-size: 14px;height:36px;line-height: 36px;}
    .bd_item1 input{width: 100%;font-size: 14px;height:36px;line-height: 36px;}
    .bd_item1 dl, .bd_item2 dl{width:48%;}
    .bd_item textarea{font-size: 14px;line-height: 30px;}
    .bd_item2 dl input{width: 120px;font-size: 14px;}
    .bd_item2 dl:nth-child(2){width: auto;}
    .bd_item2 dl button{width: 150px;}
    .pop_con{padding: 15px;}
    .bd1 span, .bd2 span, .bd3 span, .bd4 span, .bd5 span, .bd6 span{font-size: 18px;}
    .bd1 p{font-size: 14px;}
    .bd1 dl, .bd2 dl, .bd3 dl, .bd5 dl, .bd6 dl{width: 49%;}
    .bd1 dl input{height: 36px;line-height: 36px;font-size: 14px;}
    .bd2 dl p span{width: 49%;}
    .bd2 dl p span input{height:40px;}
    .bd2 dl p span label{font-size: 14px;line-height: 40px;}
    .bd2 dl p span label::after{margin: 10px 15px 0;}
    .bd2 dl p select{width: 32%;height: 40px;line-height: 40px;font-size: 14px;}
    .bd1 dl p select{width: 100%;height: 40px;line-height: 40px;font-size: 14px;}
    .bd1 p input{height: 40px;line-height: 40px;font-size: 14px;}
    .bd3 dl p{font-size: 14px;}
    .bd3 p label{margin-right: 5px;padding-left: 5px;}
    .bd3 p span{width: 24%;}
    .bd3 p span input,
    .bd4 p span input,
    .bd4 p input{height: 40px;line-height: 40px;font-size: 14px;}
    .bd4 p textarea{font-size: 14px;}
    .bd3 p label::before{margin-left: -28px;}
    .bd3 p label input,
    .bd3 p span select,
    .bd5 dl p span input,
    .bd5 dl p span select{height:40px;line-height: 40px;font-size: 14px;}
    .bd3 p label input{width: 100px;}
    .bd6 dl p select{width: 31%;height: 40px;line-height: 40px;font-size: 14px;}
    .pop_con h3{font-size: 20px;}

    .pops_list ul li{width: 60px;height:60px;}
    .pops_list ul li img{width: 25px;}
    .pops_list ul li span{font-size: 14px;line-height: 24px;}
    .spread_right .spread_tct{height:220px;}
    
    .culture1 ul{grid-template-columns: repeat(1, 1fr);grid-gap: 0px;}
    .culture2 ul{grid-template-columns: repeat(2, 1fr);grid-gap: 10px 40px;}
    .culture1 ul li,
    .culture2 ul li{margin-bottom: 20px;max-width: 100%;}
    .culture1 ul li span,
    .culture2 ul li span{width: 100%;height: auto;margin: 0 auto;text-align: center;}
    .mySwiper-banner .swiper-slide:nth-child(1),
    .mySwiper-bar .swiper-slide:nth-child(1){display: none;}
    .mySwiper-banner .swiper-slide:nth-child(2),
    .mySwiper-bar .swiper-slide:nth-child(2){display: block;}
    .mySwiper-banner .swiper-pagination-banner{left: 0;right: 0;margin: 0 auto;text-align: center;}
    .mySwiper-banner .swiper-pagination-banner .swiper-pagination-bullet{width: 20px !important;width: 20px !important;border-radius: 20px;}
    .mySwiper-banner .swiper-pagination-banner .swiper-pagination-bullet-active{width: 20px !important;height:20px !important;}
    .foot_btm p span{float: none;}
    .distribution_list .swiper-container-distribution .swiper-slide-active abbr{display: block;transition: all 1s;}
    .distribution_list .swiper-container-distribution .swiper-slide:hover abbr{}

    .service4{height: auto;}
    .service4 .yyui_tab>ul{width: 100%;float: none;}
    .service4 .yyui_tab>ul>li{margin: 0 auto;display: inline-block;vertical-align: top;width: 100px;height:100px;margin-right: 15px;}
    .service4 .yyui_tab>ul>li span{width: 25px;height: 25px;margin: 15px auto 0;}
    .service4 .yyui_tab>ul>li h3{font-size: 16px;}
    .service4 .yyui_tab>ul>li p{font-size: 14px;}
    .service4 .yyui_tab::before{display: none;}
    .service4 .yyui_tab .yyui_tab_content_this{float: none;width: 100%;}
    .service4 .yyui_tab .yyui_tab_content_this .service4_con{height: auto;}
    .swiper-container_scheme{height:650px;}
    .swiper-container_scheme .swiper-slide{padding:20px 60px 20px 0;}
    .swiper-container_scheme .swiper-slide .left,
    .swiper-container_scheme .swiper-slide .right{width: 100%;margin: 0 auto 20px;padding: 0;box-sizing: border-box;}
    .swiper-container_scheme .swiper-slide .left p{height: auto;overflow-y: initial;}
    .swiper-container_scheme .swiper-pagination_scheme{display: none;}
    .swiper-container_scheme .swiper-slide .right{height: auto;}
    .swiper-container_scheme .swiper-btnss::after, .swiper-container_scheme .swiper-btnss::before{display: none;}
    .swiper-container_scheme .swiper-btnss{width: 50px;}
    .swiper-container_scheme .swiper-btnss .swiper-btnss-con{width:50px;height:50px;border-radius: 50px;}
    .swiper-container_scheme .swiper-slide .left h3{font-size: 18px;line-height: 30px;margin: 15px auto;}
    .swiper-container_scheme .swiper-slide .left p{font-size: 14px;line-height: 24px;}


} 
@media screen and (max-width:1024px){
    
    
    
}
@media screen and (max-width:768px){
    .spread_list .yyui_tab .yyui_tab_content_this dl dd{height: 230px;}
    
}
@media screen and (max-width:640px){
    .header h1{width: 10%;}
    .header h1 img{width: 100%;}
    .header .head_nav, .header .head_search, .header .head_lang, .header .head_tel{padding:0 5px;}
    .header .head_search::before, .header .head_lang::before, .header .head_tel::before{display: none;}
    .header .head_tel{font-size: 15px;font-weight: bold;}
    .mySwiper-banner .swiper-pagination-banner{bottom: 15px;}
    .business_list ul li, .business_list ul li .tct{height: 125px;}
    .business_list ul li .tct span{width: 15%;margin: 10px 0;}
    .business_list ul li .tct .mores{display: none;}
    .distribution_list .swiper-container-distribution .swiper-slide abbr{width: 280px;}
    .distribution_list .swiper-container-distribution .swiper-slide abbr h3{font-size: 15px;}
    .service_con{height: auto;background-position: bottom center !important;}
    .service_list ul li span{display: block;margin: 10px auto;}
    .news .yyui_tab>ul>li{padding-bottom: 10px;margin-bottom: 20px;}
    .about_item ul li{width: 50%;}
    .about_list .yyui_tab>ul>li span{display: none;}
    .bar{height: 200px;}
    .bar_con{padding-top: 50px;}
    .bar_con h3{font-size: 24px;}
    .bar_con p{font-size: 14px;line-height: 24px;padding-top: 15px;}
    .bar_item{height: auto;}
    .bar_item1 ul li,
    .bar_item1 ul li:nth-child(2), .bar_item1 ul li:nth-child(3){margin-top: 0px;font-size: 14px;}
    .about_list .yyui_tab>ul>li{width: 24%;margin-right: 1%;}
    .about_list .yyui_tab .yyui_tab_content_this h3{font-size: 22px;}
    .about_list .yyui_tab .yyui_tab_content_this p{font-size: 16px;line-height: 24px;height: 240px;overflow-y: scroll;}
    .about_cons .title h3{font-size: 20px;}
    .business_lists{height: auto;}
    .business_lists ul li{width: 50%;height:340px;}
    .business_lists ul li .tct{padding:15px;bottom: 15px;}
    .business_lists ul li .pic{height: 109px;}
    .business_lists ul li:nth-child(2){border-right: 0;border-bottom: 1px solid #fff;}
    .business_lists ul li:nth-child(1){border-bottom: 1px solid #fff;}
    .business_lists ul li .tit{font-size: 18px;line-height: 30px;margin-bottom: 0;}
    .business_lists ul li .txt,
    .business_lists ul li:hover .txt{height:80px;font-size: 14px;line-height: 20px;position: relative;z-index: 3;}
    .business_lists ul li .mores1{display: none;}
    .business_lists ul li:hover .mores{opacity: 0;}
    .spread_left .tct p{display: none;}
    .spread_list .yyui_tab .yyui_tab_content_this{width: 150px;}
    .spread_list .yyui_tab .yyui_tab_content_this dl dt{margin-bottom: 0;}
    .spread_list .yyui_tab .yyui_tab_content_this dl dd p span{display: none;}
    .spread_list .yyui_tab .yyui_tab_content_this dl dd p b{font-size: 12px;line-height: 20px;padding:5px;}
    .spread_list .yyui_tab .yyui_tab_content_this dl dd p em{padding: 0 5px;line-height: 20px;}
    .spread_list .yyui_tab .yyui_tab_content_this dl dd{height: 110px;}
    .service_lists ul li.active .service_lists_item,
    .service_lists_item{height: 180px;}
    .service_lists_item p{width: 190px;}
    .service_lists_item p span{height:92px;}
    .service_lists_item .cons{width:1000%;}
    .service_lists ul li .tct{padding:10px;}
    .service_lists ul li .tct .tit{font-size: 16px;line-height: 24px;}
    .service_lists ul li .tct .icon{width: 30px;height:30px;margin-bottom: 10px;}
    .service_lists ul li .tct .txt{font-size: 14px;line-height: 20px;height:40px;}
    .service_lists ul li .tct .moress{display: none;}
    .service_lists ul li.active .tct{bottom: 30px;position: static;}
    .service_lists ul li .tct .tst{font-size: 12px;line-height: 24px;}
    .service_lists ul li .tct{bottom: 0px;position: static;}
    .news_list ul li,
    .news_list ul li:nth-child(3n){width: 100%;margin: 1% auto;}
    .news_list ul li .tct em{width: 100px;height:31px;line-height: 31px;}
    .contat_item ul li{width: 100%;margin: 5px auto;}
    .bd_item label::before{margin-right: 10px;}
    .bd1 dl, .bd2 dl, .bd3 dl, .bd5 dl, .bd6 dl{width: 100%;}
    .bd3 p label,
    .bd3 dl p label{font-size: 14px;}
    .bd4 p span{width:120px;}
    .bd5 dl p span{width: 32%;}
    .pop_db{height: 550px;}

    .pops{right: 0;}
    .pops_list ul li{width: 35px;height:35px;}
    .pops_list ul li img{width: 25px;}
    .pops_list ul li span{display: none;}
    .service_lists{height: auto;}
    .service_lists ul li,
    .service_lists ul li.active{width: 50%;background: rgba(1, 52, 97, 0.5);margin-bottom: 10px;height: auto;}

    .spread_left{float: right !important;width: 92%;margin: 0 auto 60px;padding: 0 4%;height:300px;}
    .spread_left .tct{width: 100%;position: static;}
    .spread_left .tct p{display: block;}
    
    .spread_right .spread_tit{margin-bottom: 15px;}
    .spread_con {background-size: 150% !important;height: auto;background-position: 20px 100px !important;}
    .spread_right{width: 92%;margin: 0 auto 30px;float: none;}
    .spread_right .spread_tct{padding-right: 0px;height: auto;overflow-y: initial;}
    .spread_right .spread_tit select{font-size: 18px;line-height: 36px;height:36px;}
    .spread_right .spread_tct p{margin-bottom: 10px;}
    .spread_right .spread_tct p b{font-size: 15px;}
    .spread_right .spread_tct p em{font-size: 14px;}
    
    .service4{padding-top: 0;}
    .service4 .yyui_tab>ul>li{width: 75px;height:75px;margin-right: 5px;}
    .service4 .yyui_tab>ul>li:nth-child(4){margin-right: 0;}
    .service4 .yyui_tab>ul>li span{margin: 5px auto 0;width: 25px;height:25px;}
    .service4 .yyui_tab>ul>li h3{line-height: 18px;font-size: 15px;}
    .service4 .yyui_tab>ul>li p{font-size: 12px;line-height: 14px;}
    .swiper-container_scheme{height:600px;}
    
    .distribution_list .swiper-container-distribution .swiper-slide abbr h3,
    .distribution_list .swiper-container-distribution .swiper-slide abbr p{padding: 0 5px;}
    .distribution_list .swiper-container-distribution .swiper-slide{height: auto;}
    .distribution_list .swiper-container-distribution .swiper-slide abbr p span font{width: 84%;display: inline-block;vertical-align: top;letter-spacing: -0.3px;}
    .distribution_list .swiper-container-distribution .swiper-slide .abbr_con{width: 100%;height:375px;}
    .swiper2{height:310px;}
    .swiper2 .swiper-slide .slide_list ul{width: 600%;}
    .swiper2 .swiper-slide .slide_list ul li{max-width: 370px;width: 100%;}
    .swiper2 .swiper-slide .slide_list ul li span{height:253px;}
    .mains_text img, .main_text img{height: auto !important;}

     .culture_list ul{grid-template-columns: repeat(1, 1fr);}
    .culture_list ul li{width: 100%;margin: 2% auto;}
    .culture_list ul li span{width: 100%;height: auto;line-height: initial;}
}
@media screen and (max-width:414px){
   
}
@media screen and (max-width:375px){
    .swiper2 .swiper-slide .slide_list ul li{max-width: 340px;width: 100%;}
    .swiper2 .swiper-slide .slide_list ul li span{height:233px;}
    .service_lists_item p{width:160px;}
    .service_lists_item p span{height:78px;}
}

@media screen and (max-width:360px){
   
    
}
@media screen and (max-width:320px){
    
}
.main_text video,
.mains_text video{max-width: 100% !important;}