/* rem */ html { font-size: 5.20833333vw; } @media (max-width: 768px) { html { font-size: 26.66666666vw; } } /* 媒体查询 */ @media only screen and (min-width: 1300px) { .subnav-li.active { height: 2.9rem; z-index: 1; } } @media only screen and (max-width: 1300px) { .subnav-li.active { height: 3rem; z-index: 1; } } @media only screen and (max-width: 1250px) { .subnav-li.active { height: 3.2rem; z-index: 1; } } @media only screen and (max-width: 1200px) { .subnav-li.active { height: 3.5rem; z-index: 1; } } @media only screen and (max-width: 1150px) { .subnav-li.active { height: 3.9rem; z-index: 1; } } @media only screen and (max-width: 1100px) { .subnav-li.active { height: 4.2rem; z-index: 1; } } * { outline: 0; image-rendering: -moz-crisp-edges; /* firefox */ image-rendering: -o-crisp-edges; /* opera */ image-rendering: -webkit-optimize-contrast; /* webkit */ image-rendering: crisp-edges; /* image-rendering: pixelated; */ -ms-interpolation-mode: nearest-neighbor; /* ie */ } a { color: inherit; } a:hover { text-decoration: none; } .txt { text-align: justify; text-align-last: left; text-justify: distribute; } .clearfix::after { content: ''; display: block; width: 0; height: 0; clear: both; } /* cms */ #controlbar, #controlbar dl, #controlbar li, #controlnav > li > a, #controlactionmenu > li ul, #controlactionmenu > li > a, #controleditpagemenu > li > a, .serviceicon.professional, .dnn_mact > li.actionmenumove > ul li { box-sizing: content-box; } body #form.showmodulepane { margin-top: 0 !important; } .search-condition .lbl-common { width: 90px; } .icon { display: block; } @media (max-width: 768px){ .bor-smm{ display:none !important; } } body { overflow-x: hidden; } ::-webkit-scrollbar-track-piece { width: 5px; background: #eee; } ::-webkit-scrollbar { width: 5px; background: #0f833d; } ::-webkit-scrollbar-thumb { width: 5px; background: #0f833d; } ::-webkit-scrollbar-thumb:hover { width: 5px; background: #0f833d; } body, .normal p { color: #333; font-size: .18rem; line-height: 2; } .normal p { text-align: justify; text-align-last: left; text-justify: distribute; word-break: break-all; margin-bottom: .8em; } .normal p[style='text-align: center;'] { text-align-last: center; } .normal p[style='text-align: right;'] { text-align-last: right; } a, a:link, a:visited, a:focus, a:active { color: inherit; } /* default.css */ li p { line-height: inherit; } #9541{display:block;} #9544{display:block;} #9550{ display:block; } ul ul, ul ol, ol ol, ol ul { margin: 0; } div.navmenu-container { width: 100% !important; } /* 顶部 */ .header { display: flex; align-items: center; position: relative; background:#fff; /* height: .95rem; */ height: .85rem; } .header_content { display: flex; align-items: center; justify-content: space-between; width: 14.4rem; margin: 0 auto; } /* logo */ #dnn_zhdlogo_imglogo { height: .48rem; image-rendering: pixelated; } /* 搜索 */ .header_content .search { display: flex; align-items: center; height: .5rem; } .search .search_input { display: flex; width: 3.1rem; height: 100%; } .search_input input { width: 100%; height: 100%; padding-left: 7.74%; border: 1px solid #ccc; border-radius: .25rem; } .search span { display: inline-block; font-size: .16rem; margin: 0 .05rem 0 .2rem; } .en { display: flex; align-items: center; } /* .search .xiala { } */ /* 导航菜单 */ #cecep_menu { background: rgba(255,255,255,.6); } .header_nav { width: 100%; min-height: 36px; position: relative; z-index: 2; /* height: .7rem; */ height: .6rem; } .navmenu { width: 14.4rem; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 0.6rem; } .navmenu > li { display: flex; align-items: center; justify-content: center; height: 100%; width: 12.5%; text-align: center; font-size: .2rem; transition: .5s; } .navmenu > li > a { color: #333; font-weight: bold; font-size: .2rem; display: block; width: 100%; height: 100%; line-height: .6rem; transition: .5s; } .navmenu > li:hover, .navmenu > li.active2 { background: rgba(255,255,255,.7); } .navmenu > li:hover > a { color: #06893e; } .sub { display: none !important; } .breadcrumb .sub { display: block !important; margin-left: 0; } /* .breadcrumb .sub span, .breadcrumb .sub a { font-size: .18rem !important; }*/ .breadcrumb .sub span, .breadcrumb .sub a { font-size: .16rem !important; } .phone-header { display: none; } @media (max-width: 768px) { .header_nav { height: .45rem; } .header { height: .65rem; } #dnn_zhdlogo_imglogo { height: .325rem; } .header_content { width: 100%; padding: 0 .15rem; } #cecep_menu { background: #06893e; } .navmenu { width: 100%; display: block; height: 0.45rem; overflow-x: auto; white-space: nowrap; font-size: 0; } .navmenu > li { display: inline-block; width: auto; margin-right: .15rem; } .navmenu > li:nth-of-type(1) { margin-left: .15rem; } .navmenu > li > a { font-size: .15rem; color: #fff; font-weight: normal; line-height: .45rem; } .navmenu::-webkit-scrollbar-track-piece { width: 0 !important; background: transparent; } .navmenu::-webkit-scrollbar { width: 0 !important; background: transparent; } .navmenu::-webkit-scrollbar-thumb { width: 0 !important; background: transparent; } .navmenu::-webkit-scrollbar-thumb:hover { width: 0 !important; background: transparent; } } /* 二级导航 */ .subnav { width: 14.4rem; height: 0; position: relative; margin: 0 auto; z-index: 2; } .subnav-ul { position: absolute; width: 100%; top: .6rem; left: 0; } .subnav-li { background: rgba(255,255,255,.92); padding: 0 .4rem 0; height: 0; overflow: hidden; position: absolute; width: 100%; top: 0; left: 0; z-index: 0; transition: .75s; } /* .subnav-li.active { height: 2.9rem; z-index: 1; } */ /* .subnav-li.active { display:flex; height: auto; z-index: 1; } */ .subnav-li.active2 { transition: none; } .subnav-li::after { content: ''; display: block; width: 0; height: 0; clear: both; } .subnav-li > div { float: left; height: 2rem; margin: .4rem 0 .5rem; border-right: 1px solid #c1c1c1; } .subnav-li > div:nth-last-of-type(1) { border-right-width: 0; } /* .subnav-li > div:nth-last-of-type(1) { border-right-width: 0;display:flex;height:auto; } */ .subnav-nav { width: 1.45rem; } .subnav-nav a { display: inline-block; position: relative; padding-left: .3rem; font-size: .16rem; line-height: 1.5; color: #06893e; margin-bottom: .1rem; transition: .5s; } .subnav-nav a::before { content: ''; display: block; width: .06rem; height: .06rem; border-radius: 50%; background: #e9aa01; position: absolute; left: .15rem; top: .12rem; } .subnav-nav a:hover { color: #e9aa01; } .subnav-1-1 { width: 1.3rem; } .subnav-1-1 { font-size: .16rem; line-height: 1.75; color: #06893e; padding-right: .2rem; } .subnav-1-1 p { line-height: 1.75; } .subnav-1-4 { width: 9.4rem; } .subnav-1-4::after { content: ''; display: block; width: 0; height: 0; clear: both; } .subnav-1-4 > div { float: left; } .subnav-1-4 .text { width: 51%; font-size: .14rem; line-height: 2; color: #333; padding: 0 .3rem; } .subnav-1-4 .img { width: 49%; height: 100%; position: relative; } .subnav-1-4 .img img { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; } .subnav-1-4 .img-txt { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; color: #fff; padding: .25rem .25rem 0; font-size: .14rem; } .subnav-1-4 .img-txt p { margin-bottom: .15rem; color: #fff;} .subnav-1-4 .img-txt b { font-size: .18rem; } .subnav-2-1 { padding-right: .2rem; text-align: center; } .subnav-2-1 a:nth-of-type(1) { display: block; position: relative; width: 2.97rem; margin-bottom: .12rem; } .subnav-2-1 a:nth-of-type(1) img { position: relative; z-index: 0; width: 100%; } .subnav-2-1 a:nth-of-type(1)::before { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(365,365,365,.2); opacity: 0; transition: .5s; } .subnav-2-1 a:nth-of-type(1)::after { content: ''; display: block; position: absolute; z-index: 2; top: 50%; left: 50%; width: .36rem; height: .36rem; margin-top: -.18rem; margin-left: -.18rem; background: url(/uploads/image/p3scimage/subnav-i-2.png) no-repeat center / .36rem .36rem; } .subnav-2-1 a:nth-of-type(1):hover::before { opacity: 1; } .subnav-2-1 a:nth-of-type(2) { color: #06893e; font-size: .16rem; line-height: 1; } .subnav-2-1 a:nth-of-type(2):hover { text-decoration: underline; } .subnav-2-4 > div { float: left; } .subnav-2-4 .left { width: 4.5rem; padding: 0 .3rem; } .subnav-2-4 .left h3 { text-align: center; font-size: .16rem; line-height: 2; letter-spacing: .01rem; margin-bottom: .1rem; } .subnav-2-4 .left h3 a { color: #06893e; } .subnav-2-4 .left h3 a:hover { text-decoration: underline; } .subnav-2-4 .left .txt { color: #666; font-size: .14rem; line-height: 2; text-indent: 2em; } .subnav-2-4 .left .txt a { color: #06893e; } .subnav-2-4 .left .txt a:hover { text-decoration: underline; } .subnav-2-4 .right { text-align: center; } .subnav-2-4 .right a:nth-of-type(1) { display: block; position: relative; width: 2.71rem; margin-bottom: .15rem; } .subnav-2-4 .right a:nth-of-type(1) img { position: relative; z-index: 0; width: 100%; } .subnav-2-4 .right a:nth-of-type(1)::before { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(365,365,365,.2); opacity: 0; transition: .5s; } .subnav-2-4 .right a:nth-of-type(1):hover::before { opacity: 1; } .subnav-2-4 .right a:nth-of-type(2) { color: #06893e; font-size: .16rem; line-height: 1; } .subnav-2-4 .right a:nth-of-type(2):hover { text-decoration: underline; } .subnav-3-1 { width: 5.05rem; padding-right: .3rem; } .subnav-3-1 ul { margin-left: -.35rem; background: url(/uploads/image/p3scimage/subnav-i-3-9.png) no-repeat .75rem center / 3.91rem; } .subnav-3-1 ul li { float: left; width: 25%; padding-left: .35rem; margin-bottom: .2rem; } .subnav-3-1-1 ul li { float: left; width: 20%; padding-left: .15rem; margin-bottom: .2rem; } .subnav-3-1 ul li a { display: block; position: relative; width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; background: #eee; text-align: center; color: #fff; transition: .5s; } .subnav-3-1 ul li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .subnav-3-1 ul li a span { display: none; font-size: 0; opacity: 0; } /*.subnav-3-1 ul li:nth-of-type(n 5) { margin-bottom: 0; }*/ .subnav-3-1-1 ul li:nth-of-type(n 6) { margin-bottom: 0 ; } .subnav-3-1 ul li:nth-of-type(1) a { background: #428675; } .subnav-3-1 ul li:nth-of-type(2) a { background: #207f4c; } .subnav-3-1 ul li:nth-of-type(3) a { background: #40a070; } .subnav-3-1 ul li:nth-of-type(4) a { background: #2c9678; } .subnav-3-1 ul li:nth-of-type(5) a { background: #126da1; } .subnav-3-1 ul li:nth-of-type(6) a { background: #66c18c; } .subnav-3-1 ul li:nth-of-type(7) a { background: #12a182; } .subnav-3-1 ul li:nth-of-type(8) a { background: #12aa9c; } .subnav-3-1 ul li a:hover { opacity: .8; } .subnav-3-4 { width: 5.65rem; padding-left: .3rem; } .subnav-3-4 h3 { color: #06893e; font-size: .16rem; line-height: 1; margin-bottom: .05rem; } .subnav-3-4 h3:nth-of-type(2) { margin-top: .1rem; } .subnav-3-4 p { color: #666; font-size: .14rem; line-height: 1.9; } .subnav-4-1 .left { float: left; display: block; position: relative; width: 2.84rem; } .subnav-4-1 .left img { position: relative; width: 100%; z-index: 0; } .subnav-4-1 .left::before { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(365,365,365,.2); opacity: 0; transition: .5s; } .subnav-4-1 .left:hover::before { opacity: 1; } .subnav-4-1 .right { float: left; width: 4.05rem; padding: 0 .3rem; } .subnav-4-1 .right h3 { text-align: center; font-size: .16rem; line-height: 2; letter-spacing: .01rem; margin-top: -.4em; } .subnav-4-1 .right h3 a { color: #d7242a; } .subnav-4-1 .right h3 a:hover { text-decoration: underline; } .subnav-4-1 .right .txt { color: #666; font-size: .14rem; line-height: 2; text-indent: 2em; } .subnav-4-1 .right .txt a { color: #d7242a; } .subnav-4-1 .right .txt a:hover { text-decoration: underline; } .subnav-4-3 { width: 5.24rem; padding-left: .2rem; } .subnav-4-3 a { float: left; display: block; position: relative; width: 100%; } .subnav-4-3 a img { position: relative; width: 100%; z-index: 0; } .subnav-4-3 a::before { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(365,365,365,.2); opacity: 0; transition: .5s; } .subnav-4-3 a:hover::before { opacity: 1; } .subnav-5-1 .left { float: left; display: block; position: relative; width: 4.22rem; } .subnav-5-1 .left img { position: relative; width: 100%; z-index: 0; } .subnav-5-1 .right { float: left; width: 4.55rem; padding: .1rem .2rem 0; color: #666; font-size: .14rem; line-height: 2; text-indent: 2em; } .subnav-5-3 { padding-left: .25rem; } .subnav-5-3 .left { float: left; display: block; position: relative; width: 1.36rem; } .subnav-5-3 .left img { position: relative; width: 100%; z-index: 0; } .subnav-5-3 .left::before { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(365,365,365,.2); opacity: 0; transition: .5s; } .subnav-5-3 .left:hover::before { opacity: 1; } .subnav-5-3 .right { float: left; width: 1.75rem; padding-left: .2rem; color: #666; font-size: .14rem; line-height: 2; text-indent: 2em; } .subnav-5-3 .right a { color: #06893e; } .subnav-5-3 .right a:hover { text-decoration: underline; } .subnav-6-1 .left { float: left; display: block; position: relative; width: 6.1rem; } .subnav-6-1 .left img { position: relative; width: 100%; z-index: 0; } .subnav-6-1 .left::before { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(365,365,365,.2); opacity: 0; transition: .5s; } .subnav-6-1 .left:hover::before { opacity: 1; } .subnav-6-1 .right { float: left; width: 4.58rem; padding: 0 .3rem; } .subnav-6-1 .right h3 { text-align: center; font-size: .16rem; line-height: 2; letter-spacing: .01rem; margin-top: .1rem; } .subnav-6-1 .right h3 a { color: #06893e; } .subnav-6-1 .right h3 a:hover { text-decoration: underline; } .subnav-6-1 .right .txt { color: #666; font-size: .14rem; line-height: 2; text-indent: 2em; } .subnav-6-1 .right .txt a { color: #06893e; } .subnav-6-1 .right .txt a:hover { text-decoration: underline; } .subnav-6-3 { width: 1.45rem; padding-left: .2rem; } .subnav-6-3 a { display: block; border: 1px solid #06893e; border-radius: .05rem; text-align: center; position: relative; padding-top: .5rem; margin-bottom: .2rem; transition: .5s; } .subnav-6-3 a:hover { background: #e9e9e9; } .subnav-6-3 a img { position: absolute; top: .04rem; left: 50%; margin-left: -.22rem; width: .4rem; height: .46rem; transition: .5s; } .subnav-6-3 a img:nth-of-type(1) { opacity: 1; } .subnav-6-3 a img:nth-of-type(2) { opacity: 0; display: none; } .subnav-6-3 a:hover img:nth-of-type(1) { opacity: 1; } .subnav-6-3 a:hover img:nth-of-type(2) { opacity: 1; } .subnav-6-3 a span { display: block; color: #555; font-size: .14rem; line-height: .3rem; transition: .5s; } /* .subnav-6-3 a:hover span { color: #fff; } */ .subnav-7-1 { width: 3.9rem; padding-right: .25rem; } .subnav-7-1 h3 { text-align: center; font-size: .16rem; line-height: 2; margin-top: -.4em; } .subnav-7-1 h3 a { color: #06893e; } .subnav-7-1 h3 a:hover { text-decoration: underline; } .subnav-7-1 .txt { color: #666; font-size: .14rem; line-height: 2; text-indent: 2em; } .subnav-7-1 .txt a { color: #06893e; } .subnav-7-1 .txt a:hover { text-decoration: underline; } .subnav-7-2 { width: 3.75rem; padding: 0 .3rem; } .subnav-7-2 h3 { text-align: center; font-size: .16rem; line-height: 2; margin-top: -.4em; } .subnav-7-2 h3 a { color: #06893e; } .subnav-7-2 h3 a:hover { text-decoration: underline; } .subnav-7-2 .txt { color: #666; font-size: .14rem; line-height: 2; text-indent: 2em; } .subnav-7-2 .txt a { color: #06893e; } .subnav-7-2 .txt a:hover { text-decoration: underline; } .subnav-7-3 { width: 4.5rem; padding: 0 .3rem; } .subnav-7-3 a { display: block; position: relative; width: 100%; } .subnav-7-3 a img { position: relative; width: 100%; z-index: 0; } .subnav-7-3 a::before { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(365,365,365,.2); opacity: 0; transition: .5s; } .subnav-7-3 a:hover:before { opacity: 1; } @media (max-width: 1500px) { .subnav-1-4 .text { line-height: 1.4; } .subnav-1-4 .img-txt p { margin-bottom: .05rem; } .subnav-2-4 .left .txt { line-height: 1.4; } .subnav-3-4 p { line-height: 1.5; } .subnav-4-1 .right .txt { line-height: 1.7; } .subnav-5-1 .right { line-height: 1.7; padding-top: 0; } .subnav-5-3 .right { line-height: 1.4; } .subnav-6-1 .right .txt { line-height: 1.9; } .subnav-7-1 .txt { line-height: 1.5; } } /* 详情页 */ #content img { display: block; margin: 0 auto; max-width: 100%;width: 600px; } /* 主营业务 */ .mainbusiness { position: relative; overflow: hidden; width: 7.4rem; height: 7.4rem; border-radius: 50%; margin: 0 auto; } .mainbusiness .left { position: absolute; overflow: hidden; width: 50%; height: 100%; top: 0; left: 0; border-radius: 100% 0 0 100%; transform: rotate(22.5deg); transform-origin: 100% 50%; } .mainbusiness .right { position: absolute; overflow: hidden; width: 50%; height: 100%; top: 0; right: 0; border-radius: 0 100% 100% 0; transform: rotate(22.5deg); transform-origin: 0 50%; } .mainbusiness .item { position: absolute; width: 100%; height: 100%; overflow: hidden; } .mainbusiness .left .item { transform-origin: 100% 50%; border-radius: 100% 0 0 100%; } .mainbusiness .left .item:nth-of-type(2) { transform: rotate(-45deg); } .mainbusiness .left .item:nth-of-type(3) { transform: rotate(-90deg); } .mainbusiness .left .item:nth-of-type(4) { transform: rotate(-135deg); } .mainbusiness .right .item { transform-origin: 0 50%; border-radius: 0 100% 100% 0; } .mainbusiness .right .item:nth-of-type(2) { transform: rotate(45deg); } .mainbusiness .right .item:nth-of-type(3) { transform: rotate(90deg); } .mainbusiness .right .item:nth-of-type(4) { transform: rotate(135deg); } .mainbusiness .right .item img { width: 3.22rem; height: 2.62rem; position: absolute; top: 50%; left: .3rem; margin-top: -1.31rem; transform: scale(.95); } .mainbusiness .right .item .div { display: block; position: relative; width: 100%; height: 100%; transform: rotate(-67.5deg); transform-origin: 0 50%; } .mainbusiness .left .item img { width: 3.22rem; height: 2.62rem; position: absolute; top: 50%; right: .3rem; margin-top: -1.31rem; transform: scale(.95); } .mainbusiness .left .item .div { display: block; position: relative; width: 100%; height: 100%; transform: rotate(67.5deg); transform-origin: 100% 50%; } .mainbusiness .item img { transition: .5s; } .mainbusiness .item img:nth-of-type(1) { opacity: 1; } .mainbusiness .item img:nth-of-type(2) { opacity: 0; } .mainbusiness .item a:hover img:nth-of-type(1) { opacity: 0; } .mainbusiness .item a:hover img:nth-of-type(2) { opacity: 1; } /* banner */ @keyframes newbannerani { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .top_banner { height: 7rem; } .top_banner .swiper-pagination.swiper-pagination-bullets { height: 5px; line-height: 0; bottom: .35rem; } .top_banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #06893e; } .top_banner .swiper-pagination-bullet { width: .6rem; height: 100%; margin: 0 .1rem !important; border-radius: 0%; background-color: #fff; opacity: .8; cursor: pointer; } .top_banner .swiper-slide .slide { overflow: hidden; height: 100%; } .top_banner .swiper-slide img { width: 100%; height: 100%; animation:newbannerani 12s linear infinite; } /* 二级导航 */ .banner { margin-top: -.6rem; } .banner .banner-img { width: 100%; } @media (max-width: 768px) { .top_banner { height: 1.9rem; } .banner { margin-top: 0; } .top_banner .swiper-pagination.swiper-pagination-bullets { height: 2px; bottom: .15rem; } .top_banner .swiper-pagination-bullet { width: .2rem; margin: 0 .03rem !important; opacity: 1; } } /* .sj { margin: .35rem 0; text-align: center; } .sj .sj-item2 { display: inline-block; background: url(/uploads/image/p3scimage/shuxian.jpg) no-repeat; background-position: 96.5% 90%; background-size: 2px 40%; letter-spacing: 1px; } .sj .sj-item3 { display: inline-block; font-size: .22rem; letter-spacing: 1px; } .sj .sj-item2 .big-title { margin: .2rem .34rem 0; } .sj a { color: #333; transition: .5s; } .sj a:hover { color: #06893e; } */ /* .p-sj-item { font-size: .3rem; } .p-sj-item .p-big-title a { font-weight: bold; } */ .little-title { display: block; font-size: .28rem; color: black; } .little-title img { height: 11px; } /* �ײ�banner */ .bottom-banner-width { width: 100%; padding: .55rem 1rem 0; background: #f7f7f7; margin-top: .35rem; } .bottom-banner .swiper-pagination { position: relative; margin-top: .65rem; background: #fff; } .bottom-banner .swiper-pagination-progressbar-fill { background: #06893e; } .bottom-banner .swiper-button-prev, .bottom-banner .swiper-button-next { display: none; } .tjts { margin-top: .2rem; height: 2.725rem; } .tjts .swiper-container { height: 100%; } .tjts .swiper-slide img { width: 100%; transition: .5s; } .tjts .swiper-slide:hover img { transform: scale(1.05); } .tjts .swiper-pagination.swiper-pagination-bullets { height: .1rem; line-height: 0; bottom: .1rem; } .tjts .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #06893e; } .tjts .swiper-pagination-bullet { width: .1rem; height: 100%; margin: 0 .05rem !important; border-radius: 50%; background: #ddd; cursor: pointer; } .banner-count .swiper-slide { height: 5.1rem; width: 4.2rem; } .banner-count .li { width: 100%; height: 100%; background-color: #fff; border-bottom: 4px solid #0f833d; padding: .25rem; text-align: center; } .banner-count .li img { width: 100%; height: auto; } .banner-count .li h4 { font-size: .28rem; color: #0f833d; font-weight: bold; margin: .2rem ; } .banner-count .li p { font-size: .18rem; text-align: center; color: #333; } .bottom-banner .swiper-slide-duplicate { transform: translate3d(0px, 0px, -203.861px) rotatex(0deg) rotatey(64.931deg); } .bottom-banner .swiper-pagination-progress .swiper-pagination-progressbar { background-color: #0f833d; } .bottom-banner .swiper-pagination-progress { background: #fff; } /* ��ʾ���� */ .gonghshi { padding: .5rem 0; background: #f7f7f7; } .gonghshi-cont { display: flex; justify-content: space-around; width: 14.4rem; margin: 0 auto; } .gonghshi-cont li { display: flex; align-items: center; } .gonghshi-cont img { margin-right: .16rem; width: .40rem; height: .40rem; min-width: 15px; min-height: 15px; } .top_right_cont .li a { transition: .5s; display: inline; } .top_right_cont .li a:hover { color: #06893e; font-weight: bold; } .gonghshi-cont span { font-size: .2rem; } .gonghshi-cont li a { display: flex; align-items: center; transition: .5s; } .gonghshi-cont li a:hover { color: #06893e; } /* �������� */ .lianjie { display: flex; justify-content: flex-start; align-items: center; padding: 0 2.4rem; width: 100%; height: .8rem; background-color: #0f833d; } .lianjie #dnn_ctr9500_htmlmodule_lblcontent{ height: 100%; display: flex; align-items: center; } .lianjie-cont { display: flex; align-items: center; margin: 0 auto; width: 90%; height: 100%; } .select-list { margin-right: .5rem; padding-left: .25rem; width: 2.95rem; height: .48rem; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; background: url(/uploads/image/p3scimage/i-select-arrow.png) no-repeat center right / .48rem .48rem; background-size: .48rem .48rem; background-color: #0f833d; border: 1px solid rgba(255,255,255,.6); color: #fff; font-size: .16rem; border-radius: .03rem; position: relative; } /* .select-list::after { content: ''; display: block; width: .48rem; height: .48rem; position: absolute; top: 0; right: 0; background: url(/uploads/image/p3scimage/i-select-arrow.png) no-repeat center / cover; } */ .select-list option { background-color: #fff; color: black; } .yqlj-font { width: 30%; line-height: .5rem; font-size: .16rem; color: #fff !important; } .lianjie .dnnmodule{ height: 100%; } .lianjie .dnnmodule .gonecontainer_without_title{ height: 100%; } .lianjie #dnn_ctr9500_contentpane{ height: 100%; } .lianjie #dnn_ctr9500_modulecontent{ height: 100%; } @media (max-width: 768px) { .bottom-banner-width { padding: .15rem 0; margin: 0; } } /* �ײ� */ .bottom { display: flex; justify-content: space-between; align-items: center; padding:0 2.4rem; height: 1.6rem; background: #f7f7f7; } .bottom-logo { width: 3.33rem; /* height: .55rem;*/ } .bottom-bq { display: flex; flex-direction: column; align-items: center; color: #999; } .bottom-bq-top { display: flex; width: 3.68rem; justify-content: space-between; /*margin-top: -0.5rem;*/ } .bottom-bq-top li a { font-size: .14rem; color: #999; transition: .5s; } .bottom-bq-top li a:hover { color: #06893e; } #bor-no { border-right: none; } .bottom-bq p { font-size: .14rem; margin-top: 1.5%; color: #999; } .bottom-bq p a { font-size: .14rem; color: #999; transition: .5s; } .bottom-bq p a:hover { color: #06893e; } .erweima { display: flex; justify-content: space-between; width: 2.22rem; height: 1.5rem; } .gzh { display: flex; flex-direction: column; align-items: center; width: 75px; height: 100%; text-align: center; } .gzh img { width: .97rem; height: .96rem; } .gzh span { font-size: .14rem; } .news { width: 14.4rem; margin: 0 auto; } .top-news { width: 100%; } .top_left { float: left; width: 50%; /* height: 5.58rem; */ } .pic_news { width: 100%; } .pic_cont { /* position: relative; */ width: 100%; } .pic_cont .swiper-slide img { width: 100%; height: auto; transition: .5s; } .pic_cont .swiper-slide:hover img { transform: scale(1.05); } .pic_cont .swiper-slide { position: relative; height: 4.4rem; } .pic_cont .swiper-pagination { bottom: 0.11rem; right: 0; text-align: right; padding-right: 20px; width: 110px; left: auto; } .pic_cont .swiper-pagination-bullet { display: inline-block; background: rgba(255,255,255,.8); } .pic_cont .swiper-pagination-bullet-active { background: #06893e; } @media (max-width: 768px) { .pic_cont .swiper-slide {height: 2.3rem !important; } } .news_zt { display: flex; justify-content: space-between; width: 100%; margin-top: .3rem; } .news_zt .img { width:100%; height:1.03rem; min-width: 80px; min-height: 42px; transition: all 0.6s ease-out 0s; } .news_zt .img:hover { transform: scale(1.1); } .news_zt1 { display: flex; justify-content: space-between; width: 100%; margin-top: -0.2rem; } .news_zt1 .img { width:100%; height:1.03rem; min-width: 80px; min-height: 42px; transition: all 0.6s ease-out 0s; } .news_zt1 .img:hover { transform: scale(1.1); } .news-titles { position: absolute; left: 0px; bottom: 0px; padding: .1rem .4rem; font-size: .18rem; width: 100%; background: rgba(0, 0, 0, .5); color: #fff; z-index: 2; } .top_right{ float: right; width: 47%; padding: 0 0 0 .3rem; background-color: #fff; } .top_right_tit{ font-size: .22rem; } .top_right_tit :nth-child(2){ /* margin-left: .05rem;*/ } .top_right_tit p{ float: left; /* display: inline-block; */ width: 1.2rem; height: .5rem; background-color: #ededed; line-height: .5rem; text-align: center; /* min-width: 3rem; min-height:1.25rem ; line-height: 1.25rem; */ } .more{ float: right; font-size: .16rem; color: black; margin-top: .13rem; } .top_right_cont{ margin-top:.25rem; } .top_right_cont .li { /* display: flex; align-items: center; justify-content: space-between; */ height: auto; line-height: .2585rem; margin-bottom: .2585rem; width: 100%; font-size: .2rem; position: relative; padding-right: 0; /* display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; line-clamp: 2; */ } .top_right_cont .li::after { content: ''; display: block; width: 0; height: 0; clear: both; } .top-news .top_right_cont { height: 5.085rem; overflow: hidden; } .bot-news .top_right_cont { height: auto; overflow: hidden; } .top-news #dnn_top_right_contpane, .bot-news #dnn_bot_news_contpane, .bot-news #dnn_bot_news_you_contpane { display: none; } .top_right_cont span { display: inline-block; padding-left: .2rem; float: right; } .top-news .top_right { padding: 0; } .top-news .i-tabs-items { padding-left: .3rem; } .top-news .top_right_cont .li { padding-left: .3rem; } /* .top-news .top_right_cont .li a { display: block; } */ .top-news .top_right_cont .li::before { content: ''; display: block; width: .06rem; height: .06rem; border-radius: 50%; background: #e5e5e5; position: absolute; left: .1rem; top: .1rem; margin-top: 0; transition: .5s; } .top-news .top_right_cont .li:hover::before { background: #06893e; } .top_right_cont .li b { font-weight: 400 !important; width: 80%; display: inline-block; overflow:hidden; /* ������������*/ text-overflow:ellipsis; /* ����������ʾ...*/ /* white-space:nowrap; */ font-size:.18rem; } .top_right_cont .li b:hover{ } .li a{ font-sixe:.23rem; color: #333; } .top_right_cont:nth-last-child(2){ border:none; } .bot-news-zuo { margin-top: .3rem; width: 50%; float: left; padding-left: 0; padding-right: 0; } .bot-news-you { margin-top: .3rem; width: 47%; float: right; padding-right: 0; } .bot-news{ width: 100%; } .clearfix:after{ content: ""; display:block ; height: 0; clear: both; /*visibility: hidden;*/ } .news-titles .news-title{ color:#fff; text-overflow: ellipsis; overflow: hidden; display: inline-block; width: 97%; text-align: left; white-space: nowrap; line-height: 25px; margin-bottom: -5px; } @media (max-width: 768px) { .news { width: 100%; } .news-titles { font-size: .14rem; padding: 0.05rem 0.15rem; } .pic_cont .swiper-pagination { bottom: .065rem; } .news_zt { margin-top: 0; height: 0; } .top-news .i-tabs-items { padding: 0 .15rem; background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.1); display: block; text-align: center; } .top_right_cont .li b { width: 100%; font-size: .16rem; display: inline; text-align: justify; text-align-last: left; text-justify: distribute; word-break: break-all; } .top-news .top_right_cont { padding: 0 .15rem; } .top-news .top_right_cont .li { border-bottom: 1px solid #e5e5e5; text-align: justify; text-align-last: left; text-justify: distribute; word-break: break-all; height: auto; margin-bottom: 0.1rem; padding-bottom: 0.1rem; } .bot-news .top_right_cont { padding: 0 .15rem; } .top_right { padding: 0; margin-top: 0; } .top_right_cont span { font-size: .14rem !important; } .top_right_cont .li { padding-bottom: .1rem !important; margin-bottom: .1rem !important; height: auto; border-bottom: 1px solid #dbdbdb; padding-left: 30px;text-align: justify; text-align-last: left; text-justify: distribute; word-break: break-all; height: auto; } } .wzq-search .search-button { position: absolute; top: .12rem; right:.2rem; } .sj .sj-item2 a { font-size: .22rem; } .gonghshi-cont a{ color:black; text-decoration: none; } .gonghshi-cont a:hover{ color:black; } .bottom-bq-top a{ text-decoration: none; } .bottom-bq-top p a{ text-decoration: none; } .i-tabs-items{ display: flex; } .i-tabs-news .i-tabs-items .i-tabs-item{ display: flex; align-items: center; justify-content: center; width: 1.2rem; height: .5rem; background-color: #ededed; text-align: center; } .i-tabs-news .i-tabs-items .i-tabs-item a{ font-size:.2rem; color:#000; text-decoration: none; } .i-tabs-news .i-tabs-items .i-tabs-item-active{ background:#06893e; } .i-tabs-news .i-tabs-items .i-tabs-item-active a{ color:#fff; } .top_right .i-tabs-news { position: relative; } .news-item-more { position: absolute; top: 0.15rem; right: 0px; } .news-item-more a { font-size:.16rem; color: #333; } @media (max-width: 768px){ .news-item-more a { display: none; } .top_right_cont .li::before { content: ''; display: block; width: 0.06rem; height: 0.06rem; border-radius: 50%; background: #e5e5e5; position: absolute; left: 0.1rem; top: 0.1rem; margin-top: 0; transition: .5s; } } .gn { display: flex; position: relative; } .header-down{ display:none; } .header-down{ width: 60%; } .header-down img{ width: 100%; } .sj-nav{ width: 100%; height: 100vh; background-color: #fff; position: absolute; top: 100%; left: 0; z-index:100; } .ulsn ul{ height: 37vh; overflow: hidden; overflow-y: scroll; } .ulsn ul li { font-size: 0.35rem; padding: 2% 0 2% 1%; } #fan { width: 15%; height: 0.39rem; position: absolute; top: 90%; right: -4%; border: 1px solid grey; text-align: center; line-height: 0.39rem; display:none; } .sj-cen{ width: 77%; margin: auto; padding-top:2%; } .swiper-pagination-bullet{ background:none; opacity:1; } .sj-cen .search-button { position: absolute; top: 4.5%; right: 47.5%; } .sj-nav .search-text { width: 8.12rem; height:1rem; } .sj-cen .search-text input { border: solid 1px rgba(0, 0, 0, 0.1) !important; background: rgba(0, 0, 0, 0.02); } @media (max-width: 768px) { .sj { padding: 0 .15rem; margin: 0.15rem 0; } .p-sj-item .p-big-title a { font-size: .17rem; display: block; padding: 0 0.5rem; margin-bottom: 0.1rem; } .sj .sj-item2 a { font-size: .12rem; } .sj .sj-item3 { font-size: .12rem; } .sj .sj-item2, .sj .sj-item2 .big-title, .sj .sj-item3, .sj .sj-item3 .big-title { display: inline; } .sj .sj-item2 .big-title { margin: 0; } .sj .sj-item2 { background-position: 100% 50%; background-size: 1px 80%; margin-right: 0.05rem; } } /* 搜索框 */ .search .normal { display: flex; align-items: center; } .wzq-search { position: relative; width: 2.7rem; height: .4rem; } .search-text { width: 2.7rem; height: .4rem; } .wzq-search .search-button { top: .05rem; right:0.21rem; } .search-button { position: absolute; top: 6px; right:20px; } .search-button img { width: .2rem; height: .2rem; } #txtsearch { padding-left: 13px; width: 100%; height: 100%; border:none; border: 1px solid #bfb6b6; border-radius: .26rem; color: #999; } .top_right_cont :nth-last-child(2) { border:none; } @media (max-width: 768px) { .gn { display: none; } } .m-nav-btn { font-size: 0; display: none; } .m-nav-btn a { display: inline-block; width: .25rem; height: .25rem; border-radius: 50%; } .m-nav-btn ._search { background: url(/uploads/image/p3scimage/im-search.png) no-repeat center / .25rem .25rem; margin-right: .15rem; } .m-nav-btn ._pc { background: url(/uploads/image/p3scimage/im-pc.png) no-repeat center / .25rem .25rem; } @media (max-width: 768px) { .m-nav-btn { display: block; } } @media screen and (max-width:376px) { .bottom{ padding:0px; } } @media screen and (min-width:376px) and (max-width:428px) { .bottom{ padding:0px; } } @media screen and (min-width:429px) and (max-width:480px) { .banner-count{ height: 8.8rem; } .banner-count .swiper-slide{ height: 7.8rem; } .banner-count .li img{ width: 110px; height: 110px; } } @media screen and (min-width:481px) and (max-width:610px) { .banner-count{ height: 7.8rem; } .banner-count .swiper-slide{ height: 6.5rem; /*width: 130px !important;*/ } } @media screen and (max-width:768px) { .top_left{ width: 100%; } .zt_img a{ flex:1; margin-right:15px; } .zt_img a:last-child{ margin-right:0; } } .dnnmodule-9526{ width:100%; } .zt_img{ display:flex; justify-content: space-between; } .zt_img a{ width: 32.2%; overflow: hidden; } .zt_img-2 { display: none; } /* .bottom-bq .bottom-bq-top{ width: 3.68rem; } */ .btm-link { display: none; } .m-more { display: none; } .m-more, .m-more:hover { color: #06893e !important; } .m-center-link { display: none; } /* 新闻列表 */ .list-news li { padding: .09rem 0; border-bottom: 1px solid #e5e5e5; } .list-news li::after { content: ''; display: block; width: 0; height: 0; clear: both; } .list-news li .news-title { font-size: .16rem; line-height: 1.6; color: #333; position: relative; padding-left: .12rem; } .list-news li .news-title::before { content: ''; display: block; width: .05rem; height: .05rem; border-radius: 50%; background: #e5e5e5; position: absolute; left: 0; top: .103rem; } .list-news li .date { display: inline; float: right; font-size: .14rem; color: #999; line-height: .256rem; } /* 手机首页底部tab切换 */ .new-tab-btn-items { text-align: center; font-size: 0; padding: 0 .15rem; box-shadow: 0 5px 5px rgba(0,0,0,.1); display: none; } .new-tab-btn-item { display: inline-block; font-size: .17rem; font-weight: bold; color: #666; line-height: .45rem; border-bottom: .035rem solid transparent; } .new-tab-btn-item:nth-of-type(2) { margin: 0 .6rem; } .new-tab-btn-item.active { color: #333; border-bottom-color: #06893e; } .new-tab-items { display: none; padding: 0 .15rem; } .new-tab-item { display: none; height: 2.65rem; overflow: hidden; } .new-tab-item.active { display: block; } .new-tab-item-fw { margin-left: 0; margin-top: .15rem; } .new-tab-item-fw::after { content: ''; display: block; width: 0; height: 0; clear: both; } .new-tab-item-fw li { float: left; width: 50%; margin-top:1%;} .new-tab-item-fw li a { display: block; text-align: center; } .new-tab-item-fw li a img { display: block; margin: 0 auto; width: .8rem; } .new-tab-item-fw li a span { display: block; font-size: .15rem; color: #333; line-height: .35rem; } @media (max-width: 768px){ .new-tab-btn-items, .new-tab-items { display: block; } .new-tab-item .list-news { margin-top: .1rem; } } @media (max-width: 768px){ .zt_img { display: none; } .zt_img.zt_img-2 { display: block; width: 100%; background: transparent; padding-left: .15rem; } .zt_img.zt_img-2::after { content: ''; display: block; clear: both; } .zt_img.zt_img-2 a { display: block; float: left; width: 33.33%; padding-right: .15rem; margin: 0; } .zt_img.zt_img-2 a img { width: 100%; } .i-tabs-news .i-tabs-items .i-tabs-item { width: auto; height: .45rem; display: inline-block; line-height: .45rem; background-color: #fff; border-bottom: .035rem solid transparent; margin: 0 .34rem; } .i-tabs-news .i-tabs-items .i-tabs-item a { font-size: .17rem; font-weight: bold; color: #666; pointer-events:none;} .i-tabs-news .i-tabs-items .i-tabs-item-active { background: #fff; border-color: #06893e; } .i-tabs-news .i-tabs-items .i-tabs-item-active a { color: #333; } .i-tabs-items { display: block; text-align: center; box-shadow: 0 5px 5px rgba(0,0,0,.1); } .banner-count .li { padding: .15rem; border-color: transparent; } .banner-count .li h4 { font-size: .17rem; margin: .1rem 0; } .banner-count .li p { font-size: .12rem !important; } .banner-count .swiper-slide { height: 3rem; } .bottom-banner .swiper-pagination { margin-top: .15rem; } .yqlj-font { display: none; } .lianjie { padding: 0 .15rem; height: .45rem; } .lianjie-cont { margin: 0 !important; width: 100%; } .select-list { margin-right: 0; padding-left: 0; width: 33.3%; height: 0.45rem; text-align: center; border: none; background: none; font-size: .12rem; } .bottom-logo { display: none; } .bottom-bq-top li a { color: #06893e; } .bottom-bq .bottom-bq-top { width: 100%; padding: 0 .3rem; margin: .2rem 0; } .erweima .gzh:nth-last-of-type(1) { display: none; } .gzh img { width: 1.3rem; height: auto; } .gzh { width: auto; } .bottom { position: relative; } .bottom-bq p { position: absolute; left: 0; bottom: -0.25rem; padding: 0 .15rem; font-size: .1rem; } .bottom-bq p a { font-size: .1rem; } .erweima { height: auto; padding-bottom: 0.6rem; } .gonghshi { padding: 0; } .gonghshi-cont { width: 100%; box-shadow: 0 5px 5px rgba(0,0,0,.1); display: none; } .gonghshi-cont img { display: none; } .gonghshi-cont span { font-size: .17rem; font-weight: bold; color: #666; display: inline-block; border-bottom: .035rem solid transparent; line-height: .45rem; } .gonghshi-cont li:nth-of-type(2) span { color: #333; border-color: #0f833d; } .btm-link { display: block; width: 100%; padding: 0; text-align: center; margin: .7rem auto; } .btm-link .subnav-6-3 a img { width: .5rem; height: .575rem; margin-left: -.25rem; } .subnav-6-3 a { display: inline-block; margin: .2rem .1rem; width: 1rem; } .m-more { display: block; width: .8rem; padding-left: .1rem; text-align: center; margin: .2rem auto; font-size: .12rem; } .top_right_cont .li:nth-of-type(5), .top_right_cont .li:nth-of-type(6), .top_right_cont .li:nth-of-type(7), .top_right_cont .li:nth-of-type(8), .top_right_cont .li:nth-of-type(9), .top_right_cont .li:nth-of-type(10) { display: none; } .lianjie { display: block; } .lianjie-cont { display: none; } .m-center-link { display: block; width: 100%; text-align: center; font-size: 0; } .m-center-link a { display: inline-block; color: #fff !important; font-size: .14rem; margin: 0 .2rem; } .banner-count .li img { height: 1.86rem; } .bottom-banner .swiper-button-prev, .bottom-banner .swiper-button-next { display: block; width: .27rem; height: .27rem; background: no-repeat center / .27rem .27rem; top: 37%; } .bottom-banner .swiper-button-prev { left: .15rem; background-image: url(/uploads/image/p3scimage/im-l.png); } .bottom-banner .swiper-button-next { right: .15rem; background-image: url(/uploads/image/p3scimage/im-r.png); } } /* .second-content .second-content-ct { padding: .3rem; padding-top:0rem;} */ /* 社会责任 - 社会责任理念 */ .sr-shzrln { width: 10.7rem; margin: .35rem auto; } .sr-shzrln .swiper-slide { height: 4.8rem; background: no-repeat center / cover; } .sr-shzrln [class*="swiper-button"] { width: .5rem; height: .5rem; top: 50%; margin-top: -.25rem; background: rgba(0,0,0,.5) no-repeat center / .34rem .34rem; } .sr-shzrln .swiper-button-prev { left: .3rem; background-image: url(/uploads/image/p3scimage/i-shzrln-l.png); } .sr-shzrln .swiper-button-next { right: .3rem; background-image: url(/uploads/image/p3scimage/i-shzrln-r.png); } /* 资质荣誉 */ #honor { position: relative; width: 100%; } #honor .swiper-container { padding-bottom: 60px; font-style: normal; } #honor .swiper-slide { width: 520px; height: 408px; background: #fff; box-shadow: 0 8px 30px #ddd; } #honor .swiper-slide img { display:block; } #honor .swiper-slide h3 { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: .2rem; margin: 0; } #honor .swiper-pagination { width: 100%; bottom: 20px; } #honor .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #honor .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #honor .swiper-button-prev { left: -30px; width: 45px; height: 45px; background-position: 0 0; background-size: 100%; background: url(/uploads/image/p3simages/wm_button_icon.png) no-repeat; } #honor .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #honor .swiper-button-next { right: -30px; width: 45px; height: 45px; background-position: 0 -93px; background-size: 100%; background: url(/uploads/image/p3simages/wm_button_icon.png) no-repeat; } #honor .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } .djgz-news-item-title .news-title { transition: .5s; } .djgz-news-item-title:hover .news-title { color: #0f833d; } .hot-jctj-item:hover .hot-jctj-item-pic img { transform: scale(1.1); } .hot-jctj-item:hover .hot-jctj-item-title .news-title { color: #0f833d; font-weight: bold; } .detail-size a.active { color: #0f833d; } .i-tabs-ztjj .i-tabs-nav { margin-bottom: .3rem; } .clearfix::after { content: ''; display:  block; clear: both; } .ztjj-news-content { line-height: .5rem; border-bottom: 1px solid #e9e7e7; } .i-tabs-ztjj .i-tabs-container { margin-top: .3rem; } .ztjj-news-item { float: left; margin-right: .2rem; } .ztjj-news-item-title a { text-decoration: none; font-size: .18rem; transition: .5s; } .ztjj-news-item-pic { width: 3.3rem; overflow: hidden; } .ztjj-news-item-pic img { width: 3.3rem; transition: .5s; } .ztjj-news-item:hover .ztjj-news-item-title a { color: #0f833d; font-weight: bold; } .ztjj-news-item:hover .ztjj-news-item-pic img { transform: scale(1.1); } .xwzx-news-item-you { width: 100%; } .xwzx-news-item-pic { width: auto; } .jhy-tjts-item-pic-all{overflow: hidden;} .jhy-tjts-item-pic-all img { margin-bottom: 4%; transition: all 0.6s ease-out 0s;} .jhy-tjts-item-pic-all img:hover { transform: scale(1.1); } .jhy-tjts-nonbor { border-bottom: none; } .jhy-tjts-mag-top { margin-top: 5%; } .content-wrleft { margin-bottom: 3%; position: relative; } .content-wryright { margin-bottom: 5%; padding-top: 2%; } .top_right_cont span { font-size: .16rem; color: #999; } .i-tabs-news-wr .i-tabs-items .i-tabs-item { background: none; } .i-tabs-news-wr .i-tabs-items .i-tabs-item-active { border-bottom: 4px solid #e4b024; background: none; } .i-tabs-news-wr .i-tabs-items .i-tabs-item-active a { color: #000; } .i-tabs-news-wr .i-tabs-items .i-tabs-item { width: 1.375rem; } .i-tabs-news-wr { background: #fff; padding-bottom: 3%; padding-top: 2%; } .i-tabs-news-wr .i-tabs-items { border-bottom: 4px solid #06893e; height: 0.5rem; } .jhy-tic-title { width: 100% !important; } .jhy-item-hig { width: 9rem; } .jyh-zuo-newsn { width: 83%; } .xwzx-news-item-summary { text-indent: 0; } /* 新闻中心 - 聚合页 */ .xwzx-dis-fd { width: 100%; display: flex; } .i-news-item-pic { width: 50%; } .i-news-item-you { width: 50%; background: #fff; } .i-news-item-pic img { width: 100%; } .i-news-item-title { font-size: 20px; width: 90%; margin: auto; margin-top:.2rem; } .i-news-item-you a { color: #06893e; text-decoration: none; font-size: .24rem;line-height:.4rem; } .i-news-item-date { color: #c3c3c3; width: 90%; margin: auto; padding: 1% 0 1% 0; } .i-news-item-summary { line-height: 20px; width: 90%; margin: auto; line-height:.4rem; font-size: .18rem; } .i-news { position: relative; } .i-news-nav { position:absolute; right: 20%; bottom: .2rem; } .i-news-page { width: 13px; height: 13px; float: left; background: #979797; margin-right: 6px; cursor: pointer; border-radius: 50%; } .i-news-page-active { background: #06893e; width: 30px; border-radius: 10px; } .xwzx-lunb-news-tit a:hover { text-decoration: underline; } .jhy-con-allwenz{width:91%;} /* 关于我们 - 企业标识 */ .biaoshi1, .biaoshi2, .biaoshi3 { background: no-repeat -10px center / 100%; width: 100%; padding-left: 1.45rem; line-height: .6rem !important; height: .6rem; color: #fff !important; font-size: .18rem !important; box-shadow: 0 0 10px rgba(0,0,0,.1); position: relative; } .biaoshi1::after, .biaoshi2::after, .biaoshi3::after { content: ''; display: block; width: 15px; height: 100%; background: #06893e; position: absolute; top: 0; right: 0; } .biaoshi1 { background-image: url(/uploads/image/p3b20529/637894357751536917.png); margin-top: .4rem; } .biaoshi2 { background-image: url(/uploads/image/p3b20529/637894362041922630.png); margin: .12rem 0; } .biaoshi3 { background-image: ; } /* 关于我们 - 领导团队 */ /* .second-content .second-content-ct { width: 84%; margin: 0 auto; padding: 0; } .lingdao-news-item-title .news-title{ display: inline-block; width: 100%; text-align: center; font-size: .18rem; line-height: .3rem; color: #000; margin-top: .1rem; } .lingdao-news-item1 { text-align: center; } .lingdao-news-item2 { text-align: center; margin: .4rem 0; } .lingdao-news-item-title .news-title:hover { color:#333; } .lingdao-news-item-con { text-align: center; font-size: .18rem; line-height:.2rem; color:#000; } .lingdao-news-item3 { float: left; width:25%; margin-bottom:.4rem; } .lingdao-news-item4 { float: left; width:25%; margin-bottom:.4rem; } .lingdao-news-item5 { float: left; width:25%; margin-bottom:.4rem; } .lingdao-news-item6 { float:left; width:25%; margin-bottom:.4rem; } .lingdao-news-item10 { float:left; width:25%; } .lingdao-news-item7 { width:25%; float: left; } .lingdao-news-item8 { width:25%; float: left; } .lingdao-news-item9 { width:25%; float: left; } .lingdao-news-item { display: flex; flex-direction: column; align-items: center; } .lingdao-news{ padding:3% 0 5% 0; } */ .list-team { width: 9.5rem; margin: .3rem auto 0; } .list-team::after { content: ''; display: block; width: 0; height: 0; clear: both; } .list-team li { float: left; width: 25%; } .list-team li:nth-of-type(1) { width: 100%; } .list-team li .item { width: 1.73rem; margin: 0 auto; text-align: center; white-space: nowrap; margin-bottom: .35rem; } .list-team li .item .img { position: relative; overflow: hidden; width: 100%; height: 2.2rem; background: #eee; } .list-team li .item .img img { width: 100%; height: 100%; transition: .5s; } /*.list-team li .item:hover .img img { transform: scale(1.05); }*/ .list-team li .item h3 { font-weight: normal; font-size: .18rem; margin-top: .1rem; line-height: 1.65; transition: .5s; } /*.list-team li .item:hover h3 { color: #0f833d; }*/ .list-team li .item h3 a:hover { color: inherit; } .list-team li .item p { line-height: 2; line-height: 1.65; color: #333; font-size: .18rem; transition: .5s; } /*.list-team li .item:hover p { color: #0f833d; }*/ /* 关于我们 - 联系我们 */ .my-map { margin: .3rem auto; width: 100%; height: 4.7rem; } .my-map .icon { background: url(/uploads/image/alswitcreater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .amap-container { height: 100%; } .myinfowindow { width: 240px; min-height: 50px; } .myinfowindow h5 { height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; } .myinfowindow div { margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; } .pc-no { display: none; } .m-no { display: block; } @media (max-width: 768px) { .m-no { display: none; } .pc-no { display: block; } } /* ------------------------------------------------------------------------------- */ .header { display: none; } @media (max-width: 768px) { body { background: #fff; } .banner .banner-img { display: none; } .content-center { width: 100%; padding: 0; } .content-left { display: none; } .neirong { width: 100%; margin: 0; } .second-content-title { display: none; } .zkb-dsxx-lj { top: 0; right: auto; left: 0.15rem; font-size: .14rem; } .second-content .second-content-ct { padding: 0.5rem 0.15rem 0 !important; } body, .normal p { font-size: .15rem; line-height: 1.8; } } /*企业文化的企业标识*/ @media (max-width: 768px) { .biaoshi1, .biaoshi2, .biaoshi3{background-size:100% 1.5rem;line-height: .3rem !important;padding-left: 0.5rem;height: 0.9rem;} .biaoshi1 span,.biaoshi2 span,.biaoshi3 span{width: 90%;white-space: normal;display: inline-block;} } /*导航栏主营业务p间距太高*/ .zy-six-lhigt p{margin-bottom:0;} /*关于我们p字体大小*/ .subnav-1-4 .picn-txt-new p{font-size:0.14rem;line-height:1.5;} /*底部友情链接居中*/ .yqlj-font{margin-bottom:0 !important;} .dsh-twon li:nth-of-type(2){width:100%;} .dsh-twon li:nth-of-type(3){margin-right:0%;} .zt_img li { float: left; width: 2.36rem; height: 0.77rem; position: relative; margin-top: 0.1rem; overflow: hidden; margin-right: 0.08rem; } .zt_img li img { display: block; width: 100%; height: 100%; } li.img_list3{margin-right: 0rem !important;}