@charset "utf-8";
.information_item{margin: 0px auto 30px;}
.information_item ul{text-align: center;font-size: 0;}
.information_item ul li{display: inline-block;vertical-align: top;width: 220px;line-height: 70px;background: #f4f5f9;text-align: center;font-size: 22px;color: #333;cursor: pointer;border:1px solid #dedede;box-sizing: border-box;margin: 0 5px;}
.information_item ul li.active a,
.information_item ul li:hover a{background: #b61728;display: block;color:#fff;border:1px solid #b61728;}
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
   .lg_1520,
   .lg_1320{max-width: 1200px;width: 100%;}
   header h1{max-width: 300px;}
   .head_nav ul li{padding-right: 20px;font-size: 16px;}
   .product_item ul li,
   .product_item ul li .pic{width: 38.54166666666667vw;height:20.3125vw;}
   .foot_nav ul li{font-size: 16px;}
   .foot_icon ul li{margin-left: 15px;}
   .foot_icon ul li span{width: 40px;height:40px;line-height: 40px;}
   .foot_txt{padding-top: 5px;}

   .banner,
   .swiper-container-banner .swiper-slide a{height: 48.958333333333336vw;}
   .banner_bar{width: 45px;height: 45px;margin-top: -80px;}

   .box .titles{font-size: 30px;padding-bottom: 20px;}
   .box em.mores{margin: 30px 0;}

   .about_right .tct{width: 100%;padding:20px;box-sizing: border-box;}
   .about_item ul li p{margin-bottom: 0;}
   .about_item ul li p b{font-size: 30px;}
   .product_left p{padding-right: 50px;box-sizing: border-box;}
   .product_item{max-width: 580px;width: 95%;}
   .product_item ul li, .product_item ul li .pic{width: 100%;}
   .product_item ul li .tct{padding:20px;}
   .product_item ul li span{width: 35px;height: 35px;}
   .product_item ul li h4{font-size: 24px;}
   .development_con .yyui_tab .yyui_tab_content_this .tct h4{font-size: 22px;}
   .development_con .yyui_tab .yyui_tab_content_this .tct span{width: 35px;height:35px;display: block;margin: 0 auto;}
   .development_con .yyui_tab .yyui_tab_content_this .tct p{font-size: 16px;}
   .development_con .yyui_tab>ul{margin-top: -6.25vw;}
   .development_con .yyui_tab>ul>li{height:12.5vw;}
   .development_con .yyui_tab>ul>li span{width: 35px;height:35px;margin: 20px auto;}
   .development_con .yyui_tab>ul>li h4{font-size: 24px;}
   .news_list{margin-bottom: 0;}
   .news_list ul li{margin-right: 50px;}
   .news_list ul li p{font-size: 16px;}
   .news_list ul li small{font-size: 20px;}
   .news em.mores{margin: 30px auto;}

   .bar{height:39.0625vw}
   .bar_tit{margin: 13.020833333333334vw auto 0;width: 12.552083333333334vw;height: 12.447916666666668vw;background-size: cover;}
   .bar_tit h3{font-size: 25px;padding-top: 4.427083333333334vw;}
   .bar_tit span{font-size: 12px;}
   /* .crumbs{margin-top: -140px;height:140px;} */
   .crumbs_nav ul li{font-size: 18px;line-height: 50px;}
   

   .main_item .tit{font-size: 24px;}
   .pt-100{padding-top: 50px;}
   .pb-100{padding-bottom: 50px;}
   .index_pro .hd ul li.active .item span{transform: translateX(20px) !important;}
   .product_list ul li span{width: 100%;height:235px;}
   .product_list ul li h4{font-size: 20px;}
   .product_list ul{grid-gap: 30px;}
   .page .pagination>li{width: 40px;height: 40px;line-height: 40px;font-size: 16px;}
   .product_topr h4{font-size: 24px;}

   .development_list,
   .development_list ul li{height: 48.958333333333336vw;}
   .development_list ul li .tct{bottom: 11.458333333333334vw;}
   .development_list ul li .tct span{width: 80px;height: 80px;}
   .development_list ul li .tct h4{font-size: 24px;}
   .news_lists ul li small{font-size: 20px;}
   .news_lists ul li span{width: 100%;height:230px;}
   .news_lists ul li p{font-size: 16px;}
   .news_cons .news_title h3{font-size: 24px;}

   .information_list ul li .tct_l{width: 85%;}

   .contacts{height:40.625vw;}
   .contacts .tct{padding:30px;margin: 40px auto 0;}
   .contacts .tct h3{font-size: 24px;margin-bottom: 25px;padding-bottom: 25px;}
   .contacts .tct span{font-size: 20px;}
   .contacts .tct p{font-size: 16px;}
   .contacts2{height:38.07291666666667vw;}
   .contacts2 .tct{margin: 6.25vw 0 0;}
   .contacts2 .tct .tit{font-size: 24px;}
   .contacts2 .tct .tit::after{margin: 20px 0;}
   .campus_con,
   .campus{height:46.875vw;}
   .swiper-container-campus{margin: 5.208333333333334vw auto 0;}
    
   .swiper-container-campus .swiper-slide h4{font-size: 30px;}
   .swiper-container-campus .swiper-slide P{font-size: 16px;}
   .job_item ul li span{width: 100px;height:100px;}
   .job_item ul li h4{font-size: 22px;}
   .job_list .yyui_tab>ul>li{line-height: 60px;font-size: 20px;}
   .job_list .yyui_tab .yyui_tab_content_this .list_item ul li h4{font-size: 22px;}
   .job_list .yyui_tab .yyui_tab_content_this .list_item ul li p,
   .job_list .yyui_tab .yyui_tab_content_this .list_item ul li span{font-size: 16px;}

}
@media screen and (max-width:1366px){
  
}
@media screen and (max-width:1280px){
  
}
@media screen and (max-width:1200px){
   .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;}

   .lg_wrap{margin-top: 65px;}
   header h1{line-height: 65px;}
   header .lg_1520{padding: 0 3%;}
   .head_right{position: absolute;right: 0;top: 65px;height: 90vh;float: none;background: #fff;width: 100%;padding-top: 0;transform: translateX(100%);transition: all 1s;}
   .head_nav, .head_search, .head_drop{display: block;padding: 0 15px;box-sizing: border-box;margin: 15px auto;}
   .head_nav ul li{display: block;text-align: left;border-bottom: 1px solid #cbcbcb;padding: 0;line-height: 36px;}
   .head_nav ul li::after,
   .head_nav ul li.active::after, .head_nav ul li:hover::after,
   .head_search::before, .head_drop::before{display: none;}
   .head_search{width: 100%;}
   .head_search .search_icons{display: none;}
   .head_search p{display: block !important;position: static;}
   .head_search input{width: 100%;border:1px solid #cbcbcb;}
   .head_search button{right: 15px;}
   .head_drop span{display: none;}
   .head_drop p{display: block !important; position: static;width: 100%;text-align: left;line-height: 36px;}
   .head_drop p a{display: inline-block;vertical-align: top;}

   .fixeds .head_right{padding-top: 0;}
   .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 3%;top:20px;position: absolute;}
   .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: all 1s;position: relative;background: #b61728;}
   .sj_menu span::after,
   .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: #b61728;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{transition: all 1s;transform: translateX(0);}

   .foot_top,
   .foot_btm{padding: 0 20px;}

   .banner_bar{display: none;}
   .swiper-pagination-banner .swiper-pagination-bullet{margin-right: 15px;margin-left: 0;}

   .about{height:auto;}
   .about_left{display: none;}
   .about_right{width: 100%;margin: 0 auto;float: none;height: auto;}
   .product_left, .product_right{width: 100%;padding: 20px;box-sizing: border-box;}
   .product_left{padding-bottom: 0;}
   .product_right{padding-top: 0;}
   .product_left .product_item,
   .product_right .product_item{margin: 0 auto;width: 100%;}
   .product_item ul{font-size: 0;}
   .product_item ul li{margin-top: 20px;width: 48%;margin: 1%;display: inline-block;vertical-align: top;}
   
   .product_item ul li, .product_item ul li .pic{height:147px;}
   .product_item ul li span{margin-bottom: 15px;}
   .box .titles{text-align: center;}
   .product_left p{padding: 0;margin: 0 auto;}
   .development_con .yyui_tab .yyui_tab_content_this{height: auto;}
   .development_con .yyui_tab .yyui_tab_content_this .tct p{padding: 0 20px;box-sizing: border-box;}
   .development_con .yyui_tab>ul{width: 90%;margin: -20px auto 0;}
   .development_con .yyui_tab>ul>li{height: auto;}
   .development_con .yyui_tab>ul>li span{margin: 20px auto 0;}
   .development_con .yyui_tab>ul>li h4{line-height: 40px;font-size: 20px;}
   .news_con .yyui_tab>ul{float: none;margin: 20px auto;text-align: center;}
   .news_con .yyui_tab{padding: 20px;;}
   
   .crumbs{height: auto;margin: 20px auto 0;padding: 0 20px;position: static;}
   .crumbs_list{display: none;}
   .product_list {padding: 0 20px;}
   .product_list ul{grid-gap: 20px;}
   .product_list ul li{padding:20px;}
   .product_list ul li span{height: 139px;}

   .bar_tit{width: 100%;height: auto;background: none;}
   .bar_tit h3{font-size: 20px;padding-top: 0;}

   .product_top{grid-gap: 20px;padding: 0 20px;}
   .product_topr h4{font-size: 24px;line-height: 35px;}
   .product_btm{padding: 0 20px;}
   .product_topr .tct{padding:20px;}
   .development_list ul li .tct {bottom: 2.458333vw;}
   .development_list ul li .tct span{width: 60px;height:60px;}
   .development_list ul li .tct h4{font-size: 22px;}
   .news_lists{padding: 0 20px;}
   .news_lists ul{grid-gap: 20px;}
   .news_lists ul li{padding:20px;}
   .news_lists ul li span{height: 141px;}
   .pag ul li:nth-child(2){width: 22.5%;}
   .pag ul li{width: 35%;}
   .main_item {padding: 0 20px;}
   .information_list{padding:0 20px;}
   .information_list ul li{padding:20px;}
   .information_list ul li .tct_l{width: 73%;}
   .contacts .tct{padding: 20px;max-width: 400px;margin-right: 20px;margin-top: 5px;}
   .contacts{height:390px;}
   .contacts2 .tct{max-width: 360px;margin-right: 20px;}
   .contacts2 .tct .tit{font-size: 20px;}
   .contacts2 .tct .mains_text{height: 160px;}
   .campus_con, .campus{height:360px;}
   .swiper-container-campus .swiper-slide span{max-width: 220px;}
   .swiper-container-campus .swiper-slide h4{font-size: 20px;margin: 20px auto;}
   .job_con{padding: 0 20px;}
   .job_list .yyui_tab>ul{float: none;margin: 20px auto;text-align: center;}
   .job_item ul{grid-gap: 20px;}
   .job_list .yyui_tab .yyui_tab_content_this .list_item ul li{padding:20px;}
   .about1{height:auto;}
   .about2{height:500px;}
   .main_item .mains_text p span{margin: 15px auto !important;}
   .picc_img{position: static;display: none;}
   .index_pro_wraper{margin: 0 auto !important;}
   .index_pro{padding: 20px !important;}
   .index_pro .bd{float: none;margin: 0 auto;}
   .index_pro .bd .arrow{opacity: 1;width: 40px !important;height:40px !important;border-radius: 40px !important;font-size: 20px;color:#fff;}
   .index_pro .bd .txt{height:400px !important;}
   .index_pro .bd .txt .inner{display: block !important;}
   .index_pro .bd .txt .inner .des .mains_text{height:120px;}
   .index_pro .bd .txt .inner .des{position: static !important;transform: translateY(0) !important;}
   .information_item ul li{width: 23%;}
}

@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    
    
    
}
@media screen and (max-width:640px){
   header{position: fixed;}
   header h1{max-width: 250px;}
   .swiper-pagination-banner{margin-top: -30px;}
   .box .titles{font-size: 24px;}
   .about_item ul li{padding-left: 0;}
   .about_item ul li p b{font-size: 24px;}
   .about_right .tct p{font-size: 14px;}
   .product_item ul li h4{font-size: 18px;}
   .product_left p{font-size: 14px;}
   .development_con .yyui_tab>ul>li span{margin-top: 15px;}
   .development_con .yyui_tab>ul>li h4{font-size: 16px;}
   .development_con .yyui_tab .yyui_tab_content_this .tct p{font-size: 14px;}
   .news_con .yyui_tab>ul>li{padding: 0 10px 10px}
   .news_list ul li{max-width: 300px;margin-right: 20px;}
   .news_list ul li span{width: 100%;height:223px}
   .news_list ul li p{font-size: 14px;line-height: 24px;height:96px;}
   .news_con .yyui_tab>ul{margin: 0 auto;}
   .news_con .yyui_tab>ul>li{font-size: 18px;}
   .foot_logo{float: none;max-width: 150px;margin: 0 auto;}
   .foot_nav{float: none;}
   .foot_nav ul{text-align: center;margin-top: 20px;}
   .foot_nav ul li{font-size: 14px;}
   .foot_txt{font-size: 14px;line-height: 24px;float: none;}
   .foot_icon{float: none;margin: 15px auto 0;}
   .foot_icon ul{text-align: center;}
   

   .bar{height:auto;}

   .crumbs_nav ul li{font-size: 16px;line-height: 40px;}
   .product_list ul{grid-template-columns: repeat(1, 1fr);}
   .product_list ul li span{height:205px;}
   .page .pagination>li{margin: 0 5px;}

   .product_top{grid-template-columns: repeat(1, 1fr);}
   .product_topr h4{font-size: 20px;}
   .product_btm .yyui_tab>ul>li{width: 120px;line-height: 40px;font-size: 16px;}
   .product_btm .yyui_tab .yyui_tab_content_this{padding:20px;}
   .lg_fy_con2 dl dd{width: 85px;margin-right: 10px;font-size: 15px;line-height: 40px;}
   .lg_fy_con2 dl dt{width: 120px;font-size: 15px;line-height: 40px;}
   .development_list, .development_list ul li{height: auto;}
   .development_list ul li,
   .development_list ul li .pic{float: none;width: 100%;height:240px;}
   .development_list ul li .tct em.mores{margin: 20px auto;}
   .development_list ul li .tct h4{font-size: 20px;}
   .development_list ul li .tct{bottom: 0;}
   .development_list ul li .tct span{margin: 0 auto 20px;}
   .news_lists ul{grid-template-columns: repeat(1, 1fr);}
   .news_lists ul li span{height:208px;}
   .news_lists ul li p{font-size: 14px;}
   .news_cons{padding:20px}
   .news_cons .news_title h3{font-size: 22px;}
   .news_cons .news_title p{margin-top: 10px;}
   .pag{margin: 30px auto 0;padding: 15px;}
   .pag ul li{font-size: 14px;padding: 0 10px;line-height: 40px;width: 33%;}
   .pag ul li:nth-child(2){padding: 0 10px;margin: 0 10px;width: 26.5%;}
   .pag ul li:nth-child(2) span{display: none;}

   .main_item .tit{font-size: 22px;}
   .main_item .mains_text p span{margin: 15px auto !important;float: none !important;}
   .information_list ul li{margin-bottom: 20px;}
   .information_list ul li .tct_l,
   .information_list ul li .tct_r{width: 100%;float: none;}
   .information_list ul li .tct_l h4{font-size: 18px;}
   .information_list ul li .tct_r{padding: 10px;height:auto;}
   .information_list ul li .tct_r span{display: inline-block;vertical-align: middle;margin-right: 10px;}
   .information_list ul li .tct_r b{font-size: 16px;display: inline-block;vertical-align: middle;line-height: 30px;}
   .contacts .tct{width: 100%;margin: 0 auto;}
   .contacts .tct h3{font-size: 20px;}
   .contacts2{height:300px;background: #004a93 !important;}
   .contacts2 .tct{max-width:100%;padding: 0 20px;margin-right: 0;}
   .contacts2 .tct .tit{line-height: 24px;}
   .contacts2 .tct .mains_text{height: 165px;}
   .campus_con .swiper-button-next, .campus_con .swiper-button-prev{width: 40px;height:40px;}
   .swiper-container-campus{width:70%;}
   .swiper-container-campus .swiper-slide P{font-size: 14px;line-height: 22px;}
   .swiper-container-campus .swiper-slide em.mores{margin: 20px 0;}
   .job_item ul{grid-template-columns: repeat(2, 1fr);}
   .job_item ul li span{width: 50px;height:50px;}
   .job_item ul li h4{font-size: 20px;}
   .job_item ul li p{font-size: 14px;}
   .job_list .yyui_tab>ul>li{width: 120px;line-height: 40px;font-size: 18px;}
   .job_list .main_item{padding:0;}
   .job_list .yyui_tab .yyui_tab_content_this .list_item ul{grid-template-columns: repeat(1, 1fr);}
   .des_list .des{padding:20px;}
   .job_list .yyui_tab .yyui_tab_content_this .list_item ul li h4{font-size: 18px;}
   .job_list .yyui_tab .yyui_tab_content_this .list_item ul li p{margin-bottom: 10px;}
   .index_pro .bd{width: 80% !important;}
   .index_pro .bd .txt .inner .des .title{font-size: 18px !important;}
   .index_pro .bd .txt .inner .des .main_item{padding:0;}
   .main_item .tit::after{margin: 20px 0;}
   .index_pro .bd .txt .inner .des .mains_text{height:200px;}
   .box em.mores{width: 150px;}
   .box em.mores small{margin-left: 40px;}
   .foot_txt a{display: block;}
   .information_item{width: 90%;margin: 0 auto;}
   .information_item ul li{width: 48%;margin: 1%;font-size: 16px;line-height: 36px;}
   .crumbs_nav ul{text-align: left;}
   .crumbs_nav ul li{width: calc(100%/2 - 2px);}
}
@media screen and (max-width:414px){}
@media screen and (max-width:375px){}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){}