@charset "utf-8";

/* CSS Document */
@media screen and (max-width: 1440px){	
    .container{ width: 94%;}
    .abIdea .item .ideatxt .infor{padding:40px;}
    .abIdea .item .ideatxt .infor .ideat_p{margin-top:30px;}
}

@media screen and (max-width: 1360px){	
    .container{ width: 94%;}
    .header .nav .drop{padding:0 20px;}
    .InAbout .left{padding:50px 0;}
    .abIdea { height:70vh;}
    .abIdea .item .ideatxt .infor{padding:40px;}
    .abIdea .item .ideatxt .infor .ideat_p{margin-top:30px;}
    .InProduct .rightcont .procont>.iconfont{width: 45px; height: 45px; line-height: 45px; }
    .InProduct .rightcont .procont .img{padding:0 70px;}
}

@media screen and (max-width: 1280px){
    .container{ width: 94%;}
    .header .nav .drop{padding:0 15px;}
    .abIdea .item .ideatxt .infor{padding:40px;}
    .abIdea .item .ideatxt .infor .ideat_p{margin-top:30px;}
}

@media screen and (max-width: 1200px) and (min-width: 1025px){
    .container{ width: 94%;}
    .header .nav .drop{padding:0 13px;}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
    .container{ width: 94%;}
    .header{height:70px; background:#ffffff;}
    .header.scroll{height:70px;}
    .header .logo{ height:70px;}
    .header .logo img{ height:55px;}
    .header .nav{ display:none;}
    .placeholder{ width:100%; height:70px;}
    .sp_nav{display:block; width:45px;float:right;position:relative;cursor:pointer;height:22px; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
    .sp_nav span{display:block;background:#c1192e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{display:block; position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .sjj_nav .bg{ width: 100%; height: 4px;background: #c1192e;}
    .sjj_nav .hotline{ background-color: #0094da; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .nav_show{top:70px}
    .header.scroll .nav_show{top:60px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width:100%;}
    .sjj_nav>ul>li:first-child>a{float:left;width:100%;}
    .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav ul li{border-top:1px #ddd solid;position:relative;line-height:50px;font-size:16px}
    .sjj_nav ul li a{color:#666;padding:0 20px; width:100%; display: block; box-sizing:border-box}
    .sjj_nav ul>li:hover>a{ background-color:#c1192e; color:#fff}
    .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .sjj_nav ul li .dirnav{display:none}
    .sjj_nav ul li .dirnav .li{margin-left:10px;border-top:1px #ddd solid;}
    .sjj_nav ul li .dirnav .li a{ font-size:15px; color:#999;display:block;text-align:left;}
    .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav ul li .sjj_nav_i_se svg{fill:#da251c}
    .banner{height:auto;}
    .banner .swiper-slide .pic{height:auto;}
    .InAbout{padding:50px 0;}
    .InAbout .left{width:56%;  padding:30px 0;}
    .InAbout .left .name{font-size:30px;}
    .InAbout .left .more{ margin-top:60px;width:140px; height:45px; line-height:45px;}
    .InAbout .left .more::before{ width:150px;height:55px;}
    .InAbout .number{ width:35%;}
    .InAbout .number .item .T .timer{font-size:46px;}
    
    .InProduct{ padding:50px 0;}
    .InProduct .lefttab{ width:160px;}
    .InProduct .lefttab .item.active{font-size:20px;}
    .InProduct .rightcont{ width:calc(100% - 200px);}
    .InProduct .rightcont .procont>.iconfont{ width:30px; height:30px; line-height:30px; font-size:15px;}
    .InProduct .rightcont .procont .img{padding:0 50px;}
    .InProduct .rightcont .procont .cont{ padding:15px;}
    .InProduct .rightcont .procont .cont .title{font-size:17px;}
    .InProduct .rightcont .procont .cont .desc{ line-height:25px; height:75px;}
    .InProduct .rightcont .procont .cont .more{ margin-top:20px;}
    .InProduct .rightcont .procont .cont .more a{font-size:14px;}
    .InProduct .rightcont .prodtab{ margin-top:70px;}
    .InProduct .rightcont .prodtab .item .img{ width:45px; height:45px;}
    
    .InMuseum{padding:50px 0;}
    .InMuseum .museumlist .right .title{margin-bottom:25px; font-size:30px;}
    .InMuseum .museumlist .right .cont{ line-height:26px;}
    .InMuseum .museumlist .right .more{ margin-top:60px;width:140px; height:45px; line-height:45px;}
    .InMuseum .museumlist .right .more::before{width:150px;height:55px;}
    .InMuseum .museumimg{ margin-top:60px;}
    
    .InNews{padding:50px 0;}
    .InNews .title_top{font-size:30px;}
    .InNews .title_top::before{ background-size: auto 30px;}
    .InNews .innews_cont .innews_top .title{font-size:26px;}
    .InNews .innews_cont .innews_list .itemImg{ width:50%;}
    .InNews .innews_cont .innews_list .itemImg:last-child{display:none;}
    .InNews .innews_cont .innews_list .itemImg .infor .date{font-size:30px;}
    .InNews .innews_cont .innews_list .itemImg .infor .title{ margin:15px 0; font-size:17px;}
    .InNews .innews_cont .innews_list .itemImg .infor .desc{font-size:15px;}
    .InNews .innews_cont .innews_list .itemImg .infor .more{ margin-top:20px; font-size:15px;}
    
    .footer .iconitem .item .iconfont{width: 50px; height: 50px; font-size: 22px; line-height:50px;}
    .footer .iconitem .item p{font-size:15px;}
    .footer .footerbox .textBox .phone{font-size:32px;}
    .footer .footerbox .textBox .text p{font-size:15px; line-height:26px;}
    
    .pageNav{padding:10px 0;}
    .pageNav .crumbs{ width:100%; line-height:38px;}
    .pageNav .menuNav{width:100%; margin-top:10px;}
    .pageNav .menuNav li{display: block; float: left; font-size: 16px;color: #333333; width: 23.5%; margin-right: 2%; margin-bottom: 2%; background: #f5f5f5; position:relative; line-height: 45px; text-align: center; }
    .pageNav .menuNav li::before{display:none;}
    .pageNav .menuNav li a{padding: 0 10px;line-height:45px; color:#333333;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
    .pageNav .menuNav li:nth-child(4n){ margin-right: 0;}
    .pageNav .menuNav li:nth-last-of-type(-n+4) {margin-bottom: 0; }
    .pageNav .menuNav li:hover,.pageNav .menuNav li.active{ background: #c1192e;}
    .pageNav .menuNav li:hover a,.pageNav .menuNav li.active a{font-size:17px; color: #ffffff; font-weight:bold;}
    
    .abAbout{padding:50px 0;}
    .abAbout .abAbout_l{padding:35px;}
    .abAbout .abAbout_l .biaoti_box span{font-size:38px;}
    .abAbout .abAbout_l .biaoti_box p{font-size:24px;}
    .abAbout .abAbout_l .biaoti_box i{ width:95px;}
    .abAbout .abAbout_l .abAbout_p{height:280px;}
    .abAbout .abAbout_l .more{ width:140px; height:45px; line-height:45px;}
    .abAbout .abAbout_l .more::before{ width:150px;height:55px;}
    .abAbout .abAbout_num{ width:32%}
    .abAbout .abAbout_num .item .T .timer{font-size:42px;}
    .abIdea{ height:60vh;}
    .abIdea .item .ideatxt .infor{padding:20px;}
    .abIdea .item .ideatxt .infor .tit{font-size:22px;}
    .Aboutbox{padding:50px 0;}
    .Aboutbox .infor{padding:40px 3%;}
    .Aboutbox .infor .biaoti_box span{font-size:38px;}
    .Aboutbox .infor .biaoti_box p{font-size:24px;}
    .Aboutbox .infor .biaoti_box i{ width:95px;}
    .Aboutbox .infor .abAbout_num .item .T .timer{font-size:42px;}
    
    .abDevelop{ padding:50px 0;}
    .abDevelop .biaoti_box span{font-size:38px;}
    .abDevelop .biaoti_box p{font-size:24px;}
    .abDevelop .biaoti_box i{ width:95px;}
    .abDevelop .content{grid-template-columns: repeat(3,1fr);}
    .abDevelop .content .item{padding:20px; border: 1px solid #E8E8E8;}
    .abDevelop .content .item:first-child{border-left: 1px solid #E8E8E8;}
    .abDevelop .content .item .intro .year{font-size:18px;}
    .abDevelop .content .item .intro .desc{font-size:18px;}
    .abDevelop .more{ width:140px; height:45px; line-height:45px;}
    .abDevelop .more::before{ width:150px;height:55px;}
    .pagedevelop{padding:50px 0;}
    .pagedevelop .left{ width:230px;}
    .pagedevelop .developtab .swiper-slide{padding:20px 15px;}
    .pagedevelop .developtab .swiper-slide .title{font-size:17px;}
    .pagedevelop .developtab .swiper-slide .year{ margin-top:10px; font-size:18px;}
    .pagedevelop .right{ width:calc(100% - 260px); padding-left: 30px;}
    .pagedevelop .developcont .swiper-slide .item{padding:25px 3%;}
    .pagedevelop .developcont .swiper-slide .item::before{ left:-38px;}
    .pagedevelop .developcont .swiper-slide .item .list_time{font-size:20px; padding-bottom: 10px; margin-bottom: 10px}
    
    .abculture{padding:50px 0;}
    .abculture .left .biaoti_box span{font-size:38px;}
    .abculture .left .biaoti_box p{font-size:24px;}
    .abculture .left .biaoti_box i{ width:95px;}
    .abculture .left .nimble strong{font-size:20px;}
    .abculture .left .more{ width:140px; height:45px; line-height:45px;}
    .abculture .left .more::before{ width:150px;height:55px;}
    .abculture .cullist{ width:60%;}
    .abculture .cullist .item{ padding:20px 3%;}
    .abculture .cullist .item .iconfont{font-size:36px;}
    .abculture .cullist .item .c{font-size:18px;}
    
    .pagehonor{padding:50px 0;}
    .pagehonor .honortitle .nimble{padding:25px 3%;}
    .pagehonor .honortitle .nimble strong{font-size:18px;}
    .pagehonor .honortitle .nimble em{font-size:16px;}
    .pagehonor .honortitle .txtbox{padding-top: 25px; padding-left: 50px;}
    .pagehonor .honortitle .txtbox em{font-size:36px;}
    .pagehonor .honorlist .left{ width:230px;}
    .pagehonor .honorlist .honortab .swiper-slide{padding:20px 15px;}
    .pagehonor .honorlist .honortab .swiper-slide .title{font-size:17px;}
    .pagehonor .honorlist .honortab .swiper-slide.swiper-slide-thumb-active::after{top:15px;}
    .pagehonor .honorlist .right{ width:calc(100% - 260px); padding-left: 30px;}
    .pagehonor .honorlist .honorcont .swiper-slide .item{padding:25px 3%;}
    .pagehonor .honorlist .honorcont .swiper-slide .item::before{ left:-38px;}
    
    .pagenmain{padding:50px 0;}
    .pagenmain .nmain-bg{    background-image: linear-gradient(to left,rgba(255,255,255,.8) calc(100% - 230px), rgba(193, 25, 46, .7) 230px);}
    .pagenmain .nmain-bg .nmain-left{width:230px;}
    .pagenmain .nmain-bg .nmain-left .nchan-lant{font-size:22px;}
    .pagenmain .nmain-bg .nmain-right{width: calc(100% - 230px); padding:30px 3%;}
    .pagenmain .nmain-bg .nmain-right .pageprodbox{grid-gap: 20px; grid-template-columns: repeat(2,1fr);}
    .showprod .conRight .tit{ margin-top:15px; font-size:20px;}
    
    .pagenews{padding:50px 0;}
    .pagenews .newslist{grid-gap: 20px; grid-template-columns: repeat(2,1fr);}
    .pagenews .newslist li .news_nei .news_bt{font-size:17px;}
    .showbtm{display:none;}
    .showcont{width:100%;}
    .newsshow{padding:25px;}
    .showright .caption{font-size:22px;}
    .newsshow .item_top .pageT{font-size:18px;}
    
    .abAttract1{padding:50px 0;}
    .abAttract1 .title .cn{font-size:24px;}
    .abAttract1 .title .en{font-size:38px;}
    .abAttract1 .jmbox{margin-top:40px;grid-gap:15px;}
    .abAttract1 .jmbox .item{padding:20px 4%;}
    .abAttract1 .jmbox .item .icon{ width:55px; height:55px;}
    .abAttract1 .jmbox .item .icon .iconfont{font-size:24px;}
    .abAttract1 .jmbox .item .tit{margin:10px 0; font-size:18px;}
    
    .abAttract2{padding: 50px 0 0;}
    .abAttract2 .title .cn{font-size:24px;}
    .abAttract2 .title .en{font-size:38px;}
    .abAttract2 .processbox .infor{ width:70%; padding:30px 0 30px 30px;}
    
    .abMuseum{padding:50px 0;}
    .abMuseum .museum_box .museum_cont{padding:35px 30px;}
    .abMuseum .museum_brand{ margin-top:40px;grid-gap:20px;}
    .abMuseum .museum_brand .item{padding:25px;}
    .pagemuseum{padding:50px 0;}
    .pagemuseum .museumlist{grid-gap:20px;}
    
    .pagetalent01{padding:50px 0;}
    .pagetalent01 .title{font-size:24px;}
    .pagetalent01 .talentbox{grid-gap:20px;}
    .pagetalent01 .talentbox .item{padding:20px;}
    .pagetalent01 .talentbox .item .iconfont{font-size:38px;}
    .pagetalent02{padding:50px 0;}
    .pagetalent02 .title{font-size:24px;}
    .pagetalent02 .jnlist{ height:60px;}
    .pagetalent02 .joinlist .list_dt{ height:50px;}
    .pagetalent02 .joinlist .list_dt div{font-size:16px;}
    
    .pagecontact .cont_tit .cont_left{padding:30px;}
    .pagecontact .cont_tit .cont_right{padding:30px;}
    .pagecontact .cont_tit .cont_right .cont_add{font-size:17px;}
    .contactMap .Map{ height:60vh;}
}

@media screen and (max-width: 767px){
    .container{ width: 94%;}
    .header{height:70px; background:#ffffff;}
    .header.scroll{height:70px;}
    .header .logo{ height:70px;}
    .header .logo img{ height:50px;}
    .header.scroll .logo img{ height:40px;}
    .header .nav{ display:none;}
    .placeholder{ width:100%; height:70px;}
    .sp_nav{display:block; width:45px;float:right;position:relative;cursor:pointer;height:22px; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
    .sp_nav span{display:block;background:#c1192e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{display:block; position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .sjj_nav .bg{ width: 100%; height: 4px;background: #c1192e;}
    .sjj_nav .hotline{ background-color: #0094da; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .nav_show{top:70px}
    .header.scroll .nav_show{top:60px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width:100%;}
    .sjj_nav>ul>li:first-child>a{float:left;width:100%;}
    .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav ul li{border-top:1px #ddd solid;position:relative;line-height:50px;font-size:16px}
    .sjj_nav ul li a{color:#666;padding:0 20px; width:100%; display: block; box-sizing:border-box}
    .sjj_nav ul>li:hover>a{ background-color:#c1192e; color:#fff}
    .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .sjj_nav ul li .dirnav{display:none}
    .sjj_nav ul li .dirnav .li{margin-left:10px;border-top:1px #ddd solid;}
    .sjj_nav ul li .dirnav .li a{ font-size:15px; color:#999;display:block;text-align:left;}
    .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav ul li .sjj_nav_i_se svg{fill:#da251c}
    .banner{display:none;}
    .mbanner {width:100%;position: relative; z-index:0; background:#000; height:auto; overflow:hidden; display:block;}
    .mbanner .swiper-slide .pic { height:auto; position:relative; z-index:1;}
    .mbanner .swiper-slide .pic img{width:100%;height:100%;transition: all 3s; transform: scale(1,1); -webkit-transform: scale(1,1); display:block;}
    .mbanner .swiper-slide-active .pic img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transition-delay:0.3s;}
    .mbanner .pagination{position: absolute; width: 100%;bottom: 10px;}
    .mbanner .pagination .container{position: relative;}
    .mbanner .pagination .swiper-pagination{bottom: 0 !important; text-align: left;}
    .mbanner .pagination .swiper-pagination .swiper-pagination-bullet{width: 25px; height: 3px; margin: 0 5px; border-radius: 0; background: #ffffff !important; opacity: 1;}
    .mbanner .pagination .swiper-pagination .swiper-pagination-bullet-active{ background: #c1192e !important;}
    .InAbout{padding:50px 0;}
    .InAbout .container{flex-direction: column;}
    .InAbout .left{width:100%; padding:0; margin-bottom:30px;}
    .InAbout .left .desc{font-size:18px;}
    .InAbout .left .name{font-size:22px;margin: 15px 0 20px;}
    .InAbout .left .cont{ margin-top:20px;}
    .InAbout .left .more{ margin-top:40px;width:130px; height:40px; line-height:40px;}
    .InAbout .left .more::before{ width:135px;height:45px;left: -4px;top: -4px;}
    .InAbout .number{ width:100%;}
    .InAbout .number .item{ margin-bottom:20px;}
    .InAbout .number .item .T .timer{font-size:28px; margin-right:5px;}
    .InAbout .number .item .c{margin-top:5px;}
    
    .InProduct{ padding:50px 0;}
    .InProduct .container{flex-direction: column;}
    .InProduct .lefttab{ width:100%;}
    .InProduct .lefttab .tabs-list{display: grid;grid-gap: 10px;grid-template-columns: repeat(3,1fr);}
    .InProduct .lefttab .item{ margin-bottom:0; padding-left:25px; font-size:16px;}
    .InProduct .lefttab .item.active{font-size:18px; padding-left:25px;}
    .InProduct .lefttab .item:last-child{ margin-bottom:0;}
    .InProduct .rightcont{ width:100%; margin-top:30px;}
    .InProduct .rightcont .procont .item{flex-direction: column;}
    .InProduct .rightcont .procont>.iconfont{ width:30px; height:30px; line-height:30px; font-size:15px;}
    .InProduct .rightcont .procont .img{padding:0 40px; width:100%;}
    .InProduct .rightcont .procont .cont{ padding:15px; width: calc(100% - 80px);}
    .InProduct .rightcont .procont .cont .title{font-size:16px;}
    .InProduct .rightcont .procont .cont .line{margin:10px 0;}
    .InProduct .rightcont .procont .cont .desc{font-size:14px; line-height:25px; height:50px;}
    .InProduct .rightcont .procont .cont .more{ margin-top:10px;}
    .InProduct .rightcont .procont .cont .more a{font-size:14px;}
    .InProduct .rightcont .prodtab{ margin:30px auto 0; width: calc(100% - 80px);}
    .InProduct .rightcont .prodtab .item .img{ width:35px; height:35px;}
    .InProduct .rightcont .procont .next{right:0;}
    
    .InMuseum{padding:50px 0;}
    .InMuseum .museumlist{flex-direction: column;}
    .InMuseum .museumlist .left{ width:75%;}
    .InMuseum .museumlist .right{width:100%; margin-top:20px;}
    .InMuseum .museumlist .right .title{margin-bottom:15px; font-size:22px;}
    .InMuseum .museumlist .right .cont{font-size: 15px; line-height:26px;}
    .InMuseum .museumlist .right .more{ margin-top:40px;width:130px; height:40px; line-height:40px;}
    .InMuseum .museumlist .right .more::before{width:135px;height:45px;left: -4px;top: -4px;}
    .InMuseum .museumimg{ margin-top:40px;}
    .InMuseum .museumimg .swiper-slide{ width:49% !important;}
    
    .InNews{padding:50px 0;}
    .InNews .title_top{font-size:22px;padding-left:45px;}
    .InNews .title_top::before{ background-size: auto 22px;}
    .InNews .innews_cont{ margin-top:40px;}
    .InNews .innews_cont .innews_top .title{margin-top:15px; font-size:20px;}
    .InNews .innews_cont .innews_top .more{ margin-top:30px;}
    .InNews .innews_cont .innews_list .itemImg{ width:50%;}
    .InNews .innews_cont .innews_list .itemImg:last-child{display:none;}
    .InNews .innews_cont .innews_list .itemImg .infor{padding:10px;}
    .InNews .innews_cont .innews_list .itemImg .infor .date{font-size:22px;}
    .InNews .innews_cont .innews_list .itemImg .infor .date p{font-size:14px;}
    .InNews .innews_cont .innews_list .itemImg .infor .title{ margin:10px 0; font-size:16px;}
    .InNews .innews_cont .innews_list .itemImg .infor .desc{font-size:14px;}
    .InNews .innews_cont .innews_list .itemImg .infor .more{ margin-top:10px; font-size:10px;margin-bottom:0;}
    
    .footer .iconitem .item .iconfont{width: 50px; height: 50px; font-size: 22px; line-height:50px;}
    .footer .iconitem .item p{font-size:15px;}
    .footer .footerbox{padding:30px 0;}
    .footer .footerbox .textBox{ width:100%;}
    .footer .footerbox .textBox .phone{font-size:26px;}
    .footer .footerbox .textBox .text p{font-size:15px; line-height:26px;}
    .footer .footerbox .footNav{display:none;}
    .footer .copyRight{padding:20px 0; font-size:15px; line-height:26px;}
    .footer .copyRight .fr{float:none; width: 100%; display: block;}
    
    .pageNav{padding:10px 0;}
    .pageNav .crumbs{ width:100%; line-height:38px;}
    .pageNav .menuNav{width:100%; margin-top:10px;}
    .pageNav .menuNav li{display: block; float: left; font-size: 16px;color: #333333; width: 49%; margin-right: 2%; margin-bottom: 2%; background: #f5f5f5; position:relative; line-height: 45px; text-align: center; }
    .pageNav .menuNav li::before{display:none;}
    .pageNav .menuNav li a{padding: 0 10px;line-height:45px; color:#333333;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
    .pageNav .menuNav li:nth-child(2n){ margin-right: 0;}
    .pageNav .menuNav li:nth-last-of-type(-n+2) {margin-bottom: 0; }
    .pageNav .menuNav li:hover,.pageNav .menuNav li.active{ background: #c1192e;}
    .pageNav .menuNav li:hover a,.pageNav .menuNav li.active a{font-size:17px; color: #ffffff; font-weight:bold;}
        
    .pbanner .bannerimg img{ width:125%;}
    
    .abAbout{padding:50px 0;}
    .abAbout .container{flex-direction: column;}
    .abAbout .abAbout_l{width:100%; padding:20px;}
    .abAbout .abAbout_l .biaoti_box span{font-size:30px;}
    .abAbout .abAbout_l .biaoti_box p{font-size:22px;}
    .abAbout .abAbout_l .biaoti_box i{ width:95px;}
    .abAbout .abAbout_l .abAbout_p{height:240px;}
    .abAbout .abAbout_l .more{margin-top:30px; width:130px; height:40px; line-height:40px;}
    .abAbout .abAbout_l .more::before{ width:135px;height:45px;left: -4px;top: -4px;}
    .abAbout .abAbout_num{ width:100%; padding:20px; background: rgba(255,255,255,0.7);}
    .abAbout .abAbout_num .item{ margin-bottom:20px;}
    .abAbout .abAbout_num .item .T .timer{font-size:28px; margin-right:5px;}
    .abAbout .abAbout_num .item .c{margin-top:5px;}
    .abIdea{ height:auto;}
    .abIdea .item{ width:100%; border-bottom:1px rgba(255,255,255, .5)}
    .abIdea .item::before{ width:100%; height:1px;}
    .abIdea .item .ideatxt{position:relative;}
    .abIdea .item .ideatxt .infor{padding:30px 20px; top:0; margin-top:0;}
    .abIdea .item .ideatxt .infor .iconfont{font-size:32px;}
    .abIdea .item .ideatxt .infor .tit{font-size:18px;}
    .abIdea .item .ideatxt .infor .ideat_p{margin-top:15px; top:0; font-size:15px; line-height:26px;min-height:auto; opacity:1; visibility: inherit;}
    .Aboutbox{padding:50px 0;}
    .Aboutbox .infor{padding:30px 3%;}
    .Aboutbox .infor .biaoti_box span{font-size:30px;}
    .Aboutbox .infor .biaoti_box p{font-size:22px;}
    .Aboutbox .infor .biaoti_box i{ width:95px;}
    .Aboutbox .infor .abAbout_p{ margin-top:20px; font-size:15px;}
    .Aboutbox .infor .abAbout_num{margin-top:20px;}
    .Aboutbox .infor .abAbout_num .item{width:100%; margin-bottom:20px;}
    .Aboutbox .infor .abAbout_num .item .T .timer{font-size:28px; margin-right:5px;}
    .Aboutbox .infor .abAbout_num .item .c{margin-top:5px;}
    
    .abDevelop{ padding:50px 0;}
    .abDevelop .biaoti{padding-top:15px;}
    .abDevelop .biaoti_box span{font-size:30px;}
    .abDevelop .biaoti_box p{font-size:22px;}
    .abDevelop .biaoti_box i{ width:95px;}
    .abDevelop .content{margin-top: 30px;grid-template-columns: repeat(2,1fr);}
    .abDevelop .content .item{padding:20px; border: 1px solid #E8E8E8;}
    .abDevelop .content .item:first-child{border-left: 1px solid #E8E8E8;}
    .abDevelop .content .item .intro .year{font-size:16px; margin-bottom:10px;}
    .abDevelop .content .item .intro .desc{font-size:17px; line-height:28px;height:56px;}
    .abDevelop .content .item .intro .icon{ margin-top:15px;}
    .abDevelop .more{margin:40px auto 0; width:130px; height:40px; line-height:40px;}
    .abDevelop .more::before{ width:135px;height:45px;left: -4px;top: -4px;}
    .pagedevelop{padding:50px 0;}
    .pagedevelop .left{ width:100%; position:relative !important; left:0 !important; top:0 !important;}
    .pagedevelop .developtab .swiper-slide{float: left; width:49.5%; margin-right:1%;  padding:20px 10px;}
    .pagedevelop .developtab .swiper-slide:nth-child(2n){ margin-right:0;}
    .pagedevelop .developtab .swiper-slide.swiper-slide-thumb-active::after{display:none;}
    .pagedevelop .developtab .swiper-slide .title{font-size:15px;}
    .pagedevelop .developtab .swiper-slide .year{ margin-top:10px; font-size:17px;}
    .pagedevelop .right{ width:100%; padding-left: 30px; margin-top:20px;}
    .pagedevelop .developcont .swiper-slide .item{padding:25px 3%;}
    .pagedevelop .developcont .swiper-slide .item::before{ left:-38px;}
    .pagedevelop .developcont .swiper-slide .item .list_time{font-size:20px; padding-bottom: 10px; margin-bottom: 10px}
    
    .abculture{padding:50px 0;}
    .abculture .biaoti{padding-top:15px;}
    .abculture .left{ width:100%;padding:0 0px 30px;}
    .abculture .left .biaoti_box span{font-size:30px;}
    .abculture .left .biaoti_box p{font-size:22px;}
    .abculture .left .biaoti_box i{ width:95px;}
    .abculture .left .nimble{ margin-top:20px}
    .abculture .left .nimble strong{font-size:18px;}
    .abculture .left .more{ width:130px; height:40px; line-height:40px;}
    .abculture .left .more::before{ width:135px;height:45px;left: -4px;top: -4px;}
    .abculture .cullist{position:relative; width:100%;}
    .abculture .cullist .item{ padding:20px 3%;}
    .abculture .cullist .item .iconfont{font-size:24px;}
    .abculture .cullist .item .c{font-size:16px;}
    
    .pagehonor{padding:50px 0;}
    .pagehonor .honortitle{flex-direction: column;}
    .pagehonor .honortitle .nimble{width:100%; padding:25px 3%;}
    .pagehonor .honortitle .nimble strong{font-size:18px; margin-bottom: 10px;}
    .pagehonor .honortitle .nimble em{font-size:15px;}
    .pagehonor .honortitle .txtbox{width:100%; padding-top: 25px; padding-bottom:25px; padding-left: 40px;}
    .pagehonor .honortitle .txtbox em{font-size:20px;}
    .pagehonor .honortitle .txtbox strong{font-size:18px; margin-left: 0;}
    .pagehonor .honorlist .left{ width:100%; position:relative !important; left:0 !important; top:0 !important;}
    .pagehonor .honorlist .honortab .swiper-slide{float: left; width:49.5%; margin-right:1%;  padding:20px 10px;}
    .pagehonor .honorlist .honortab .swiper-slide:nth-child(2n){ margin-right:0;}
    .pagehonor .honorlist .honortab .swiper-slide.swiper-slide-thumb-active::after{display:none;}
    .pagehonor .honorlist .honortab .swiper-slide .title{font-size:17px;}
    .pagehonor .honorlist .right{ width:100%; padding-left: 30px; margin-top:20px;}
    .pagehonor .honorlist .honorcont .swiper-slide .item{padding:25px 3%;}
    .pagehonor .honorlist .honorcont .swiper-slide .item::before{ left:-38px;}
    .pagehonor .honorlist .honorcont .swiper-slide .item .list_time{font-size:16px;}
    
    .pagenmain{padding:50px 0;}
    .pagenmain .nmain-bg{ background: rgba(255,255,255,.8);}
    .pagenmain .nmain-bg .nmain-left{position:relative !important; left:0 !important; top:0 !important; width:100%; background:rgba(193, 25, 46, .7);}
    .pagenmain .nmain-bg .nmain-left .nchan-lant{font-size:22px;padding-top: 20px; padding-bottom: 20px}
    .pagenmain .nmain-bg .nmain-right{width: 100%; padding:20px 3%;}
    .pagenmain .nmain-bg .nmain-right .pageprodbox{grid-gap: 5px; grid-template-columns: repeat(2,1fr);}
    .pagenmain .nmain-bg .nmain-left .nmenu{margin:15px;}
    .pagenmain .nmain-bg .nmain-left .nmenu li{display: block; float: left; font-size: 16px;color: #ffffff; width: 49%; margin-right: 2%; margin-bottom: 2%; background:rgba(255,255,255,.2); position:relative; line-height: 45px; text-align: center; }
    .pagenmain .nmain-bg .nmain-left .nmenu li::after{display:none;}
    .pagenmain .nmain-bg .nmain-left .nmenu li a{padding: 0 10px;line-height:45px; color:#ffffff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
    .pagenmain .nmain-bg .nmain-left .nmenu ul li a{padding-left:0;}
    .pagenmain .nmain-bg .nmain-left .nmenu li:nth-child(2n){ margin-right: 0;}
    .pagenmain .nmain-bg .nmain-left .nmenu li:nth-last-of-type(-n+2) {margin-bottom: 0;}
    .pagenmain .nmain-bg .nmain-left .nmenu li:hover,.pagenmain .nmain-bg .nmain-left .nmenu li.active{background: #c1192e;}
    .pagenmain .nmain-bg .nmain-left .nmenu li:hover a,.pagenmain .nmain-bg .nmain-left .nmenu li.active a{font-size:17px; color: #ffffff; font-weight:bold;}
    .pagenmain .nmain-bg .nmain-right .posi{text-align:left;}
    .pagenmain .nmain-bg .nmain-right .pageprodbox .item .title{font-size:16px; margin-top: 10px; margin-bottom: 10px;}
    .pagenmain .nmain-bg .nmain-right .pageprodbox .item .sum{margin-top:10px; font-size:14px; line-height:24px; max-height:48px;}
    .pagenmain .nmain-bg .nmain-right .pageprodbox .item{border: 2px solid #f6f6f6;}
    .showprod .imgLift{ width:100%;}
    .showprod .conRight{ width:100%;}
    .showprod .conRight .tit{ margin-top:20px; font-size:18px; padding-bottom: 0;}
    .showprod .conRight .tic{font-size:14px; line-height:24px;}
    .showprod .contentPage .titTop{font-size:18px; font-weight:bold;}
    .showprod .contentPage .conten{font-size:15px; margin-top:20px;}
    .showprod .contentPage .goback a{ width:130px; height:40px; line-height:40px;}
    .showright{ width:100%; margin-top:20px;}
    
    .pagenews{padding:50px 0;}
    .pagenews .newslist{grid-gap: 10px; grid-template-columns: repeat(1,1fr);}
    .pagenews .newslist li .news_nei{padding: 20px 15px;}
    .pagenews .newslist li .news_nei .news_bt{font-size:16px;}
    .pagenews .newslist li .news_nei .news_tm{font-size:14px;}
    .pagenews .newslist li .news_nei .news_desc{ margin-bottom:0;}
    .pagenews .newslist li .news_nei .news_link{display:none;}
    .pagenews .newslist li:hover .news_nei{ padding: 20px 15px; margin-top: 0;}
    .pagenews .newslist li:hover .news_neic{padding:20px 15px; margin-top: 0;padding: 20px 4%;}
    .showbtm{display:none;}
    .showcont{width:100%;}
    .newsshow{padding:25px; width:100%;}
    .newsshow .page_btm{padding-top:20px;}
    .newsshow .page_btm .return_list{ width:130px;}
    .newsshow .page_btm .return_list .backList{ height:40px;}
    .newsshow .page_btm .paging_nav{ width:calc(100% - 140px);}
    .showright .caption{font-size:20px;}
    .newsshow .item_top .pageT{font-size:18px;}

    .abAttract1{padding:50px 0;}
    .abAttract1 .title .cn{font-size:22px;}
    .abAttract1 .title .en{font-size:30px;}
    .abAttract1 .jmbox{margin-top:40px; grid-gap:10px; grid-template-columns: repeat(1,1fr);}
    .abAttract1 .jmbox .item{padding:20px 4%;}
    .abAttract1 .jmbox .item .icon{ width:55px; height:55px;}
    .abAttract1 .jmbox .item .icon .iconfont{font-size:24px;}
    .abAttract1 .jmbox .item .tit{margin:10px 0; font-size:18px;}

    .abAttract2{padding: 50px 0 0;}
    .abAttract2 .title .cn{font-size:20px;}
    .abAttract2 .title .en{font-size:30px;}
    .abAttract2 .processbox .infor{ width:100%; padding:30px 0 30px 30px;}
    .abAttract2 .processbox{ margin-top:30px;}
    .abAttract2 .processbox .infor .processlist .box{padding-top:20px;}
    
    .abMuseum{padding:50px 0;}
    .abMuseum .museum_box .title_l{width:40px; margin-left:0;}
    .abMuseum .museum_box .title_l img{ width:100%;}
    .abMuseum .museum_box .museum_cont{padding:20px 4%; width: calc(100% - 55px); font-size:15px;}
    .abMuseum .museum_brand{ margin-top:40px;grid-gap:15px; grid-template-columns: repeat(1,1fr);}
    .abMuseum .museum_brand .item{padding:20px;}
    .pagemuseum{padding:50px 0;}
    .pagemuseum .museumlist{grid-gap:10px;grid-template-columns: repeat(1,1fr);}
    .pagemuseum .museumlist li .text{padding:20px 4%;}
    .pagemuseum .museumlist li .text h4{font-size:16px;}
    .pagemuseum .museumlist li .text h6{ margin-top:5px; font-size:15px;line-height: 26px;}
    .pagemuseum .museumlist li .text .left{ width:calc(100% - 90px);}
    .pagemuseum .museumlist li .text .right{ width:90px;}
    .pagemuseum .museumlist li .text .right .dd{font-size:30px;}
    .pagemuseum .museumlist li .text .right .yyyy-mm{font-size:15px;}
    .abMuseum .museum_img{ margin-top:40px;}
    .abMuseum .museum_brand .item .tit{font-size:18px;}
    .abMuseum .museum_img .swiper-slide{ width:49% !important;}
    
    .pagetalent01{padding:50px 0;}
    .pagetalent01 .title{font-size:22px;}
    .pagetalent01 .talentbox{margin-top:30px; grid-gap:10px; grid-template-columns: repeat(1,1fr);}
    .pagetalent01 .talentbox .item{padding:20px;}
    .pagetalent01 .talentbox .item .iconfont{font-size:32px;}
    .pagetalent01 .talentbox .item .tit{ margin:10px 0;}
    .pagetalent02{padding:50px 0;}
    .pagetalent02 .title{font-size:22px;margin-bottom: 30px;}
    .pagetalent02 .jnlist{ height:60px;}
    .pagetalent02 .jnlist div{font-size:16px;}
    .pagetalent02 .joinlist .list_dt{ height:50px;}
    .pagetalent02 .joinlist .list_dt div{font-size:15px;}
    .pagetalent02 .joinlist .list_dd{ padding:20px 4%; font-size:15px;}
    
    .pagecontact .cont_tit{position:relative; top:0;}
    
    .pagecontact .cont_tit .cont_left{padding:20px 0; width:100%;}
    .pagecontact .cont_tit .cont_left .cont_num{ margin-top:15px; font-size:24px; height:auto;}
    .pagecontact .cont_tit .cont_right{padding:20px 0; width:100%;}
    .pagecontact .cont_tit .cont_right .cont_add{ margin-top:15px; height:auto; font-size:16px;}
    .contactMap .Map{ height:30vh;}
}