@font-face {
	font-family: pingfang;
	src: url('pingfang.ttf')
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: all;
    -o-transition: all;
    -ms-transition: all;
    -moz-transition: all;
    -webkit-transition: all;
    font-family: "pingfang", "PingFang SC", "Microsoft Yahei", "Helvetica Neue", arial, \5b8b\4f53, Helvetica, STHeiTi, sans-serif;
}
a {text-decoration: none;-webkit-tap-highlight-color: transparent;}
body, html { width: 100%; height: 100%;}
img {display: block; width: 100%;}
input,textarea,select{  outline: none; font-size: 0.28rem;}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type='file'],
button, select{ -webkit-appearance: none; outline: none; }
input[type="search"]{-webkit-appearance:none;}
input::-webkit-search-cancel-button {display: none;}
.ycanim {text-decoration:none; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.layout-main { width: 100%; position: relative;}
.header { width: 100%;  top: 0; left: 0; z-index: 20;position:sticky;height:50px;background:#000;}
.header .btn-bar { position: absolute; padding: .8rem; top: 0; left: 0; z-index: 10; }
.header .btn-bar i {width: .38rem; height: 2px; display: block; background-color: white; position: absolute; top: .37rem; left: .6rem; }
.header .btn-bar i:nth-child(2) { top: .51rem;}
.header .btn-bar i:nth-child(3) { top: .65rem;}
.header .bar-bg { width: 100%; height: 0;}

.header .btn-logo { width: 4rem; height: .45rem; position: absolute; top: .3rem; left: 50%; transform: translateX(-50%); background: url(../images/logo-1.png) center center no-repeat; background-size: auto .45rem; z-index: 20;}
.header .btn-buy { position: absolute; padding: .8rem; top: 0; right: 0; background: url(../images/icon-buy.png) .62rem .5rem no-repeat; background-size: .38rem auto;}
.header .menu {width: 100%; height: 0%; overflow: hidden; background-color: rgba(0, 0, 0, .8); z-index: 5; position: fixed; left: 0; top: 0; box-sizing: border-box; }
.header .menu .search { width: 7.4rem; height: 1rem; border-radius: .1rem; margin: auto; background: #484A50 url(../images/icon-search.png) .4rem .3rem no-repeat; background-size: .38rem .38rem; overflow: hidden; margin-top: 1.5rem;}
.header .menu .search input { display: block; width: 6.1rem; margin-left: 1rem; height: 1rem; line-height: 1rem; margin-top: 0rem; font-size: .28rem; border: none; background: none; }
.header .menu .search input::placeholder {color: #212224;}
.header .menu dl {padding: 0 0.75rem; font-size: 0;}
.header .menu dl dd {width: 100%; border-bottom: 1px solid #484A50;}
.header .menu dl dd a {font-size: .28rem; color: white; display: block; height: 100%; padding: .36rem 0;}

.header .buy-list {width: 100%; height: 0%; overflow: hidden; background-color: rgba(0, 0, 0, .8); z-index: 15; position: fixed; left: 0; top: 0; box-sizing: border-box; }
.header .buy-list dl {padding: 0 1rem; font-size: 0; padding-top: 1.6rem;}
.header .buy-list dl dd {width: 100%; border-bottom: 1px solid rgba(72, 74, 80, .3);}
.header .buy-list dl dd a {font-size: .28rem; color: #fff; display: block; height: 100%; padding: .36rem 0;}

.header-dw .bar-bg { width: 100%;  background-color: rgba(0, 0, 0, .8);}
.header-dw2 .bar-bg { width: 100%; height: 1.5rem; background-color: rgba(0, 0, 0, 1);}

.header-buy .buy-list {height: 12rem;}
.header-buy .btn-buy {background-image: url(../images/icon-buy.png); z-index: 20;}
.header-buy .btn-logo {background-image: url(../images/logo-1.png);}
.header-buy .btn-bar {opacity: 0;}
.header-buy .bar-bg {opacity: 0;}


.header-buy .btn-bar{opacity: 1;}
.header-bar .btn-bar i:nth-child(1) {transform: rotate(45deg); top: .74rem;}
.header-bar .btn-bar i:nth-child(3) {transform: rotate(-45deg); top: .74rem;}
.header-bar .btn-bar i:nth-child(2) {opacity: 0;}
.header-bar .menu {height: 13rem;}
.header-bar .bar-bg {opacity: 0;}
.header.header-buy .btn-bar{z-index: 22;}

.header.header-buy .btn-bar i:nth-child(1) {transform: rotate(45deg); top: .74rem;}
.header.header-buy .btn-bar i:nth-child(3) {transform: rotate(-45deg); top: .74rem;}
.header.header-buy .btn-bar i:nth-child(2) {opacity: 0;}



.banner { width: 100%; position: relative; overflow: hidden;/*top: -1.4rem;*/margin-bottom:-1.4rem}
.banner li img {width: 100%;}
.banner ul li a .text {position: absolute; bottom: 1.5rem; left: 0; text-align: center; width: 100%; color: white;}
.banner ul li a .text h1 { font-size: .48rem; font-weight: normal; transform: translateY(-.3rem); opacity: 0;}
.banner ul li a .text h2 { font-size: .28rem; font-weight: normal; transform: translateY(-.3rem); opacity: 0;}
.banner ul li a ._top { bottom: auto; top: 1.6rem;}
.banner ul li a ._top h2 { padding-bottom: .1rem;}
.banner ul li a ._dark {color: black;}
.banner ul li a .ani-slide h1 {animation:swiper-slide .4s linear 0s 1 normal forwards;}
.banner ul li a .ani-slide h2 {animation:swiper-slide .4s linear 0s 1 normal forwards; animation-delay:.2s;}
@keyframes swiper-slide {
    0% {
        opacity: 0;
        transform: translateY(-.3rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.banner .line { width: 0%; height: .04rem;}
.banner .line-anim { width: 0%; background-color: #a88a64; animation:swiper-load 3s linear 0s 1 normal forwards}
@keyframes swiper-load {
    0% {
        width: 0;
    }
    to {
        width: 100%;
    }
}
.banner .swiper-pagination { bottom: .5rem;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {font-size: .26rem; color: white;}
.banner .btn {width: 100%; position: absolute; bottom: .55rem; left: 0; z-index: 15;}
.banner .btn a { display: inline-block; width: .15rem; height: .27rem; background: url(../images/icon-btn-right.png) no-repeat; background-size: cover; cursor: pointer;}
.banner .btn a.left { transform: rotate(180deg); float: left; margin-left: .6rem;}
.banner .btn a.right { float: right; margin-right: .6rem;}

.child-banner { width: 100%; position: relative;}
.child-banner .text { position: absolute; left: 0; top: 46%; transform: translateY(-50%); padding-left: .9rem; font-size: .6rem; font-weight: normal; padding-top: .45rem;}
.service-text{font-size: .6rem; font-weight: normal;text-align: center;padding:1rem 0 .2rem;background-color: #fff;}

.goods-1 { width: 100%; overflow: hidden;margin-top:1.4rem}
.goods-1 h1 {width: 100%; font-size: .48rem; color: black; text-align: center; padding: 1.5rem 0 .6rem 0;font-weight: normal;}
.goods-1 .goods-box {width: 100%;}
.goods-1 .goods-box ul {width: 100%; }
.goods-1 .goods-box ul li {width: 4rem; text-align: center; padding-bottom: .25rem;}
.goods-1 .goods-box ul li span { font-size: .28rem; color: black; font-weight: normal; display: block; text-align: center; padding-top: .35rem;}

.goods-2 { width: 100%; margin: auto; padding-top: 1.4rem;}
.goods-2 ul {width: 100%;}
.goods-2 ul li {width: 100%; height: 5.28rem; position: relative; margin-bottom: .15rem; box-sizing: border-box; overflow: hidden;}
.goods-2 ul li:last-child {margin-bottom: 0;}
.goods-2 ul li h1 {position: absolute; top: 0; left: 0; z-index: 2; text-align: center; font-size: .48rem; color: white; padding-top: .5rem; width: 100%; font-weight: normal;}
.goods-2 ul li video {width: 100%; height: 100%;  position: absolute; left: 50%; top: 0; transform: translateX(-50%);}


.server {width: 100%; padding: .15rem; box-sizing: border-box;}
.server ul {width: 100%; display: flex; flex-direction: row;}
.server ul li { width: 50%; height: 4rem; background: #F7F4F2; text-align: center; font-size: 0; position: relative; }
.server ul li:hover { background-color: #ddd;}
.server ul li a:before {content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.server ul li .box {display: inline-block; vertical-align: middle;}
.server ul li img { height: .88rem; width: auto; display: inline-block;}
.server ul li span { display: block; text-align: center; font-size: .28rem; color: black; padding-top: .2rem;}
.server ul li a {display: block; width: 100%; height: 100%;}
.server ul li:first-child::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 1.5rem; background-color: rgba(0, 0, 0, .1);}

.footer { width: 100%; background-color: #3A3B3F; padding: .8rem 0 1.4rem 0; box-sizing: border-box;}
.footer ul { width: 100%;}
.footer ul li  { font-size: .28rem; color: white; }
.footer ul li dt {padding: .4rem 0; position: relative; margin: 0 .75rem; border-bottom: 1px solid #484A50; box-sizing: border-box;}

.footer ul li dt::after {content: ""; height: 1px; width: .2rem; background-color: #61646E; position: absolute; right: .2rem; top: 50%;}
.footer ul li dt::before {content: ""; height: 1px; width: .2rem; background-color: #61646E; position: absolute; right: .2rem; top: 50%; transform: rotate(90deg);text-decoration:none; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.footer ul li dl {display: none; background-color: #494a4c; padding: .3rem .75rem;}
.footer ul li dl dd {line-height: .8rem;}
.footer ul li dl dd a {color: white;}
.footer ul li dt.cur::before { transform: rotate(0deg);}
.footer ul li dt.cur { border-bottom: none;}
.footer .li-logo {display: flex; flex-direction: row; padding: .6rem .75rem;}
.footer .li-logo .logo { width: 50%;}
.footer .li-logo .logo img {width: 2.5rem;}
.footer .li-logo .icons { text-align: right; width: 50%;}
.footer .li-logo .icons a { height: .5rem; opacity: .5; display: inline-block; margin-right: .1rem;}
.footer .li-logo .icons a img {display: inline-block; height: 100%; width: auto;}
.footer .li-lang {width: 100%; opacity: .5; box-sizing: border-box; padding: 0 .65rem;font-size: .32rem;}
.footer .li-lang::before {content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.footer .li-lang img { width: .3rem; display: inline-block; vertical-align: middle;}
.footer .li-beian{border-top: 1px solid #43474a;margin-top: .6rem;padding-top: .6rem;font-size: .26rem;line-height: 1.6em;color: #767879;text-align: center;}
.footer .li-beian p{padding:0 .65rem}
.footer .li-beian p a{color: #767879;}
.footer .li-beian p:last-of-type{display: flex;justify-content: center;align-items: center;}
.footer .li-beian img{display: inline-flex;margin: 0 .1rem 0 .1rem;width: 14px;}


.top-nav { width: 100%;  padding: 100px 0 1.4rem 0; box-sizing: border-box;}
.top-nav ul { width: 100%;}
.top-nav ul li  { font-size: .28rem; color: white; }
.top-nav ul li dt {padding: .4rem 0; position: relative; margin: 0 .75rem; border-bottom: 1px solid #484A50; box-sizing: border-box;}
.top-nav ul li dt::after {content: ""; height: 1px; width: .2rem; background-color: #61646E; position: absolute; right: .2rem; top: 50%;}
.top-nav ul li dt::before {content: ""; height: 1px; width: .2rem; background-color: #61646E; position: absolute; right: .2rem; top: 50%; transform: rotate(90deg);text-decoration:none; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.top-nav ul li dl {display: none;  padding: .3rem .75rem;}
.top-nav ul li dl dd {line-height: .8rem;}
.top-nav ul li dl dd a {color: white;}
.top-nav ul li dt.cur::before { transform: rotate(0deg);}
.top-nav ul li dt.cur { border-bottom: none;}


.xian{width: 90%; margin: auto;border-top: 1px solid rgba(211, 211, 211, 0.4);}

.container {width: 100%; }
.container .supplier { width: 100%; margin: auto; padding: .5rem 0;}
.container .supplier dl {width: 100%; background-color: white; padding: .8rem 1rem; margin-bottom: .5rem; box-sizing: border-box;}
.container .supplier dl:last-child {margin-bottom: 0;}
.container .supplier dl dt { width: 100%; text-align: center; font-size: .4rem; color: black; padding-bottom: .5rem;}
.container .supplier dl dd.reg-line { width: 100%;;}
.container .supplier dl dd.reg-line div {width: 100%; text-align: center; font-size: .3rem; line-height: .6rem; margin-bottom: .6rem;}
.container .supplier dl dd.reg-line div i {display: block; width: 100%; text-align: center; font-size: .4rem; color: rgba(0, 0, 0, .2); font-style: italic;}
.container .supplier dl dd.btn-reg { padding-top: .5rem; text-align: center;}
.container .supplier dl dd.btn-reg a { width: 3.6rem; line-height: .6rem; border: 1px solid #a88a64; background-color: #a88a64; color: white; font-size: .3rem; text-align: center; display: inline-block;}
.container .supplier dl dd { font-size: .3rem; line-height: .5rem;}
.container .supplier dl dd a { color: #57b0f3;}

.container .contact { width: 100%; padding: 1rem; box-sizing: border-box; background-color: white;}
.container .contact h1 { font-size: .4rem; font-weight: normal;}
.container .contact dl { width: 100%; padding-top: .7rem;}
.container .contact dl dt { font-size: .3rem; padding-bottom: .2rem;}
.container .contact dl dd { font-size: .3rem; line-height: .5rem; }
.container .contact dl dd a { color: #57b0f3; font-size: .3rem;}

.container .offline { width: 100%; background-color: white; }
.container .offline .nav { width: 100%; padding: .3rem 1rem; box-sizing: border-box; font-size: .3rem; display: flex; flex-direction: row; background-color: #f2f2f2;}
.container .offline .nav div { width: 50%;}
.container .offline .nav div.select {text-align: right; position: relative; padding-right: .2rem;}
.container .icon-right-arrow::before { content: "";height:.15rem; width:.15rem; border-width:1px 1px 0 0; border-color:black; border-style:solid; -webkit-transform:matrix(.71,.71,-.71,.71,0,0) translateY(-50%); transform:matrix(.71,.71,-.71,.71,0,0) translateY(-50%); position: absolute; right: 0rem; top: 50%; box-sizing: border-box; }
.container .offline dl {width: 100%;}
.container .offline dl dd {width: 100%; padding: .4rem 1rem; padding-right: 1.2rem; box-sizing: border-box; border-bottom: 1px solid rgba(0, 0, 0, .1); position: relative;}
.container .offline dl dd h1 { font-size: .3rem; font-weight: normal; line-height: .4rem; display: block; padding-bottom: .15rem;}
.container .offline dl dd span { font-size: .24rem; color: rgba(0, 0, 0, .7); display: block;}
.container .offline dl dd.icon-right-arrow::before { right: 1rem; }

/* 2022.7.11 */
.container .offline .nav{padding-left: 0;}
.container .offline .nav div.select{width: 30%;}
.container .offline form{width: 100%;}
.container .offline .nav .city{display: flex;width: 100%;justify-content: space-between;padding: 0;}
.container .offline .nav .city .xl{width: 60%;display: flex;margin-left: 1rem;}
.container .offline .nav div.icon-right-arrow{width: 30px;}
.container .offline .nav .city .xl dl{width: 50%;}
.container .offline .nav select{border: none;background-color: transparent;line-height: 36px;background: url(../images/icon-jt-3.png) no-repeat scroll right 10px center transparent;width: 100px;padding: 0 10px;}
.container .offline .nav dl:first-of-type select{background-position:  46px 14px;}
.container .offline .nav dl:last-of-type select{background-position:  60px 14px;}
.container .offline .nav div.select{display: flex;align-items: center;align-self: center;}
.container .offline input{border: none;background-color: transparent;}
.container .offline dl a{color: #333;}


.container .product { width: 100%; background-color: #f5f5f5; overflow: hidden;}
.container .product .pro-top { width: 100%; font-size: 0;}
.container .product .pro-top .pic { width: 100%; position: relative; margin-top: .24rem;}
.container .product .pro-top .text { width: 100%; position: absolute; top: 0; left: 0; text-align: center; padding: .8rem 1rem; box-sizing: border-box;}
.container .product .pro-top .text h1 { font-size: .6rem;}
.container .product .pro-top .text span {font-size: .48rem; display: block; width: 100%; padding-bottom: .5rem;}
.container .product .pro-top .text a { display: inline-block; padding: 0 .4rem; border: 1px solid rgba(0, 0, 0, .5); line-height: .5rem; font-size: .3rem; color: black;}

.container .product .pro-cat { width: 100%;}
.container .product .pro-cat dl {width: 100%;}
.container .product .pro-cat dl dt { width: 100%; padding: .5rem; text-align: center; font-size: 0; box-sizing: border-box;}
.container .product .pro-cat dl dt span {display: block; width: 100%; font-size: .4rem; font-weight: bold;}
.container .product .pro-cat dl dt a { display: inline-block; font-size: .3rem; line-height: .6rem; color: black;}
.container .product .pro-cat dl dd { width: 100%;}
.container .product .pro-cat dl dd .goods { margin-bottom: .2rem; padding: .8rem; background-color: white;}
.container .product .pro-cat dl dd .text { width: 100%; text-align: center; font-size: 0; padding-top: .8rem;}
.container .product .pro-cat dl dd .text h1 { font-size: .4rem; padding-bottom: .5rem; font-weight: normal;}
.container .product .pro-cat dl dd .text a { display: inline-block;padding: 0 .4rem;border: 1px solid rgba(0, 0, 0, .5);line-height: .5rem;font-size: .3rem;color: black;}

.container .download { width: 100%; padding: 1rem; box-sizing: border-box; background-color: white;}
.container .download .info { width: 100%; display: flex; flex-direction: row;}
.container .download .info .logo { width: 1.28rem;}
.container .download .info .text { width: 5.3rem; font-size: .28rem; padding-left: .5rem; box-sizing: border-box;}
.container .download .info .text .title { width: 100%; font-size: .4rem; padding-bottom: .1rem;}
.container .download .btn-download { width: 100%; padding-top: .5rem;}
.container .download .btn-download a { display: block; width: 100%; line-height: .8rem; background-color: #a88a64; color: white; text-align: center; font-size: .36rem;}
.container .download .zhichi { padding-top: .6rem; font-size: .3rem; line-height: .5rem;}
.container .download .zhichi .title { font-size: .36rem; padding-bottom: .4rem;}
.container .download .duibi { width: 100%;}
.container .download .duibi dl { width: 100%;}
.container .download .duibi dl dt { width: 100%; font-size: .36rem; color: #a88a64; text-align: center; line-height: 1.1rem; padding-top: .9rem; border-bottom: 1px solid rgba(0, 0, 0, .2); }
.container .download .duibi dl dd { display: flex; flex-direction: row; font-size: 0rem; line-height: .7rem; border-bottom: 1px solid rgba(0, 0, 0, .2);}
.container .download .duibi dl dd.head { color: #a88a64; font-size: .3rem; line-height: 1rem;}
.container .download .duibi dl dd div { width: 30%; text-align: center; font-size: 0.28rem;}
.container .download .duibi dl dd div:nth-child(1) { width: 40%; text-align: left; padding-left: .4rem; box-sizing: border-box;}
.container .download .duibi dl dd div span { display: inline-block; height: 100%;}
.container .download .duibi dl dd div .icon-dh { background: url(../images/download-dh.png) center center no-repeat; background-size: 100% auto; width: .26rem;}
.container .download .duibi dl dd div .icon-ch { background: url(../images/download-ch.png) center center no-repeat; background-size: 100% auto; width: .18rem;}
.container .download .duibi .tips { width: 100%; text-align: center; padding-top: .3rem; font-size: .28rem;}


.container .service { width: 100%;}
.container .service .service-contact { width: 100%; background: white; font-size: 0;}
.container .service .service-contact ul {width: 100%; padding: .6rem; box-sizing: border-box;}
.container .service .service-contact ul li {width: 100%; padding: 1.1rem 0; text-align: center; background-color: #F5F5F5;transition-duration: .5s; margin-bottom: .4rem;}
.container .service .service-contact ul li:last-child { margin-bottom: 0;}
.container .service .service-contact ul li h1 { font-size: .5rem; padding-top: .3rem; font-weight: normal;}
.container .service .service-contact ul li span { font-size: .38rem; padding-top: .15rem; padding-bottom: .3rem; display: block;}
.container .service .service-contact ul li a { font-size: .38rem; color: #a88a64;}
.container .service .service-contact ul li img { width: 1.5rem; display: block; margin: auto;}

.container .service .service-address { width: 100%; margin: auto; padding: .6rem; box-sizing: border-box;}
.container .service .service-address h1 { font-size: .5rem; padding-bottom: .4rem; text-align: center; font-weight: normal;}
.container .service .service-address dl {width: 100%; border-bottom: 1px solid #707070; text-align: center;}
.container .service .service-address dl dt { font-size: .38rem; color: #a88a64; padding-top: .3rem; padding-bottom: 10px;}
.container .service .service-address dl dd { font-size: .3rem; color: black; padding-bottom: .3rem;}


.container .news { width: 100%;}
.container .news .nav { width: 100%; background-color: white; overflow: hidden;}
.container .news .nav .nav-body { width: 100%; margin: auto; display: flex; flex-direction: row; padding: 0 1rem; box-sizing: border-box;}
.container .news .nav a { height: .9rem; line-height: .9rem; opacity: .7; font-size: .3rem; color: black; border-bottom: .02rem solid white; text-align: center; width: 33%;}
.container .news .nav a.checked { opacity: 1; border-color: #a88a64;}
.container .media .nav .nav-body { padding: 0 .5rem; }
.container .media .nav a { width: 25%;}
.container .news .list { width: 100%; margin: auto; padding-bottom: 1rem;}
.container .news .list ul  { width: 100%; overflow: hidden; padding-bottom: .6rem;}
.container .news .list ul li { float: left; width: 100%;  margin-top: .3rem; padding:  0 .3rem; box-sizing: border-box;}
.container .news .list ul li a>img { transition: all .5s;}
.container .news .list ul li>a { display: block; width: 100%; overflow: hidden;}
.container .news .list ul li:hover a>img { transform: scale(1.1);}
.container .news .list ul li .text { width: 100%; padding: .78rem; font-size: 0; background-color: white; box-sizing: border-box;}
.container .news .list ul li .text a { font-size: .36rem; color: black; line-height: .5rem;}
.container .news .list ul li .text a:hover { text-decoration: underline;}
.container .news .list ul li .text span { display: block; font-size: .24rem; padding-top: .3rem;}
.container .news .list .load { padding: 0 .6rem; line-height: .6rem; color: black; font-size: .3rem; margin: auto; border: 1px solid rgba(0, 0, 0, .2); width: 2.45rem; text-align: center; cursor: pointer;}
.container .news-details { width: 100%; margin: auto; padding: 1rem 0;box-sizing: border-box;}
.container .news-details .details-nav { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .2); margin-bottom: .4rem;}
.container .news-details .details-nav .cur-title { padding: .28rem 1rem; font-size: .36rem; position: relative;}
.container .news-details .details-nav .child { border-top: 1px solid rgba(0, 0, 0, .2); display: none;}
.container .news-details .details-nav .child .child-body { width: 5rem; margin: auto; padding: .5rem 0; }
.container .news-details .details-nav .child .child-body a { font-size: .3rem; color: rgba(0, 0, 0, .7); display: block; line-height: .8rem; border-bottom: 1px solid rgba(0, 0, 0, .2); }
.container .news-details .details-nav .child .child-body a:last-child { border-bottom: 0;}
.container .news-details .checked .child {display: block;}
.container .news-details .details-nav .cur-title::after {content: ""; height: 1px; width: .2rem; background-color: #61646E; position: absolute; right: 1rem; top: 50%;}
.container .news-details .details-nav .cur-title::before {content: ""; height: 1px; width: .2rem; background-color: #61646E; position: absolute; right: 1rem; top: 50%; transform: rotate(90deg); text-decoration:none; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.container .news-details .checked .cur-title::before {transform: rotate(0deg);}
.container .news-details .details-content { width: 100%; padding: 0 1rem; box-sizing: border-box;}
.container .news-details .details-content .title { font-size: .36rem; font-weight: bold; padding-bottom: .4rem;}
.container .news-details .details-content .title span { display: block; font-size: .24rem; padding-top: .1rem;}
.container .news-details .details-content .htmltext { font-size: .32rem; line-height: .6rem;}
.container .news-details .details-content .htmltext img { width: auto; max-width: 100%;}



.container .about { width: 100%; }
.container .about .about-nav { width: 100%; padding: .86rem; box-sizing: border-box; overflow: hidden;}
.container .about .about-nav a { font-size: .26rem; color: #616161; float: left; margin-right: .34rem; margin-top: .26rem; width: 2rem; border: 1px solid #a88a64; box-sizing: border-box; text-align: center; line-height: .74rem;}
.container .about .about-nav a:nth-child(3n) { margin-right: 0;}
.container .about .about-nav a.checked { color: white; background-color: #a88a64;}


.container .about .about-details { width: 100%;}
.container .about .about-details .details-banner { width: 100%;}
.container .about .about-details .content { width: 100%; padding: 1.5rem .85rem; box-sizing: border-box; color: black;}
.container .about .about-details .content h1 { font-size: .6rem; }
.container .about .about-details .content h3 { font-size: 14px;padding-bottom: 20px;font-weight: normal;}
.container .about .about-details .content .text { font-size: .3rem; line-height: .48rem;color: #4d4d4d;}
.container .about .about-details .content .text p{text-indent:2em;margin-top:20px;}
/* .container .about .about-details .content .num { width: 100%; margin: auto; overflow: hidden; padding-top: .8rem;}
.container .about .about-details .content .num .num1 { width: 50%; text-align: center; position: relative; float: left; border-right: 1px solid rgba(0, 0, 0, .2); border-bottom: 1px solid rgba(0, 0, 0, .2); box-sizing: border-box; padding: .4rem 0 .7rem; color: #616161;}
.container .about .about-details .content .num .num1 span { font-size: .8rem; color: #a88a64; font-style:italic; font-weight: bold; display: inline-flex;width: 1.9rem;justify-content: flex-end;margin-right: -0.2rem;}

.container .about .about-details .content .num .num1 span#n3,.container .about .about-details .content .num .num1 span#n4{width: 1.5rem;}

.container .about .about-details .content .num .num1 i { font-size: .3rem;}
.container .about .about-details .content .num .num1 div { font-size: .3rem;margin-top:-.1rem}
.container .about .about-details .content .num .num1:nth-child(2) { border-right: none;}
.container .about .about-details .content .num .num1:nth-child(3) { border-bottom: none; padding-bottom: .7rem;}
.container .about .about-details .content .num .num1:nth-child(4) { border-right: none; border-bottom: none;padding-bottom: .7rem;}
 */
.container .about .about-details .content .num-2 { width: 100%; display: flex; flex-direction: row; padding-top: .9rem;flex-wrap: wrap;}

.container .about .about-details .content .num-2 div em{margin-bottom: .14rem;} 
/* .container .about .about-details .content .num-2 div{position: relative;}
.container .about .about-details .content .num-2 div em{position: absolute;right: 0.8rem;bottom: .14rem;} */

.container .about .about-details .content .num-2 div { width: 50%; font-size: .3rem; color: #616161;line-height: 1.1;display: flex;align-items: flex-end;}
.container .about .about-details .content .num-2 div span { font-size: .8rem; color: #a88a64; display: block;font-weight: 600; font-style: italic; display: inline-flex;justify-content: flex-end;margin-right: 10px;}

.container .about .about-details .content .num-2 div span#n5,.container .about .about-details .content .num-2 div span#n6{width: 45px;}



.container .about .about-details .content .num-2 div span:nth-of-type(2){margin-right: .1rem;}

/* .container .about .about-details .content .num-2 div span.num111{position: absolute;right: 2rem;bottom: 0;} */


.container .about .about-details .content .num-2 div i{display: block;margin-left: 6px;}
.container .about .about-details .pics { width: 100%; }
.container .about .about-details .pics ul { width: 100%; overflow: hidden;}
.container .about .about-details .pics ul li { width: 7.97rem; margin: auto; margin-bottom: 1.2rem; }
.container .about .about-details .pics ul li img { display: block; width: 100%;transition-duration: .5s;}
.container .about .about-details .pics ul li .pic { width: 100%;}
.container .about .about-details .pics ul li dl { width: 100%; overflow: hidden; background-color: #fff; padding: .6rem; box-sizing: border-box; font-size: .32rem; line-height: .5rem;}
.container .about .about-details .pics ul li dl dt { font-size: .5rem; padding-bottom: .3rem;font-weight: 900;line-height: 1.4;}
.container .about .about-details .pics ul li dl dt span { font-size: .36rem;}
.container .about .about-details .pics ul li dl dd{color: #616161;}
.container .about .about-details .licheng { width: 100%;}
.container .about .about-details .licheng ul { width: 100%; border-left: .06rem solid #a88a64; padding-left: .6rem; box-sizing: border-box;}
.container .about .about-details .licheng ul li { width: 100%; margin-bottom: 1.2rem; padding-top: .2rem;}
.container .about .about-details .licheng ul li h2 { font-size: .5rem; color: #a88a64; margin-bottom: .4rem; position: relative;}
.container .about .about-details .licheng ul li h2::after { content: ""; position: absolute; width: .28rem; height: .28rem; left: -.78rem; top: .2rem; background-color: #a88a64; border-radius: .14rem;}
.container .about .about-details .licheng ul li img { margin-bottom: .4rem;}
.container .about .about-details .licheng ul li .text { font-size: .3rem; color: #616161; line-height: .48rem;}
.container .about .about-details .licheng ul li .text p{display: flex;}
.container .about .about-details .licheng ul li .text span{width: 10px;}
.container .about .about-details .licheng ul li .text i{width: calc(100% - 10px);}

.container .about .about-details .await { padding: 0 .35rem; padding-bottom: 1.3rem;}
.container .about .about-details .await ul { width: 100%; background-color: white; overflow: hidden; padding: .4rem; box-sizing: border-box;}
.container .about .about-details .await ul li { width: 50%; float: left; padding: .6rem 0; border-right: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); box-sizing: border-box;min-height: 166px;}
.container .about .about-details .await ul li:nth-child(2n) { border-right: none;}
.container .about .about-details .await ul li:nth-last-child(2) { border-bottom: none;}
.container .about .about-details .await ul li:last-child { border-bottom: none;}
.container .about .about-details .await ul li img { height: 1.2rem; width: auto; margin: auto;}
.container .about .about-details .await ul li span { font-size: .26rem; display: block; text-align: center; padding-top: .2rem; line-height: .4rem;color: #333;}

.container .about .about-details .content .text dl { width: 100%; padding-top: .6rem;}
.container .about .about-details .content .text dl dt { font-size: .48rem; color: #a88a64; padding-bottom: .1rem;}
.container .about .about-details .content .text dl dd { font-size: .3rem; line-height: .48rem;color: #616161;}

.pc{display: inline-flex;}
.app{display: none;}

@media (max-width:1200px){
    .pc{display: none;}
    .app{display: inline-flex;}
}


.text li {
    line-height: 100px;
  
   
  }
  .text li a {
    color: #4d4d4d;
    display: block;
  }
  .text li span {
    float: right;
  }