/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式；默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%} @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /*挂件分页样式*/ .util-page{ font-size:0; color: #000; text-align: center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#00525c;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; } .util-page .gobutton .ion{ font-size: .8em;} .util-page .count { margin-left:10px; color:#000; background:none; border:none; } .util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 7px; vertical-align: top; } .util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size: 14px; } .util-page .jumpto_inp{ width: 40px; text-align: center; height: 37px; line-height: 37px; vertical-align: top; } /*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/ .BdMapArea { margin:0 auto 55px; max-width:1200px; } .BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; } .BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; } @media only screen and (max-width:760px) { .BdMapArea { display:none; } } /*默认隐藏百度分享触控弹层*/ .bdshare_popup_box { display:none!important;} /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80px -40px;} .ico4_1 { background-position:0 -60px;} .ico4_2 { background-position:-20px -60px;} .ico4_3 { background-position:-40px -60px;} .ico4_4 { background-position:-60px -60px;} .ico4_5 { background-position:-80px -60px;} /* 常量设置 */ html{font-size:100px;} .wrap { width:16rem; margin-right:auto; margin-left:auto;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#333; } a{color:inherit;} a:hover { color:#d17a26;} ::-moz-selection {color:#fff; background:#d17a26; } ::selection {color:#fff; background:#d17a26; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ /* 头部 */ .header{position:absolute; left:0; width:100%; top:0; z-index:13;} .header::after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), transparent); z-index:-1;} .h_bott .h_logo{padding:.2rem 0 .2rem; height:.6rem;} .h_bott .h_logo a{display:block; height:100%;} .h_bott .h_logo img{max-height:100%;} /* 导航 */ .h_bott .inav_wrapper .nav_li{display:inline-block; padding:0 .2rem; position:relative} .h_bott .inav_wrapper .nav_li .nav_a{display:block; padding:.2rem 0 .2rem; font-size:.16rem; line-height:.6rem; color:#fff; font-weight:bold;} .h_bott .inav_wrapper .nav_li.hover .nav_a{color:#d17a26;} .h_bott .inav_wrapper .nav_li.cur .nav_a{color:#d17a26;} .h_bott .inav_wrapper .nav_li .sec_nav {width:1.5rem; position:absolute; left:50%; margin-left:-0.7rem; top:100%; padding:.25rem 0; border-radius:.03rem; z-index:5; text-align:center;background:rgba(255, 255, 255, 0.8); opacity:0; transform:scale(0.9) translateY(-0.05rem); visibility:hidden; pointer-events:none; transition:all .5s;-webkit-transform:scale(0.9) translateY(-0.05rem); -webkit-transition:all .5s;} .h_bott .inav_wrapper .nav_li .sec_nav.show {opacity:1; visibility:visible; transform:scale(1) translateY(0); pointer-events:auto; -webkit-transform:scale(1) translateY(0);} .h_bott .inav_wrapper .nav_li .sec_nav li{display:block; font-size:.16rem; height:auto; color:#000; letter-spacing:.05em; padding:.05rem;} .h_bott .inav_wrapper .nav_li .sec_nav li a{transition:all 0.5s ease;} .h_bott .inav_wrapper .nav_li .sec_nav li:hover a{color:#d17a26;} /* .h_bott .inav_wrapper .nav_li .sec_nav li:hover a{color:#fff;} */ /* 头部搜索 */ .h_bott .h_search{padding:.3rem 0; cursor:pointer; margin-left:0.2rem; line-height:.4rem;} .h_bott .h_search .iconfont{font-size:.18rem; font-weight:bold; color:#222; transition:all 0.5s ease} .h_bott .mobile_search{display:none;} .h_bott .h_search .iconfont:hover{color:#d17a26;} .h_bott .h_search form{width:2rem; height:0.4rem; line-height: 0.4rem; background:#fff; border-radius:5px; position:relative} .h_bott .h_search form input{width:80%; height:0.4rem; line-height:0.4rem; border:none; background:none; padding:0; text-indent:0.1rem; font-size:0.15rem;} .h_bott .h_search form button{position:absolute; right:3px; top:50%; transform:translateY(-50%); background:none; padding:0; border:none} /* PC搜索下拉 */ .search-alert{position:absolute; top:50%; left:0; right:0; height:0.9rem; opacity:0; visibility:hidden; z-index:98; transition:all 0.5s ease; } .search-alert .wrap{position:relative;} .search-alert .cent-form {position:absolute; right:0; top:0; width:5.76rem; background:#eaf3f3; border-radius:.03rem; padding:.2rem; } .search-alert .cent-form .input_txt {border:none; font-size:.16rem; height:.5rem; line-height:.5rem; text-align:left; width:100%; box-sizing:border-box; color:#666; background:none; border-bottom:1px solid #b8b8b8; } .search-alert .cent-form .search_btn {position:absolute; right:.2rem; top:50%; transform:translateY(-50%); border:none; padding:0; outline:none; background:none; text-align:center; height:.5rem; font-size:.18rem; font-weight:bold; line-height:.5rem; color:#666; cursor:pointer;} .search-alert.active{top:100%; opacity:1; visibility:visible;} .h_bott .mobile_key {display:none; font-size:.22rem; line-height:.6rem; padding:.2rem 0; color:#fff;} .m_nav {display:none;} /* 测试section */ .channel_content{min-height:100vh;} /* 底部 */ .footer{background-color:#00525c; background-image:url(../img/f_bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;} .f_top{padding:.64rem 0 .8rem;} .f_top{color:#fff;} .f_top .left{float:left; width:86%;} .f_top .left .logo{margin-bottom:.75rem;} .f_top .left .navs{margin-bottom:.15rem;} .f_top .left .navs dl{float:left; margin-right:.7rem; margin-bottom:0.2rem;} .f_top .left .navs dl:last-child{margin-right:0;} .f_top .left .navs dt{font-size:.2rem; line-height:.3rem;} .f_top .left .contact .line{line-height:.3rem; font-size:.18rem;} .f_top .left .contact .line1{margin-bottom:.05rem;} .f_top .left .contact .line .icon{font-size:.2rem; margin-left:0; margin-right:.15rem; margin-top:-0.03rem; font-weight:bold;} .f_top .right{float:right; width:14%; text-align:right;} .f_top .right .footer_share{margin-bottom:.9rem;} .f_top .right .footer_share .iconfont{display:inline-block; width:.5rem; height:.5rem; border-radius:50%; border:1px solid #fff; font-size:.3rem; text-align:center; padding:0; margin:0; margin-left:.17rem;} .f_top .right .footer_share .iconfont:first-child{margin-left:0;} .f_top .right .footer_share .iconfont:hover{background-color:#fff; color:#00525c;} .f_bott{background:rgba(0,0,0,0.2); padding:.25rem 0; font-size:.16rem; line-height:.3rem; color:rgba(255,255,255,0.5);} /* 下层背景 */ .xc_bg{position:absolute; left:0; top:0; width:100%; height:100vh; z-index:0;} .xc_bg>img{width:100%; height:100%; object-fit:cover;} /* 下层导航 */ .xc_nav{position:absolute; left:0; top:0; width:100%; height:100vh; z-index:1; pointer-events:none;} .xc_nav::after{content:""; position:absolute; left:0; top:0; bottom:0; width:4.62rem; background: url(../img/xc_nav_overlay.png) no-repeat left/100% 100%; z-index:-1; opacity:0.7;} .xc_nav .content{width:3.6rem; pointer-events:all;} .xc_nav .content .intro{margin-top:1.6rem; margin-top:15vh; color:#fff; margin-bottom:.4rem;} .xc_nav .content .intro .tit{font-size:.48rem; font-family:'yffyt', sans-serif; letter-spacing:-0.1em;} .xc_nav .content .intro .con{font-size:.14rem;} .xc_nav .content .navs .item{position:relative; line-height:.5rem; font-size:0.14rem; width:auto; white-space:nowrap; width:1.7rem; padding:0 0.1rem; box-sizing:border-box; border:.02rem solid #ffe9c1; margin-bottom:.2rem; text-align:center; cursor:pointer;} .xc_nav .content .navs .item a{display:block; color:#ffe9c1; transition:color .5s ease;} .xc_nav .content .navs .item::before{content:""; position:absolute; z-index:1; left:-0.02rem; top:-0.02rem; width:.37rem; height:.3rem; background:url(../img/xc_nav_corner.png) no-repeat top left/contain;} .xc_nav .content .navs .item::after{content:""; position:absolute; z-index:1; right:-0.02rem; top:-0.02rem; width:.37rem; height:.3rem; background:url(../img/xc_nav_corner.png) no-repeat top right/contain; transform:scaleX(-1);} .xc_nav .content .navs .item a::before{content:""; position:absolute; z-index:1; left:-0.02rem; bottom:-0.02rem; width:.37rem; height:.3rem; background:url(../img/xc_nav_corner.png) no-repeat bottom left/contain; transform:scaleY(-1);} .xc_nav .content .navs .item a::after{content:""; position:absolute; z-index:1; right:-0.02rem; bottom:-0.02rem; width:.37rem; height:.3rem; background:url(../img/xc_nav_corner.png) no-repeat bottom right/contain; transform:scale(-1, -1);} .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.png);} .xc_nav .content .navs .item.cur, .xc_nav .content .navs .item:hover{border-color: #00525c;} .xc_nav .content .navs .item.cur a, .xc_nav .content .navs .item:hover a{color:#00525c; } /* 下层通用 */ .channel_content{position:relative;} .channel_content>.wrap{height:100vh;} .main_content{display:flex; flex-direction:column; float:right; height:7rem; height:81vh; margin-top:1.7rem; margin-top:15vh; width:12.45rem; padding:.4rem .33rem; box-sizing:border-box; background:rgba(255,255,255,0.7); border-radius:.2rem; } .main_content>.intro{display:flex; justify-content:space-between; align-items:center; margin-bottom:.4rem;} .main_content>.intro .tit{position:relative; font-size:.3rem; color:#00525c; font-weight:bold;} .main_content>.intro .tit::after{position:absolute; content:""; display:block; bottom:-0.17rem; width:.6rem; height:.03rem; background:linear-gradient(to left, transparent, #00525c);} .main_content>.intro .return{display:block; font-size:0.18rem; font-weight:bold; color:#00525c;} .main_content>.intro .return .iconfont{font-size:0.16rem;} .main_content .content{height:60vh; flex: 1 1 auto; } .main_content .content{overflow-y:auto; overflow-x:hidden;} .main_content .content::-webkit-scrollbar{width:.04rem; background:transparent;} .main_content .content::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .main_content .content::-webkit-scrollbar-track{background:transparent;} /* 广盛原简介 */ .about_us .content .left{float:left; width:38%; height:100%; text-align:right; padding-top:.8rem; margin-top:-0.8rem;} .about_us .content .left img{max-height:100%; max-width:none;} .about_us .content .right{float:right; width:56%; text-align:left; height:100%;} .about_us .content .right .con{font-size:.16rem; line-height:.3rem; color:#333; padding-right:.6rem; padding-top:.8rem; margin-top:-0.8rem; overflow-y: auto; height:100%;} .about_us .content .right .con a{color:#07525b;} .about_us .content .right .con a:hover{color:#d17a26;} .about_us .content .right .con::-webkit-scrollbar{width:.04rem; background:transparent;} .about_us .content .right .con::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .about_us .content .right .con::-webkit-scrollbar-track{background:transparent;} /* 广盛原理念 */ .idea .content .infor{text-align:center;} .idea .content .infor .title{font-size:0.6rem; line-height:0.7rem; color:#333333; font-family:'yffyt';} .idea .content .infor .con{font-size:0.2rem; line-height:0.3rem; color:#333333;} .idea .content .bott{margin-top:0.35rem;} .idea .content .bott li{float:left; width:32.4%; margin-right:1.4%; position:relative; border-top-right-radius:0.4rem; border-bottom-left-radius:0.4rem; box-shadow:0px 10px 10px 0px rgba(0, 82, 92, 0.2);} .idea .content .bott li:nth-child(3){margin-right:0;} .idea .content .bott li .bg img{display:block; width:100%;} .idea .content .bott li .box{position:absolute; top:31%; left:0; padding:0 0.3rem; width:100%; box-sizing:border-box;} .idea .content .bott li .box .t{font-size:0.36rem; line-height:0.4rem; color:#ffffff; font-family:'yffyt';} .idea .content .bott li .box .c{font-size:0.16rem; line-height:0.3rem; color:#ffffff;} /* 联系我们 */ .contact_us .main_content{position:relative;} .contact_us .ditu{position:absolute; min-width:100%; bottom:0; left:0; max-height:80%; } .contact_us .cont{background:rgba(255, 255, 255,0.8); position:relative; box-shadow:0px 10px 10px 0px rgba(0, 82, 92, 0.2); border-top-right-radius:0.2rem; border-bottom-left-radius:0.2rem; padding:0.3rem 4%; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; z-index:1;} .contact_us .cont .left{width:66.3%;} .contact_us .cont .left .item{float:left; margin-right:13%; max-width:53%;} .contact_us .cont .left .item:last-child{margin-right:0;} .contact_us .cont .left .item .t{font-size:0.24rem; line-height:0.36rem; margin-top:0.1rem; color:#333333; font-weight:bold; position:relative; padding-bottom:0.1rem;} .contact_us .cont .left .item .t::after{content:''; position:absolute; bottom:0; left:0; width:0.45rem; height:2px; background:#000000;} .contact_us .cont .left .item .c{font-size:0.16rem; line-height:0.3rem; color:#333333; margin-top:0.05rem;} .contact_us .cont .right{font-size:0; min-width:26%; white-space:nowrap;} .contact_us .cont .right .item{display:inline-block; vertical-align:text-top; margin-right:19%;} .contact_us .cont .right .item .words{font-size:0.16rem; line-height:0.3rem; color:#333333; margin-top:0.05rem;} .contact_us .cont .right .item:last-child{margin-right:0;} /* 发展历程 */ .history .pc_{position:relative; display:flex; flex-direction:column; height:100%;} .history .m_{display:none;} /* .history .pc_ .stages{position:relative; white-space:nowrap; overflow-x:scroll; font-size:0; overflow:hidden;} */ .history .pc_ .stages{position:relative; white-space:nowrap; overflow-x:scroll; font-size:0; width:calc(100% - 110px); margin:0 auto; padding:0 50px; flex:1 1 auto;} .history .pc_ .stages::-webkit-scrollbar{display:none;} .history .pc_ .stages .swiper-container, .history .pc_ .stages .swiper-wrapper, .history .pc_ .stages .swiper-slide{height:100%;} .history .pc_ .stages .swiper-wrapper{transition-duration: .2s!important;} .history .pc_ .stage_item{display:inline-block; padding:0.2rem 0; z-index:0; box-sizing:border-box; overflow:hidden; width:auto;} .history .pc_ .stage_item:last-child{min-width:100%;} .history .pc_ .stage_item .cont{position:relative; /*width:9rem;*/ margin-left:8.35vw; margin-top:0.3rem; white-space:nowrap; height:100%;} .history .pc_ .stage_item .cont:first-child{margin-left:0;} .history .pc_ .stage_item .cont .widget{position:relative; display:inline-block; padding-left:0.5vw; margin-right:-2.6rem; vertical-align:top;} .history .pc_ .stage_item .cont .widget .period{position:relative; top:2.5rem; left:-2.6rem; font-size:0.6rem; font-weight:bold; color:#d17a26; transform:translateX(100%) rotate(-90deg); transform-origin:bottom left;} .history .pc_ .stage_item .cont .years{display:inline-block; padding:0.1rem 0; padding-right:4vw; font-size:0; box-sizing:border-box; height:100%;} .history .pc_ .stage_item .cont .years:last-child{padding-right:0;} .history .pc_ .stage_item .cont .year_item{position:relative; display:inline-block; width:5.2rem; padding:0 0.42rem; border-left:1px solid #bebebe; white-space:initial; box-sizing:border-box; height:100%; display:inline-flex; flex-direction:column;} .history .pc_ .stage_item .cont .year_item.on{border-left:1px solid transparent; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); transition:all .5s ease;} .history .pc_ .stage_item .cont .year_item.on+.year_item{border-left:1px solid transparent;} .history .pc_ .stage_item .cont .year_item:first-child::before{content:""; position:absolute; top:0; left: 0; width:8px; height: 8px; margin-top:-4px; margin-left:-4px; border-radius:4px; background:#d17a26; z-index:1;} .history .pc_ .stage_item .cont .year_item:last-child{border-right:0;} .history .pc_ .stage_item .cont .year_item .intro_box{flex:1 1 auto; height:40.6vh; transition:all .5s ease; display:flex; flex-direction:column;} .history .pc_ .stage_item .cont .year_item .tit{font-size:0.24rem; line-height:0.3rem; height:auto; color:#00525c; overflow:hidden; text-overflow:ellipsis; white-space:normal; font-weight:bold; flex:0 0 auto;} .history .pc_ .stage_item .cont .year_item .con{line-height:0.3rem; margin-top:0.1rem; text-align:justify; white-space:normal; color:#333333; font-size:0.16rem; overflow-y:scroll; padding-right:0.08rem;} .history .pc_ .stage_item .cont .year_item .con::-webkit-scrollbar{width:.04rem; background:transparent;} .history .pc_ .stage_item .cont .year_item .con::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .history .pc_ .stage_item .cont .year_item .con::-webkit-scrollbar-track{background:transparent;} .history .pc_ .indicators{position:relative; z-index:1; width:100%; margin-top:0.4rem; display:flex;} .history .pc_ .indicators .indi_item{/*float:left;*/ flex:1 1 auto; cursor:pointer;} /* .history .pc_ .indicators .indi_item.indi01{width:25%;} .history .pc_ .indicators .indi_item.indi02{width:25%;} .history .pc_ .indicators .indi_item.indi03{width:25%;} .history .pc_ .indicators .indi_item.indi04{width:25%;} */ .history .pc_ .indicators .indi_item .line{position:relative; width:100%; height:2px; background:#bebebe; overflow:visible;} .history .pc_ .indicators .indi_item .line::before{content:""; position:absolute; top:1px; left:0; width:8px; height:8px; margin-top:-4px; background:#00525c; border-radius:4px; z-index:2;} .history .pc_ .indicators .indi_item:last-child .line::after{content:""; position:absolute; top:1px; right:-1px; width:8px; height:8px; margin-top:-4px; background:url(../img/history_jt.png) no-repeat center; z-index:1;} .history .pc_ .indicators .indi_item .line .progress{position:absolute; top:0; left:0; height:100%; width:0; background:#d29c46; z-index:1; transition:all .3s ease;} .history .pc_ .indicators .indi_item .txt{font-size:0.18rem; margin-top:0.3rem; text-align:center; color:#000; transition:all .5s ease;} .history .pc_ .indicators .indi_item.cur .txt, .history .pc_ .indicators .indi_item:hover .txt{color:#00525c;} .history .pc_ .indicators .indi_item.cur .line::before{background:#d29c46;} /* 发展历程 end */ /* 名医录 start */ .doctors.history .pc_ .stage_item .cont .widget{display:none;} .doctors.history .pc_ .stage_item .cont .year_item:first-child::before{display:none;} /* .doctors.history .pc_ .indicators .indi_item.indi01{width:20%;} .doctors.history .pc_ .indicators .indi_item.indi02{width:20%;} .doctors.history .pc_ .indicators .indi_item.indi03{width:20%;} .doctors.history .pc_ .indicators .indi_item.indi04{width:20%;} .doctors.history .pc_ .indicators .indi_item.indi05{width:20%;} */ /* 名医录 end */ /* 精品国药 */ .bout_medicine .content .box{overflow-y:auto; height:100%; padding-left:0.15rem;} .bout_medicine .content .box::-webkit-scrollbar{width:.04rem; background:transparent;} .bout_medicine .content .box::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .bout_medicine .content .box::-webkit-scrollbar-track{background:transparent;} .bout_medicine .content .box li{float:left; width:28.5%; margin-right:4.8%; margin-bottom:0.4rem;} .bout_medicine .content .box li .img_box{position:relative;} .bout_medicine .content .box li .img_{position:absolute; left:50%; top:50%; width:67%; transform:translate(-50%,-50%);} .bout_medicine .content .box li .img_ img{display:block; margin:0 auto;} .bout_medicine .content .box li .t{font-size:0.18rem; line-height:0.3rem; font-weight:bold; text-align:center; margin-top:0.2rem; color:#00525c;} /* 精品国药 end */ /* 黄芪 */ .astragalus .content .box{overflow-y:auto; height:calc(100% - 0.7rem);} .astragalus .content .box::-webkit-scrollbar{width:.04rem; background:transparent;} .astragalus .content .box::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .astragalus .content .box::-webkit-scrollbar-track{background:transparent;} .astragalus .content .title{font-size:0.62rem; line-height:0.8rem; color:#333333; font-family:'yffyt', sans-serif; text-align:center;} .astragalus .content .box .item{margin-bottom:0.3rem;} .astragalus .content .box .item:last-child{margin-bottom:0;} .astragalus .content .box .item .tit_{font-size:0.24rem; line-height:0.3rem; color:#00525c; font-weight:bold; margin-bottom:0.1rem;} .astragalus .content .box .item .con{font-size:0.16rem; line-height:0.3rem; color:#333333; } /* 黄芪 end */ /* 十大经典药方 */ .classicsMedi_detail .left{width:48%; float:left; padding-top:0.4rem; height:100%; box-sizing:border-box;} .classicsMedi_detail .content .title{font-size:0.62rem; line-height:1; color:#333333; font-family:'yffyt', sans-serif; text-align:center; margin-bottom:0.2rem;} .classicsMedi_detail .content .tit_{font-size:0.18rem; line-height:0.3rem; color:#00525c; font-weight:bold; margin-bottom:0.45rem; text-align:justify;} .classicsMedi_detail .content .box{height:100%;} .classicsMedi_detail .content .box .con{font-size:0.16rem; line-height:0.3rem; color:#333333; text-align:justify; height:1.5rem; overflow-y:auto; padding-right:10px;} .classicsMedi_detail .content .box .con::-webkit-scrollbar{width:.04rem; background:transparent;} .classicsMedi_detail .content .box .con::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .classicsMedi_detail .content .box .con::-webkit-scrollbar-track{background:transparent;} .classicsMedi_detail .content .box .cont{max-height:70%; overflow-y:auto; padding-right:10px;} .classicsMedi_detail .content .box .cont::-webkit-scrollbar{width:.04rem; background:transparent;} .classicsMedi_detail .content .box .cont::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .classicsMedi_detail .content .box .cont::-webkit-scrollbar-track{background:transparent;} .classicsMedi_detail .right{float:right; margin-right:6%;} .classicsMedi_detail .right .img_box{position:relative;} .classicsMedi_detail .right .bg_cover{text-align:center; width:4.94rem; margin:0 auto; position:relative; z-index:7;} .classicsMedi_detail .right .bg{position:absolute; left:50%; top:0; transform:translateX(-50%); width:4.04rem; z-index:5;} .classicsMedi_detail .right .img_{position:absolute; left:50%; bottom:19.8%; transform:translateX(-50%); width:82%;} .classicsMedi_detail01 .right{margin-right:0;} .classicsMedi_detail01 .content{position:relative; padding:0 50px; overflow:hidden;} .detail_btns .btns{width:46px; height:46px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:45%; margin-top:-23px;;} .detail_btns .btns.prev {left:0;background:url(../img/jt01.png) no-repeat center; background-size:cover;} .detail_btns .btns.next {right:0;background:url(../img/jt02.png) no-repeat center;background-size:cover;} .detail_btns .btns.prev:hover {background:url(../img/jt01_on.png) no-repeat center;background-size:cover;} .detail_btns .btns.next:hover {background:url(../img/jt02_on.png) no-repeat center;background-size:cover;} .detail_btns .btns a{display:block; width:100%; height:100%;} /* 十大经典药方 end */ /* 十大经典名方 */ .classicsMedi_list .content .box{overflow-y:auto; height:100%;} .classicsMedi_list .content .box::-webkit-scrollbar{width:.04rem; background:transparent;} .classicsMedi_list .content .box::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .classicsMedi_list .content .box::-webkit-scrollbar-track{background:transparent;} .classicsMedi_list .content .box li{float:left; width:44%; margin-right:6%; margin-bottom:0.3rem; position:relative; overflow:hidden;} .classicsMedi_list .content .box li a{display:block; background-image:-moz-linear-gradient( 0deg, rgb(37,117,121) 0%, rgb(32,153,148) 84%); background-image:-webkit-linear-gradient( 0deg, rgb(37,117,121) 0%, rgb(32,153,148) 84%); background-image:-ms-linear-gradient( 0deg, rgb(37,117,121) 0%, rgb(32,153,148) 84%);} .classicsMedi_list .content .box li .t{font-size:0.18rem; line-height:0.3rem; color:#ffffff; font-weight:bold; padding:0.18rem 13%; padding-right:0.2rem; position:relative; z-index:2;} .classicsMedi_list .content .box li::before{content:''; position:absolute; right:0.05rem; top:0; height:100%; width:1.72rem; background:url(../img/classicsMedi_list_before.png) no-repeat center; transition:all .4s ease;} .classicsMedi_list .content .box li::after{content:''; position:absolute; right:0; top:0; height:100%; width:100%; background:#257579 url(../img/classicsMedi_list_after.png) no-repeat right; transition:all .4s ease; opacity:0; visibility:hidden; transform:translateX(5px);} .classicsMedi_list .content .box li:hover .t{color:#ffe9c1;} .classicsMedi_list .content .box li:hover::after{opacity:1; visibility:visible; transform:translateX(0);} /* 十大经典名方 end */ /* 工作室 */ .gongzs .content .left{float:left; width:69%; padding-top:0.3rem; height:100%; box-sizing:border-box; overflow-y:auto;} .gongzs .content .left::-webkit-scrollbar{width:.04rem; background:transparent;} .gongzs .content .left::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .gongzs .content .left::-webkit-scrollbar-track{background:transparent;} .gongzs .content .right{float:right; width:20.5%;} .gongzs .content .intro .img_box{text-align:center; margin-bottom:0.5rem;} .gongzs .content .intro .img_box img{max-width:3.48rem;} .gongzs .content .intro .con{font-size:0.16rem; line-height:0.3rem; color:#333333;} .gongzs .content .right{height:100%;} /* .gongzs .content .right .swiper-slide{margin-bottom:0.2rem;} */ .gongzs .content .right .swiper-slide img{border-top-right-radius:0.4rem; border-bottom-left-radius:0.4rem; overflow:hidden; box-shadow: 0px 10px 10px 0px rgba(0, 82, 92, 0.2);} .gongzs .content .right .swiper-container{height:100%; overflow:hidden;} .gongzs .content .right .swiper-container .swiper-button-prev{display:none; outline:none;} .gongzs .content .right .swiper-container .swiper-button-next{display:none; outline:none;} /* 炮制 */ .paozhi01 .rect-128{padding-bottom:128%;} .paozhi01.main_content .content{overflow-y:auto; } .paozhi01.main_content .content::-webkit-scrollbar{width:.04rem; background:transparent;} .paozhi01.main_content .content::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .paozhi01.main_content .content::-webkit-scrollbar-track{background:transparent;} .paozhi01 li {margin-bottom:0.45rem;} .paozhi01 li .img_{width:26%;} .paozhi01 li .info{width:63%;} .paozhi01 li .info .box {font-size:0.16rem; line-height:0.3rem; color:#333;} .paozhi01 li .info .box span{font-size:0.48rem; font-family:'yffyt';} .paozhi01 li .li_box{display:flex; align-items:center; justify-content:space-between;;} .paozhi01 li.even .img{display:none;} /* 炮制 end*/ /* 研究会 */ .yanjiuhui01 .img_{text-align:center;} .yanjiuhui01 .img_ img{display:inline-block;} .yanjiuhui01 .text{font-size:0.16rem; line-height:0.3rem; color:#333; padding:0 0.3rem; margin-top:0.55rem;} .yanjiuhui01 .text span{font-size:0.48rem; font-family:'yffyt';} /* 国学院 */ .guoxue .main_content .content{overflow:visible; } .guoxue01 .content .box{width:5.76rem; height:5.76rem; margin:0 auto; position:relative;} .guoxue01 .content .box .circle{width:2.39rem; height:2.39rem; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:url(../img/guoxue01_1.png) no-repeat center; font-size:0.56rem; color:#fff; font-family:'yffyt'; text-align:center; line-height:2.39rem; background-size:cover;} .guoxue01 .content .box .circle1{width:3.47rem; height:3.47rem; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:1px dashed #25767A; border-radius:50%;} .guoxue01 .content .box .circle1 .dot{width:0.69rem; height:0.69rem; position:absolute; background:url(../img/guoxue01_2.png) no-repeat center; font-size:0.4rem; line-height:0.69rem; text-align:center; color:#fff; background-size:cover} .guoxue01 .content .box .circle1 .dot span{ font-family:'yffyt';} .guoxue01 .content .box .circle1 .dot1{left:50%; transform:translateX(-50%); top:-10%;} .guoxue01 .content .box .circle1 .dot2{right:-8%; top:20%;} .guoxue01 .content .box .circle1 .dot3{right:9%; top:80%;} .guoxue01 .content .box .circle1 .dot4{left:9%; top:81%;} .guoxue01 .content .box .circle1 .dot5{left:-10%; top:37%;} .guoxue01 .content .box .circle1 .dot .text{font-size:0.16rem; line-height:0.3rem; width:4.1rem; min-height:0.86rem; background:url(../img/guoxue01_3.png) no-repeat center; padding:0.15rem 0.15rem 0.05rem 0.25rem; box-sizing:border-box; position:absolute; text-align:left;} .guoxue01 .content .box .circle1 .dot .text i{font-weight:bold; display:block;} .guoxue01 .content .box .circle1 .dot1 .text{right:calc(100% + 0.2rem); top:-5px; } .guoxue01 .content .box .circle1 .dot2 .text{left:calc(100% + 0.1rem); top:-5px; width:3.8rem;} .guoxue01 .content .box .circle1 .dot3 .text{left:calc(100% + 0.2rem); top:-5px; } .guoxue01 .content .box .circle1 .dot4 .text{right:calc(100% + 0.2rem); top:-5px; } .guoxue01 .content .box .circle1 .dot5 .text{right:calc(100% + 0.1rem); top:-5px; width:3.7rem;} .guoxue01 .content .box .circle2{width:4.74rem; height:4.74rem; position:absolute; left:50%; top:50%; margin-left:-2.37rem; margin-top:-2.37rem; border:1px dashed #218e8c; opacity:0.2;; border-radius:50%;-webkit-animation: warn 2s linear 0s infinite; -moz-animation: warn 2s linear 0s infinite;animation: warn 2s linear 0s infinite; } .guoxue01 .content .box .circle3{width:5.76rem; height:5.76rem; position:absolute; left:50%; top:50%; margin-left:-2.88rem; margin-top:-2.88rem; border:1px dashed #218e8c; opacity:0.1; border-radius:50%;-webkit-animation: warn 2s linear 0s infinite; -moz-animation: warn 2s linear 0s infinite;animation: warn 2s linear 0s infinite; } @keyframes warn { 0% { transform: scale(1); opacity: 0; } 25% { transform: scale(1.1); opacity: 0.2; } 50% { transform: scale(1.15); opacity: 0.4; } 75% { transform: scale(1.2); opacity: 0.2; } 100% { transform: scale(1.25); opacity: 0; } } @-webkit-keyframes warn { 0% { transform: scale(1); opacity: 0; } 25% { transform: scale(1.1); opacity: 0.2; } 50% { transform: scale(1.15); opacity: 0.4; } 75% { transform: scale(1.2); opacity: 0.2; } 100% { transform: scale(1.25); opacity: 0; } } .guoxue01 .infor{display:none;} .guoxue01 .infor .text{font-size:0.16rem; line-height:0.3rem; width:3.6rem; background:url(../img/guoxue01_3.png) no-repeat center; padding:0.15rem 0.15rem 0.05rem 0.25rem; box-sizing:border-box; color:#fff; margin-bottom:0.15rem;} .guoxue01 .infor .text i{font-weight:bold;} /* 新闻列表 */ .news_list01 .content .list_hd{margin-bottom:0.4rem;} .news_list01 .content .list_hd .inp_box_wrap {width:32%; margin-left:2%; border-bottom:solid 1px #00525C;} .news_list01 .content .list_hd .inp_box_wrap:first-child{margin-left:0;} .news_list01 .content .list_hd .inp_box_wrap .inp_box{display:block; width:100%; height:0.5rem; line-height:0.5rem; border:none; padding:0; margin:0; box-sizing:content-box; font-size:0.16rem; color:#333; padding:0; text-indent:10px; background:transparent;} .news_list01 .content .list_hd .inp_box_wrap .inp_box.hd_inp{width:80%;} .news_list01 .content .list_hd .inp_box_wrap>input::-webkit-input-placeholder {color:#333;} .news_list01 .content .list_hd .inp_box_wrap .hd_btn{width:20%; height:0.5rem; border:none; text-align:center; background-color:transparent; outline:none; cursor:pointer; padding:0; font-size:0;} .news_list01 .content .list_hd .inp_box_wrap .hd_btn i{display:inline-block; width:20px; height:20px; background:url(../img/news_list01_1.png) no-repeat center;} .news_list01 .content .rect-62{padding-bottom:62%;} .news_list01 .content li .li_box{display:block; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #C5C8C4;;} .news_list01 .content li .info_{float:left; width:60%;} .news_list01 .content li .info_ .tit{font-size:0.24rem; line-height:0.33rem; color:#333; margin-top:0.3rem;transition:all 0.5s ease;} .news_list01 .content li .info_ .con{font-size:0.15rem; line-height:0.3rem; color:#666; margin:0.08rem 0 0.2rem;} .news_list01 .content li .info_ .date{font-size:0.16rem; line-height:0.26rem; color:#999999;} .news_list01 .content li .img_{width:30.7%; float:right;} .news_list01 .content li:hover .info_ .tit{color:#00525c} .news_list01 .content li img{transition:all 0.5s ease;} .news_list01 .content li:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .news_list01.main_content .content{overflow-y:auto; padding-right:0.2rem; height:65vh;} .news_list01.main_content .content::-webkit-scrollbar{width:.04rem; background:transparent;} .news_list01.main_content .content::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .news_list01.main_content .content::-webkit-scrollbar-track{background:transparent;} .news_list01 .content li.no_img .info_{width:100%;} .news_list01 .content li.no_img .img_{display:none;} body .select-ui-options-default{margin-top:4px;} body .select-ui-options li:hover, body .select-ui-options li.hover{background:#00525c;} /* 新闻详细 */ .news_detail01 .detail_l{width:70%;} .news_detail01 .l_box{background:none; height:100%; box-sizing:border-box; padding:0; /*padding-right:6%;*/} .news_detail01 .news_title{font-size:0.26rem; line-height:0.38rem; color:#333;margin-bottom:0.1rem; font-weight:bold;} .news_detail01 .l_tools{margin-bottom:0.4rem;line-height:20px;} .news_detail01 .l_tools span{display:inline-block;*display:inline;*zoom:1;font-size:0.14rem;color:#5a5a5a;} .news_detail01 .news_time{margin-right: 20px;} .news_detail01 .switcher .title{display:inline-block;*display:inline;*zoom: 1;vertical-align:middle;} .news_detail01 .news_text{font-size:0.16rem; line-height:1.8; color:#333;} .news_detail01 .detail_l{overflow-y:auto; width:100%;} .news_detail01 .detail_l::-webkit-scrollbar{width:.04rem; background:transparent;} .news_detail01 .detail_l::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .news_detail01 .detail_l::-webkit-scrollbar-track{background:transparent;} .news_detail01 .detail_r{width:98%; margin-right:2%; padding:0.2rem; box-sizing:border-box; margin-top:0.3rem; border-radius:0 20px 0 20px;} .news_detail01 .detail_r .btns{text-align:center; width:100%;} .news_detail01 .detail_r .btns .to_list{display:inline-block; color:#fff; padding:0 0.5rem; line-height:0.4rem; background:#00525c; margin-top:0.05rem;} .news_detail01 .detail_r .btns .prev{text-align:left; width:30%;} .news_detail01 .detail_r .btns .next{text-align:right; width:30%;} .news_detail01 .detail_r .btns i{margin:0;} .news_detail01 .detail_r .btns a:hover .con15{color:#d17a26;} /* 三世医学体系 start */ /* .ssyxtx .content{display:flex; flex-direction:column;} */ .ssyxtx .content .intro{flex:0 0 auto; margin-bottom:0.7rem;} .ssyxtx .content .intro .tit{font-size:0.62rem; text-align:center; font-family:"yffyt", sans-serif; margin-bottom:0.1rem; color:#333;} .ssyxtx .content .intro .con{font-size:0.16rem; line-height:0.3rem;} .ssyxtx .content ul{flex:1 1 auto; overflow-y:auto;} .ssyxtx .content ul::-webkit-scrollbar{width:.04rem; background:transparent;} .ssyxtx .content ul::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .ssyxtx .content ul::-webkit-scrollbar-track{background:transparent;} .ssyxtx .content .rect-6296{padding-bottom:62.96%;} .ssyxtx .content .item{display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin-bottom:0.4rem;} .ssyxtx .content .item:last-child{margin-bottom:0;} .ssyxtx .content .item .img_box{float:left; width:38%; } .ssyxtx .content .item .intro_box{float:right; width:58%;} .ssyxtx .content .item .intro_box .tit{font-size:0.24rem; font-weight:bold; color:#00525c; margin-bottom:0.05rem;} .ssyxtx .content .item .intro_box .con{font-size:0.16rem; line-height:0.3rem;} .ssyxtx .content .item.even .img_box{float:right;} .ssyxtx .content .item.even .intro_box{float:left; order:-1;} /* 三世医学体系 end */ /* 中医生活方式 start */ .zyshfs .content{overflow-y:auto;} .zyshfs .content::-webkit-scrollbar{width:.04rem; background:transparent;} .zyshfs .content::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .zyshfs .content::-webkit-scrollbar-track{background:transparent;} .zyshfs .content .item{display:flex; align-items:center; justify-content:space-around; margin-bottom:0.2rem;} .zyshfs .content .item:last-child{margin-bottom:0;} .zyshfs .content .item .left{width:48%;} .zyshfs .content .item .left .txt{font-size:0.16rem; line-height:0.3rem;} .zyshfs .content .item .right{width:42%;} .zyshfs .content .item .right .intro{border-width:32px 32px 32px 9px; border-style:solid; border-color:transparent; border-image-source:url(../img/shfs_border.png); border-image-slice:32 32 32 9 fill; border-image-width: 32px 32px 32px 9px; border-image-repeat:stretch;} .zyshfs .content .item .right .intro{position:relative; padding:.3rem .7rem .3rem .3rem; color:#fff;} .zyshfs .content .item .right .intro .tit{position:absolute; right:.2rem; top:50%; transform:translateY(-50%); font-weight:bold; font-size:0.24rem; width:1em; line-height:0.3rem;} .zyshfs .content .item .right .intro .con{font-size:0.14rem; line-height:0.28rem; text-align:center;} .zyshfs .content .item.even .right{order:-1;} .zyshfs .content .item.even .right .intro{border-width:32px 9px 32px 32px; border-style:solid; border-color:transparent; border-image-source:url(../img/shfs_border_1.png); border-image-slice:32 9 32 32 fill; border-image-width: 32px 9px 32px 32px; border-image-repeat:stretch;} .zyshfs .content .item.even .right .intro{padding:.3rem .3rem .3rem .7rem; color:#fff;} .zyshfs .content .item.even .right .intro .tit{left:.2rem; right:initial;} /* 中医生活方式 end */ /* 本草生活方式 start */ .bcshfs .rect-6296{padding-bottom:62.96%;} .bcshfs .content{padding-top:1.2rem; padding-top:12vh; overflow-y:auto;} .bcshfs .content::-webkit-scrollbar{width:.04rem; background:transparent;} .bcshfs .content::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .bcshfs .content::-webkit-scrollbar-track{background:transparent;} .bcshfs .item{display:flex; justify-content:space-evenly;} .bcshfs .item .img_box{width:38.6%;} .bcshfs .item .intro_box{width:33%; padding-top:0.2rem;} .bcshfs .item .intro_box .con{font-size:0.16rem; line-height:0.3rem; color:#333;} /* 本草生活方式 end */ /* 中医生活馆 start */ .zyshg .rect-745{padding-bottom:74.5%;} .zyshg .rect-3666{padding-bottom:36.667%;} .zyshg .content{padding:0.4rem 0.3rem;} .zyshg .content ul{display:flex; flex-flow:row wrap; border-radius:0 0.4rem 0 0.4rem; overflow:hidden; background:#00525c; box-shadow: 0px 10px 10px 0px rgba(0, 82, 92, 0.2);} .zyshg .item1, .zyshg .item2, .zyshg .item3{width:32.666%; margin-right:1%; margin-bottom:1%;} .zyshg .item3{margin-right:0;} .zyshg .item4, .zyshg .item5{width:49.5%; margin-right:1%;} .zyshg .item5{margin-right:0;} /* 中医生活馆 end */ /* 本草调养系列 start */ .bctyxl .rect-7135{padding-bottom:71.35%;} .bctyxl .content{padding-top:0.9rem;} .bctyxl .content ul{display:flex; align-items:center; flex-flow:row wrap;} .bctyxl .content .item{width:31.333333%; margin-right:3%; border-radius:0 0.4rem 0 0.4rem; overflow:hidden; box-shadow: 0px 10px 10px 0px rgba(0, 82, 92, 0.2);} .bctyxl .content .item:last-child{margin-right:0;} /* 本草调养系列 end */ /* 恒山黄芪基地 */ .hs_astr .title{font-size:0.62rem; line-height:0.8rem; color:#333333; font-family:'yffyt', sans-serif; text-align:center; margin-bottom:0.2rem;} .hs_astr .box{height:calc(100% - 0.9rem); overflow-y:auto; padding-right:0.1rem;} .hs_astr .box::-webkit-scrollbar{width:.04rem; background:transparent;} .hs_astr .box::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .hs_astr .box::-webkit-scrollbar-track{background:transparent;} .hs_astr .top_box .right{float:right; width:31.51%; position:relative;} .hs_astr .top_box .right .img{box-shadow:0px 10px 10px 0px rgba(0, 82, 92, 0.2); border-top-right-radius:0.4rem; border-bottom-left-radius:0.4rem;} .hs_astr .top_box .right .img img{width:100%;} .hs_astr .top_box .right .btns{width:0.7rem; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer;} .hs_astr .top_box .right .btns::after{content:''; position:absolute; left:-0.1rem; top:-0.1rem; width:0.9rem; height:0.9rem; border-radius:50%; background:rgba(255,255,255,0.5); animation:tantantan 1.5s linear infinite;} .hs_astr .top_box .right .btns::before{content:''; position:absolute; left:-0.1rem; top:-0.1rem; width:0.9rem; height:0.9rem; border-radius:50%; background:rgba(255,255,255,0.5); animation:tantantan 1.5s linear infinite .5s;} .hs_astr .top_box .left{float:left; width:65.8%; position:relative;} .hs_astr .t{font-size:0.16rem; line-height:0.3rem; color:#333333; text-align:justify;} .hs_astr .big_num{float:left; width:65.8%; font-size:0; text-align:center; margin-top:0.4rem;} .hs_astr .big_num li{display:inline-block; width:32.4%; margin-right:1.4%; } .hs_astr .big_num li:last-child{margin-right:0;} .hs_astr .big_num li .num_box{font-size:0.16rem; line-height:0.3rem; color:#333333;} .hs_astr .big_num li .num_box .num{font-size:0.4rem; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; color:#00525c;} .hs_astr .big_num li .num_t{font-size:0.16rem; line-height:0.3rem; color:#333333;} .hs_astr .bott_box{margin-top:0.35rem;} @keyframes tantantan{ 0%{ transform:scale(0.8); opacity:1; } 100%{ transform:scale(1.5); opacity:0; } } /* 恒山黄芪基地 end */ /* 首页 start */ .ipart .common_itit{display:inline-block; font-size:0.86rem; line-height:1rem; color:#f6e1b2; font-family:"yffyt", sans-serif; text-align:center; letter-spacing:-0.1em; background:url(../img/ipart_tit_bg.jpg) no-repeat center bottom/cover; -webkit-background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0rem .06rem .1rem rgba(0, 0, 0, 0.3))} .ipart .common_btn{display:inline-block; font-size:.16rem; padding:0 .24rem; color:#ffe9c1; line-height:.14rem; border:.18rem solid transparent; border-image:url(../img/common_btn_border.png) 18 18 repeat;} .ipart .common_btn i{font-size:.18rem; font-weight:bold; margin:0; vertical-align:bottom; transition:all .5s ease;} .ipart .common_btn:hover i{transform:translateX(.05rem);} .ibanner{position:relative;} .ibanner .swiper-slide{position:relative;} .ibanner .swiper-slide .img_box{height:100vh; width:100vw;} .ibanner .swiper-slide .img_box img{width:100%; height:100%; object-fit:cover; object-position:bottom;} .ibanner .swiper-slide .img_box video{width:100%; height:100%; object-fit:cover; min-width:100%; min-height:100%;} .ibanner .swiper-slide .intro_box{position:absolute; bottom:5.74rem; left:0; right:0; text-align:center; z-index:1;} .ibanner .swiper-slide.video_slide .intro_box{display:none;} .ibanner .swiper-slide .intro_box .tit{font-size:1.2rem; line-height:1.4rem; letter-spacing:-0.1em; font-family:"yffyt", sans-serif; color:#000; margin-bottom:0.2rem; text-shadow: 0px 6px 10px rgba(255, 255, 255, 0.5);} .ibanner .swiper-slide .intro_box .con{position:relative; font-size:0.18rem; line-height:0.36rem; width:6.4rem; margin:0 auto;} .ibanner .swiper-slide .intro_box .con::after{content:""; position:absolute; right:-0.7rem; top:-0.1rem; width:0.54rem; height:1.13rem; background:url(../img/ibanner_ico.png) no-repeat center/contain;} .ibanner .wrap{position:relative; height:100%;} .ibanner .swiper-tools{position:absolute; right:0; bottom:0.34rem; z-index:5; display:flex; align-items:center;} .ibanner .swiper-tools .swiper-pagination{position:static; display: flex; justify-content: center; align-items: center; } .ibanner .swiper-tools .swiper-button-prev, .ibanner .swiper-tools .swiper-button-next{outline:none; position:static; background:none; width:auto; height:auto; margin-top:0;} .ibanner .swiper-tools .iconfont{margin:0; font-size:0.24rem; color:#fff; outline:none;} /* button style */ .ibanner .swiper-pagination-bullet{position: relative; display: flex; justify-content: center; align-items: center; width: auto; height: auto; margin: 0 10px; background-color: transparent; border-radius: 50%; cursor: pointer; transition: 0.3s; opacity:1;} .ibanner .swiper-pagination-bullet span{background: #fff; height:8px; width:8px; border-radius:50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition:all .5s ease;} /* button circle */ .ibanner .progress { transform: rotate(-90deg); } .ibanner .circle-origin { fill: transparent; stroke: rgb(255, 255, 255); stroke-width:2; stroke-linecap: round; stroke-dasharray: 69.115px; stroke-dashoffset: 69.115px; } .ibanner .circle-bg {display:none; opacity:0; fill: transparent; stroke: rgba(255, 255, 255, 0.3); stroke-width:2; transition:all .5s ease;} .ibanner .swiper-pagination-bullet-active .circle-origin { animation: progress 5s linear; stroke: #fffa9d;} .ibanner .swiper-pagination-bullet-active .circle-bg{opacity:1;} .ibanner .swiper-pagination-bullet-active span{background: #fffa9d;} @keyframes progress { 0% { stroke-dashoffset: 69.115px; } 100% { stroke-dashoffset: 0; } } .ipart01{padding:0.9rem 0 2.9rem; background:url(../img/ipart01_bg.jpg) no-repeat bottom/cover;} .ipart01 .infor{text-align:center; margin-bottom:1.1rem;} .ipart01 .content .rect-156{padding-bottom:156%;} .ipart01 .content ul{display:flex; justify-content:space-between;} .ipart01 .content .item{display:flex; padding-left:0.2rem; box-sizing:border-box;} .ipart01 .content .item>a{display:flex; align-items:center;} .ipart01 .content .item .img_box{width:2.75rem;} .ipart01 .content .item .intro_box{display:flex; margin-right:0.54rem; align-items:center;} .ipart01 .content .item .intro_box .tit{position:relative; display:inline-block; writing-mode: vertical-lr; font-size:0.36rem; color:#000; font-weight:bold; line-height:0.42rem; margin-right:0.48rem;} .ipart01 .content .item .intro_box .tit::before{content:""; position:absolute; top:-0.4rem; left:-0.1rem; width:0.19rem; height:0.25rem; border-top:5px solid #000; border-left:5px solid #000;} .ipart01 .content .item .intro_box .tit::after{content:""; position:absolute; bottom:-0.4rem; right:-0.1rem; width:0.19rem; height:0.25rem; border-bottom:5px solid #000; border-right:5px solid #000;} .ipart01 .content .item .intro_box .con{position:relative; writing-mode: vertical-lr; font-size:0.16rem; line-height:0.2rem; color:#000;} .ipart01 .content .item .intro_box .con::before{content:""; position:absolute; top:0; bottom:0; left:-0.16rem; width:2px; background:#000;} .ipart02{background:url(../img/ipart02_bg.jpg) no-repeat bottom/cover; padding:2rem 0 0.5rem;} .ipart02 .tabs{width:8.9rem; margin: 0 auto;} .ipart02 .tabs ul{display:flex; justify-content:space-between;} .ipart02 .tabs .item{position:relative; display:block; line-height:0.66rem; width:2.22rem; font-size:0.26rem; color:#f1c760; text-align:center; background:url(../img/ipart02_btn_bg.png) no-repeat center/contain; cursor:pointer;} .ipart02 .tabs .item::before{content:""; opacity:0; visibility:hidden; transform:all .5s ease; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; z-index:1; background:url(../img/ipart02_btn_border.png) no-repeat center/contain;} .ipart02 .tabs .item.cur::before, .ipart02 .tabs .item:hover::before{opacity:1; visibility:visible;} .ipart02 .tabs{margin-bottom:0.78rem;} .ipart02 .content .item{display:none;} .ipart02 .content .item.cur{display:flex;} .ipart02 .content .item .img_box{position:relative; width:38.4%;} .ipart02 .content .item .bg_cover{text-align:center; width:6.14rem; margin:0 auto; position:relative; z-index:7;} .ipart02 .content .item .bg_cover img{width:100%;} .ipart02 .content .item .bg{position:absolute; left:50%; top:0; transform:translateX(-50%); width:5.1rem; z-index:5;} .ipart02 .content .item .bg img{width:100%;} .ipart02 .content .item .img_{position:absolute; left:50%; bottom:19.8%; transform:translateX(-50%); width:82%;} .ipart02 .content .item .intro_box{width:40%; margin-right:10%; padding-top:0.3rem;} .ipart02 .content .item .intro_box .tit{margin-bottom:0.2rem;} .ipart02 .content .item .intro_box .con{font-size:0.16rem; line-height:0.3rem; color:#fff; margin-bottom:0.4rem;} .ipart03{background:url(../img/ipart03_bg.jpg) no-repeat bottom/cover; padding:.7rem 0 1.8rem;} .ipart03 .infor{margin-bottom:0.6rem; text-align:center;} .ipart03 .content .rect-6738{padding-bottom:67.386%;} .ipart03 .content ul{border:.7rem solid transparent; border-image: url(../img/ipart03_border.png) 70 70 repeat; margin-bottom:.5rem;} .ipart03 .content .item{float:left; width:29%; margin-right:6.5%;} .ipart03 .content .item>a{display:block;} .ipart03 .content .item:last-child{margin-right:0;} .ipart03 .content .item .img_box{position:relative; margin-bottom:.35rem;} .ipart03 .content .item .img_box::after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:url(../img/pic_border.png) no-repeat center/contain;} .ipart03 .content .item .img_box img{clip-path:url(#border_clip);} .ipart03 .content .item .intro_box{padding:0 .2rem; color:#fff; transition:all .5s ease;} .ipart03 .content .item .intro_box .date{font-size:.16rem; margin-bottom:.05rem;} .ipart03 .content .item .intro_box .tit{font-size:.16rem; line-height:.28rem; height:.56rem; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;} .ipart03 .content .item:hover .intro_box{color:#ffe9c1;} .ipart03 .content .btns{text-align:center;} /* 首页 end */ .news_list01 .content li .img_{position:relative;} .news_list01 .content li .img_::after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:url(../img/pic_border.png) no-repeat center/100% 100%;} .news_list01 .content li img{clip-path:url(#border_clip); transform:none!important;} .border_svg{height:0; position:absolute;} .idea_detail .main_content .content{display:flex; flex-direction:column;} .idea_detail .content .tit{text-align:center; font-size:0.6rem; line-height:0.7rem; font-family:"yffyt", sans-serif; color:#333; margin-bottom:0.1rem;} .idea_detail .content .txt{font-size:0.2rem; line-height:0.3rem; color:#333333; text-align:center; margin-bottom:0.4rem;} .idea_detail .content .con{font-size:0.16rem; line-height:0.3rem; color:#333333; overflow-y: auto;} .idea_detail .content::-webkit-scrollbar{width:.04rem; background:transparent;} .idea_detail .content::-webkit-scrollbar-thumb{border-radius:.02rem; background:rgba(1, 82, 93, 0.7);} .idea_detail .content::-webkit-scrollbar-track{background:transparent;} /* 百年老店 */ .bainian.history .pc_ .stage_item .cont .widget{display:none;} .bainian.history .pc_ .stage_item .cont .year_item:first-child::before{display:none;} .history .pc_ .indicators .indi_item.active .txt{color:#07525b; font-weight:bold;} .astragalus .main_content .content{overflow-y:hidden;} .hs_astr .main_content .content{overflow-y:hidden;} .header::after{right:initial; bottom:initial; height:150%; width:100%; } .ipart01 .swiper-button-next{outline:none; display:none; opacity:0.5; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .ipart01 .swiper-button-prev{outline:none; display:none; opacity:0.5; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .bout_medicine .content .box li .img_box .bg{opacity:0;} .bout_medicine .content .box li .t{margin-top:-0.2rem;} .classicsMedi_list .content .box li a{background:none; border:.2rem solid transparent; border-image:url(../img/bout_medicine_border.png) 20 20 repeat; position:relative; z-index:1;} .classicsMedi_list .content .box li .t{color:#00525c; padding-top:0; padding-bottom:0;} .classicsMedi_list .content .box li::before{opacity:0.6;} .classicsMedi_detail .right .img_{filter:drop-shadow(0px 10px 3px rgba(0,0,0,0.3));} .classicsMedi_detail .right .img_ img{transform:scale(0.8); transform-origin:bottom;} /* 2023-1108 1108补充页实现及修改*/ /* 国博中医药文化展列表 */ .culture_exhibition01 .title{text-align:center; font-size:0.26rem; line-height:0.38rem; color:#333; font-weight:bold;} .culture_exhibition01 .content{padding-right:0.2rem;} .culture_exhibition01 .intro_content{margin-top:0.35rem;} .culture_exhibition01 .intro_content .lunbo{position:relative; margin-bottom:0.1rem; padding:0 50px;} .culture_exhibition01 .intro_content .lunbo .rect-70{padding-bottom:70%; border-radius:10px;} .culture_exhibition01 .intro_content .lunbo .item{display:none;} .culture_exhibition01 .intro_content .lunbo .owl-item .item{display:block;} .culture_exhibition01 .intro_content .lunbo .item .txt{transition:0.5s ease; font-size:0.16rem; line-height:0.3rem; color:#333; margin:0.17rem 0;} .culture_exhibition01 .intro_content .lunbo .item:hover .txt{color:#26687e;} .culture_exhibition01 .intro_content .lunbo .item img{transition:all 0.5s ease;} .culture_exhibition01 .intro_content .lunbo .item:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .culture_exhibition01 .intro_content .lunbo_btn>div{width:46px; height:46px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:45%; margin-top:-23px;} .culture_exhibition01 .intro_content .lunbo_btn .owl-prev {left:0;background:url(../img/jt01.png) no-repeat center; background-size:cover;} .culture_exhibition01 .intro_content .lunbo_btn .owl-next {right:0;background:url(../img/jt02.png) no-repeat center;background-size:cover;} .culture_exhibition01 .intro_content .lunbo_btn .owl-prev:hover {background:url(../img/jt01_on.png) no-repeat center;background-size:cover;} .culture_exhibition01 .intro_content .lunbo_btn .owl-next:hover {background:url(../img/jt02_on.png) no-repeat center;background-size:cover;} .culture_exhibition01 .intro_content .lunbo_btn>div.disabled{display:none;} /* 公共列表 */ .common_list li{width:48%; margin-right:4%; float:left; line-height:0.7rem; border-bottom:2px dotted #608D9A; } .common_list li:nth-child(2n){margin-right:0;} .common_list li a{display:block; font-size:0.18rem; color:#26687e; padding:0 0.3rem;} .common_list li.cur{border-bottom-color:transparent;} .common_list li.cur a{color:#fff; background:linear-gradient(to right,#368084, transparent);} /* 公共列表 end */ /* 广盛原之歌 */ .song01 .video_box{width:85%; margin:0 auto; position:relative;} .song01 .video_box .rect-45{padding-bottom:56%; border-radius:0 0.4rem 0 0.4rem;} .song01 .video_box video{width:100%;} .song01 .video_box .play_btn{width:0.81rem; height:0.81rem; background:url(../img/song01_2.png) no-repeat center; background-size:cover; position:absolute; right:0.75rem; top:50%; transform:translateY(-50%); cursor:pointer;} .song01 .video_box .intro{width:50%; position:absolute; left:0.5rem; top:50%; transform:translateY(-50%); color:#fff;} .song01 .video_box .intro .tit{font-size:0.3rem; line-height:0.36rem; font-weight:bold;} .song01 .video_box .intro .con{font-size:0.2rem; line-height:0.3rem; margin-top:0.17rem;} /* 智能制造车间 */ .workshop01 .hd .item{display:inline-block; font-size:0.16rem; color:#00525c; font-weight:bold; height:0.5rem; line-height:0.5rem; width:1.77rem; padding-left:0.22rem; box-sizing:border-box; transition:0.5s ease; margin-right:15px; background:#fcfdfd; border-radius:10px; cursor:pointer;} .workshop01 .hd .item .icon{display:inline-block; vertical-align:middle; width:23px; height:24px; background-position:0 -24px; margin-right:8px;} .workshop01 .hd .item.cur{color:#fff; background:#00525c;} .workshop01 .hd .item.cur .icon{background-position:0 0;} .workshop01 .content{margin-top:0.4rem;} .workshop01 .bd .item{display:none;} .workshop01 .bd .item.cur{display:block;} .workshop01 .bd .item01{font-size:0.16rem; line-height:0.3rem; color:#333;} .workshop01 .bd .item02{padding-right:10px;} .workshop01 .bd .item02 .li_{width:70%; margin:0 auto; position:relative;} /* .workshop01 .bd .item02 .li_three{margin-right:0;} */ .workshop01 .bd .item02 .li_ .rect-69{padding-bottom:56%; border-radius:10px; box-shadow: 0px 10px 10px 0px rgba(0, 82, 92, 0.2);} .workshop01 .bd .item02 .li_ video{width:100%;} .workshop01 .bd .item02 .li_ .play{width:0.81rem; height:0.81rem; background:url(../img/play.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-size:cover; cursor:pointer;} .workshop01 .bd .item02 .li_ .intro{margin-top:0.2rem;} .workshop01 .bd .item02 .li_ .intro .t{font-size:0.16rem; line-height:0.3rem; color:#333; padding:0 5px; transition:0.5s ease; display:none;} .workshop01 .bd .item02 .li_ img{transition:all 0.5s ease;} .workshop01 .bd .item02 .li_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .workshop01 .bd .item02 .li_:hover .intro .t{color:#00525c;} .workshop01 .bd .item03{padding-right:10px;} .workshop01 .bd .item03 .li_{width:31%; float:left; margin-right:3.5%; margin-bottom:3%; position:relative; cursor:pointer} .workshop01 .bd .item03 .li_three{margin-right:0;} .workshop01 .bd .item03 .li_ .rect-69{padding-bottom:68%; border-radius:10px; box-shadow: 0px 10px 10px 0px rgba(0, 82, 92, 0.2);} .workshop01 .bd .item03 .li_ .play{width:0.81rem; height:0.81rem; background:url(../img/play.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-size:cover; cursor:pointer;} .workshop01 .bd .item03 .li_ .intro{margin-top:0.2rem;} .workshop01 .bd .item03 .li_ .intro .t{font-size:0.16rem; line-height:0.3rem; color:#333; padding:0 5px; transition:0.5s ease;} .workshop01 .bd .item03 .li_ img{transition:all 0.5s ease;} .workshop01 .bd .item03 .li_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .workshop01 .bd .item03 .li_:hover .intro .t{color:#00525c;} body .album_ordinary .album_close{background:#00525c;} /* 创新荣誉 */ .honor01 .content .text{font-size:0.16rem; line-height:0.3rem; color:#333333;} .honor01 .content .img_content{background:rgba(255,255,255,.3); padding:0.3rem; margin-top:0.2rem;} .honor01 .tea_case{width:100%;} .honor01 .hon_con_case{width:100%; position:relative;} .honor01 .hon_con_case > div{display:none; position:relative;} .honor01 .hon_con_case > div:first-child{display:block;} .honor01 .hon_con_box{float:left; width:70%; position:relative; margin-top:0.5rem;} .honor01 .hon_con_box .swiper-container{padding-bottom:120px; position:relative;} .honor01 .hon_con_box .swiper-slide{opacity:0.9; transition:all .5s ease-in;} .honor01 .hon_con_box .swiper-slide.active{opacity:1;} .honor01 .hon_con_box .swiper-container-3d{perspective:350px;} .honor01 .hon_con_box .swiper-slide> div{width:100%; position:relative;} .honor01 .hon_con_box .swiper-slide> div > img{display:block; max-width:450px; margin:0 auto;} .honor01 .hon_name{text-align:center; margin-top:15px; color:#222; font-size:0.16rem; line-height:0.3rem; opacity:0; transition:all .5s ease-in; position:absolute; left:0; top:100%; width:100%; font-weight:bold;} .honor01 .hon_con_box .swiper-slide.active .hon_name{opacity:1;} .honor01 .hon_name_box{width:23.5%; float:right; padding:30px 0; position:relative; z-index:1;} .honor01 .hon_name_box .swiper-slide{width:98%; margin:0 auto; height:auto!important;} .honor01 .hon_name_text{font-size:0.16rem; line-height:0.5rem; height:0.5rem; text-align:center; color:#222; transition:all 0.5s ease;} .honor01 .hon_name_box .active-nav .hon_name_text{font-weight:bold; border-radius:30px; font-weight:bold; padding:0 15px;} .honor01 .hon_name_box .swiper-container{height:1.9rem; overflow:hidden; padding-bottom:15px; padding-top:10px;} .honor01 .hon_name_box .swiper-slide{cursor:pointer;} .honor01 .hon_name_box .swiper-button-prev, .honor01 .hon_name_box .swiper-button-next{outline:none; background-image:none; font-size:18px; width:100%; text-align:center; margin:0; color:#000;} .honor01 .hon_name_box .swiper-button-prev{ position:absolute; top:0; left:50%; width:14px; height:7px; background:url(../img/widgets_xc_honor_5_prev.png) no-repeat center; margin-left:-9px;} .honor01 .hon_name_box .swiper-button-next{position:absolute; bottom:0; left:50%; width:14px; height:7px; background:url(../img/widgets_xc_honor_5_next.png) no-repeat center; margin-left:-9px; top:auto;} /* 科研合作 */ .coop01 .content .item{width:46%; margin-right:4%; float:left; margin-bottom:0.5rem;} .coop01 .content .item a{cursor:default;} .coop01 .content .item_link a{cursor:pointer;} .coop01 .content .item .rect-59{padding-bottom:59%; border-radius:0 40px 0 0;} .coop01 .content .item .box{display:block;} .coop01 .content .item .info_{background:#ffe9c1; color:#000; padding:0.15rem 0.2rem; padding-right:1rem; transition:0.5s ease; position:relative;} .coop01 .content .item .info_ .box .t{font-size:0.16rem; line-height:0.25rem; height:0.5rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .coop01 .content .item img{transition:all 0.5s ease;} .coop01 .content .item:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .coop01 .content .item:hover .info_{background:#00525c; color:#fff;} /* 有链接的话 */ .coop01 .content .item_link .info_:after{content:''; width:32px; height:32px; background:url(../img/link.png) no-repeat center; position:absolute; right:0.24rem; top:50%; transform:translateY(-50%); transition:0.5s ease;} .coop01 .content .item_link:hover .info_:after{background:url(../img/link_on.png) no-repeat center;} /* 道地药材保护 */ .medicine_protect01 .content .text{font-size:0.16rem; line-height:0.3rem; color:#333;} .medicine_protect01 .content .img_list {margin-top:0.5rem;} .medicine_protect01 .content .img_list .item{width:46%; margin-right:4%; float:left; margin-bottom:0.5rem;} .medicine_protect01 .content .img_list .item .rect-59{padding-bottom:59%; border-radius:10px; box-shadow: 0px 10px 10px 0px rgba(0, 82, 92, 0.2);} .medicine_protect01 .content .img_list .item .info{color:#000; padding:0.15rem 0.2rem; transition:0.5s ease; position:relative;} .medicine_protect01 .content .img_list .item .info .box .t{font-size:0.16rem; line-height:0.25rem; height:0.5rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .medicine_protect01 .content .img_list .item img{transition:all 0.5s ease;} .medicine_protect01 .content .img_list .item:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .medicine_protect01 .content .img_list .item:hover .info_{background:#00525c; color:#fff;} /* 传统文化弘扬 */ .traditional_culture01 .list .rect-70{padding-bottom:70%; border-radius:10px;} .traditional_culture01 .list .item{float:left; width:31.333%; margin-right:2%; margin-bottom:2%;} .traditional_culture01 .list .item .txt{transition:0.5s ease; font-size:0.16rem; line-height:0.3rem; color:#333; margin:0.17rem 0;} .traditional_culture01 .list .item:hover .txt{color:#26687e;} .traditional_culture01 .list .item img{transition:all 0.5s ease;} .traditional_culture01 .list .item:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} /* 五行品类规划1-2 */ .five_planning01 .content {display:flex; flex-direction:column;} .five_planning01 .content .info{text-align:center; margin-bottom:0.1rem;} .five_planning01 .content .info .tit{display:inline-block; vertical-align:0; font-size:0.62rem; margin-right:0.1rem; font-family:"yffyt", sans-serif;;} .five_planning01 .content .info .con{display:inline-block; vertical-align:-3px; font-size:0.24rem; line-height:0.3rem; color:#333; font-weight:bold;} .five_planning01 .content .info .con span{display:block;} /* 五行品类规划1-1 */ .five01 .content .img_box{padding-top:1.1rem;;} .five01 .content .img_box .img_{width:4.7rem; margin:0 auto; position:relative; height:4.39rem;} .five01 .content .img_box .img_>img{position:absolute; left:0; top:0; width:100%; height:100%;} .five01 .content .img_box ul li{position:absolute; border-radius:10px;} .five01 .content .img_box ul li .box{color:#042d3a; display:flex; align-items:center; padding:0.1rem 0.2rem; transition:color 0.5s ease} .five01 .content .img_box ul li .box .t{font-size:0.46rem; font-weight:bold; margin-right:0.2rem;;} .five01 .content .img_box ul li .box .c{font-size:0.2rem; line-height:0.3rem;} .five01 .content .img_box ul li .box .c span{display:block;} .five01 .content .img_box ul li:hover{background:url(../img/five01_2.png) no-repeat center; background-size:cover;} .five01 .content .img_box ul li:hover .box{color:#fff; } .five01 .content .img_box ul li:nth-child(2) .box, .five01 .content .img_box ul li:nth-child(3) .box{flex-direction:row-reverse} .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; margin-left:0.2rem;;} /* 百年老店体验 */ .old_shop01 .info {margin-bottom:0.5rem;} .old_shop01 .info .t{font-size:0.26rem; line-height:0.3rem; text-align:center; color:#333; font-weight:bold; margin-bottom:0.2rem;} .old_shop01 .info .c{font-size:0.16rem; line-height:0.3rem; color:#333;} /* .news_detail01.no .detail_l{width:100%;} .news_detail01.no .detail_r{display:none;} */ /* 本草生活 */ .life01 .content .hd{width:53%; margin:0 auto 0.6rem;} .life01 .content .hd .rect-56{padding-bottom:56%;} .life01 .content .hd .rect-56:after{content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4))} .life01 .content .hd li{display:none;} .life01 .content .hd li.cur{display:block} .life01 .content .hd li .intro{position:absolute; width:100%; bottom:35px; left:0; z-index:1;} .life01 .content .hd li .intro .txt{padding:0 20px; font-size:14px; line-height:25px; color:#fff;} .life01 .content .bd .bd_content{padding:0 64px; position:relative;} .life01 .content .bd_content .item{display:none; background:#fff; cursor:pointer; transition:.3s ease;} .life01 .content .bd_content .owl-item .item{display:block;} .life01 .content .bd_content .item .rect-51{padding-bottom:51%;} .life01 .content .bd_content .item .box{padding:20px 20px 10px;} .life01 .content .bd_content .item .box .txt{font-size:14px; line-height:30px; padding:7px 0; color:#010101; text-align:center; transition:.3s ease;} .life01 .content .bd_content .cur .item{background:#00525c;} .life01 .content .bd_content .cur .item .box .txt{color:#fff; font-weight:bold;} .life01 .content .bd_content .life_btn>div{width:46px; height:46px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:45%; margin-top:-23px;;} .life01 .content .bd_content .life_btn .owl-prev {left:0;background:url(../img/jt01.png) no-repeat center; background-size:cover;} .life01 .content .bd_content .life_btn .owl-next {right:0;background:url(../img/jt02.png) no-repeat center;background-size:cover;} .life01 .content .bd_content .life_btn .owl-prev:hover {background:url(../img/jt01_on.png) no-repeat center;background-size:cover;} .life01 .content .bd_content .life_btn .owl-next:hover {background:url(../img/jt02_on.png) no-repeat center;background-size:cover;} .life01 .content .bd_content .life_btn>div.disabled{display:none;} /* 2023-1115 */ .search-alert{display:none;} .history .pc_ .stages .swiper_btns .swiper_btn{width:46px; height:46px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:45%; margin-top:-23px; outline:none;} .history .pc_ .stages .swiper_btns .swiper-button-prev {left:0;background:url(../img/jt01.png) no-repeat center; background-size:cover;} .history .pc_ .stages .swiper_btns .swiper-button-next {right:0;background:url(../img/jt02.png) no-repeat center;background-size:cover;} .history .pc_ .stages .swiper_btns .swiper-button-prev:hover {background:url(../img/jt01_on.png) no-repeat center;background-size:cover;} .history .pc_ .stages .swiper_btns .swiper-button-next:hover {background:url(../img/jt02_on.png) no-repeat center;background-size:cover;} /* 2023-1125 */ .history .pc_ .stages{padding:0 2%;} .history .pc_ .stage_item .cont{margin-top:0.5rem;} .history .pc_ .stage_item .cont .widget{margin-right:10px; position:absolute; left:0; top:-0.45rem;} .history .pc_ .stage_item .cont .widget .period{transform:none; left:0; top:0; font-size:0.3rem;} .history .pc_ .stage_item .cont .year_item:first-child::before{margin-top:-31px; left:4px;} /* 2023-1127 */ .idea_detail .hd {text-align:center; margin-bottom:0.4rem;} .idea_detail .hd .item{display:inline-block; font-size:0.16rem; color:#00525c; font-weight:bold; height:0.5rem; line-height:0.5rem; width:1.77rem; box-sizing:border-box; transition:0.5s ease; margin-right:15px; background:#fcfdfd; border-radius:10px; cursor:pointer;} .idea_detail .hd .item a{display:block;} .idea_detail .hd .item.cur{color:#fff; background:#00525c;} .ipart1{padding:1.5rem 0 2.4rem; background:url(../img/ipart01_bg.jpg) no-repeat bottom/cover;} .ipart1 .infor{text-align:center; display:none;} .ipart1{position: relative;} .ipart1 .rect-242{padding-bottom:176%; border-radius:10px;} .ipart1 .rect-59{padding-bottom:66.5%; border-radius:10px} .ipart1 .wrap{width:92.7%;} .ipart1 .item{position:relative; float:left; width:21.25%; height: 100%; margin-left: 0.575%; transition:all .6s ease; overflow:hidden;} .ipart1 .item:first-child{margin-left: 0;} .ipart1 .item .img_box{position:relative; width: 100%; height:100%; overflow:hidden;} .ipart1 .item .img_cover{position:relative; opacity:1; max-width:none; width:100%; transition:opacity 0.2s ease 0.4s; z-index:2;} .ipart1 .item .img_full{position:absolute; top:0; left:0; width:100%; opacity:1; max-width:none; height:100%; transition:opacity 0.1s ease 0.1s; z-index:1;} .ipart1 .item .txt_box{position:absolute; top:0; left:0; width: 100%; height:100%; z-index: 10;} .ipart1 .item .txt_cover{position:absolute; top:50%; left:50%; width: 100%; transform:translate(-50%, -50%); text-align: center;} .ipart1 .item .txt_cover .tit{color: #fff; font-size:0.48rem; line-height:0.48rem; font-family:'yffyt', sans-serif;} .ipart1 .item .txt_cover .con{color: #fff; margin-top:0.08rem; font-size:0.16rem;} .ipart1 .item .txt_full{position:absolute; top:50%; transform:translateY(-50%); left:0.6rem; right:0.36rem; width:8rem; opacity:0; } .ipart1 .item .txt_full .tit{margin-top: 0.24rem; font-size: 0.6rem; line-height:0.6rem; font-family:'yffyt', sans-serif; color: #fff;} .ipart1 .item .txt_full .con{margin-top:0.16rem; color: #fff;} .ipart1 .item .txt_full .txt{ margin-top:0.35rem; font-size:0.14rem; line-height:0.24rem; color: #fff;} .ipart1 .item.on{width: 56.35%; transition:all .6s ease;} .ipart1 .item.on .img_cover{opacity:0; transition:opacity 0s ease;} .ipart1 .item.on .img_full{opacity:1;} .ipart1 .item.on .txt_cover{display:none;} .ipart1 .item.on .txt_full{opacity:1; transition:all .8s ease;} /* 野山芪 */ .ysq01 .hd_l{width:40%; float:left; color:#090909; font-weight:bold;} .ysq01 .hd_l .tit{font-size:0.48rem; line-height:0.48rem; margin-top:1rem;} .ysq01 .hd_l .con{font-size:0.3rem; line-height:0.4rem; margin-top:0.25rem;} .ysq01 .hd_r{width:49%; float:right;} .ysq01 .bd{margin-top:0.3rem;} .ysq01 .bd .item {margin-bottom:0.5rem;} .ysq01 .bd .item .title{font-size:0.24rem; line-height:0.3rem; color:#00525c; font-weight:bold; margin-bottom:0.4rem;} .ysq01 .bd .item .intro{margin-bottom:0.3rem;} .ysq01 .bd .item .intro .pic{float:left; width:38.5%;} .ysq01 .bd .item .intro .txt{float:right; width:55%; font-size:0.16rem; line-height:0.3rem; color:#333333; margin-top:0.25rem;} .ysq01 .bd .item.no_img .title{margin-bottom:0.2rem;} .ysq01 .bd .item.no_img .intro .pic{display:none;} .ysq01 .bd .item.no_img .intro .txt{width:100%; margin-top:0;} .ysq01 .bd .item .tips .tit{font-size:0.18rem; line-height:0.3rem; color:#00525c; font-weight:bold; margin-bottom:0.3rem;} .ysq01 .bd .item .tips .tit span{display:inline-block; margin-right:5px; vertical-align:middle;} .ysq01 .bd .item .tips .con .con_l{width:55%; float:left; font-size:0.16rem; line-height:0.3rem; color:#333;} .ysq01 .bd .item .tips .con .con_r{float:right; width:41%;} /* .ysq01 .bd .item .tips .con .con_r .img_{box-shadow: 0px 10px 10px 0px rgba(0, 82, 92, 0.2);} */ .ysq01 .bd .item .tips .con .con_r .text{font-size:0.18rem; line-height:0.3rem; color:#00525c; font-weight:bold; text-align:center; margin-top:0.25rem;} /* 2023-1207 */ /* 本草食芄 */ .medica_new01 .hd {font-size:0; margin-bottom:0.4rem;} .medica_new01 .hd .item{display:inline-block; margin-right:0.16rem; width:1.8rem; height:0.5rem; line-height:0.5rem; border-radius:10px; font-size:16px; color:#00525c; background:#fff; font-weight:bold; text-align:center;} .medica_new01 .hd .item.cur{background:#00525c; color:#fff;} .medica_new01 .hd .item a{display:block;} .medica_new01 .bd .pt01 .img_{margin-bottom:0.5rem;} .medica_new01 .bd .pt01 .txt{font-size:0;} .medica_new01 .bd .pt01 .txt_l{width:20%; display:inline-block; padding-left:4%; vertical-align:middle;} .medica_new01 .bd .pt01 .txt_r{width:76%; font-size:0.16rem; line-height:0.3rem; color:#333;display:inline-block; vertical-align:middle} .medica_new01 .bd .pt01 .txt_r span{font-size:0.22rem; color:#00525c; font-weight:bold;} .medica_new01 .bd .pt02{margin:0.6rem 0;} .medica_new01 .bd .pt03 .rect-1275{padding-bottom:127%;} .medica_new01 .bd .pt03 .rect-65{padding-bottom:65%;} .medica_new01 .bd .pt03 .left{width:28%; float:left;} .medica_new01 .bd .pt03 .left .img_{text-align:center; margin-bottom:0.2rem;border-radius:10px; padding:0 0.6rem;} .medica_new01 .bd .pt03 .left .img_ img{border-radius:10px;} .medica_new01 .bd .pt03 .left .txt_{font-size:0.16rem; line-height:0.3rem; color:#333; text-align:center;} .medica_new01 .bd .pt03 .left .txt_ span{display:block;} .medica_new01 .bd .pt03 .right{width:70%; float:right;} .medica_new01 .bd .pt03 .right .item{width:48.5%; float:left; margin-right:3%; } .medica_new01 .bd .pt03 .right .item:last-child{margin-right:0;} .medica_new01 .bd .pt03 .right .item img{border-radius:10px;} .medica_new01 .bd .pt03 .right .r_bott{font-size:0.16rem; line-height:0.3rem; color:#333; margin-top:0.2rem; padding:0 0.45rem;} .medica_new01 .bd .pt03 .right .r_bott span{font-size:0.22rem; color:#00525c; font-weight:bold;} .medica_new01 .bd .pt04{margin-top:0.9rem;} .medica_new01 .bd .pt04 .left{width:70%; float:left;} .medica_new01 .bd .pt04 .left .txt{font-size:0.16rem; line-height:0.3rem; color:#333; margin-top:0.2rem; padding:0 0.45rem;} .medica_new01 .bd .pt04 .left span{font-size:0.22rem; color:#00525c; font-weight:bold;} .medica_new01 .bd .pt04 .left em{float:left; margin-top:-0.6rem; margin-right:5px;} .medica_new01 .bd .pt04 .right{float:right; margin-top:-0.6rem; width:25%;} .medica_new01 .bd .pt05{margin-top:0.6rem;} .medica_new01 .bd .pt05 .img_ img{border-radius:10px;} .medica_new01 .bd .pt05 .txt{font-size:0.16rem; line-height:0.3rem; color:#333; margin-top:0.2rem; margin-top:0.35rem;} .medica_new01 .bd .pt05 .txt span{font-size:0.22rem; color:#00525c; font-weight:bold;} .medica_new01 .bd .pt06{margin-top:0.4rem;} .medica_new01 .bd .pt06 .item{width:32%; float:left; margin-left:2%;} .medica_new01 .bd .pt06 .item:first-child{margin-left:0;} .medica_new01 .bd .pt06 .item img{border-radius:10px;} /* 本草食芄2 */ .medica_new2_01 .bd .li_{width:30%; float:left; margin-right:5%; margin-bottom:0.3rem;} .medica_new2_01 .bd .li_three{margin-right:0;} .medica_new2_01 .bd .li_ .rect-61{padding-bottom:61%; border-radius:10px;} .medica_new2_01 .bd .li_ .txt{font-size:0.18rem; line-height:30px; color:#00525c; font-weight:bold; text-align:center; margin-top:0.12rem;} .medica_new2_01 .bd .li_ a{display:block;} /* 非遗技艺传承 */ .chuancheng01 .text{font-size:0.16rem; line-height:0.3rem; color:#333;} .chuancheng01 .info{margin-top:0.2rem;} .chuancheng01 .info .t{font-size:0.24rem; line-height:0.3rem; color:#00525c; font-weight:bold;} .chuancheng01 .info .c{font-size:0.16rem; line-height:0.3rem; color:#333; margin-top:0.1rem;} .chuancheng01 .pic_lunbo{margin:0.5rem 0;} .chuancheng01 .pic_lunbo .pic{position:relative; padding:0 1.2rem;} .chuancheng01 .pic_lunbo .pic .rect-124{padding-bottom:124%;} .chuancheng01 .swiper-container {width:100%; height:100%;} .chuancheng01 .swiper-slide { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); } .chuancheng01 .swiper-slide-active, .chuancheng01 .swiper-slide-duplicate-active{transform: scale(1);} .chuancheng01 .arrs div{width:46px; height:46px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:45%; margin-top:-23px; outline:none;} .chuancheng01 .arrs .swiper-button-prev {left:0;background:url(../img/jt01.png) no-repeat center; background-size:cover;} .chuancheng01 .arrs .swiper-button-next {right:0;background:url(../img/jt02.png) no-repeat center;background-size:cover;} .chuancheng01 .arrs .swiper-button-prev:hover {background:url(../img/jt01_on.png) no-repeat center;background-size:cover;} .chuancheng01 .arrs .swiper-button-next:hover {background:url(../img/jt02_on.png) no-repeat center;background-size:cover;} .chuancheng01 .pic_lunbo .intro{margin:0.2rem auto 0; text-align:center; width:66%;} .chuancheng01 .pic_lunbo .intro .item{display:none;} .chuancheng01 .pic_lunbo .intro .item .t{font-size:0.24rem; line-height:0.3rem; color:#00525c; font-weight:bold;} .chuancheng01 .pic_lunbo .intro .item .c{font-size:0.18rem; line-height:0.3rem; color:#333; font-weight:bold; margin:0.1rem 0;} .chuancheng01 .pic_lunbo .intro .item .txt{font-size:0.18rem; line-height:0.3rem; color:#333; font-weight:bold;} .chuancheng01 .pic_lunbo .intro .item .txt span{color:#00525c;} /* 2023-1209 */ .honor01 .hon_name_box .swiper-container{display:none;} .honor01 .hon_con_box{width:100%;} .honor01 .hon_con_case .pure {position:relative; padding:0 0.4rem; box-sizing:border-box;} .honor01 .hon_con_case .swiper-slide{cursor:pointer;} .honor01 .hon_con_case .swiper-button-prev, .honor01 .hon_con_case .swiper-button-next{background-image:none; font-size:18px; width:100%; text-align:center; margin:0; color:#000; outline:none;} .honor01 .hon_con_case .swiper-button-prev{position:absolute; top:50%; margin-top:-3px; left:0%; width:14px; height:7px; background:url(../img/widgets_xc_honor_5_prev.png) no-repeat center; transform:rotateZ(-90deg);} .honor01 .hon_con_case .swiper-button-next{position:absolute; top:50%; margin-top:-3px; right:0%; width:14px; height:7px; background:url(../img/widgets_xc_honor_5_next.png) no-repeat center; transform:rotateZ(-90deg);} /* 本草 */ .bencao ul{overflow:hidden;} .bencao .li_{width:48%; margin-right:4%; position:relative; float:left;} .bencao .li_two{margin-right:0;} .bencao .li_ .rect-69{padding-bottom:56%; border-radius:10px; box-shadow: 0px 10px 10px 0px rgba(0, 82, 92, 0.2);} .bencao .li_ video{width:100%;} .bencao .li_ .play{width:0.81rem; height:0.81rem; background:url(../img/play.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-size:cover; cursor:pointer;} .bencao .li_ .intro{margin-top:0.2rem;} .bencao .li_ .intro .t{font-size:0.16rem; line-height:0.3rem; color:#333; padding:0 5px; transition:0.5s ease; display:none;} .bencao .li_ img{transition:all 0.5s ease;} .bencao .li_:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .bencao .li_:hover .intro .t{color:#00525c;} /* 2023-1213 */ .ipart02{display:none;} .ipart2{padding:2rem 0 1.4rem; background:url(../img/ipart2_bg.jpg) no-repeat center;background-size: cover;} .ipart2 .img_{width:78%; margin:0 auto; position:relative;} .ipart2 .img_ .rect-505{padding-bottom:50.5%;} .ipart2 .img_ .dots{width:100%; height:100%; position:absolute; left:0; top:0;} .ipart2 .img_ .dots .dot{position:absolute;width:20%; height:300px;} .ipart2 .img_ .dots .dot a{display:block; width:100%; height:100%;} .ipart2 .img_ .dots .dot1{transform:rotateZ(-19deg);} .ipart2 .img_ .dots .dot3{transform:rotateZ(14deg);} .m_ipart2{display:none;} .classicsMedi_detail .content .box .con{height:3rem;} .classicsMedi_detail .content .box .cont{overflow:hidden; max-height:inherit;} .news_detail01 .news_text iframe{background:transparent;} body:-webkit-full-page-media {background:transparent;} /* 2023-1227 */ .m_xc_nav{display:none;} /* 2024-0117 */ .history .pc_ .stage_item .cont .year_item .con{height:3.7rem; line-height:0.26rem; scrollbar-color: #00525c #ffffff; scrollbar-width:2px;} .gotop{position:fixed; right:0; bottom:50px; width:40px; height:40px; background:url(../img/gotop.png) no-repeat center; cursor:pointer;} .ipart1 .item{border-radius:10px;} .idea .content .infor .title{margin-bottom:0.15rem;} .idea .content .bott li .bg img{border-radius:0 40px 0 40px;} .idea .content .bott li{box-shadow:inherit;} .history .pc_ .stage_item .cont .year_item .con{padding-right:10px;} .honor01.main_content .content{height:45vh;} .honor01 .hon_con_box .swiper-container{padding-bottom:50px;} .contact_us .cont .left .item .t{height:0.72rem;} /*widgets_common_pages_4 start*/ .widgets_common_pages_4{font-size: 18px; color: #838383; text-align: center;} .widgets_common_pages_4 a,.widgets_common_pages_4 span { color: #838383;display: inline-block;border: 1px solid #c6c6c6;vertical-align: middle;width: 34px;height: 34px;line-height: 34px;margin-right: 12px;font-size: 18px;font-family: Arial;} .widgets_common_pages_4 .gonext,.widgets_common_pages_4 .count {margin-left: 10px;} .widgets_common_pages_4 span:hover{color:#fff; background: #00525c;} .widgets_common_pages_4 .goprev,.widgets_common_pages_4 .gonext {color: #838383;} .widgets_common_pages_4 span.count { border: 0;background: 0;color: #838383;} .widgets_common_pages_4 a, .widgets_common_pages_4 span { width:auto; padding:0 8px 0 8px; } .widgets_common_pages_4 .goprev{margin-right: 10px;background:none;} .widgets_common_pages_4 a:hover,.widgets_common_pages_4 .goprev:hover{color:#fff; background: #00525c;} @media only screen and (max-width: 760px){ .widgets_common_pages_4 a, .widgets_common_pages_4 span{display:none;} .widgets_common_pages_4 .goprev, .widgets_common_pages_4 .gonext,.widgets_common_pages_4 span.count{display:inline-block;} } /*widgets_common_pages_4 end*/ /* 字显示不全 wrt */ .main_content .content .row{width:100%;} .history .pc_ .stage_item .cont{height:calc(100% - .5rem);} /* 2024-0122 */ .classicsMedi_detail .content .box .con{overflow-x:hidden;} .gotop{z-index:3;} .news_detail01 .content{overflow-y:inherit;} .news_detail01 .detail_l{height:40vh} .news_detail01 .detail_l { height: calc(100% - 90px); } .news_detail01 .detail_r{height:87px}