@charset "utf-8";

/* CSS Document */
@media screen and (max-width: 1440px){	
    .container{ width: 96%; max-width: 96%;}
}


@media screen and (max-width: 1360px){	
    .container{ width: 96%; max-width: 96%;}
    .inProLine .item .linebox{padding: 6% 8%;}
}

@media screen and (max-width: 1280px){	
    .container{ width: 96%; max-width: 96%;}
    #banner .bannerText .container h2{ font-size: 42px;}
    .inProLine .item .linebox{padding: 6% 8%;}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
    .container{ width: 96%; max-width: 96%;}
    .header{height: 90px;}
    .header .container{display: flex; align-items: center; justify-content: space-between;}
    .header .logo{height: 90px;}
    .header .navBox{ display: none;}
    .header .sp_nav{display:block; width:50px;float:right;position:relative; cursor:pointer;height:24px; z-index: 999;}
    .header .sp_nav span{display:block;background:#ffffff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .header .sp_nav span:nth-of-type(1){top:0px}
    .header .sp_nav span:nth-of-type(2){top:10px}
    .header .sp_nav span:nth-of-type(3){top:20px}
    .header.scroll .sp_nav span{background:#f39800}
    .header .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .header .sp_nav_se span:nth-of-type(2){width:0}
    .header .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .header .sjj_nav{display: block; position:fixed; background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;  overflow:auto;overflow-x:hidden; z-index:99; transition:top ease 0.35s;}
    .header .sjj_nav .bg{ width: 100%; height: 4px; background: #f39800;}
    .header .sjj_nav .hotline{ background-color: #f39800; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .header .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .header .nav_show{top:90px}
    .header.scroll .nav_show{top:90px}
    .header .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
    .header .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .header .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .header .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .header .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .header .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .header .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .header .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:15px}
    .header .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .header .sjj_nav ul li ul{display:none}
    .header .sjj_nav ul li a{color:#666;width:80%; display: block;}
    .header .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
    .header .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .header .sjj_nav ul li .sjj_nav_i_se svg{fill:#f39800}
    .header .sjj_nav ul li ul li>ul{margin-left:10px}
    #banner .bannerText .container h2{ font-size: 42px;}
    .inProLine .item .rect-48{ padding-bottom: 70%;}
    .inProLine .item .linebox{padding: 40px 8%;}
    .inProLine .item .linebox .more{ display: none;}

    .inProduct{ padding: 60px 0;}
    .inProduct .listbox .title{ font-size: 30px;}
    .inProduct .listbox li dd .text{ padding: 20px; font-size: 20px;}

    .inAbout{ padding: 80px 0;}
    .inAbout .title{ font-size: 38px;}
    .inAbout .Abodesc{ width: 85%;font-size: 22px;}
    .inAbout .number{ margin-bottom: 50px;}
    .inAbout .number .item{ padding: 0;}
    .inAbout .number .item .T .math{ font-size: 40px;}
    .inAbout .number .item .T .num{ font-size: 18px;}

    .inParty{ padding: 60px 0;}
    .inParty dd .text .t{ font-size: 30px;}
    .inParty dd .text p{ margin-bottom: 45px; font-size: 22px;}

    .inNews{ padding: 0 0 60px;}
    .inNews .box-title .title{ font-size: 30px;}
    .inNews .news-box li .nbox .tit{ font-size: 20px; line-height: 30px; height: 60px;}
    .inNews .news-box li .nbox .decs{ margin-bottom: 15px;}
    .inNews .news-box li .nbox .date{ margin-bottom: 15px;}

    .inJoin{ padding: 60px 0;}
    .inJoin .box-title .title{ font-size: 30px;}
    .inJoin .box-title .slogan{ margin-bottom: 45px; font-size: 18px;}

    .footer{ padding: 50px 0;}
    .footer .f_le{ width: 35%;}
    .footer .f_le .share_a{ display: none;}
    .footer .f_re{ width: 60%;}
    .footer .f_re dl{ display: none;}
    .footer .f_re dl:last-child{ display: block; width: 100%;}
    .footer .f_re dl .ewm{ display: none;}

    .pbanner .bannerText .container h6{margin-top: 30px; font-size: 20px;}
    .pbanner .bannerText .container h5{ font-size: 30px;}

    .profile{ padding: 60px 0;}
    .profile .doc{ font-size: 32px;}
    .profile .pageNumber .item .T .math{ font-size: 40px;}
    .profile .pageNumber .item .T .num{ font-size: 18px;}
    .culture{ padding: 60px 0;}
    .culture .infor .tit{ font-size: 30px;}
    .culture .infor .con{ font-size: 17px;}
    .culture-content{ padding: 25px 0;}
    .culture-content b{width: 75px; height: 75px; line-height: 75px; font-size: 35px;}
    .culture-content strong{margin-top: 25px; margin-bottom: 20px; font-size: 22px;}
    .culture-content p{ font-size: 17px;}
    .history{padding: 60px 0;}
    .history .infor{ margin-bottom: 30px;}
    .history .infor .tit{ font-size: 30px;}
    .history .infor .con{ font-size: 17px;}
    .history-inner .swiper-slide .box{padding: 15px 8%}
    .history-inner .swiper-slide .box .date{ font-size: 26px;}
    .history-inner .swiper-button .swiper-button-prev,.history-inner .swiper-button .swiper-button-next{ width: 45px; height: 45px; line-height: 45px;}
    .synthesis{ padding: 60px 0;}
    .synthesis .infor .tit{ font-size: 30px;}
    .synthesis .infor .con{ font-size: 17px;}
    .synthesis .infor{ margin-bottom: 30px;}
    .synthe-inner .item .intro .box{ padding: 20px 6%;}
    .synthe-inner .item .intro .box .t{ font-size: 22px;}
    .pagehonor{ padding: 60px 0;}
    .pagehonor .honor_list{grid-gap: 20px; grid-template-columns: repeat(3,1fr);}
    .pagecompany{ padding: 60px 0;}
    .pagecompany .company_list{grid-gap: 20px; grid-template-columns: repeat(3,1fr);}
    .cooperate{ padding: 60px 0;}
    .cooperate .cooperate_list{grid-gap: 20px; grid-template-columns: repeat(3,1fr);}

    .groupNews{ padding: 60px 0;}
    .groupNews .title{ font-size: 30px; margin: 0 auto 30px;}
    .groupNews .gNews li .nbox .tit{font-size: 20px;line-height: 30px; height: 60px;}
    .groupNews .gNews li .nbox .decs{margin-bottom:15px;}
    .groupNews .gNews li .nbox .date{ margin-bottom: 0;}
    .industryNews{padding: 60px 0;}
    .industryNews .title{ font-size: 30px; margin: 0 auto 30px;}
    .industryNews .industrybox{grid-gap:20px 10px;}
    .industryNews .industrybox .item{ padding: 0 10px;}
    .pageNews{ padding: 60px 0;}
    .pageNews .news_list{grid-gap: 20px;}
    .pageNews .news_list li .txt{ padding: 20px 5%;}
    .pageNews .news_list li .txt h5{ font-size: 17px;}
    .pageNews .news_list li .txt .time{padding: 10px 0 0;}
    .pageNews .boxNews .boxNewsl{ width: 100%; padding: 30px;}
    .pageNews .pageNewsT{ font-size: 22px;}
    .pageNews .boxNews .boxNewsr{ width: 100%; margin-top: 20px; padding-left: 0;}
    .pageNews .boxNews .boxNewsr .related-body ul{display: grid;grid-gap: 20px;grid-template-columns: repeat(3,1fr);}
    .pageNews .boxNews .boxNewsr .related-body .item{ margin-bottom: 0;}
    .pageNews .boxNews .boxNewsr .related-body .item .infor .tit{ font-size: 17px;}

    .pageProduct .pro_list{grid-gap: 20px;}
    .pageProduct .pro_list .item .desc{padding: 20px 0;}
    .pageProduct .pro_list .item .desc p{ font-size: 17px;}
    .pageProduct .pro_list .item .intro i{ width: 45px; height: 45px; background-size: cover;}
    .boxProduct .conRight .links{ margin-top: 30px;}
    .boxProduct .conRight .links a:last-child{margin-right: 0;}

    .party_gate .ulbox{grid-gap: 20px;}
    .party_gate .ulbox li .img .topTxt{ height: 50px; line-height: 50px; font-size: 17px;}
    .party_gate .ulbox li .text{ padding: 10px;}
    .party_gate .ulbox li .text .ntext .ScrollBox p{ padding-left: 15px;}
    .pageparty .party_wrap .list_main{ width: 84%;padding-right: 0; padding-bottom: 20px;}
    .pageparty .party_wrap .list_main .bd_c .list_title{ font-size: 18px;}
    .pageparty .party_wrap .list_time{ width: 90px;}
    .pageparty .party_wrap .list_box .list_time_day{ font-size: 24px;}
    .activity{ padding: 60px 0;}
    .activity_wrap{grid-gap: 20px;}
    .box-new-item .con{padding: 15px 15px 45px;}

    .joinProfile{ padding: 60px 0;}
    .joinProfile .container h5{ font-size: 30px; margin-bottom: 30px;}
    .joinProfile .container .f20{ width: 94%;}
    .joinPromotion{ padding-bottom: 60px;}
    .joinPromotion .promotion .stitle{ padding: 60px 0;}
    .joinPromotion .promotion .stitle h5{font-size: 30px;}
    .joinPromotion .promotion .items .item .font{ padding: 15px;}
    .joinPromotion .promotion .items .item .font .title h6{ font-size: 18px;}
    .joinPromotion .promotion .items .item .font .text .line{ padding: 10px 0 25px;}
    .pageJoin{ padding: 60px 0;}
    .content{ padding: 60px 0;}
    .content .left{ padding: 20px; height: 370px;}
    .content .left .ewm_box .ewm{ display: none;}
    .contactMap .Map{height: 370px;}
}


@media screen and (max-width: 767px){
    .container{ width: 96%; max-width: 96%;}
    .header,.header.scroll{height: 80px; background: #ffffff;}
    .header .container{display: flex; align-items: center; justify-content: space-between;}
    .header .logo{height: 80px;}
    .header .logo img{ height: 50px;}
    .header .logo .lg1{ display: none;}
    .header .logo .lg2{ display: block;}
    .header.scroll .logo, .header.scroll .navBox, .header.scroll .tel{ height: 80px;}
    .header .navBox{ display: none;}
    .header .sp_nav{display:block; width:50px;float:right;position:relative; cursor:pointer;height:24px; z-index: 999;}
    .header .sp_nav span{display:block;background:#f39800;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .header .sp_nav span:nth-of-type(1){top:0px}
    .header .sp_nav span:nth-of-type(2){top:10px}
    .header .sp_nav span:nth-of-type(3){top:20px}
    .header.scroll .sp_nav span{background:#f39800}
    .header .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .header .sp_nav_se span:nth-of-type(2){width:0}
    .header .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .header .sjj_nav{display: block; position:fixed; background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;  overflow:auto;overflow-x:hidden; z-index:99; transition:top ease 0.35s;}
    .header .sjj_nav .bg{ width: 100%; height: 4px; background: #f39800;}
    .header .sjj_nav .hotline{ background-color: #f39800; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .header .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .header .nav_show{top:80px}
    .header.scroll .nav_show{top:80px}
    .header .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
    .header .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .header .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .header .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .header .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .header .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .header .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .header .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:15px}
    .header .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .header .sjj_nav ul li ul{display:none}
    .header .sjj_nav ul li a{color:#666;width:80%; display: block;}
    .header .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
    .header .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .header .sjj_nav ul li .sjj_nav_i_se svg{fill:#f39800}
    .header .sjj_nav ul li ul li>ul{margin-left:10px}
    .placeholder{ width: 100%; height: 80px;}
    .banner_box{ height: auto;}
    #banner{ position: relative; height: auto;}
    #banner .bannerText .container{ width: 90%;}
    #banner .bannerText .container h2{ font-size: 22px;}
    #banner .bannerText .container h5{ margin-top: 10px; font-size: 17px;}
    #banner .mouse{ display: none;}
    .swiper-ctrl{ bottom: 30px;}
    #banner .swiper-pagination{ margin-top: 0;}
    #banner .swiper-button-next, #banner .swiper-button-prev{ line-height: 20px;}
    .inProLine .item .rect-48{ padding-bottom: 70%;}
    .inProLine .item .linebox{padding: 15px 8%;}
    .inProLine .item .linebox .more{ display: none;}
    .inProLine .item .linebox .linename{ font-size: 16px;}
    .inProLine .item .linebox .linedesc{ margin-top: 10px; font-size: 14px; -webkit-line-clamp:1;}

    .inProduct{ padding: 40px 0;}
    .inProduct .listbox .title{ font-size: 26px; margin-bottom: 20px;}
    .inProduct .listbox li dd .text{ padding: 10px; font-size: 16px;}

    .inAbout{ padding: 60px 0;}
    .inAbout .title{ font-size: 28px;}
    .inAbout .Abodesc{ width: 100%; margin-bottom: 30px; font-size: 16px;}
    .inAbout .number{ width: 100%; margin-bottom: 50px;}
    .inAbout .number .item{ padding: 0;}
    .inAbout .number .item .T .math{ margin-right: 5px; font-size: 22px; }
    .inAbout .number .item .T .num{ font-size: 14px;}
    .inAbout .number .item .c{ font-size: 15px;}
    .inAbout .more{ width: 145px;}

    .inParty{ padding: 40px 0;}
    .inParty dd{ width: 50%;}
    .inParty dt img{ width: 200%;}
    .inParty dd .text .t{ font-size: 28px;}
    .inParty dd .text p{ margin-bottom: 30px; font-size: 17px;}
    .inParty dd .text .more{ width: 145px;}

    .inNews{ padding: 0 0 60px;}
    .inNews .box-title{padding: 0 0 20px 0;}
    .inNews .box-title .title{ font-size: 26px;}
    .inNews .news-box li{ width: 49%;}
    .inNews .news-box li:last-child{ display:none;}
    .inNews .news-box li .nbox .tit{ font-size: 17px; line-height: 26px; height: 52px;}
    .inNews .news-box li .nbox .decs{ margin-bottom: 10px;}
    .inNews .news-box li .nbox .date{ margin-bottom: 10px;}
    .inNews .news-box li:nth-child(2n){ margin-right: 0;}

    .inJoin{ padding: 40px 0;}
    .inJoin .box-title .title{ font-size: 26px;}
    .inJoin .box-title .slogan{ margin-bottom: 30px; font-size: 17px;}
    .inJoin .box-title .more{ width: 145px;}

    .footer{ padding: 40px 0;}
    .footer .f_le{ width: 100%;}
    .footer .f_le .flogo{ margin-bottom: 10px;}
    .footer .f_le .share_a{ display: none;}
    .footer .f_re{ width: 100%; margin-top: 20px;}
    .footer .f_re dl dd{ margin-top: 5px;}
    .footer .f_re dl{ display: none;}
    .footer .f_re dl:last-child{ display: block; width: 100%;}
    .footer .f_re dl .ewm{ display: none;}
    .copy{padding: 15px 0; line-height: 1.8;}
    .copy .copybox a{ margin: 0 2px;}
    .copy .copybox .right{ float: none;}

    .pbanner .bannerimg img{width: 130%;}
    .pbanner .bannerText .container h6{margin-top: 30px; font-size: 17px;}
    .pbanner .bannerText .container h5{ font-size: 22px;}

    .crumbs{ width: 100%; text-align: left; line-height: 1.6; padding: 15px 0;}
    .subnav{position: relative; width: 100%;}
    .subnav.fixednav{position: relative;  top: 0;}
    .subnav .navbtn{ display: none;}
    .subnav .menuNav{ position: relative; left: 0; top: 0; background: none;}
    .subnav .menuNav .openNav{ display: none;}
    .subnav .subnavlist{ position: relative; padding:12px 0; opacity: 1; display: grid;grid-gap: 6px;grid-template-columns: repeat(2,1fr);background: none;transform: translate(-50%,0);}
    .subnav .subnavlist a{ font-size: 16px; height: 45px; line-height: 45px; color:#333; background: #f8f8f8; margin-bottom: 0;}
    .subnav .subnavlist a.active{color: #ffffff; background: #f39800;}


    .profile{ padding: 40px 0;}
    .profile .tit{ font-size: 18px;}
    .profile .doc{ font-size: 26px;}
    .profile .pageNumber{margin-top: 30px;}
    .profile .pageNumber .item{ padding: 0;}
    .profile .pageNumber .item .T .math{ font-size: 22px;}
    .profile .pageNumber .item .T .num{ font-size: 14px;}
    .profile .pageNumber .item .c{ font-size: 15px;}
    .culture{ padding: 40px 0;}
    .culture .infor .tit{ font-size: 26px;}
    .culture .infor .con{ font-size: 16px;}
    .culture-inner{grid-template-columns: repeat(2,1fr);}
    .culture-content{ padding: 15px 0;}
    .culture-content b{width: 55px; height: 55px; line-height: 55px; font-size: 26px;}
    .culture-content strong{margin-top: 15px; margin-bottom: 10px; font-size: 18px;}
    .culture-content p{ font-size: 15px;}
    .history{padding: 40px 0;}
    .history .infor{ margin-bottom: 20px;}
    .history .infor .tit{ font-size: 26px;}
    .history .infor .con{ font-size: 16px;}
    .history-inner .swiper-slide{ width: 100%;margin-bottom: 20px;}
    .history-inner .swiper-slide .box{padding: 10px 5%}
    .history-inner .swiper-slide .box .date{ font-size: 22px;}
    .history-inner .swiper-slide .box .con{ font-size: 15px; line-height: 26px; height: 78px;}
    .history-inner .swiper-button .swiper-button-prev,.history-inner .swiper-button .swiper-button-next{ width: 45px; height: 45px; line-height: 45px;}
    .synthesis{ padding: 60px 0;}
    .synthesis .infor .tit{ font-size: 26px;}
    .synthesis .infor .con{ font-size: 16px;}
    .synthesis .infor{ margin-bottom: 30px;}
    .synthe-inner .item{ width: 100%; margin-left: 0;}
    .synthe-inner .item .intro{width: 100%; margin-top: -100px;}
    .synthe-inner .item .intro .box{ padding: 15px 4%;}
    .synthe-inner .item .intro .box .t{ font-size: 18px;}
    .pagehonor{ padding: 40px 0;}
    .pagehonor .honor_list{grid-gap: 8px; grid-template-columns: repeat(2,1fr);}
    .pagehonor .honor_list li .txt{padding: 10px 4%;}
    .pagehonor .honor_list li .txt h5{ font-size: 16px;}
    .pagecompany{ padding: 40px 0;}
    .pagecompany .company_list{grid-gap: 8px; grid-template-columns: repeat(2,1fr);}
    .pagecompany .company_list li .txt{padding: 10px 4%;}
    .pagecompany .company_list li .txt h5{ font-size: 16px;}
    .cooperate{ padding: 40px 0;}
    .cooperate .cooperate_list{grid-gap: 8px; grid-template-columns: repeat(2,1fr);}
    .cooperate .cooperate_list li .txt{padding: 10px 4%;}
    .cooperate .cooperate_list li .txt h5{ font-size: 16px;}

    .groupNews{ padding: 40px 0;}
    .groupNews .title{ font-size: 26px; margin: 0 auto 20px;}
    .groupNews .gNews ul{grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
    .groupNews .gNews li:last-child{display: none;}
    .groupNews .gNews li .nbox .tit{font-size: 17px;line-height: 30px; height: 60px;}
    .groupNews .gNews li .nbox .decs{margin-bottom:15px;}
    .groupNews .gNews li .nbox .date{ margin-bottom: 0;}
    .groupNews .more{ width: 145px;}
    .industryNews{padding: 40px 0;}
    .industryNews .title{ font-size: 26px; margin: 0 auto 20px;}
    .industryNews .industrybox{grid-gap:20px 10px;grid-template-columns: repeat(2,1fr);}
    .industryNews .industrybox .item{ padding: 0 10px;}
    .industryNews .industrybox .item:nth-child(5),.industryNews .industrybox .item:last-child{ display: none;}
    .industryNews .industrybox .item .box .tit{ font-size: 17px; line-height: 28px; height: 56px; margin-bottom: 10px;}
    .industryNews .more{ width: 145px;}
    .pageNews{ padding: 40px 0;}
    .pageNews .news_list{grid-gap: 10px;grid-template-columns: repeat(2,1fr);}
    .pageNews .news_list li .txt{ padding: 10px 4%;}
    .pageNews .news_list li .txt h5{ font-size: 16px;}
    .pageNews .news_list li .txt .time{padding: 10px 0 0; font-size: 15px;}
    .pageNews .news_list li .txt .time span{font-size: 14px;}
    .pageNews .boxNews .boxNewsl{ width: 100%; padding: 15px;}
    .pageNews .pageNewsT{ font-size: 18px;}
    .pageNews .boxNews .boxNewsr{ width: 100%; margin-top: 20px; padding-left: 0;}
    .pageNews .boxNews .boxNewsr .caption{ font-size: 26px;}
    .pageNews .boxNews .boxNewsr .related-body ul{display: grid;grid-gap: 10px;grid-template-columns: repeat(2,1fr);}
    .pageNews .boxNews .boxNewsr .related-body .item{ margin-bottom: 0;}
    .pageNews .boxNews .boxNewsr .related-body .item:last-child{display: none;}
    .pageNews .boxNews .boxNewsr .related-body .item .infor{ padding: 15px 4%;}
    .pageNews .boxNews .boxNewsr .related-body .item .infor .tit{ font-size: 16px;}

    .pageProduct{ padding: 40px 0;}
    .pageProduct .pro_list{grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
    .pageProduct .pro_list .item .desc{padding: 20px 0;}
    .pageProduct .pro_list .item .desc p{ font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}
    .pageProduct .pro_list .item .intro i{ width: 45px; height: 45px; background-size: cover;}
    .boxProduct{ padding: 30px 3%;}
    .boxProduct .imgLift{ width: 100%;}
    .boxProduct .conRight{ width: 100%; margin-top: 20px;}
    .boxProduct .conRight .tit{ font-size: 20px;}
    .boxProduct .conRight .tic{ font-size: 15px;}

    .party_box{padding: 40px 0 40px;}
    .party_gate .ulbox{grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
    .party_gate .ulbox li .img .topTxt{width: 80%; height: 45px; line-height: 45px; font-size: 16px;}
    .party_gate .ulbox li .text{ padding: 10px;}
    .party_gate .ulbox li .text .ntext .ScrollBox{ line-height: 1.8;}
    .party_gate .ulbox li .text .ntext .ScrollBox p{ padding-left: 15px;}
    .boxProduct .conRight .links{margin-top: 25px; display: grid; grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
    .boxProduct .conRight .links a{ margin-right: 0;}
    .boxProduct .conRight .links span{ font-size: 16px;}
    .boxProduct .contentPage .titTop{ font-size: 22px;}
    .boxProduct .contentPage .goback a{height: 45px; line-height: 45px;}
    .guideparty .party_banner{ margin-top: 60px;}
    .party_yin .yinr .yintitle{ height: 50px;}
    .party_yin .yinr .yintitle .txt{ font-size: 20px; line-height: 50px;}
    .party_yin .yinr .yin_content{ padding: 15px;}
    .party_masses .massestitle{ height: 50px;}
    .party_masses .massestitle .txt{ font-size: 20px; line-height: 50px;}
    .party_masses .masseslist .list-item:first-child{    padding: 10px 4%;}
    .party_masses .masseslist .list-item:first-child .Title{ font-size: 16px;}
    .party_dynamic .dynamictitle{ height: 50px;}
    .party_dynamic .dynamictitle .txt{ font-size: 20px; line-height: 50px;}
    .party_dynamic .dynalist .list-item:first-child{padding: 10px 4%;}
    .party_dynamic .dynalist .list-item:first-child .Title{ font-size: 16px;}
    .pageparty .party_wrap .list_main{ width: 74%;padding-right: 0; padding-bottom: 20px;}
    .pageparty .party_wrap .list_main .bd_c .list_title{ font-size: 16px;    overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    .pageparty .party_wrap .list_main .bd_c .list_tool{ padding: 5px 0;}
    .pageparty .party_wrap .list_time{ width: 70px;}
    .pageparty .party_wrap .list_box .list_time_day{ font-size: 20px;}
    .pageparty .party_wrap .list_box .list_time_year{ font-size: 15px; font-weight: normal;}

    .activity{ padding: 40px 0;}
    .activity_wrap{grid-gap: 10px;grid-template-columns: repeat(2,1fr);}
    .box-new-item .con .t{ font-size: 16px;}
    .box-new-item .con{padding: 10px 10px 35px;}

    .joinProfile{ padding: 40px 0;}
    .joinProfile .container h5{ font-size: 26px; margin-bottom: 20px;}
    .joinProfile .container .f20{ width: 94%;}
    .joinPromotion{ padding-bottom: 40px;}
    .joinPromotion .promotion .stitle{ padding: 40px 0;}
    .joinPromotion .promotion .stitle h5{font-size: 22px;}
    .joinPromotion .promotion .items .item{ width: 49%;}
    .joinPromotion .promotion .items .item img{ height: 330px;}
    .joinPromotion .promotion .items .item .font{ padding: 15px 10px;}
    .joinPromotion .promotion .items .item .font .title h6{ font-size: 16px;}
    .joinPromotion .promotion .items .item .font .text .line{ padding: 10px 0 25px;}
    .pageJoin{ padding: 40px 0;}
    .pageJoin .joinlist .list_dt .box{ padding: 15px;}
    .pageJoin .joinlist .list_dt .num{ left: 0;}
    .pageJoin .joinlist .list_dd{ padding: 15px;}
    .pageJoin .joinlist .list_dd .jointd{ width: 145px; height: 45px; line-height: 45px; margin-top: 30px;}
    .content{ padding: 40px 0;}
    .content .left{ padding: 20px; height: auto; width: 100%;}
    .content .left .ewm_box .ewm{ display: none;}
    .contactMap{ width: 100%;}
    .contactMap .Map{height: 240px;}

    .bc-prev, .bc-next{ width: 100px; height: 40px; line-height: 40px;}
    .bc-prevn, .bc-nextn{ width: 100px; height: 40px; line-height: 40px;}
    .bc-prev .aw{left: 5px;}
    .bc-prev p{padding-left: 30px;}
    .bc-next .aw{ right: 5px;}
    .bc-next p{padding-right: 30px;}
    .backlist{ width: 95px; font-size: 15px;}
    .party_back .bc-prev, .party_back .bc-next{ width: 100px; height: 40px; line-height: 40px;}
    .party_back .bc-prevn, .party_back .bc-nextn{width: 100px; height: 40px; line-height: 40px;}
    .party_back .bc-prev .aw{left: 5px;}
    .party_back .bc-prev p{padding-left: 30px;}
    .party_back .bc-next .aw{ right: 5px;}
    .party_back .bc-next p{padding-right: 30px;}
    .party_back .backlist{ width: 95px; font-size: 15px;}
}