/* * name: responsive * version: v2.1.1 * update: 添加pad竖屏状态Padp * data: 2017-06-13 */ /* hide template textarea */ .UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;} /* * PcMode */ body:after { display: block; height: 0; line-height: 0; overflow: hidden; visibility: hidden; content: 'Pc'; } .PcMode:after { content: 'Pc' !important;} .UnpcPush, .MobilePush { display: none;} img[data-src] { opacity: 0 ; filter: alpha(opacity=0);} img[data-srcloaded] { opacity:1; filter: alpha(opacity=100); } @media only screen and (max-width: 1920px) { /* rem+vw+calc, 同时设置px兼容 */ html{font-size:100px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));} } /* FHD缩放125% */ @media only screen and (max-width: 1540px) { html{font-size:90px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));} /* .wrap, .mwrap { width:1200px; } */ /*1540（FHD缩放125%） 网站样式*/ /* 联系我们 */ .contact_us .cont{padding:0.2rem 3%;} .contact_us .cont .right{width:30%;} .contact_us .cont .right .item{margin-right:10%;} /* 2023-1207 */ .medica_new01 .hd .item{width:auto;} .medica_new01 .hd .item a{padding:0 0.3rem;} } /* 1440（2K） */ @media only screen and (max-width: 1440px) { /* .wrap, .mwrap { width:1200px; } */ /*1440（2K） 网站样式*/ /* 2023-1129 */ .history .pc_ .stage_item .cont .year_item:first-child::before{display:none;} .history .pc_ .stage_item .cont .widget{padding-left:0;} /* 2024-0118 */ .xc_nav .content .intro{margin-bottom:0.2rem;} } /* 1366（普通14寸） */ @media only screen and (max-width: 1366px) { html{font-size:80px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));} /* .wrap, .mwrap { width:1200px; } */ /*1366（普通14寸） 网站样式*/ } /* * PadMode */ @media only screen and (max-width: 1240px) { html{font-size:80px;} body:after { content: 'Pad'; } body{ user-select: none;-webkit-user-select: none;} html { overflow-x:hidden;} body,input,textarea,button,select { font-size:14px;} .PcPush{display: none;} .UnpcPush{display: block;} .wrap, .mwrap { width:940px; } /*padMode 1240px 网站样式*/ /* 头部 */ .h_bott .mobile_key {display:inline-block; margin-left:0.24rem; padding:0.2rem 0; margin-top:-0.03rem;} .h_bott .inav_wrapper .inav{display:none;} .h_bott .h_search{padding:0.3rem 0;} .h_bott .h_logo{padding:0.2rem 0;} /* 手机端下拉 */ .m_nav{display:block; position:fixed; right:-100%; top:0; background:#fff; background:rgba(255, 255, 255, 0.8); width:60%; height:100%; z-index:100; transition:right 0.5s ease;;} .m_nav .nav_bg{background:url(../img/widgets_single_nav_14_black.6.png) center; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease; z-index:2;} .m_nav .content{position:relative; z-index:4; background:#fff; height:100%;} .m_nav .content .mnav_top{height:1.02rem; background:#fff;} .m_nav .content .mnav_top .mnav_search{float:right; background:#00525c; text-align:center; line-height:1.02rem; width:56%; font-size:0;} .m_nav .content .mnav_top .mnav_search span{display:inline-block; vertical-align:middle; font-size:.16rem; font-weight:bold; color:#fff;} .m_nav .content .mnav_top .mnav_search i{display:inline-block; vertical-align:middle; width:.31rem; height:.31rem; background:url(../img/widgets_single_nav_14_mnav_search.png) no-repeat center/contain; margin-left:.37rem;} .m_nav .content .mnav_top .mnav_back{float:left; background:#fff; text-align:center; line-height:1.02rem; width:44%; font-size:0;} .m_nav .content .mnav_top .mnav_back span{display:inline-block; vertical-align:middle; font-size:.16rem; font-weight:bold; color:#333f47;} /* .m_nav .content .mnav_top .mnav_back i{display:inline-block; vertical-align:middle; width:.31rem; height:.31rem; background:url(../img/widgets_single_nav_14_back.png) no-repeat center; margin-right:.25rem;} */ .m_nav .content .mnav_top .mnav_back i{font-size:.2rem; font-weight:bold; color:#333f47; margin-right:.25rem;} .m_nav .content .mnav_center .m_language{text-align:right; padding:.2rem 0;} .m_nav .content .mnav_center .m_language a{display:inline-block; font-size:.14rem; color:#333f47; font-family:Arial; color:rgba(51,63,71,.5); position:relative; margin:0 .2rem;} .m_nav .content .mnav_center .m_language a.on{color:#333f47;} .m_nav .content .mnav_center .m_language a.on:after{content:''; width:96%; height:.02rem; background:#333f47; position:absolute; left:2%; bottom:-0.03rem;} .m_nav .content .mnav_bottom{overflow-y:auto;} .m_nav .content .mnav_bottom .mnav_li{position:relative; margin:.2rem 0;} .m_nav .content .mnav_bottom .mnav_li a.mnav_a{display:inline-block; padding:0 .45rem; position:relative; font-size:.19rem; color:#333f47; font-weight:bold;} .m_nav .content .mnav_bottom .mnav_li i{display:block; width:.2rem; height:.2rem; background:url(../img/widgets_single_nav_14_mnav_jt.png) no-repeat; background-size:contain; position:absolute; right:.45rem; top:0.05rem; margin-top:-0.1rem;} .m_nav .content .mnav_bottom .mnav_li i{ -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);} .m_nav .content .mnav_bottom .mnav_li dl{background:#f7f7f7; padding:.2rem .6rem; display:none; margin:.1rem 0;} .m_nav .content .mnav_bottom .mnav_li dl dd a{display:block; font-size:.15rem; color:#525252; line-height:.35rem;} .m_nav .content .mnav_bottom .mnav_li.cur i{-webkit-transform: rotate(0); -moz-transform: rotate(-270deg); -ms-transform: rotate(-270deg); -o-transform: rotate(-270deg); transform: rotate(-270deg);} /*导航推拉*/ .m_nav.toshow{right:0;} .m_nav.toshow .nav_bg{opacity:1; visibility:visible;} /* 三级导航 */ .m_third_nav{display:block;} .m_third_nav .content{height:.47rem; overflow:hidden; border-bottom:.02rem solid #e5e5e5; text-align:center;} .m_third_nav ul {width:100%; overflow-x:auto; overflow-y:hidden; white-space:nowrap; height:.6rem;} .m_third_nav ul li{display:inline-block; font-size:.15rem; color:#949494; margin:0 .04rem; line-height:.47rem;} .m_third_nav ul li a{display:inline-block; position:relative; padding:.16rem .08rem; line-height:1;} .m_third_nav ul li.on{font-weight:bold; color:#333f47;} .m_third_nav ul li.on a:after{content:''; width:102%; height:.02rem; background:#333f47; border-radius:.03rem; position:absolute; left:0; bottom:0} /* 底部 */ .f_top .right{width:23%;} .f_top .left{width:77%;} /* 下层导航 */ .xc_bg{position:fixed; z-index:-1; } .xc_nav{position:static; height:auto;} .xc_nav::after{display:none;} .xc_nav .content{width:auto;} .xc_nav .content .intro{margin-top:0.8rem; text-align:center;} .xc_nav .content .navs{text-align:center;} .xc_nav .content .navs .item{display:inline-block; margin-right:0.2rem; width:auto; min-width:1.4rem;} .xc_nav .content .navs .item::before{ left:-0.01rem; top:-0.01rem; } .xc_nav .content .navs .item::after{ right:-0.01rem; top:-0.01rem; } .xc_nav .content .navs .item a::before{ left:-0.01rem; bottom:-0.01rem; } .xc_nav .content .navs .item a::after{ right:-0.01rem; bottom:-0.01rem; } /* .xc_nav::after{opacity:0.95; filter:drop-shadow(4px 4px 8px rgba(0,0,0,0.2))} */ .main_content{width:auto; float:none; margin-top:0.2rem; height:auto; margin-bottom:0.6rem;} .channel_content{min-height: 0;} .channel_content>.wrap{height:auto;} .main_content .content{height:auto;} /* 联系我们 */ .contact_us .ditu{position:relative; margin-top:0.2rem;} .contact_us .cont .left .item .t{font-size:0.2rem; line-height:0.3rem; height:0.6rem;} .contact_us .cont .right{width:40%;} /* 精品国药 */ .bout_medicine .content .box{padding-left:0;} .bout_medicine .content .box li{margin-bottom:0.3rem;} .bout_medicine .content .box li .t{margin-top:0.1rem;} /* 黄芪 */ .astragalus .content .title{font-size:0.5rem;} .astragalus .content .box{height:auto;} /* 十大经典药方 */ .classicsMedi_detail .content .title{font-size:0.5rem;} /* 十大经典名方 */ .classicsMedi_list .content .box li .t{padding-left:5%;} /* 工作室 */ .gongzs .content .left{float:none; width:auto; height:auto; margin-bottom:0.3rem;} .gongzs .content .right{float:none; width:auto; height:auto;} /* 国学院 */ .guoxue01 .content .box .circle1 .dot .text{width:3.5rem; padding:0.2rem;} /* 本草生活方式 */ .bcshfs .content{padding-top:0;} .bcshfs .item .intro_box{padding-top:0;} /* 本草调养系列 */ .bctyxl .content{padding-top:0.2rem;} /* 恒山黄芪基地 */ .hs_astr .title{font-size:0.5rem;} /* 首页 */ .ibanner .swiper-slide .intro_box{bottom:6rem;} .ipart01 .content .item{width:30%;} .ipart02 .content .item .img_box{width:52%;} .ipart01 .content .item .img_box{width:2rem;} .bout_medicine .content .box li .t{margin-top:-0.2rem;} /* 2023-1127 */ .ipart1 .item .txt_full{width:6rem;} } @media only screen and (max-width: 992px) { body:after { content: 'Padp'; } .wrap, .mwrap { width:760px; } /*padMode 992px 网站样式*/ /* 底部 */ .f_bott .left{float:none; width:100%;} .f_bott .right{float:none; width:100%;} /* 关于我们 */ .about_us .content .left{float:none; width:100%; text-align:center; margin-bottom:0.2rem;} .about_us .content .left img{max-width:100%;} .about_us .content .right{float:none; width:100%; } .about_us .content .right .con{padding-right:0;} /* 理念 */ .idea .content .infor .title{font-size:0.4rem; line-height:0.5rem;} /* 十大经典药方 */ .classicsMedi_detail .right{float:none; width:60%; margin:0 auto;} .classicsMedi_detail .left{float:none; width:100%;} /* 国学院 */ .guoxue01 .content .box .circle1 .dot .text{width:2.5rem; } /* 本草生活方式 */ .bcshfs .item{flex-direction:column; align-items:center;} .bcshfs .item .img_box{width:50%;} .bcshfs .item .intro_box{width:100%; margin-top:0.2rem; text-align:center;} .bcshfs .item .intro_box .con{display:inline-block; text-align:left;} /* 中医生活方式 */ .zyshfs .content .item .right{width:55%;} .zyshfs .content .item .left{width:35%;} /* 恒山黄芪基地 */ .hs_astr .big_num{width:100%; float:none;} /* 首页 */ .ibanner .swiper-slide .img_box{height:5rem;} .ibanner .swiper-slide .intro_box{bottom:3rem;} .ibanner .swiper-slide .intro_box .tit{font-size:0.6rem; line-height:0.6rem;} .ipart .common_itit{font-size:0.5rem; line-height:0.6rem;} .ipart01{padding:0.4rem 0 0.4rem;} .ipart01 .infor{margin-bottom:0.4rem;} .ipart01 .content ul{flex-direction:column;} .ipart01 .content .item{width:100%; align-items:center; justify-content:center; margin-bottom:0.2rem; padding-left:0;} .ipart01 .content .item .intro_box{margin-right:1rem; margin-left:1rem;} /* .ipart01 .content .item.item2 .img_box{order:-1;} */ .ipart01 .content .item.item2 .intro_box{margin-right:1rem; margin-left:1rem;} .ipart02 .content .item{flex-direction:column;} .ipart02 .content .item .img_box{width:80%; margin: 0 auto;} .ipart02 .content .item .intro_box{width:100%; text-align:center; margin-bottom:0.2rem; padding-top:0;} .ipart03{padding:0.4rem 0;} .ipart03 .infor{margin-bottom:0.2rem;} .ipart03 .content ul{margin-bottom:0.2rem;} /* .ipart03 .content .item{width:100%; margin-right:0; margin-bottom:0.2rem;} */ .ipart01 .swiper-button-next, .ipart01 .swiper-button-prev{display:block;} /* 创新荣誉 */ .honor01 .hon_con_box .swiper-container{padding-bottom:85px;} .honor01 .hon_con_case{width:85%;} .honor01 .hon_con_box .swiper-slide> div > img{max-width:330px;} .honor01 .hon_name{margin-top:25px;} .honor01 .hon_con_box{width:60%;} .honor01 .hon_con_box .swiper-container::before{width:0;} .honor01 .hon_con_box .swiper-container::after{width:0;} .honor01 .hon_name_box{width:34%;} /* 传统文化弘扬 */ .traditional_culture01 .list .item{width:48%; margin-right:2%; margin-bottom:3%;} /* 五行品类规划1-1 */ .five01 .content .img_box ul li .box .t{font-size:0.26rem;} .five01 .content .img_box ul li .box .c{font-size:0.16rem;} .five01 .content .img_box ul li:nth-child(2){left:-34%!important;} .five01 .content .img_box ul li:nth-child(3){left:-29%!important;} .five01 .content .img_box ul li:nth-child(4){right:-31%!important;} .five01 .content .img_box ul li:nth-child(5){right:-35%!important;} /* 2023-1127 */ .ipart1 .item .txt_cover .tit{font-size:0.35rem; line-height:0.4rem;} .ipart1 .item .txt_full .tit{font-size:0.45rem; line-height:0.45rem;} .ipart1 .item .txt_full{width:5rem;} .ipart1 .item .txt_full .txt{margin-top:0.15rem;} /* 野山芪 */ .ysq01 .hd_l .tit{font-size:0.3rem; line-height:0.3rem; margin-top:0.5rem;} .ysq01 .hd_l .con{font-size:0.2rem; line-height:0.2rem;} /* 2023-1213 */ .ipart2 .img_ .dots .dot{height:200px;} .ipart2 .img_ .dots .dot1{left:19%!important;} /* 2024-0122 */ .history .pc_ .stages .swiper_btns .swiper-button-prev{left:-46px;} .history .pc_ .stages .swiper_btns .swiper-button-next{right:-46px;} /* 2024-0122 */ .xc_nav .content .navs .item.cur a, .xc_nav .content .navs .item:hover a{color:#fff;} .xc_nav .content .navs .item.cur, .xc_nav .content .navs .item:hover{border-color:#fff;} .xc_nav .content .navs .item.cur::before, .xc_nav .content .navs .item:hover::before, .xc_nav .content .navs .item.cur::after, .xc_nav .content .navs .item:hover::after, .xc_nav .content .navs .item.cur a::before, .xc_nav .content .navs .item:hover a::before, .xc_nav .content .navs .item.cur a::after, .xc_nav .content .navs .item:hover a::after { background-image: url(../img/xc_nav_corner_dark_white.png); } .honor01 .hon_con_case{width:100%;} .honor01 .hon_con_box{width:100%;} } @media only screen and (max-width:780px){ .wrap, .mwrap { padding-left:4%; padding-right:4%; width:auto; } .mwrap .wrap { padding-left:0; padding-right:0; } } /* * MobileMode */ @media only screen and (max-width: 760px) { body:after { content: 'Mobile'; } body,input,textarea,button,select {font-size:16px;} .UnmobilePush{display: none;} .MobilePush{display:block;} img[data-src]{opacity: 1;} /*移动端防恶意复制信息*/ * { -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } input { -webkit-user-select:auto; /*webkit浏览器*/ } textarea { -webkit-user-select:auto; /*webkit浏览器*/ } /*mobileMode 760 网站样式*/ /* 头部 */ .h_bott .h_logo{height:0.4rem; padding:0.2rem 0;} .h_bott .h_search{line-height:0.4rem; padding:0.2rem 0;} .h_bott .mobile_key{line-height:0.4rem; padding:0.2rem 0; margin-left:0.1rem; margin-top:-0.02rem;} .search-alert .cent-form{width:95%; right:50%; transform:translateX(50%); box-sizing:border-box;} /*手机导航*/ .m_nav{width:77%;} .m_nav .content .mnav_top{height:.6rem;} .m_nav .content .mnav_top .mnav_search{line-height:.6rem;} .m_nav .content .mnav_top .mnav_search i{width:.25rem; height:.25rem; background-size:cover; margin-left:.2rem;;} .m_nav .content .mnav_top .mnav_back{line-height:.6rem;} /* .m_nav .content .mnav_top .mnav_back i{width:.25rem; height:.25rem; background-size:cover;} */ .m_nav .content .mnav_bottom .mnav_li{margin:.15rem 0;} .m_nav .content .mnav_bottom .mnav_li a.mnav_a{padding:0 .2rem; font-size:.17rem; line-height:.3rem;} .m_nav .content .mnav_bottom .mnav_li a.mnav_a i{right:.2rem} .m_nav .content .mnav_bottom .mnav_li dl{padding:.15rem .3rem;} .m_nav .content .mnav_center .m_language{padding:.1rem 0 .15rem;} .m_nav .content .mnav_center .m_language a{margin:0 .08rem;} .m_nav .content .mnav_center .m_language a:first-child{margin-left:0rem;} /* 底部 */ .f_top{display:none;} .f_bott{padding:0.15rem 0;} .f_bott .left{text-align:center;} .f_bott .right{text-align:center;} /* 广盛原简介 */ .xc_nav .content .intro{margin-top:0.6rem; margin-bottom:0;} .xc_nav .content .intro .tit{font-size:0.34rem;} .xc_nav .content .navs{display:none;} .xc_nav .content .navs .item{width:1rem; margin-right:0; margin-bottom:0.1rem; line-height:0.4rem;} .main_content{padding:0.2rem; margin-bottom:0.3rem; min-height:70vh;} .main_content>.intro{margin-bottom:0.3rem;} .main_content>.intro .tit{font-size:0.24rem;} /* 广盛原简介 */ .about_us .content .left img{max-height:50vh;} .about_us .content .right .con{text-align:justify;} /* 广盛原理念 */ .idea .content .bott li{width:80%; margin:0 auto; margin-bottom:0.2rem; float:none; } .idea .content .bott li:nth-child(3){margin:0 auto; margin-bottom:0.2rem;} /* 联系我们 */ .contact_us .cont{display:block;} .contact_us .cont .left{width:100%; margin-bottom:0.2rem;} .contact_us .cont .right{width:100%;} /* 历史 */ .history .pc_ {height:auto;} .history .pc_ .indicators .indi_item .txt{margin-top:0.15rem;} .history .pc_ .stages .swiper-container, .history .pc_ .stages .swiper-wrapper, .history .pc_ .stages .swiper-slide{height:auto;} .history .pc_ .stage_item{width:100%!important; height:auto;} .history .pc_ .stage_item .cont .widget{margin-right:0; display:block;} .history .pc_ .stage_item .cont .widget .period{font-size:0.3rem; } .history .pc_ .stage_item .cont{white-space:normal; height:auto;} .history .pc_ .stage_item .cont .year_item{white-space:normal; height:auto;} .history .pc_ .stage_item .cont .years{display:block; height:auto;} .history .pc_ .stage_item .cont .year_item{display:block; width:100%; padding:0.3rem 0; box-sizing:border-box; border-left:0; border-top:1px solid #bebebe;} .history .pc_ .stage_item .cont .year_item .intro_box{height:auto;} .history .pc_ .stage_item .cont .year_item:first-child::before{margin-left:0;} .history .pc_ .stage_item .cont .year_item:last-child{padding-bottom:0;} /* 精品国药 */ .bout_medicine .content .box li{width:48%; margin-right:4%; margin-bottom:0.2rem;} .bout_medicine .content .box li:nth-child(2n){margin-right:0;} /* 黄芪 */ .astragalus .content .title{font-size:0.4rem;} /* 十大经典药方 */ .classicsMedi_detail .content .title{font-size:0.4rem;} .classicsMedi_detail .right{float:none; width:100%;} /* 十大经典名方 */ .classicsMedi_list .content .box li{width:98%; margin-right:2%; margin-bottom:0.2rem;} /* 工作室 */ .gongzs .content .left{padding-top:0.1rem; margin-bottom:0.2rem;} .gongzs .content .intro .img_box{margin-bottom:0.2rem;} .gongzs .content .intro .img_box img{max-width:none; width:100%;} .gongzs .content .right .swiper-slide img{width:100%;} .gongzs .content .right .swiper-slide img{border-radius:0 0.2rem 0 0.2rem;} /* 炮制 */ .paozhi01 li .li_box{display:block;} .paozhi01 li.even .img{display:block;} .paozhi01 li.even .img_{display:none;} .paozhi01 li .img_{width:100%;} .paozhi01 li .info{width:100%; margin-top:0.3rem;} /* 国学院 */ .guoxue01 .content{margin-top:0.3rem;} .guoxue01 .content .box{width:3rem; height:3rem;} .guoxue01 .content .box .circle1{position:relative;} .guoxue01 .content .box .circle1 .text{display:none;} .guoxue01 .infor{display:block; margin-top:0.5rem;} .guoxue01 .infor .text{margin:0 auto 0.15rem;} /* 新闻列表 */ .news_list01 .content .list_hd{padding:0 2%} .news_list01 .content .list_hd .inp_box_wrap .hd_btn{margin-left:0; background-color:transparent; float:right; margin-top:-5px; width:9%;} .news_list01 .content .list_hd .inp_box_wrap{margin-right:0; border-bottom:1px solid; margin-bottom:10px; width:100%;} .news_list01 .content .list_hd .inp_box_wrap .inp_box{ line-height:0.4rem; height:0.4rem;} .news_list01 .content .list_hd .inp_box_wrap{margin-left:0;} .news_list01 .content li .img_{width:100%;} .news_list01 .content li .info_{width:100%; margin-top:0.2rem;} .news_list01 .content li .info_ .tit{margin-top:0;} /* 新闻详细 */ .news_detail01 .l_tools{margin-bottom:0.2rem;} .news_detail01 .detail_r{margin-top:0.14rem;} .news_detail01 .news_title{font-size:0.2rem;} .news_detail01 .detail_r .btns .prev{width:100%; margin-bottom:0.1rem;} .news_detail01 .detail_r .btns .next{width:100%; float:left; text-align:left;} .news_detail01 .detail_r .btns .to_list{margin-top:0.15rem;} /* 本草生活方式 */ .bcshfs .item .img_box{width:100%;} /* 中医生活馆 */ .zyshg .content{padding:0; margin-top:0.2rem;} .zyshg .content ul{border-radius:0 0.2rem 0 0.2rem;} .zyshg .item1, .zyshg .item2, .zyshg .item3{width:100%; margin-right:0; margin-bottom:0.1rem;} .zyshg .item4, .zyshg .item5{width:100%; margin-right:0; margin-bottom:0.1rem;} .zyshg .item5{margin-bottom:0;} /* 本草调养系列 */ .bctyxl .content{padding-top:0.1rem;} .bctyxl .content .item{border-radius:0 0.2rem 0 0.2rem; width:100%; margin-right:0; margin-bottom:0.2rem;} /* 三世医学体系 */ .ssyxtx .content .intro .tit{font-size:0.34rem;} .ssyxtx .content .intro{margin-bottom:0.2rem;} .ssyxtx .content .item{flex-direction:column;} .ssyxtx .content .item .img_box{width:100%; margin-bottom:0.1rem;} .ssyxtx .content .item .intro_box{width:100%;} .ssyxtx .content .item.even .intro_box{order:1;} .ssyxtx .content .item .intro_box .tit{text-align:center;} .ssyxtx .content .item{margin-bottom:0.2rem;} /* 中医生活方式 */ .zyshfs .content .item{flex-direction:column;} .zyshfs .content .item .left{width:100%; margin-bottom:0.1rem;} .zyshfs .content .item .right{width:100%;} .zyshfs .content .item.even .right{order:1;} .zyshfs .content .item .right .intro{padding:.2rem .6rem .2rem .2rem;} .zyshfs .content .item.even .right .intro{padding:.2rem .2rem .2rem .6rem;} .news_detail .main_content .content{flex-direction:column;} .news_detail01 .news_title{line-height:0.3rem;} /* 恒山黄芪基地 */ .hs_astr .title{font-size:0.4rem;} .hs_astr .top_box .right{float:none; width:90%; margin:0 auto;} .hs_astr .top_box .left{float:none; width:100%; margin-top:0.2rem;} .hs_astr .big_num{margin-top:0.2rem;} .hs_astr .bott_box{margin-top:0.2rem;} /* 首页 */ .ibanner .swiper-slide .intro_box .tit{font-size:0.4rem; line-height:0.4rem;} .ibanner .swiper-slide .intro_box .con{font-size:0.16rem; line-height:0.24rem; width:90%;} .ibanner .swiper-slide .intro_box .con::after{right:0; top:0.7rem;} .ipart .common_itit{font-size:0.4rem; line-height:0.5rem;} .ipart01{padding:0.3rem 0;} .ipart01 .infor{margin-bottom:0.2rem;} .ipart01 .content .item{flex-direction:column;} .ipart01 .content .item>a{flex-direction:column; width:100%;} .ipart01 .content .item .intro_box{flex-direction:column; align-items:center; margin-bottom:0.1rem;} .ipart01 .content .item .intro_box .tit{writing-mode: initial; margin-right:0; font-size:0.24rem; line-height:0.3rem; margin-bottom:0.1rem;} .ipart01 .content .item .intro_box .con{writing-mode: initial;} .ipart01 .content .item .intro_box .con::before{display:none;} .ipart01 .content .item .intro_box .tit::before{display:none; top:-0.1rem; left:-0.4rem;} .ipart01 .content .item .intro_box .tit::after{display:none; bottom:-0.1rem; right:-0.4rem;} .ipart01 .content .item.item2 .img_box{order:1;} .ipart01 .content .item .img_box{width:50%;} .ipart02{padding:0.3rem 0;} .ipart02 .tabs{width:auto; margin-bottom:0.2rem;} .ipart02 .tabs ul{align-items:center;} .ipart02 .tabs .item{margin-bottom:0.1rem; font-size:0.2rem; width:30%;} .ipart02 .content .item .intro_box .con{margin-bottom:0.2rem;} .ipart02 .content .item .bg_cover{width:100%;} .ipart02 .content .item .bg{width:80%;} .ipart03 .content .item{width:100%; margin-right:0; margin-bottom:0.25rem;} .ipart03 .content ul{border-width:0.4rem;} .ipart03 .content .item .img_box{margin-bottom:0.15rem;} .ipart03 .content .item .intro_box{padding:0;} .ipart03 .content .item:last-child{margin-bottom:0;} .idea_detail .content .tit{font-size:0.4rem; line-height:0.5rem;} .idea_detail .content .txt{margin-bottom:0.2rem;} .guoxue .main_content .content{overflow:visible;} .ibanner .swiper-slide .img_box{height:3.5rem;} .ibanner .swiper-slide .intro_box{bottom:2.1rem; } .ibanner .swiper-slide .intro_box .tit{font-size:0.2rem; margin-bottom:0;} .ibanner .swiper-slide .intro_box .con{font-size:0.14rem; width:95%; line-height:0.2rem;} .ibanner .swiper-slide .intro_box .con::after{width:0.3rem; height:0.8rem; top:0.5rem;} .search-alert{pointer-events:none; top:-50%;} .search-alert.active{top:0;} .search-alert .cent-form{padding:0; width:40%; right:43%; margin-top:0.13rem; pointer-events:all;} .search-alert .cent-form .input_txt{padding-left:0.1rem; border-bottom:none;} .search-alert .cent-form .search_btn{right:0.1rem;} .ipart01 .content .item .intro_box{margin-left:0.5rem; margin-right:0.5rem;} /* 2023-1108补充页实现及修改 */ /* 国博中医药文化展列表 */ .culture_exhibition01 .title{font-size:0.2rem;} .common_list li{width:100%; margin-right:0; line-height:0.5rem;} /* 广盛源之歌 */ .song01 .video_box .intro{display:none;} .song01 .video_box .play_btn{left:50%; transform:translate(-50%,-50%);} .song01 .video_box .rect-45{border:0 20px 0 20px} /* 智能制造车间 */ .workshop01 .content{margin-top:0rem;} .workshop01 .hd .item{margin-bottom:10px;} .workshop01 .bd .item02 .li_{width:100%; margin-right:0;} .workshop01 .bd .item02 .li_ .intro{margin-top:0.1rem;} .workshop01 .bd .item03 .li_{width:48%; margin-right:4%;} .workshop01 .bd .item03 .li_:nth-child(2n){margin-right:0;} .workshop01 .bd .item03 .li_ .intro{margin-top:0.1rem;} .workshop01 .bd .item02 .li_ .play{width:0.6rem; height:0.6rem;} /* 创新荣誉 */ .honor01 .hon_con_box .swiper-container{padding-bottom:0.6rem;} .honor01 .hon_con_case{width:100%;} .honor01 .hon_con_box{width:100%;} .honor01 .hon_name_box{display:none;} .honor01 .hon_name{font-size:0.18rem; line-height:0.2rem; height:0.4rem; margin-top:0.2rem;} .honor01 .hon_con_box .swiper-slide> div > img{max-width:300px;} .honor01 .hon_con_box{margin-top:0rem;} /* k科研合作 */ .coop01 .content .item{margin-bottom:0.2rem;} .coop01 .content .item .info_{padding:0.2rem;} .coop01 .content .item_link .info_{padding-right:0.7rem;} /* 道地药材保护 */ .medicine_protect01 .content .img_list .item{margin-bottom:0.3rem;} .medicine_protect01 .content .img_list{margin-top:0.3rem;} /* 五行品类规划1-2 */ .five_planning01 .content .info .tit{font-size:0.34rem;} .five_planning01 .content .info .con{font-size:0.2rem; vertical-align:middle;} /* 五行品类规划1-1 */ .five01 .content .img_box{padding-top:0.3rem;} .five01 .content .img_box .img_{width:94%; height:auto;} .five01 .content .img_box .img_>img{position:static;} .five01 .content .img_box ul{width:74%; margin:0.2rem auto 0;} .five01 .content .img_box ul li{position:static; margin:0.1rem 0;} .five01 .content .img_box ul li:nth-child(2) .box, .five01 .content .img_box ul li:nth-child(3) .box{flex-direction:row} .five01 .content .img_box ul li:nth-child(2) .box .t, .five01 .content .img_box ul li:nth-child(3) .box .t{margin-right:0.2rem; margin-left:0rem;;} .five01 .content .img_box ul li .box .t{font-size:0.34rem;} .five01 .content .img_box ul li .box .c{font-size:0.22rem;} /* 本草生活 */ .life01 .content .hd{margin-bottom:15px; width:100%;} .life01 .content .hd li{display:block; margin-bottom:15px;} .life01 .content .hd li:last-child{margin-bottom:0;} .life01 .content .hd li .intro {bottom:15px;} .life01 .content .hd li .intro .txt{padding:0 20px; font-size:16px;} .life01 .content .bd{display:none;} .history .pc_ .stages .swiper_btns .swiper_btn{display:none;} /* 2023-1127 */ .ipart1{padding:0.3rem 0;} .ipart1 .rect-242{padding-bottom:30%;} .ipart1 .item{width:100%; margin-left:0; margin-bottom:0.2rem;} .ipart1 .item:last-child{margin-bottom:0;} .ipart1 .item.on{width:100%;} .ipart1 .item .txt_full{left:0.2rem; bottom:0.2rem; right:0.2rem; width:auto;} .ipart1 .item.on .txt_full{bottom:0.2rem;} .ipart1 .item .img_box{border-radius:10px;} .ipart1 .item .txt_full{display:none;} /* 野山芪 */ .ysq01 .hd_l{width:100%;} .ysq01 .hd_l .tit{margin-right:0; margin-top:0.1rem; font-size:0.24rem;} .ysq01 .hd_l .con{font-size:0.17rem; margin-top:0.1rem;} .ysq01 .hd_r{width:100%; margin-top:0.2rem;} .ysq01 .bd .item .intro .pic{width:100%; margin-bottom:0.15rem;} .ysq01 .bd .item .intro .txt{width:100%;} .ysq01 .bd .item .title{font-size:0.2rem; margin-bottom:0.2rem;} .ysq01 .bd .item .tips .tit{margin-bottom:0.15rem;} .ysq01 .bd .item .tips .con .con_l{width:100%;} .ysq01 .bd .item .tips .con .con_r{width:100%; margin-top:0.2rem;;} .ysq01 .bd .item.no_img .title{margin-bottom:0.1rem;} /* 2023-1129 */ .idea_detail .hd .item{width:auto; padding:0 30px; margin-bottom:15px; margin:0 1%;} /* 2023-1207 */ /* 本草食芄 */ .medica_new01 .hd{margin-bottom:20px;} .medica_new01 .bd .pt01 .txt_l{width:18%; padding-right:4%;} .medica_new01 .bd .pt01 .txt_r{width:65%; font-size:14px; line-height:25px;} .medica_new01 .bd .pt01 .img_{margin-bottom:20px;} .medica_new01 .bd .pt02{margin:20px 0;} .medica_new01 .bd .pt03 .left{width:100%; margin-bottom:20px; font-size:0;} .medica_new01 .bd .pt03 .left .img_{padding:0; display:inline-block; width:35%; vertical-align:middle;} .medica_new01 .bd .pt03 .left .txt_{width:55%; margin-left:7%; display:inline-block; vertical-align:middle; text-align:left;} .medica_new01 .bd .pt03 .right{width:100%;} .medica_new01 .bd .pt03 .right .r_bott{font-size:14px; line-height:25px;} .medica_new01 .bd .pt04 .left .txt{font-size:14px; line-height:25px;} .medica_new01 .bd .pt04 .right{width:28%; margin-top:0;;} .medica_new01 .bd .pt05{margin-top:20px;} .medica_new01 .bd .pt05 .txt{font-size:14px; line-height:25px; margin-top:20px;} .medica_new01 .bd .pt05 .txt{font-size:14px; line-height:25px;} .medica_new01 .bd .pt06{margin-top:20px;} /* 本草食芄2 */ .medica_new2_01 .bd .li_{width:49%; margin-right:2%; margin-bottom:20px;;} .medica_new2_01 .bd .li_:nth-child(2n){margin-right:0;} /* 非遗技艺传承 */ .chuancheng01 .info .t{font-size:17px; line-height:25px;} .chuancheng01 .pic_lunbo .intro .item .t{font-size:17px; line-height:25px;} .chuancheng01 .pic_lunbo .pic{padding:0 0.6rem;} .chuancheng01 .pic_lunbo .intro{width:75%;} /* 2023-1213 */ .ipart2{display:none;} .m_ipart2{display:block; background:url(../img/ipart02_bg.jpg) no-repeat center; padding:35px 0;} .m_ipart2 .item{position:relative; margin-bottom:20px; border-radius:10px; overflow:hidden;} .m_ipart2 .item:last-child{margin-bottom:0;} .m_ipart2 .item .info{position:absolute; left:5%; top:50%; transform:translateY(-50%); right:5%; color:#fff;} .m_ipart2 .item .info .t{font-size:20px; line-height:25px; font-family:'yffyt', sans-serif;} .m_ipart2 .item .info .c{font-size:14px;;} /* 2023-1215 */ .ibanner .swiper-slide .img_box{height:auto;} .ibanner .swiper-slide .img_box img{height:auto;} .bencao .li_{width:100%; margin-right:0;;} .m_nav .content .mnav_bottom .mnav_li a.mnav_a{font-size:16px; line-height:26px;} .m_nav .content .mnav_bottom .mnav_li i{width:26px; height:26px; top:0} /* 2023-1227 */ .header::after{pointer-events:none;} .xc_nav{display:none;} .m_xc_nav{display:block; width:100%; position:relative; z-index:3; overflow:hidden; padding-top:60px;} .m_xc_nav .first_content{max-width:1000px; position:relative; overflow:hidden; text-align:center;} .m_xc_nav .first_content .first_list{width:100%; position:relative;} .m_xc_nav .first_content .first_intro{position:relative; width:100%; height:48px; overflow:hidden;} .m_xc_nav .first_content .first_intro>ul{font-size:0; display:inline-block; margin:0 auto; text-align:center; height:64px; line-height:64px; vertical-align:top; width:100%; overflow-x:auto; overflow-y:hidden; white-space:nowrap; height:75px;} .m_xc_nav .first_content .first_intro>ul>li{display:inline-block; vertical-align:top; margin:0 12px; height:48px; line-height:48px;} .m_xc_nav .first_content .first_intro>ul>li>a{font-size:17px; color:#fff; position:relative; transition:all 0.3s; display:inline-block;} .m_xc_nav .first_content .first_intro>ul>li>a:after {content:''; position:absolute; width:0%; height:4px; left:0; bottom:4px; left:50%; transform:translateX(-50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; background:#feb63c; transition:all 0.3s;} .m_xc_nav .first_content .first_intro>ul>li.on a{color:#feb63c;} .m_xc_nav .first_content .first_intro>ul>li.on>a:after {width:50px;} .m_xc_nav .second_content{max-width:1000px; position:relative; overflow:hidden; text-align:center; margin-top:10px;} .m_xc_nav .second_content .second_list{width:100%; position:relative;} .m_xc_nav .second_content .second_intro{position:relative; width:100%; height:62px; overflow:hidden;} .m_xc_nav .second_content .second_intro>ul{font-size:0; display:inline-block; margin:0 auto; text-align:center; height:64px; line-height:64px; vertical-align:top; width:100%; overflow-x:auto; overflow-y:hidden; white-space:nowrap; height:75px;} .m_xc_nav .second_content .second_intro>ul>li{display:inline-block; vertical-align:top; margin:0 5px; height:45px; line-height:45px;} .m_xc_nav .second_content .second_intro>ul>li>a{font-size:15px; color:#fff; position:relative; transition:all 0.3s; display:inline-block; padding:0 25px; color:#00525c; background:#73b0b4; border-radius:10px;} .m_xc_nav .second_content .second_intro>ul>li.on a{color:#fff; background:#00525b;} .classicsMedi_detail .main_content{margin-top:0.8rem;} /* 2023-1229 */ .workshop01 .hd .item .icon{display:none;} .workshop01 .hd .item{width:auto; padding:0 0.15rem; margin-right:0.1rem;} .news_detail{margin-top:60px;} /* 2024-0102 */ .main_content{margin-top:0.05rem;} .honor01 .content .img_content{padding:0;} .honor01 .hon_con_box .swiper-slide> div > img{max-width:260px;} /* 20240118wrt */ .history .pc_ .stage_item .cont .year_item .con{height:auto;} .news_detail01 .news_text{word-wrap:break-word;} .honor01 .hon_con_box .swiper-slide> div > img{max-width:100%;} .news_detail01 .detail_l { height: calc(100% - 200px); } .news_detail01 .detail_r{height:190px} } @media only screen and (max-width: 480px) { /*mobileMode 480 网站样式*/ /* 广盛原理念 */ .idea .content .bott li{width:100%;} /* 联系我们 */ .contact_us .cont{padding:0.3rem 5%;} .contact_us .cont .left .item{float:none; width:100%; margin-right:0; max-width:none; margin-bottom:0.2rem;} .contact_us .cont .left .item .t{height:auto;} /* 十大经典药方 */ .classicsMedi_detail .right .bg_cover{width:100%;} .classicsMedi_detail .right .bg{width:81.78%;} .classicsMedi_detail .content .tit_{margin-bottom:0.25rem;} /* 恒山黄芪基地 */ .hs_astr .big_num li{width:100%; display:flex; align-items:baseline; margin-right:0; margin-bottom:0.1rem;} .hs_astr .big_num li .num_box{width:35%; text-align:left;} /* 2023-1129 */ .history .pc_ .stages{width:98%;} /* 2023-1207 */ /* 本草食芄 */ .medica_new01 .hd .item a{padding:0 0.2rem;} .medica_new01 .bd .pt01 .txt_l{width:100%; display:none;} .medica_new01 .bd .pt01 .txt_r{width:100%;} .medica_new01 .bd .pt03 .right .r_bott{padding:0;} .medica_new01 .bd .pt04{margin-top:0.2rem;} .medica_new01 .bd .pt04 .left{width:100%;} .medica_new01 .bd .pt04 .left .txt{padding:0;} .medica_new01 .bd .pt04 .left .txt em{ margin-top:0; width:15%;} .medica_new01 .bd .pt04 .right{width:100%; margin-top:20px;} .medica_new01 .bd .pt04 .right {text-align:center;} .medica_new01 .bd .pt06 .item{width:100%; margin-left:0; margin-bottom:10px;;} /* 本草食芄2 */ .medica_new2_01 .bd .li_{width:100%; margin-right:0;;} .medica_new2_01 .bd .li_ .txt{font-size:14px; line-height:25px;} /* 非遗技艺传承 */ .chuancheng01 .pic_lunbo .intro{width:96%; margin-top:10px;} .chuancheng01 .text, .chuancheng01 .info .c{font-size:14px; line-height:25px;} .chuancheng01 .pic_lunbo .intro .item .c{font-size:15px; line-height:25px;} .chuancheng01 .pic_lunbo .intro .item .txt{font-size:15px; line-height:25px;} /* 2024-0106 */ .ibanner{height:auto;} .ibanner .swiper-container{height:100vh;} .ibanner .swiper-slide .img_box{height:100%;} .ibanner .swiper-slide .img_box img{height:100%;} /* 2024-0118 */ .history .pc_ .stage_item .cont .year_item .con{height:auto;} .h_bott .h_search form input{vertical-align:top;} .row>.smal-12{margin-bottom:10px;} .h_bott .h_search .iconfont{vertical-align:1px;} } @media only screen and (max-width: 450px) { /*mobileMode 320 网站样式*/ .coop01 .content .item{width:100%; margin-bottom:20px; margin-right:0;;} .medicine_protect01 .content .img_list .item{width:100%; margin-bottom:20px; margin-right:0;;} /* 传统文化弘扬 */ .traditional_culture01 .list .item{width:100%; margin-right:0;} }