@charset "gb2312";

body {
    font-family: "Microsoft YaHei", "-apple-system-font", "Helvetica Neue", "Helvetica", "sans-serif";
    font-size: 0.26rem;
    color: #333;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
}

body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

em, i {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: inherit;
    text-decoration: none;
    outline: none;
}

img {
    border: 0;
    vertical-align: middle;

}

article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block;
}

select {
    border-width: 1px;
    color: #999;
    margin-right: 0.1rem;
}

.flex, .layer .layer-btns, .section-cs .section-bd .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.flex-item, .layer .layer-btns .layer-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.flex-wrap, .section-cs .section-bd .list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-justify {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.mescroll.fixed {
    position: fixed;
}

.mescroll-upwarp {
    line-height: 0.5rem;
    text-align: center;
    visibility: hidden;
}

html {
    font-size: 50px;
}

@media only screen and (min-width: 320px) {
    html {
        font-size: 42.6667px;
    }
}

@media only screen and (min-width: 360px) {
    html {
        font-size: 48px;
    }
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 50px;
    }
}

@media only screen and (min-width: 384px) {
    html {
        font-size: 51.2px;
    }
}

@media only screen and (min-width: 400px) {
    html {
        font-size: 53.3333px;
    }
}

@media only screen and (min-width: 412px) {
    html {
        font-size: 54.9333px;
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size: 55.2px;
    }
}

@media only screen and (min-width: 480px) {
    html {
        font-size: 64px;
    }
}

@media only screen and (min-width: 750px) {
    html {
        font-size: 100px;
    }
}

html, body {
    height: 100%;
}
.mpt {
    margin-top: 0.1rem;
}
.page {
    position: relative;
    width: 100%;
    min-width: 320px;
    height: 100%;
    max-width: 750px;
    margin: 0 auto;
    background-color: #fe9900;
    -webkit-overflow-scrolling: touch;
}
.page-cy {
    position: relative;
    width: 100%;
    min-width: 320px;
    height: 100%;
    max-width: 750px;
    margin: 0 auto;
    background-color: #f9efe5;
    -webkit-overflow-scrolling: touch;
}
/* header */
.clearfix {
    zoom: 1;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.header {
    width: 100%;
    height: 0.6rem;
    background: #fbf5ec;
    line-height: 0.5rem;
}
.header .sy {
    display: block;
    margin-left: 0.25rem;
    float: left;
}
.header .sy img {
    height: 0.35rem;
}
.header a {
    color: #e1a760;
    font-size: 0.2rem;
}

.header .zx {
    display: block;
    float: right;
    margin-right: 0.2rem;
}

.header .zx img {
    height: 0.4rem;
}

 .banner img {
     width: 100%;
     height: auto;
 }
.indwkuang {
    padding: 0.2rem;
    background-color: #fdf7f1;
}
.box {
    background-color: #f6e9df;
    border-radius: 0.2rem;
    padding: 0.1rem 0.3rem 0.3rem 0.3rem;
}
.bg {
    background: #fdf7f1 url(../images/qm08.jpg) no-repeat;
    background-size: 100%;
    margin-top: -20px;
}
.bgcy {
    background: #fdf7f1;
}
.bgimg {
    background: url(../images/bg2.jpg) no-repeat;
    background-size: 100%;
}

.indwkuang h2 {
    width: 80%;
    height: auto;
    padding: 0.2rem 0 0.3rem 0;
    background: url(../images/himg.png) no-repeat 0 0;
    background-size: 100% 100%;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
    font-weight: bold;
    margin: 0.1rem auto;
}
.indwkuang p {
    line-height: 0.66rem;
}
.indwkuang p.spc {
    text-align: center;
    color: #f75d00;
    font-weight: 700;
}
.indwkuang p.spc1 {
    color: #f75d00;
    font-weight: 700;
    line-height: 0.46rem;
    padding: 0.16rem 0;
}

.jm li {
    background-color: #fdf7f1;
    padding: 0.1rem 0 0.1rem 0.1rem;
    border-radius: 0.2rem;
}
.jm li {
    font-size: 0.22rem;
    margin: 0.2rem 0;
}
.jm-l {
    float: left;
    width: 30%;
    position: relative;
}
.jm li img {
    width: 100%;
    padding-top: 0.1rem;
    height: auto;
}
.jm-r {
    float: left;
    width: 65%;
    margin-left: 0.2rem;
}
.jm-r p.tit-r {
    color: #f75d00;
    font-size: 0.26rem;
    font-weight: 700;
    padding-bottom: 0.1rem;
}
.jm .jm-r p {
    line-height: 0.38rem;
}
.jm-l p.tit {
    display: inline-block;
    background-color: #fcc995;
    border: 1px solid #ff7200;
    font-weight: 700;
    padding: 0 0.2rem;
    border-radius: 0.3rem;
    position: absolute;
    bottom: 0;
    left: 0.2rem;
}

.qmimg{
    text-align: center;
}
.qm-img img {
    width: 100%;
    height: auto;
}

.import h3 {
    color: #f75d00;
}





.pro ul {
    width: 110%;
}
.pro li {
    width: 42%;
    float: left;
    margin-right: 0.5rem;
    margin-bottom: 0.3rem;
}
.pro li img {
    width: 100%;
    height: auto;
}
.indwkuang .pro li p {
    text-align: center;
    line-height: 0.32rem;
}
.indwkuang .pro li p.title {
    color: #ff7c26;
    font-size: 0.28rem;
    font-weight: 700;
    margin-bottom: 0.1rem;
}
.indwkuang .pro li p span {
    color: #ff7c26;
}

.indwkuang .pro li p.title img {
    display: inline-block;
    width: 0.38rem;
    height:0.38rem;
    position: relative;
    top: 0.09rem;
    padding-right: 0.1rem;
}


.indwkuang p.htxt {
    font-weight: 700;
}
.indwkuang p span {
    font-weight: 700;
}
.indwkuang li h3 {
    font-weight: 700;
    line-height: 0.6rem;
    padding-top: 0.2rem;
}
.indwkuang li p {
    line-height: 0.5rem;
}
.indwkuang li p a {
    color: #f77e00;
    font-weight: 700;
}

.sele {
    margin: 0.6rem 0 0 0;
    background: url(../images/bg.png) no-repeat;
    background-size: 100%
}

.sele ul {
    position: relative;
 }

.sele li {
    float: left;
}

.sele .li_txt {

    position: relative;
}
.sele .ptop {
    font-size: 0.26rem;
    color: #feeea2;
    font-weight: bold;
    padding: 0.1rem 0 0.4rem 1rem;
}
.sele .tit {
    padding-right: 0.3rem;
}
.sele .li_txt p {
    width: 2.05rem;
    height: 0.89rem;
    line-height: 0.26rem;
    font-size: 0.24rem;
    color: #feeb94;
    margin: 0 auto;
    padding-top: 0.3rem;
    text-align: center;
}

.sele .li_txt p + p {
    margin-top: 0.12rem;
}

.sele .other {
    float: right;
}

.sele .other p {
    color: #fff;
}
.sele .other .ptop {
    color: #fff;
}

.sele .li_mid {
    width: 1.03rem;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -0.30rem;
}
.sele .li_mid p {
    height: 0.88rem;
    font-size: 0.22rem;
    color: #c75338;
    line-height: 0.24rem;
    margin-bottom: 0.42rem;
}
.hotcs {
    width: 110%;
    text-align: center;
}
.hotcs li {
    width: 20%;
    float: left;
    margin: 0.3rem 0.3rem 0.2rem 0;
}
.hotcs li img {
    width: 100%;
    height: auto;
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width:100%;
    height: 1rem;
    text-align: center;
    background-color: #fcc995;
    padding-top: 0.1rem;
}
.foot {
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
}
.foot-l{
    width: 2.7rem;
    float: left;
}
.foot-l img {
    width: 100%;
    height: auto;
    padding-left: 0.1rem;
}
.foot-r {
   float: right;
    width: 4.5rem;
    line-height: 0.42rem;
}
.foot-r a {
    display: inline-block;
    width: 1.3rem;
    color: #ff3700;
}
.foot-r a.first {
    color: #000;
}

.totop a {
    position: fixed;
    bottom: 15%;
    right: 0.1rem;
    z-index: 10;
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.34rem;
    color: #fff;
    text-align: center;
    background-color: #f75d00;
    border-radius: 0.05rem;
}
.totop a span.back {
    display: block;
    font-size: 0.5rem;
}
.totop a span.txt {
    display: block;
    font-size: 0.2rem;

}
.copy {
    width: 100%;
    text-align: center;
    background: url(../images/bg4.jpg) no-repeat;
    background-color: #e3cbb1 ;
    padding: 0.1rem 0 1rem 0;
    margin-bottom: 0.3rem;
    line-height: 0.4rem;
}
.info {
    position: fixed;
    top: 30%;
    left: 0;
    width: 1.38rem;
    background-color: #fff;
    text-align: center;
    border: 0.06rem solid #e39506;
    border-top: 0;
    line-height: 0.28rem;
}
.info p.zx {
    color: #0091f7;
    font-size: 0.24rem;
    font-weight: 700;
    padding: 0.05rem 0;
}
.info p img {
    width: 1.32rem;
}
.info p {
    color: #000;
    font-size: 0.18rem;
    border-top:  0.06rem solid #e39506;
}

.sevr {
    position: fixed;
    top: 30%;
    right: 0.02rem;
}
.sevr a {
    display: block;
    color: #fff;
    width: 1.2rem;
    padding: 0.15rem;
    text-align: center;
    font-size: 0.18rem;
    font-weight: 700;
    background-color: #000;
    border-bottom: 0.01rem solid #fff;
}
.sevr a:hover {
    color: #000;
    background-color: #ff7200;
}
.hygq img {
    width: 100%;
    height: auto;
}
.lnys {
    background-color: #f2d5d1;
}
.bg-lnys {
    background: #fdf7f1 url(../images/bg-lnys.jpg) no-repeat;
    background-size: 100%;
}
.qince img,
.lnys-img img {
    width: 100%;
    height: auto;
}
.qince li {
    margin: 0.3rem 0;
}