.header {position: fixed;left: 0;top:0; } .fp-left{display:none;} .swiper-pagination { left: 0;width: 100%;} .mt_xct{position: absolute;z-index: 9;width: 900px;} .mt_banner .aboutVideo {position:absolute; top: 85%;right: 1.3%; margin: -0.3rem 0 0 -0.3rem;z-index: 20;} .mt_banner .aboutVideo img{width:0.6rem !important;} .mt_banner .none {display:none;} .mt_banner .pingVideo_p {width:100%;} .mt_banner .swiper {width:100%;height:100%;} .mt_banner .swiper-slide {text-align:center;font-size:0.225rem;background:#fff;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;} .mt_banner .swiper-slide img {object-fit:cover;} .mt_banner .swiper-pagination {bottom:5% !important;} .mt_banner .swiper-pagination-bullet {width:unset !important;height:unset !important;display:unset !important;border-radius:unset !important;background:unset !important;opacity:unset !important;font-size:0.3rem;color:#c58f39;} .mt_banner .swiper-pagination-bullet-active {background:unset !important;opacity:unset !important;font-size:0.45rem;} .mt_banner .swiper-pagination-bullet {margin:0;} .mt_banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.mt_banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 var(--swiper-pagination-bullet-horizontal-gap,0.375rem) !important;} .mt_banner .swiper-button-next,.mt_banner .swiper-rtl .swiper-button-prev {right:1.125rem !important;display: none !important;} .mt_banner .swiper-button-prev,.mt_banner .swiper-rtl .swiper-button-next {left:1.125rem !important;display: none !important;} .mt_lshg{position: absolute;z-index: 999;top: 5%;right: 6.4%;} .mt_lshg a{color: #fff;background: #c58f39;border-radius: 0.25rem;padding: 5px 10px;font-size: 0.225rem;} .nav ul li:nth-child(5) { writing-mode: vertical-rl; } /* banner */ .banner { width: 100%; height: 100vh; overflow: hidden; position: relative; } .banner_list, .banner_list li, .banner_list li img { width: 100%; height: 100vh; } .banner_list li { overflow: hidden; } .banner_list li.swiper-slide-active img { animation: scale-bg 6s linear forwards; } .banner_list li span{ position:absolute; width: 11.95rem; left:50%; margin-left:-5.975rem; top:5.175rem;} .banner_list li span img{ display: block; width:100%; height: auto;} .banner_but_con { width: 20.0rem !important; position: absolute; bottom: 0.56rem !important; left: 50% !important; margin-left: -10.0rem !important; z-index: 5; text-align: right; display: inline-flex; align-items: center; justify-content: flex-end; } .banner_but { display: inline-block; } .banner_but li { display: inline-block; font-size:0.3rem; color: #fff; margin-right: 0.31rem; cursor: pointer; } .banner_but li.on { font-size:0.45rem; font-weight: bold; display: inline-flex; align-items: center; } .banner_but li.on::after { content: ''; display: inline-block; width: 0.75rem; height:1px; background: #fff; margin-top:0.2125rem; } .banner_but li:last-child::after { display: none; } .banner_but_con .prev, .banner_but_con .next { width: 0.62rem; } .banner_but_con .prev { margin-right: 0.31rem; display: none; } /* banner动画 */ @keyframes scale-bg { from { -webkit-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); transform: scale(1); } } .showpage{ font-size:0.225rem; color:#666464; margin-left:-40%;} .showpage em{ font-size:.5rem; color:#e2cda3;font-style:normal;} .section .conW{ margin-top:1.25rem;} .AboutCon .conW,.footer .conW{ margin-top:0rem;} /*第二部分-产品中心*/ .ProductCon{ background: url("bg_cpzx.jpg") no-repeat bottom center; background-size:cover;} .ProductCon .fl{ width:17%;} .ProductCon .fr{ width:79%;} /*左侧栏目标题*/ .mkTitle{} .mk_oneMenu{ padding:1.4125rem 0 0; top:1.25rem; position: absolute;} .mk_oneMenu img{ height:2.125rem;} .mk_oneMenu .menupc{display: block;} .mk_oneMenu .menumob{display: none;} .mk_twoMenu{border-left:1px solid #dac9a6;position: absolute;left:8.5%;height:calc(100% - 5.6rem);top:5.6rem;} .mk_twoMenu ul{display: flex; height: 100%;} .mk_twoMenu li{ float:left; width: 0.9875rem; text-align: center; border-right:1px solid #dac9a6;cursor: pointer;position: relative;} .mk_twoMenu li a{ display: inline-block; font-size:0.25rem; color:#78552b; width:0.25rem; line-height: 130%; font-weight:600;margin:0.3rem 0 2.5rem;} /*.mk_twoMenu li em{ display: inline-block; width:100%; padding:0.2875rem 0;background: #e0c99c; position: relative; bottom:0; left:0;}*/ /*.mk_twoMenu li:hover,*/.mk_twoMenu li.on{background:rgba(218,208,166,.1);} /*.mk_twoMenu li:hover a,*/.mk_twoMenu li.on a{ color:#dabe87;} /*.mk_twoMenu li:hover::after,*/.mk_twoMenu li.on::after{ content:''; position: absolute; bottom:0; left:0; background: #e0c99c url("bg_mk1.png") no-repeat center center; background-size: 100% 80%;display: block; width:100%;height:42%; max-height: 270px;} /*右侧产品列表*/ .cpCon{} .cpConwz{ text-align: center; width:100%;padding:0 0 0.1875rem;} .cpConwz img{ width: 50%;} .cpList{ width: 100%;} .cpList .bd ul{} .cpList .bd li{ float:left; width:33.333333%; margin-bottom:0.3125rem;position: relative;} .cpList .bd li a{ display: block; border:1px solid #e2cda3; text-align: center; width:94%; margin:0 auto; background:rgba(255,255,255,.5);} .cpList .bd li a em,.cpList .bd li a span{margin:0 0.4rem;} .cpList .bd li a em{ display: block; font-style: normal; font-size:0.3rem; color:#0a0204; border-bottom:1px solid #e2cda3; line-height:0.85rem;font-family:'微软雅黑';white-space:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .cpList .bd li a span{display: block; } .cpList .bd li a span,.cpList .bd li a span i{ height:2.85rem;} .cpList .bd li a span i{ width: 0; overflow: hidden; font-size:0;} .cpList .bd li a span i,.cpList .bd li a span img{ vertical-align: middle; display: inline-block;} .cpList .bd li a img{ max-height:90%; max-width: 100%; margin:0 auto;} .cpList .hd{ padding:0 4% 0 1%;} .cpList .hd .prev,.cpList .hd .next{ width: 0.35rem; height: 0.35rem; background:rgba(178,130,71,.5); color:#fff; text-align: center; display: inline-block;float: left;cursor: pointer; line-height: 0.35rem; font-size:.3rem;} .cpList .hd .prevStop,.cpList .hd .nextStop{ background:rgba(178,130,71,.3);} .cpList .hd a{ float: right; color: #78552b; font-size:0.3rem;} .btn {display:inline-block;padding:0.0625rem 0.125rem;font-size:0.175rem;color:#fff;border:2px solid #4d92d9;background-color:#4d92d9;text-decoration:none;transition:0.4s;} .btn:hover {background-color:transparent;color: #fff !important;transition:0.4s;border:2px solid #fff;} .cpList .bd li .text-desc {background:rgb(224 201 156);top:-100%;transition:0.5s;color:#fff;padding:0.5625rem 0.25rem 0.25rem;} .cpList .bd li .text-desc {top:50%;left:50%;width:0;height:0;overflow:hidden;padding:0;} .cpList .bd li:hover .text-desc {width:78%;top:25%;left:11%;height:73%;padding:3% 5%;} .text-desc {position:absolute;left:0;top:0;height:100%;width:100%;padding:0.25rem;} .text-desc h3 {color:#fff;font-size:0.375rem;line-height:0.5rem;padding-top:0.875rem;} .text-desc a {margin-top:0.25rem;} .cpList .bd li .text-desc p {font-size:0.2rem;color:#fff;font-family:"微软雅黑";line-height:0.375rem;} .cpList .bd li .text-desc .btn {width:40%;margin-top:3%;font-family:"微软雅黑";color:#78552b;} /*第三部分-服务中心*/ .ServiceCon{background: url("bg_fwzx.jpg") no-repeat bottom center; background-size:cover;} .ServiceCon .mkTitle{ position: absolute; top:0; width: 20%; left: 8.5%;} .fwzxList{ float: right; width:70%; margin-right:10%;} .fwzxList li{ width:25%; float: left; padding:0.3125rem 0;} .fwzxList li a{ padding:0.375rem 0 0.1875rem; width:85%; margin:0 auto; border:1px solid rgba(255,255,255,0)} .fwzxList li a,.fwzxList li a span{ display: block; text-align: center;} .fwzximg{ width: 1.0375rem; height:1rem; margin:0 auto; } #fwzximg_0{background:url(/uiFramework/commonResource/image/2023122616480972063.png) no-repeat center bottom;background-size: auto 100%;} #fwzximg_1{background:url(/uiFramework/commonResource/image/2023122616481593029.png) no-repeat center bottom;background-size: auto 100%;} #fwzximg_2{background:url(/uiFramework/commonResource/image/2023122616482030926.png) no-repeat center bottom;background-size: auto 100%;} #fwzximg_3{background:url(/uiFramework/commonResource/image/2023122616482677577.png) no-repeat center bottom;background-size: auto 100%;} #fwzximg_4{background:url(/uiFramework/commonResource/image/2023122616483136394.png) no-repeat center bottom;background-size: auto 100%;} #fwzximg_5{background:url(/uiFramework/commonResource/image/2023122616483539292.png) no-repeat center bottom;background-size: auto 100%;} #fwzximg_6{background:url(/uiFramework/commonResource/image/2023122616502232895.png) no-repeat center bottom;background-size: auto 100%;} #fwzximg_7{background:url(/uiFramework/commonResource/image/2023122616502815192.png) no-repeat center bottom;background-size: auto 100%;} #fwzximg_8{background:url(/uiFramework/commonResource/image/2023122616503294570.png) no-repeat center bottom;background-size: auto 100%;} #fwzximg_9{background:url(/uiFramework/commonResource/image/2023122616503787551.png) no-repeat center bottom;background-size: auto 100%;} .fwzximg em{display: block; margin-top:0.4rem; float: right; height: 0.6rem; text-align: right; width:100%;} .fwzximg img{ display: inline-block;max-height: 100%; width: 0.475rem; margin-right:0.125rem;} .fwzximg .imghid{ display:none;} .fwzxtitle{ font-size:0.225rem; color:#78552b; line-height: 100%; margin-top:0.25rem;} .fwzxList li:nth-child(3) .fwzximg em img{ width:0.55rem;} .fwzxList li:nth-child(7) .fwzximg em,.fwzxList li:nth-child(9) .fwzximg em{ text-align: center;} .fwzxList li:nth-child(7) .fwzximg em img,.fwzxList li:nth-child(8) .fwzximg em img{ width:0.525rem;margin-right:-0.3rem;} .fwzxList li:nth-child(9) .fwzximg em img{margin-right:0;} .fwzxList li:nth-child(7) .fwzximg em img,.fwzxList li:nth-child(8) .fwzximg em img{ margin-top:0.0875rem;} .fwzxList li:nth-child(10) .fwzximg em img{ width:0.4125rem;} .fwzxList li a:hover{background:rgba(241,235,224,.5); border:1px solid #d4b681;} .fwzxList li a:hover .fwzximg .imghid{ display:inline-block;} .fwzxList li a:hover .fwzximg .imgshow{ display:none;} .fwzxList li a:hover .fwzxtitle{ color:#333333;} .fwzxList ul li:nth-child(9), .fwzxList ul li:nth-child(10) { display: none; } /*第四部分-企业概况*/ .AboutCon{background:#f8f4eb url("bg_qygk.png") no-repeat left bottom; background-size:30% auto;} .AboutCon .fp-tableCell{vertical-align: top;} .AboutCon .fl{ width: 30%; margin-left:8.5%; position:relative; height: 100vh; z-index: 3;} .AboutCon .mk_twoMenu{ left:0;} .logo2{position: absolute; top:0.35rem; right:-1.4875rem;} .logo2 img{ display: block; width:1.0375rem;} .qygkCon{background:url("gsjjbg1.png") no-repeat; width:4.375rem; height:80vh; float: right; background-size: 100% 100%; bottom:0; left:38.5%; margin-left:-2.1875rem; position: absolute; z-index: 10;} .qygkCon h3{ padding-top:2rem; text-align: center; padding-bottom: 0.375rem;} .qygkCon h3 span{ display: inline-block; color:#dabe87; font-size: 0.35rem; line-height: 100%;} .qygkCon h3 span::after{ display: block; width:50%; height: 0.025rem; background: #dabe87; content:''; margin:0.1875rem auto 0;} .gsjj p{ font-size:0.225rem; color:#666464; line-height: 200%; margin:0 0.425rem;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:10;-webkit-box-orient: vertical;display: -webkit-box; font-family: "微软雅黑";} .more2{/*margin:1.5625rem 0 1rem;*/ color: #dabe87; font-size:0.2rem; display: block; text-align: center;position: absolute; width:100%; bottom:.9rem;} .gsln2{writing-mode: vertical-rl;text-align: left;line-height:0.64rem; font-size:0.225rem; color:#666464; margin-left:0.5625rem; margin-top:0.1rem; letter-spacing: 1px;} .gsln2 p{ font-family: "微软雅黑";} .gsln .more2{bottom: 0.4rem;} .AboutCon .fr{ width: 61.5%; height: 100%;} .aboutC .swiper-container,.aboutC ul,.aboutC ul li,.aboutC .swiper-slide img{height: 100vh; width:100%;} .aboutC .swiper-slide img{max-width:none;} .aboutC ul img{ display: block;max-width:none; object-fit: cover;} .swiper_btn{ position:absolute; left:2.9375rem; top:0; height: 100vh; width:1.225rem; border-left:1px solid rgba(218,208,166,.4); border-right:1px solid rgba(218,208,166,.4); background:rgba(255,255,255,.06); z-index: 5; padding-top:40%; } .swiper_btn p img{ } .swiper_btn p{ display: flex;align-items: center;justify-content: center; width: 0.9625rem; height:0.9625rem; background:url(bsjjbg2.png) no-repeat center center; background-size: 100%; text-align: center; cursor: pointer; } .swiper_btn p.prev{ border-bottom:1px solid rgba(255,255,255,.5);} .swiper_btn p.swiper-button-disabled{ display: none; } /*第五部分-新闻中心*/ .NewsCon{background: url("bg_xwzx.jpg") no-repeat bottom center; background-size:cover;} .NewsCon .fl{ width:18%;} .NewsCon .fr{width:82%; overflow: hidden;} .newsList{ width: 100%; } .newsList dt,.newsList dd{ width:47.5%; margin-bottom: 0.5rem;} .newsList dt{float: left;} .newsList dd{float: right;} .newsList dt a,.newsList dd a,.newsList dt span,.newsList dd span{ display: block;color:#78552b; width: 100%;} .newsList dt .newimg{ height: 4.375rem; } .newimg img{ width:100%; height: 100%; max-width:none;} .newdata{ font-size: 0.475rem; line-height: 100%; margin-top:0.475rem; position: relative; } .newdata em{ display: block; font-size:0.25rem; font-style: normal;color:#78552b; } .newdata::after{ background: url(moreIcon.png) no-repeat; background-size: 100%; position: absolute; right:0; top:0.13rem; width:0.425rem; content:''; display: inline-block; height:0.125rem;} .newtitle{ font-size:0.2625rem; line-height: 150%; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-weight: bold;} .newsum{ font-size:0.2rem; line-height: 140%;margin-top:0.125rem;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-family: "微软雅黑";} .newsList .newsum{display: -webkit-box;} .newsList dd .newimg{ float: left; width: 2.7625rem; height:2rem;background: url(/uiFramework/commonResource/image/2023110117184376498.png) no-repeat; background-size: 100% 100%;} .newsList dd .newdata,.newsList dd .newtitle,.newsList dd .newsum{ float: right; width: 4.6875rem;} .newsList dd .newdata{ margin-top:0;} .more3{ width:100%; clear:both; text-align: right;} .more3 a{ color: #78552b; font-size:0.3rem;} /*0817*/ .xwtabC,.newsList2{width:47.5%;} .xwtabC,.dwmjCon{ float: left; } .xwtabC .swiper-slide span,.xwtabC .swiper-slide a{display: block;color:#78552b; width: 100%;} .xwtabC .newimg{ height: 4.375rem; background: url(/uiFramework/commonResource/image/2023110117184376498.png) no-repeat;background-size: 100% 100%;} .xwtabC .swiper-slide .newsum{display: -webkit-box;} .newsList2{float:right;} .newsList2 dd:first-child { display: none; } .newsList .newsList2 dd{clear: both; width:100%;} .pagination_news P{ display:none; } .prev_news,.next_news{ display:block; float: left; width:.35rem; height:.35rem; text-align:center; background:rgba(178,130,71,.5); color:#fff; line-height:.35rem; font-size:.23rem; margin-top:.625rem; cursor: pointer;} .prev_news.swiper-button-disabled,.next_news.swiper-button-disabled{ background:rgba(178,130,71,.3); } .newsList .newsList2 .nonewimg span{width:100%;float:none;} .newsList .newsList2 .nonewimg span.newimg{ display:none; width:0; overflow:hidden;} /*第六部分-投资者关系*/ .tzzgxCon{background: url("/uiFramework/commonResource/image/2023122217440366822.jpg") no-repeat bottom center; background-size:cover;} .tzzgxCon .fp-tableCell{} .tzzgxCon .more3{ text-align: left;} .tzzgxC{ width: 34%; margin-bottom:20vh;} .tzzgxList li{ margin-bottom:0.25rem;} .tzzgxList a ,.tzzgxList span{ display: block; width:100%; margin:0;} .tzzgxList a{ border:1px solid #e2cda3; background:rgba(255,255,255,.5); padding:0.3rem 0.4rem;} .tzzgxList .newdata{ font-size:0.38rem; color:#78552b; line-height:100%;} .tzzgxList .newdata em{ font-size:0.2rem;} .tzzgxList span.newtitle2{font-size:0.25rem; line-height: 130%; margin-top:0.1rem;color:#78552b; } .tzzgxC .more3 a{ margin-left:0.725rem;} .footer{ position: absolute; left:0; bottom:0;} @media screen and (min-width: 769px){ /*右侧产品列表*/ .mk_oneMenu,.mk_twoMenu,.cpList{visibility:hidden;} .active .mk_oneMenu{-webkit-animation:slideInLeft .5s 1 linear; animation:slideInLeft .5s 1 linear;animation-fill-mode: forwards;} .active .mk_twoMenu{-webkit-animation:slideInUp .8s .4s 1 linear; animation:slideInUp .5s .3s 1 linear;animation-fill-mode: forwards;} .ProductCon.active .cpConwz{-webkit-animation:slideInDown .5s 1.2s 1 linear; animation:slideInDown .5s .5s 1 linear;animation-fill-mode: forwards;} .ProductCon.active .cpList{-webkit-animation:slideInUp .8s 1.2s 1 linear; animation:slideInUp .5s .8s 1 linear;animation-fill-mode: forwards;} /*第三部分-服务中心*/ .fwzxList{opacity:0;} .ServiceCon.active .fwzxList{-webkit-animation:zoomIn .8s 1 linear; animation:zoomIn .8s 1 linear;animation-fill-mode: forwards;} /*第四部分-企业概况*/ .AboutCon .fr{visibility: hidden;} .qygkCon{opacity:0;} .AboutCon.active .aboutC{-webkit-animation:slideInRight .6s .4s 1 linear; animation:slideInRight .6s .4s 1 linear;animation-fill-mode: forwards;} .AboutCon.active .qygkCon{-webkit-animation:zoomIn .5s 1s 1 linear; animation:zoomIn .5s 1s 1 linear;animation-fill-mode: forwards;} /*第五部分-新闻中心*/ .NewsCon .fr{ visibility: hidden; } .NewsCon.active .fr{-webkit-animation:slideInRight .6s .4s 1 linear; animation:slideInRight .6s .4s 1 linear;animation-fill-mode: forwards;} /*第六部分-投资者关系*/ .tzzgxCon .footer{opacity: 0;} .tzzgxList li{visibility: hidden;} .tzzgxCon .more3{opacity: 0;} .tzzgxCon.active .footer{-webkit-animation:fadeInUp .5s 1.2s 1 linear; animation:fadeInUp .5s 1.2s 1 linear;animation-fill-mode: forwards;} .tzzgxCon.active .tzzgxList li:nth-child(1){-webkit-animation:slideInRight .3s .4s 1 linear; animation:slideInRight .3s .4s 1 linear;animation-fill-mode: forwards;} .tzzgxCon.active .tzzgxList li:nth-child(2){-webkit-animation:slideInRight .3s .6s 1 linear; animation:slideInRight .3s .6s 1 linear;animation-fill-mode: forwards;} .tzzgxCon.active .tzzgxList li:nth-child(3){-webkit-animation:slideInRight .3s .8s 1 linear; animation:slideInRight .3s .8s 1 linear;animation-fill-mode: forwards;} .tzzgxCon.active .more3{-webkit-animation:fadeIn .3s 1.2s 1 linear; animation:fadeIn .3s 1.2s 1 linear;animation-fill-mode: forwards;} } /* 适配代码 */ @media screen and (max-width: 1400px){ } @media screen and (max-width: 768px){ /*头部*/ .header{ position: relative; } /* banner*/ .banner,.banner_list, .banner_list li{ height:40vh; } .banner_list li img{ height:100%; object-fit:cover; } .banner_list li span{ width:60%; top:50%; margin-left:0;transform:translate(-50%,-50%)} .section .conW{ margin-top:0;padding-bottom:20px; } .mt_banner { height: auto !important;position: relative; width: 100%; overflow: hidden;} .pingVideo_p video { height: auto !important;} /*模块标题*/ .mk_oneMenu,.mk_twoMenu{ position: relative; top:inherit;left:initial; } .mk_oneMenu{ padding-top: 30px;} .mk_oneMenu .menupc{display:none;} .mk_oneMenu .menumob{display:block; height: 0.9rem; width:auto; margin:0 auto;} .mk_twoMenu{ border-left:none;padding-top: 20px;height:auto; } .ProductCon .mk_twoMenu{ display: none;} .mk_twoMenu ul{width: 100%;justify-content: center;} .mk_twoMenu li a{ width:auto; color:#333; line-height: 100%; font-size: 18px;vertical-align: middle; } .mk_twoMenu li:nth-child(2)::after,.mk_twoMenu li:nth-child(2)::before,.mk_twoMenu li:nth-child(2).on::after{width:.6rem; content:"/"; display:inline-block; text-align:center; color:#dabe87; font-size:0.24rem; vertical-align: middle;} .mk_twoMenu li:nth-child(2)::after{ } .mk_twoMenu li:nth-child(2)::before{ } .mk_twoMenu li.on a{ color:#b28247; } .mk_twoMenu li.on{background: none;} .mk_twoMenu li{ border-right:none; width:auto; font-size:0; } .mk_twoMenu li a{margin:0;} .mk_twoMenu li.on::after{ display:none; } .mk_twoMenu li:nth-child(2).on::after{ display:inline-block; background:none;position: relative; left: inherit; bottom: inherit; height: unset; max-height: unset; } /*模块标题结束*/ /*产品*/ .ProductCon .fl,.ProductCon .fr,.NewsCon .fl,.NewsCon .fr,.ServiceCon .mkTitle,.fwzxList,.AboutCon .fl,.AboutCon .fr,.tzzgxCon .mkTitle,.tzzgxCon .tzzgxC{ width:100%; clear:both; float:none; } .ProductCon{ background: #f8f4eb url(cpzxbgmob.jpg) no-repeat left top; background-size:100% auto; } .cpCon{position: relative;} .cpConwz{ position: relative;padding-top: 20px; padding-bottom: 0;} .cpConwz img{ width:auto; height:1.47rem; } .cpList{ margin-top: 20px; } .cpList .bd li{width:50%;margin-bottom: 10px;} .cpList .bd li a em, .cpList .bd li a span { font-size: 16px; line-height: 30px;} .cpList .hd .prev, .cpList .hd .next{width: 0.53rem; height: 0.53rem; line-height: 0.53rem;} .cpList .hd a{font-size:0.4rem;} .cpList .hd{ margin-top: 10px; margin-bottom: 10px;} .gsgkTitle{display: none;} /*服务中心*/ .ServiceCon {background: url(fwzxbgmob.jpg) no-repeat bottom center;background-size: 100% auto;} .ServiceCon .mkTitle{ position: relative; left:inherit; } .fwzxList{ margin-right:0; } .fwzxList li{width:25%; padding: 20px 0 10px 0;} .fwzxList li a{width:100%;} .fwzxtitle{ font-size:.32rem; } .fwzximg{ font-size:0; } /*公司概况*/ .AboutCon{ background:#fff; } .AboutCon .fl{ margin:0;height:auto; } .AboutCon .fr{height:auto;} .qygkCon { background: none;width: 100%;height: auto;float: none;bottom: 0;left: inherit;position: relative; margin:0 0 30px;} .qygkCon h3{ padding:20px 0; } .qygkCon h3 span{ color:#b28247;font-size: 18px; font-weight:normal; } .qygkCon h3 span::after{ background:#b28247; } .more2 {color: #b28247;font-size:14px;position: relative;bottom: inherit; padding-top:10px;} .gsjj p,.gsln2 p{ font-size:16px; color:#333; line-height:180%; } .aboutC{ margin-top:20px; } .aboutC .swiper-container,.swiper_btn{height:auto;} .aboutC ul, .aboutC ul li, .aboutC .swiper-slide img{ height:100%; } .swiper_btn{border:none; background: none; left:0;} .swiper_btn p{ position: absolute; } .swiper_btn p.prev{ left:0; } .swiper_btn p.next{left: 737%; } .gsln2 {writing-mode: unset;} .gsln .more2 {bottom: inherit;} /*新闻中心*/ .NewsCon{background:#fff url(xwzxbg_mob.jpg) repeat-x top left;background-size:100% 87%;} .NewsCon .mk_twoMenu li:nth-child(2)::after{ display:none;width:0; } .newsTabC{ margin-top: 30px; } .newsList dt{ border-bottom:1px solid #ededec; padding-bottom:.4rem; } .newsList dt, .newsList dd{width:100%;float:none; clear:both; margin-bottom: 10px;} .newsList dd .newimg{ width:0;height:0; overflow:hidden; overflow: hidden; } .newsList dt .newimg {height: auto;} .newsList dd .newdata, .newsList dd .newtitle, .newsList dd .newsum{ float:none; width:100%; } .newsList dt span, .newsList dd span, .newsList dt span em, .newsList dd span em{ color:#b28247; } .newsList dt span.newtitle, .newsList dd span.newtitle{ color:#333333; font-size: 16px; } .newsList dt span.newsum, .newsList dd span.newsum{ color:#666464; font-size: 14px;line-height:150%; } .newsList dt .newdata{ font-size:0.48rem; } .newsList dd .newdata{ font-size: 16px;line-height:150%; } .newsList dt .newdata em,.newsList dd .newdata em{ font-size:14px; line-height:200%; } .newdata::after{ display:none;} .newsList dd .newdata{ float: left; width:15%; line-height:120%; } .newsList dd .newtitle,.newsList dd .newsum{ float: right; width:85%; } .newsList dd .newsum{ -webkit-line-clamp:1;} .more3{ display:none; } .newdata{margin-top:10px; margin-bottom: 10px;} /*0817*/ .xwtabC, .newsList2{ width:100%; float: none; clear: both;} .xwtabC li.swiper-slide{ border-bottom:1px solid #ededec; padding-bottom: 20px;} .newsList2{ margin-top:.4rem; } .xwtabC .swiper-slide .newdata,.xwtabC .swiper-slide .newdata em{ color:#b28247; font-size: 16px; line-height: 22px; } .xwtabC .swiper-slide .newdata em{ font-size: 16px; } .xwtabC .swiper-slide .newtitle{ color:#333; font-size: 16px;line-height: 30px;} .xwtabC .swiper-slide .newsum{ color:#666464; font-size: 14px;line-height: 22px; } .xwtabC .newimg{ height:5.3rem; } .prev_news, .next_news{display: none;} .pagination_news{position: absolute; top:4.5rem; left:0; width:100%; text-align: center; z-index: 11;} .pagination_news P{display: block; width:100%;} .pagination_news P span{ width:.2rem; height:.2rem; border:1px solid #cbcaca; border-radius:50%; display:inline-block; opacity:1; background:transparent; margin:0 .15rem;} .pagination_news P span.swiper-pagination-bullet-active{ background:#dbc08f; border:1px solid #dbc08f; } /*投资者关系*/ .tzzgxCon{ background:none; } .tzzgxmobbg {background:#f8f4eb url(tzzgxBg_mob.jpg) no-repeat bottom center;background-size: 100% auto;} .tzzgxmobbg .conW{padding-bottom:3rem;} .tzzgxC {width:100%;margin:.5rem 0 0;} .tzzgxList li{ margin-bottom:.27rem; } .tzzgxList a { background: rgba(255,255,255,.7);} .tzzgxList .newdata {font-size: 16px; color: #78552b; line-height: 22px;} .tzzgxList .newdata::after{ display:block; } .tzzgxList .newdata em {font-size:16px; color: #78552b;} .tzzgxList span.newtitle2{ font-size:.32rem; color: #78552b; font-size: 16px; line-height: 30px; margin-top: 10px;} .tzzgxCon .more3{ display:none; } .footer{ position: relative; } }