@font-face {
    font-family: 'china';
    src: url('../fonts/china-x.eot');
    src: url('../fonts/china-x.eot?#iefix') format('embedded-opentype'),
        url('../fonts/china-x.woff2') format('woff2'),
        url('../fonts/china-x.woff') format('woff'),
        url('../fonts/china-x.ttf') format('truetype'),
        url('../fonts/china-x.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'china-c';
    src: url('../fonts/china.eot');
    src: url('../fonts/china.eot?#iefix') format('embedded-opentype'),
        url('../fonts/china.woff2') format('woff2'),
        url('../fonts/china.woff') format('woff'),
        url('../fonts/china.ttf') format('truetype'),
        url('../fonts/china.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'english';
    src: url('../fonts/english-x.eot');
    src: url('../fonts/english-x.eot?#iefix') format('embedded-opentype'),
        url('../fonts/english-x.woff2') format('woff2'),
        url('../fonts/english-x.woff') format('woff'),
        url('../fonts/english-x.ttf') format('truetype'),
        url('../fonts/english-x.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'english-c';
    src: url('../fonts/english.eot');
    src: url('../fonts/english.eot?#iefix') format('embedded-opentype'),
        url('../fonts/english.woff2') format('woff2'),
        url('../fonts/english.woff') format('woff'),
        url('../fonts/english.ttf') format('truetype'),
        url('../fonts/english.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'data';
    src: url('../fonts/data-x.eot');
    src: url('../fonts/data-x.eot?#iefix') format('embedded-opentype'),
        url('../fonts/data-x.woff2') format('woff2'),
        url('../fonts/data-x.woff') format('woff'),
        url('../fonts/data-x.ttf') format('truetype'),
        url('../fonts/data-x.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'data-c';
    src: url('../fonts/data.eot');
    src: url('../fonts/data.eot?#iefix') format('embedded-opentype'),
        url('../fonts/data.woff2') format('woff2'),
        url('../fonts/data.woff') format('woff'),
        url('../fonts/data.ttf') format('truetype'),
        url('../fonts/data.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family:china !important;}
body{font:1.6rem "china"; background:#fcfcfc;-webkit-text-size-adjust:100%; padding-top:50px;}
b{font:1.6rem "china";}
a{color:#172c45;text-decoration:none; font-family:china !important;}
a:hover{text-decoration:none;}
em{font-style:normal}
li{list-style:none}
input[type="submit"],
input[type="reset"],
input[type="button"],
select,
button {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none; outline:none} 
::-webkit-input-placeholder{color:#999;}
input[type="text"],input[type="password"]{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0;}
select {outline:0 !important; appearance:none !important; background:none; -webkit-appearance:none !important;}
textarea,button {background:none}
p {text-align: justify !important}


header.top {width:100%; overflow:hidden; height:50px; background:#fff; position:fixed; top:0px; left:0px; z-index:99999}
header.top dl {width:96%; overflow:hidden; margin:0px auto; height:40px; margin-top:5px; margin-bottom:5px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
header.top dl dt {width:auto; overflow:hidden; height:40px; display:block;}
header.top dl dt a {width:auto; overflow:hidden; height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; color:#ce1431; font-size:2rem !important;}
header.top dl dt a i {width:auto; overflow:hidden; display:block; font-size:2rem; color:#ce1431; padding-right:0.3rem}
header.top dl dt a em {width:auto; overflow:hidden; display:block; font-size:2rem; color:#000;}
header.top dl dd {width:auto; overflow:hidden; height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
header.top dl dd a {width:36px; overflow:hidden; height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#ce1431; font-size:1.6rem !important;}



.language {width:100%; overflow:hidden; height:100%; position:fixed; top:0px; right:-100%; z-index:999999999; background:url(../images/tm1.png); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; align-content:center; transition: all 0.1s linear 0s}
.language i {width:30px; overflow:hidden; height:30px; text-align:center; line-height:30px; font-size:1.4rem; color:#ce1431; position:absolute; top:10px; right:10px; display:block; z-index:99999}
.language div.yy {width:40%; overflow:hidden; height:100%; background:#FFF; padding-top:20%}
.language div.yy a {width:80%; overflow:hidden; line-height:40px; font-size:1rem; color:#333; margin:0px auto; display:block; border-bottom:1px solid #ddd;}


.lanmu {width:100%; overflow:hidden; height:100%; position:fixed; top:0px; right:-100%; z-index:999999999; background:url(../images/tm1.png); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; align-content:center; transition: all 0.1s linear 0s}
.lanmu i {width:30px; overflow:hidden; height:30px; text-align:center; line-height:30px; font-size:1.4rem; color:#ce1431; position:absolute; top:10px; right:10px; display:block; z-index:99999}
.lanmu div.nav {width:60%; overflow:hidden; height:100%; background:#FFF; padding-top:26%}
.lanmu div.nav ul {width:80%; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.lanmu div.nav ul li {width:100%; border-bottom:1px solid #ddd;}
.lanmu div.nav ul li a {width:auto; overflow:hidden; text-align:left; line-height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.lanmu div.nav ul li a b {width:10%; overflow:hidden; line-height:40px; min-height:40px; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-weight:normal; background:url(../images/nav_title.png) left center no-repeat}
.lanmu div.nav ul li a span {width:80%; overflow:hidden; line-height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-size:1rem; color:#333}
.lanmu div.nav ul li a em {width:10%; overflow:hidden; line-height:37px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center; font-size:0.7rem; color:#888}
.lanmu div.nav ul li ul.erji {width:94%; padding-left:6%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.lanmu div.nav ul li ul.sanji {width:94%; padding-left:6%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.lanmu div.nav ul li.qt {border:0px !important;}
.lanmu div.nav ul li.qt a {color:#333 !important}
.lanmu div.nav a.ahover {color:#ce1431 !important; font-weight:bold !important}
.lanmu div.nav a.ahover span {color:#ce1431 !important; font-weight:bold !important}
.lanmu div.nav a.ahover em {color:#ce1431 !important; font-weight:bold !important}



/*main*/

/*首页banner*/
.indexbanner {width:100%; overflow:hidden; height:60vh; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.indexbanner div.title {width:90%; overflow:hidden; margin:0px auto; text-align:center;}
.indexbanner div.title h1 {width:100%; overflow:hidden; text-align:center; font-size:2.6rem; font-family:english !important; color:#FFF; font-weight:normal}
.indexbanner div.title h2 {width:100%; overflow:hidden; text-align:center; font-size:1.8rem; color:#FFF; font-weight:normal}
.indexbanner i {width:44px; overflow:hidden; height:44px; display:block; border-radius:100px; background:#ce1431; text-align:center; line-height:48px; font-size:1.4rem !important; color:#fff; display:block; position:absolute; bottom:10%; left:50%; margin-left:-22px; animation: moveDown 2s ease infinite; cursor:pointer}

@keyframes moveDown {
  0% {
    bottom: 10%;
  }
  50% {
    bottom: 15%;
  }
  100% {
    bottom: 10%;
  }
}

/*首页about*/
.indexabout {width:100%; overflow:hidden; height:auto; padding-top:5%; padding-bottom:5%}
.indexabout div.m {width:90%; overflow:hidden; height:auto; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:stretch; align-content:stretch;}
.indexabout div.m div.l {width:100%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; padding-top:8%}
.indexabout div.m div.l p {width:auto; overflow:hidden; display:block; border-radius:8px;}
.indexabout div.m div.l p img {width:100%; overflow:hidden; height:auto; display:block}
.indexabout div.m div.r {width:100%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexabout div.m div.r div.title {width:100%; overflow:hidden;}
.indexabout div.m div.r div.title h1 {width:100%; overflow:hidden; text-align:center; font-size:2rem; font-family:china-c !important; color:#ce1431; font-weight:normal}
.indexabout div.m div.r div.title h2 {width:100%; overflow:hidden; text-align:center; font-size:1rem; color:#7d7d7d; font-weight:normal; padding-top:2%}

.indexabout div.m div.r div.shuju {width:100%; overflow:hidden; padding-top:8%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:stretch; align-content:stretch;}
.indexabout div.m div.r div.shuju dl {width:30%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexabout div.m div.r div.shuju dl dt {width:100%; overflow:hidden; text-align:center; font-size:3.2rem; color:#ce1431}
.indexabout div.m div.r div.shuju dl dd {width:auto; overflow:hidden; text-align:center; color:#7a7a7a; font-size:1rem; padding-top:8%}
.indexabout div.m div.r div.shuju dl dd span {width:auto; overflow:hidden; display:inline; font-family:data-c !important; color:#ce1431; font-size:1.6rem}
.indexabout div.m div.r div.shuju dl dd p {width:auto; overflow:hidden; display:inline; font-family:china-c !important; color:#ce1431; font-size:1.6rem}
.indexabout div.m div.r div.shuju em {width:2px; overflow:hidden; background:#f5f5f5; display:block; margin-left:2%; margin-right:2%}

.indexabout div.m div.r div.anniu {width:100%; overflow:hidden; padding-top:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexabout div.m div.r div.anniu a {width:auto; overflow:hidden; height:2.6rem; line-height:2.6rem; border-radius:100px; background:#ce1431; text-align:center; font-size:1rem; color:#FFF; padding-left:10%; padding-right:10%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexabout div.m div.r div.anniu a i {width:15px; overflow:hidden; font-size:0.5rem; color:#FFF; display:inline}



/*福贝领航*/
.indexfblh {width:100%; overflow:hidden; height:auto; margin-top:6%}
.indexfblh div.m {width:91%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexfblh div.m h1 {width:99%; overflow:hidden; margin:0px auto; text-align:left; font-size:2rem; font-weight:bold !important; color:#ce1431; font-weight:normal}

.indexfblh div.m div.sub {width:100%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch; margin-top:1.4rem}
.indexfblh div.m div.sub div.list {width:100%; margin:0.5%; border-radius: 10px; transition: 0.5s cubic-bezier(0, 0, 0, 0); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-end; position:relative}
.indexfblh div.m div.sub div.list h3 {width:100%; overflow:hidden; text-align:center; font-size:1.4rem; color:#FFF; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); transition: all 0.3s linear 0s; z-index:99; height:auto}
.indexfblh div.m div.sub div.list dl {width:90%; overflow:hidden; padding:5% !important; position:absolute; left:-200%; bottom:0px; z-index:99; display:block; position:relative; transition: all 0.5s linear 0s;}
.indexfblh div.m div.sub div.list dl dt {width:100%; overflow:hidden; text-align:left; font-size:1.4rem; color:#FFF; font-weight:bold !important}
.indexfblh div.m div.sub div.list dl dd {width:60%; overflow:hidden; text-align:left; font-size:1rem; color:#FFF; padding-top:0.6rem; line-height:1.3rem}
.indexfblh div.m div.sub div.list dl a {width:auto; overflow:hidden; height:2.2rem; line-height:2.2rem; border-radius:100px; background:#ce1431; text-align:center; font-size:1rem; color:#FFF; padding-left:4%; padding-right:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:absolute; right:5%; bottom:30%; z-index:99}
.indexfblh div.m div.sub div.list dl a i {width:15px; overflow:hidden; font-size:0.8rem; color:#FFF; display:inline}



.onmousejg {flex-grow: 10; width:100% !important; min-height:300px !important; margin:0.5%; border-radius: 10px; transition: 0.5s cubic-bezier(0, 0, 0, 0); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-end; position:relative}
.onmousejg h3 {width:100%; overflow:hidden; text-align:center; font-size:1.4rem; color:#FFF; position:absolute; left:50% !important; top:50% !important; transform: translate(-50%, -50%) !important; transition: all 0.3s linear 0s; z-index:99; height:0px !important}

.onmousejg dl {width:90%; overflow:hidden; padding:5% !important; position:absolute; left:0px !important; bottom:0px !important; z-index:99; display:block; position:relative; transition: all 0.5s linear 0s;}
.onmousejg dl dt {width:100%; overflow:hidden; text-align:left; font-size:1.4rem; color:#FFF; font-weight:bold !important}
.onmousejg dl dd {width:60%; overflow:hidden; text-align:left; font-size:1rem; color:#FFF; padding-top:0.6rem; line-height:1.3rem}
.onmousejg dl a {width:auto; overflow:hidden; height:2.2rem; line-height:2.2rem; border-radius:100px; background:#ce1431; text-align:center; font-size:1rem; color:#FFF; padding-left:4%; padding-right:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:absolute; right:5%; bottom:30%; z-index:99}
.onmousejg dl a i {width:15px; overflow:hidden; font-size:0.8rem; color:#FFF; display:inline}



/*爆品中心*/
.indexbaopin {width:100%; height:auto; position:relative; padding-bottom:3rem; margin-top:10%}
.indexbaopin div.m {width:91%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexbaopin div.m h1 {width:99%; overflow:hidden; margin:0px auto; text-align:left; font-size:2rem; font-weight:bold !important; color:#ce1431; font-weight:normal; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.indexbaopin div.m h1 a {width:auto; overflow:hidden; height:2.2rem; line-height:2.2rem; border-radius:100px; border:1px solid #ce1431; text-align:center; font-size:1.2rem; color:#ce1431; padding-left:3%; padding-right:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexbaopin div.m h1 a i {width:15px; overflow:hidden; font-size:0.8rem; color:#ce1431; display:inline; padding-left:3px}


.swiper-container {width:100%; height:100%; margin-top:1.4rem}
.swiper-container div.swiper-wrapper {width:auto}
.swiper-container div.swiper-wrapper div.swiper-slide {width:auto; overflow:hidden;}
.swiper-container div.swiper-wrapper div.swiper-slide a {width:96%; overflow:hidden; margin:0px auto; display:block; position:relative}
.swiper-container div.swiper-wrapper div.swiper-slide a img {width:100%; overflow:hidden; height:auto; display:block; margin-bottom:36%; border-radius:10px}
.swiper-container div.swiper-wrapper div.swiper-slide a h3 {width:100%; overflow:hidden; text-align:center; font-size:1.6rem; color:#656565; font-weight:normal}
.swiper-container div.swiper-wrapper div.swiper-slide a i {width:60%; overflow:hidden; height:auto; display:block; position:absolute; left:50%; bottom:10%; transform: translate(-50%, 0%); display:block}
.swiper-container div.swiper-wrapper div.swiper-slide a i img {width:100%; overflow:hidden; height:auto; display:block; margin:0px !important}


.indexbaopin div.swiper-button-next {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; right:1% !important; top:50% !important; z-index:99 !important; transform: translate(0%, -50%) !important; border-radius:100px !important; border:1px solid #ce1431 !important; text-align:center !important; line-height:50px !important; font-size:1.2rem !important; color:#ce1431}
.indexbaopin div.swiper-button-next::after {font-size:0px;}
.indexbaopin div.swiper-button-prev {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; left:1% !important; top:50% !important; z-index:99 !important; transform: translate(0%, -50%) !important; border-radius:100px !important; border:1px solid #ce1431 !important; text-align:center !important; line-height:50px !important; font-size:1.2rem !important; color:#ce1431}
.indexbaopin div.swiper-button-prev::after {font-size:0px;}


/*福贝新闻*/
.indexnews {width:100%; position:relative; margin-top:9%; padding-bottom:10%}
.indexnews div.m {width:90%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexnews div.m h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; font-size:2rem; font-weight:bold !important; color:#ce1431; font-weight:normal}
.indexnews div.m div.sub {width:100%; overflow:hidden; margin-top:1.4rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.indexnews div.m div.sub div.l {width:100%; overflow:hidden}
.indexnews div.m div.sub div.l a {width:100%; overflow:hidden; height:auto; display:block; border-radius:10px;}
.indexnews div.m div.sub div.l a img {width:100%; overflow:hidden; height:auto; display:block}
.indexnews div.m div.sub div.r {width:100%; overflow:hidden; margin-top:4%}
.indexnews div.m div.sub div.r dl {width:100%; overflow:hidden}
.indexnews div.m div.sub div.r dl a {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start; margin-bottom:1.5rem;}
.indexnews div.m div.sub div.r dl a dt {width:100%; overflow:hidden; min-height:2.2rem; text-align:left; line-height:1.6rem; color:#898989; font-family:data !important; font-size:1.2rem !important;}
.indexnews div.m div.sub div.r dl a dd {width:100%; overflow:hidden; min-height:2.2rem; text-align:left; line-height:1.6rem; color:#3f3f3f; font-size:1.1rem !important}

.indexnews div.m div.sub div.r dl i {width:100%; overflow:hidden; height:1px; background:#dadbdf; display:block; margin-bottom:1.5rem;}

.indexnews div.m a.more {width:auto; overflow:hidden; height:2.6rem; line-height:2.6rem; border-radius:100px; border:2px solid #ce1431; text-align:center; font-size:1.2rem; color:#ce1431; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin:0px !important; margin-top:1rem !important}
.indexnews div.m a.more i {width:15px; overflow:hidden; font-size:0.8rem; color:#ce1431; display:inline; padding-left:3px}




/*footer*/
footer {width:100%; overflow:hidden; background:#ce1431; padding-bottom:3rem; padding-top:2.6rem}
footer div.footnav {width:90%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
footer div.footnav dl {width:100%; overflow:hidden;}
footer div.footnav dl dt {width:100%; overflow:hidden;}
footer div.footnav dl dt a {width:auto; overflow:hidden; text-align:left; color:#FFF; font-size:1.2rem; display:block;}

footer div.footnav dl dd {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; padding-bottom:1rem}
footer div.footnav dl dd a {width:auto; overflow:hidden; text-align:left; color:#FFF; font-size:1rem; display:block; line-height:2rem; margin-right:1rem}


footer div.banquan {width:90%; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start; border-top:1px solid #e78a98; margin-top:1rem; padding-top:1.8rem}
footer div.banquan div.l {width:100%; overflow:hidden; text-align:center; font-size:0.9rem; color:#FFF; line-height:1.4rem}
footer div.banquan div.l a {color:#FFF}
footer div.banquan div.l i {width:1px; overflow:hidden; height:0.5rem; background:#FFF; display:inline; margin-left:1%; margin-right:1%}

footer div.banquan div.r {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:0.6rem}
footer div.banquan div.r dl {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
footer div.banquan div.r dl dt {width:34px; color:#FFF; text-align:left; font-size:1.6rem; height:46px; line-height:46px;}
footer div.banquan div.r dl dd {width:auto; font-family:data-c !important; color:#FFF; text-align:left; font-size:1.4rem; height:46px; line-height:38px;}

footer div.banquan div.r a {width:auto; display:block; color:#FFF; text-align:left; font-size:1.8rem; padding-top:5px; padding-left:2%; position:relative; margin-left:0.5%; margin-right:0.5%}
footer div.banquan div.r a em {width:120px; overflow:hidden; height:120px; display:none; background:#FFF; border-radius:8px; padding:6px; position:absolute; left:50%; bottom:50px; z-index:9999; margin-left:-60px;}
footer div.banquan div.r a em img {width:100%; overflow:hidden; height:auto; display:block}
footer div.banquan div.r a b {width:180px; overflow:hidden; height:50px; display:none; background:#FFF; border-radius:8px; padding:6px; position:absolute; left:50%; bottom:50px; z-index:9999; margin-left:-90px; font-weight:normal; font-size:1rem; color:#ce1431; text-align:center; line-height:50px;}

footer div.banquan div.r a:hover {width:auto; display:block; color:#FFF; text-align:left; font-size:1.8rem; padding-top:5px; padding-left:2%; position:relative}
footer div.banquan div.r a:hover em {width:120px; overflow:hidden; height:120px; display:block; background:#FFF; border-radius:8px; padding:6px; position:absolute; left:50%; bottom:34px; z-index:9999; margin-left:-60px;}
footer div.banquan div.r a:hover em img {width:100%; overflow:hidden; height:auto; display:block}
footer div.banquan div.r a:hover b {width:180px; overflow:hidden; height:50px; display:block; background:#FFF; border-radius:8px; padding:6px; position:absolute; left:50%; bottom:34px; z-index:9999; margin-left:-90px; font-weight:normal; font-size:1rem; color:#ce1431; text-align:center; line-height:50px;}


/*关于福贝*/
.abouttopbanner {width:100%; overflow:hidden; height:50vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.abouttopbanner h1 {width:90%; overflow:hidden; text-align:center; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:1.4rem;}
.abouttopbanner h1 span {width:100%; overflow:hidden; display:block; text-align:center; color:#FFF; font-size:2rem; font-family:english !important; opacity: 0.6; text-transform:uppercase}

.aboutfubei {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:stretch; align-content:stretch}
.aboutfubei div.sub {width:90%; overflow:hidden; background:#fff; padding:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.aboutfubei div.sub h1 {width:100%; overflow:hidden; text-align:left; font-size:1.8rem; font-weight:600; color:#ce1431; font-family:english-c !important; margin-top:1.4rem}
.aboutfubei div.sub div.nr {width:100%; overflow:hidden; text-align:left; color:#636363; font-size:1rem; line-height:1.8rem; padding-top:1.4rem}
.aboutfubei div.sub div.nr p {width:100%; overflow:hidden; text-align:left; display:block; color:#636363; font-size:1rem; padding-top:0.2rem; padding-bottom:0.2rem}
.aboutfubei div.sub div.shuju {width:100%; overflow:hidden; padding-top:3rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:stretch; align-content:stretch; padding-bottom:1rem}
.aboutfubei div.sub div.shuju dl {width:30%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.aboutfubei div.sub div.shuju dl dt {width:100%; overflow:hidden; text-align:center; font-size:3rem; color:#ce1431}
.aboutfubei div.sub div.shuju dl dd {width:auto; overflow:hidden; text-align:center; color:#7a7a7a; font-size:1rem; padding-top:0.2rem}
.aboutfubei div.sub div.shuju dl dd span {width:auto; overflow:hidden; display:inline; font-family:data-c !important; color:#ce1431; font-size:1.6rem}
.aboutfubei div.sub div.shuju dl dd p {width:auto; overflow:hidden; display:inline; font-weight:bold !important; color:#ce1431; font-size:1.6rem}
.aboutfubei div.sub div.shuju em {width:2px; overflow:hidden; background:#f5f5f5; display:block; margin-left:0.9rem; margin-right:0.9rem}

.aboutwenhua {width:100; overflow:hidden; min-height:80vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center}
.aboutwenhua h1 {width:90%; overflow:hidden; text-align:center; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:1.8rem;}
.aboutwenhua div.sub {width:90%; overflow:hidden; margin:0px auto; margin-top:2rem;}
.aboutwenhua div.sub dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;}
.aboutwenhua div.sub dl dt {width:4rem; overflow:hidden; height:4rem; text-align:left; line-height:4rem; font-size:2.4rem; color:#FFF}
.aboutwenhua div.sub dl dd {width:auto; overflow:hidden; padding-bottom:0.6rem; margin-bottom:0.6rem; border-bottom:1px solid #d0d0d0; text-align:left; color:#FFF; font-size:1.2rem}
.aboutwenhua div.sub dl dd span {width:auto; overflow:hidden; display:block; text-align:left; color:#FFF; font-size:1rem; padding-top:0.1rem}

.fubei_zeren {width:90%; overflow:hidden; padding:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.fubei_zeren div.l {width:100%; overflow:hidden; border-radius:9px;}
.fubei_zeren div.l img {width:100%; overflow:hidden; height:auto; display:block}
.fubei_zeren div.r {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:5%; padding-bottom:5%}
.fubei_zeren div.r h1 {width:100%; overflow:hidden; text-align:left; font-size:1.6rem; color:#ce1431}
.fubei_zeren div.r p {width:100%; overflow:hidden; display:block; font-size:1rem; color:#7d7d7d; text-align:left; padding-top:0.2rem}
.fubei_zeren div.r p span {width:auto; display:inline; font-size:1.4rem; font-family:data !important}


.fubei_rongyu {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.fubei_rongyu div.l {width:90%; overflow:hidden; padding:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.fubei_rongyu div.l h1 {width:100%; overflow:hidden; text-align:left; font-size:1.4rem; color:#ce1431}
.fubei_rongyu div.l p {width:100%; overflow:hidden; display:block; font-size:1rem; color:#7d7d7d; text-align:left; padding-top:1.2rem}
.fubei_rongyu div.l dl {width:40%; margin-top:1.4rem !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.fubei_rongyu div.l dl dt {width:100%; overflow:hidden; font-size:1.2rem; color:#ce1431; text-align:center}
.fubei_rongyu div.l dl dt span {width:auto; overflow:hidden; display:inline; font-size:1.8rem; font-family:data !important}
.fubei_rongyu div.l dl dd {width:auto; overflow:hidden; text-align:left; color:#727272; font-size:1rem}

.fubei_rongyu div.r {width:90%; overflow:hidden; padding:5%; min-height:40vh; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.fubei_rongyu div.r i.t {width:100%; overflow:hidden; height:150px; background:url(../images/about/t_z.png) top repeat-x; position:absolute; left:0px; top:0px; z-index:9999}
.fubei_rongyu div.r i.d {width:100%; overflow:hidden; height:150px; background:url(../images/about/d_z.png) bottom repeat-x; position:absolute; left:0px; bottom:0px; z-index:9999}

.fubei_rongyu div.r div.s {width:23%; overflow:hidden;}

.ry_1 {width:100%; overflow:hidden; height:40vh;}
.ry_1 a {width:100%; overflow:hidden; height:auto; display:block; margin-top:1vw;}
.ry_1 a img {width:100%; overflow:hidden; height:auto; display:block}
#indemo {height:400%;}
#demo1 {height:400%;}
#demo2 {height:400%;}

.ry_2 {width:100%; overflow:hidden; height:40vh;}
.ry_2 a {width:100%; overflow:hidden; height:auto; display:block; margin-top:1vw;}
.ry_2 a img {width:100%; overflow:hidden; height:auto; display:block}
#demo5 {height:400%;}
#demo6 {height:400%;}

.ry_3 {width:100%; overflow:hidden; height:40vh;}
.ry_3 a {width:100%; overflow:hidden; height:auto; display:block; margin-top:1vw;}
.ry_3 a img {width:100%; overflow:hidden; height:auto; display:block}
#demo8 {height:400%;}
#demo9 {height:400%;}

.ry_4 {width:100%; overflow:hidden; height:40vh;}
.ry_4 a {width:100%; overflow:hidden; height:auto; display:block; margin-top:1vw;}
.ry_4 a img {width:100%; overflow:hidden; height:auto; display:block}
#demo11 {height:400%;}
#demo12 {height:400%;}


.zizhi {width:90%; overflow:hidden; padding:5%; padding-bottom:3rem; padding-top:2rem; background:#f5f5f5; position:relative}
.zizhi h1 {width:80%; overflow:hidden; text-align:left; font-size:1.4rem; color:#ce1431}

.swiper-containerzizhi {width:100%; overflow:hidden; padding-top:1rem}
.swiper-containerzizhi div.swiper-wrapper {width:100%}
.swiper-containerzizhi div.swiper-wrapper div.swiper-slide {width:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.swiper-containerzizhi div.swiper-wrapper div.swiper-slide a {width:70%; overflow:hidden; display:block; margin:0px auto; background:#fff; border-radius:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding:15%}
.swiper-containerzizhi div.swiper-wrapper div.swiper-slide a img {width:100%; overflow:hidden; height:auto; display:block}

.zizhi div.swiper-button-next1 {width:1rem !important; overflow:hidden !important; height:1rem !important; position:absolute !important; right:1% !important; top:50% !important; z-index:99 !important; transform: translate(0%, 50%) !important; text-align:center !important; line-height:1rem !important; font-size:1rem !important; color:#ce1431 !important}
.zizhi div.swiper-button-next1::after {font-size:0px;}
.zizhi div.swiper-button-prev1 {width:1rem !important; overflow:hidden !important; height:1rem !important; position:absolute !important; left:1% !important; top:50% !important; z-index:99 !important; transform: translate(0%, 50%) !important; text-align:center !important; line-height:1rem !important; font-size:1rem !important; color:#ce1431 !important}
.zizhi div.swiper-button-prev1::after {font-size:0px;}


.fubeiyinji {width:100%; overflow:hidden; height:70vh; background:url(../images/about/timebg.jpg) center no-repeat; background-size:cover; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.fubeitime {width:90%; height:40vh; margin:0px auto; position:relative}
.fubeitime i {width:100%; overflow:hidden; height:1px; background:#bfcfd7; position:absolute; left:0px; top:50%; margin-top:-0.5px; z-index:1}
.fubeitime div.swiper-wrapper {width:auto}
.fubeitime div.swiper-wrapper div.swiper-slide {width:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:relative; transform: scale(0.7);}
.fubeitime div.swiper-wrapper div.swiper-slide h1 {width:100%; overflow:hidden; text-align:center; font-size:2.4rem; color:#fff; font-family:data-c !important; line-height:1.6rem; height:2.6rem}
.fubeitime div.swiper-wrapper div.swiper-slide em {width:12px; overflow:hidden; height:12px; border-radius:100px; background:#bfcfd7; display:block; margin-top:0.4rem; margin-bottom:0rem;}
.fubeitime div.swiper-wrapper div.swiper-slide span {width:100%; overflow:hidden; height:3rem; display:block}
.fubeitime div.swiper-wrapper div.swiper-slide h2 {width:300%; overflow:hidden; text-align:center; font-size:1rem; color:#fff; font-weight:normal !important; font-family:data-c !important; font-weight:normal; line-height:2rem; position:absolute; left:50%; margin-left:-150%; bottom:50%; margin-bottom:-40%; transition: all 0.3s linear 0s; opacity:0; filter:Alpha(opacity=0)}


.fubeitime div.swiper-wrapper div.swiper-slide-active,div.swiper-slide-duplicate-active {transform: scale(1);}
.fubeitime div.swiper-wrapper div.swiper-slide-active h2 {width:400%; overflow:hidden; text-align:center; font-size:1rem; color:#fff; font-weight:normal !important; line-height:2rem; position:absolute; left:50%; margin-left:-200%; bottom:40%; margin-bottom:-30% !important; font-weight:bold; transition: all 0.3s linear 0s; opacity:1; filter:Alpha(opacity=100)}


.fubeitime div.swiper-button-next_qh {width:3rem !important; overflow:hidden !important; position:absolute !important; right:-10% !important; top:50% !important; z-index:99 !important;  transform: translate(0%, -50%); text-align:center !important; font-size:1.6rem !important; color:#fff}
.fubeitime div.swiper-button-next_qh::after {font-size:0px;}
.fubeitime div.swiper-button-prev_qh {width:3rem !important; overflow:hidden !important; position:absolute !important; left:-10% !important; top:50% !important; z-index:99 !important;  transform: translate(0%, -50%); text-align:center !important; font-size:1.6rem !important; color:#fff}
.fubeitime div.swiper-button-prev_qh::after {font-size:0px;}

.timeyinji {width:90%; overflow:hidden; margin:0px auto;} 
.timeyinji .timeyinjiTitle {width:100%; overflow:hidden;} 
.timeyinji .timeyinjiTitle ul {width:99.4%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; border-radius:100px; border:1px solid #fff} 
.timeyinji .timeyinjiTitle li {width:50%; font-size:1.2rem; text-align:center; border-radius:100px; line-height:2rem; cursor:pointer;} 
.timeyinji .timeyinjiTitle .active {background:#ce1431; font-size:1.2rem; color:#FFF; font-weight:bold !important;}
.timeyinji .timeyinjiTitle .normal {font-size:1.2rem; color:#fff} 
.timeyinji .timeyinjiContent {width:100%; overflow:hidden;}
.timeyinjinone {display:none;}



/*爆品中心*/
.productcenter {width:100%; overflow:hidden; background:url(../images/product/bg.jpg) center top no-repeat #fafbfb; padding-bottom:2rem}
.productcenter div.pnav {width:90%; overflow:hidden; height:2rem; background:#fff; border-radius:100px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; margin-top:1.4rem; margin-bottom:1.6rem}
.productcenter div.pnav a {width:16.6666666%; overflow:hidden; height:2rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size:0.8rem; color:#ce1431; background:#fff; border-radius:100px;}

.productcenter div.pnav a.ahover {width:16.6666666%; overflow:hidden; height:2rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size:0.8rem; color:#fff; background:#ce1431; border-radius:100px;}

.productcenter h1 {width:90%; overflow:hidden; text-align:center; margin:0px auto; font-size:1rem; color:#454545; font-weight:normal}
.productcenter h1 span {width:auto; overflow:hidden; display:inline; font-family:data-c !important; font-size:1.6rem;}

.productcenter div.m {width:90%; margin:0px auto; margin-top:1.6rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding-bottom:2rem}
.productcenter div.m a {width:100%; overflow:hidden; margin-top:0.4rem; margin-bottom:0.8rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch; background:#fff; border-radius:16px; -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); position:relative}
.productcenter div.m a i {width:50%; overflow:hidden; display:block; margin-top:0.6rem}
.productcenter div.m a i img {width:100%; overflow:hidden; height:auto; display:block; margin-left:-2rem; margin-bottom:-2rem}
.productcenter div.m a span {width:40%; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-size:1.4rem; font-family:data !important; color:#807f87}
.productcenter div.m a span b {font-size:0.8rem; padding-right:10%; padding-top:3%; font-weight:normal}



/*新闻中心*/
.newstoutiao {width:90%; overflow:hidden; margin:0px auto; margin-top:5%;}
.newstoutiao a {width:100%; overflow:hidden; display:block; position:relative; border-radius:10px}
.newstoutiao a img {width:100%; overflow:hidden; height:auto; display:block}
.newstoutiao a div.tit {width:94%; overflow:hidden; padding:3%; padding-bottom:5%; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); position:absolute; left:0px; bottom:0px; z-index:99}
.newstoutiao a div.tit dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.newstoutiao a div.tit dl dt {width:100%; overflow:hidden}
.newstoutiao a div.tit dl dt span {width:100%; overflow:hidden; display:block; text-align:left; font-size:0.8rem; color:#FFF}
.newstoutiao a div.tit dl dt p {width:100%; overflow:hidden; display:block; text-align:left; font-size:0.9rem; color:#FFF; padding-top:0.2rem; line-height:1.2rem}
.newstoutiao a div.tit dl dd {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center; padding-top:0.4rem}
.newstoutiao a div.tit dl dd span {width:auto; overflow:hidden; height:1.5rem; line-height:1.5rem; border-radius:100px; border:2px solid #fff; text-align:center; font-size:0.9rem; color:#fff; padding-left:8%; padding-right:8%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin:0px !important;}
.newstoutiao a div.tit dl dd span i {width:15px; overflow:hidden; font-size:1vw; color:#fff; display:inline; padding-left:0.2rem}



.newslist {width:90%; overflow:hidden; margin:0px auto; padding:5%;}
.newslist dl {width:100%; overflow:hidden; margin-bottom:1.2rem !important}
.newslist dl a {width:100%; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start; align-content:flex-start}
.newslist dl a dt {width:30%; overflow:hidden; height:auto; border-radius:8px; margin-top:0.1rem}
.newslist dl a dt img {width:100%; overflow:hidden; height:auto; display:block}
.newslist dl a dd {width:66%; overflow:hidden;}
.newslist dl a dd span {width:100%; overflow:hidden; display:block; text-align:left; font-size:0.8rem; color:#898989;}
.newslist dl a dd p {width:100%; overflow:hidden; display:block; text-align:left; font-size:0.9rem; color:#333; padding-top:0.2rem; white-space:wrap; text-overflow:ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}



.newsshow {width:90%; overflow:hidden; margin:0px auto; padding-top:8%;}
.newsshow div.tit {width:100%; overflow:hidden; padding-bottom:5%; border-bottom:1px solid #ddd;}
.newsshow div.tit h1 {width:100%; overflow:hidden; text-align:left; line-height:2.2rem; font-size:1.6rem; color:#333}
.newsshow div.tit p {width:100%; overflow:hidden; text-align:left; line-height:1.6rem; margin-top:0.4rem; font-size:0.8rem; color:#666; display:block}
.newsshow div.showmain {width:100%; overflow:hidden; text-align:left; line-height:1.8rem; font-size:1rem; color:#646571; margin-top:2rem;}
.newsshow div.showmain p {width:100% !important; overflow:hidden !important; display:block !important; padding-bottom:0.6rem !important;}
.newsshow div.showmain img {width:auto !important; overflow:hidden !important; height:auto !important; display:block !important; margin:0px auto !important; max-width:100% !important; margin-bottom:15px !important}

.newsshow a.more {width:200px; overflow:hidden; margin:0px auto; height:2.2rem; border-radius:100px; border:2px solid #ce1431; text-align:center; font-size:1.2rem; color:#ce1431; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:2rem !important}
.newsshow a.more i {width:15px; overflow:hidden; font-size:0.8rem; color:#ce1431; display:inline; padding-left:3px}


/*分页*/
.fenye {width:90%; overflow:hidden; margin:0px auto; text-align:center; margin-top:1.6rem; margin-bottom:4.6rem}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom; font-size:1rem}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB; border-radius:100px;}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; border-radius:100px;}
.pagination a:hover { text-decoration:none}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination li {margin:0 0.1rem;font-size:0.9rem;border:none; border-radius:100px; margin-top:0.4rem; margin-bottom:0.4rem}
.pagination li a {color:#6e6e6e;background:#fff;padding:0.5rem 0.8rem;border:1px solid #DCDCDC;}
.pagination li.active a,.pagination li a:hover {background:#ce1431;color:#fff;border:1px solid #ce1431;}


/*联系我们*/
.contact {width:86%; overflow:hidden; margin:0px auto; margin-top:3rem; padding-bottom:3rem}
.contact h1 {width:100%; overflow:hidden; text-align:center; font-size:1.6rem; color:#ce1431}
.contact div.m {width:100%; overflow:hidden; margin-top:3rem;}
.contact div.m form {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.contact div.m form dl {width:100%; overflow:hidden; border-bottom:2px solid #cacaca; padding-bottom:0.4rem !important; margin-bottom:1.4rem !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.contact div.m form dl dt {width:40px; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; font-size:1.6rem; color:#ce1431}
.contact div.m form dl dd {width:93%; overflow:hidden; text-align:left;}
.contact div.m form dl dd input {width:100%; overflow:hidden; text-align:left; border:0px; background:none; font-size:1rem; color:#8e8e8e}

.contact div.m form dl.c {width:100%; overflow:hidden; border-bottom:2px solid #cacaca; padding-bottom:0.4rem !important; margin-bottom:1.4rem !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; position:relative}
.contact div.m form dl.c dt {width:40px; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; font-size:1.6rem; color:#ce1431}
.contact div.m form dl.c dd {width:98%; overflow:hidden; text-align:left;}
.contact div.m form dl.c dd select {width:100%; overflow:hidden; text-align:left; border:0px; background:none; font-size:1rem; color:#8e8e8e; position:relative; z-index:2}
.contact div.m form dl.c i {width:40px; overflow:hidden; text-align:right; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; font-size:1.4rem; color:#ce1431; position:absolute; top:50%; right:0%; transform: translate(0%, -50%); z-index:1}

.contact div.m form dl.sub {width:100%; overflow:hidden; border-bottom:0px solid #cacaca; padding-bottom:0.4rem !important; margin-bottom:0vw !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; position:relative}
.contact div.m form dl.sub dt {width:40px; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; font-size:1.6rem; color:#ce1431}
.contact div.m form dl.sub dd {width:98%; overflow:hidden; text-align:left; font-size:1rem; color:#8e8e8e}

.contact div.m form div.ly {width:100%; overflow:hidden; border-bottom:2px solid #cacaca; padding-bottom:0.4rem !important; margin-bottom:1.4rem !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; position:relative}
.contact div.m form div.ly textarea {width:100%; overflow:hidden; min-height:160px; text-align:left; border:0px; background:none; font-size:1rem; color:#8e8e8e}

.contact div.m form div.an {width:100%; overflow:hidden; border-bottom:0px solid #cacaca !important; padding-bottom:0.4rem !important; margin-bottom:1.4rem !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; position:relative}

.contact div.m form div.an button {width:300px; overflow:hidden; margin:0px auto; height:4rem; border-radius:100px; border:2px solid #ce1431; background:#ce1431; text-align:center; font-size:1.2rem; color:#fff; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:2rem !important}
.contact div.m form div.an button em {width:15px; overflow:hidden; font-size:1.2rem; color:#fff; display:inline; padding-left:3px; margin-bottom:0.1rem}


.contactshare {width:100%; background:#f1f1f1}
.contactshare div.m {width:90%; margin:0px auto; padding-top:5%; padding-bottom:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.contactshare div.m dl {width:49%; background:#FFF; border-radius:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:0.6rem !important; padding-bottom:0.6rem !important; -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); position:relative; cursor:pointer; margin-top:0.6rem; margin-bottom:0.6rem}
.contactshare div.m dl dt {width:60px; overflow:hidden; text-align:left; font-size:3rem;}
.contactshare div.m dl dd {width:auto; overflow:hidden; color:#666; font-size:1.4rem;}

.contactshare div.m dl span {width:60%; overflow:hidden; padding:2%; background:#FFF; position:absolute; left:50%; bottom:10%; transform: translate(-50%, -50%); display:none; z-index:999; border:1px solid #ddd; border-radius:10px;}
.contactshare div.m dl span img {width:100%; overflow:hidden; height:auto; display:block}
.contactshare div.m dl p {width:90%; overflow:hidden; padding:5%; background:#FFF; position:absolute; left:50%; bottom:50%; transform: translate(-50%, -50%); display:none; z-index:999; border:1px solid #ddd; text-align:center; color:#666; font-size:1.4rem; border-radius:10px;}

.contactshare div.m dl:hover {width:49%; background:#FFF; border-radius:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:0.6rem !important; padding-bottom:0.6rem !important; -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); position:relative; cursor:pointer; margin-top:0.6rem; margin-bottom:0.6rem}
.contactshare div.m dl:hover dt {width:60px; overflow:hidden; text-align:left; font-size:clamp(2.2rem, 2.2vw, 50px);}
.contactshare div.m dl:hover dd {width:auto; overflow:hidden; color:#666; font-size:clamp(1.4rem, 1.4vw, 30px);}
.contactshare div.m dl:hover span {width:60%; overflow:hidden; padding:2%; background:#FFF; position:absolute; left:50%; bottom:10%; transform: translate(-50%, -50%); display:block; z-index:999; border:1px solid #ddd; text-align:center; color:#666; font-size:clamp(1.4rem, 1.4vw, 30px); border-radius:10px;}
.contactshare div.m dl:hover span img {width:100%; overflow:hidden; height:auto; display:block}
.contactshare div.m dl:hover p {width:90%; overflow:hidden; padding:5%; background:#FFF; position:absolute; left:50%; bottom:50%; transform: translate(-50%, -50%); display:block; z-index:999; border:1px solid #ddd; text-align:center; color:#666; font-size:clamp(1.4rem, 1.4vw, 30px); border-radius:10px;}


.joinus {width:90%; overflow:hidden; margin:0px auto; margin-top:1rem}
.joinus ul li {width:100%; overflow:hidden}
.joinus ul li a {width:100%; overflow:hidden; border-bottom:2px solid #444; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding-bottom:0.5rem; padding-top:1rem; position:relative}
.joinus ul li a span {width:100%; overflow:hidden; display:block; text-align:left; color:#666; font-size:1.2rem;}
.joinus ul li:hover a span {width:100%; overflow:hidden; display:block; text-align:left; color:#ce1431; font-size:1.2rem;}
.joinus ul li a p {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;} 
.joinus ul li a p b {width:auto; overflow:hidden; font-weight:normal; color:#7d7d7d; font-size:0.8rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; margin-left:0.4rem}
.joinus ul li a p b em {width:34px; overflow:hidden; display:block; text-align:left; color:#7d7d7d; font-size:1.2rem;}


.joinus ul li a i {width:30px; overflow:hidden; text-align:right; display:block; color:#ce1431; font-size:1.4rem; position:absolute; top:26%; right:0px; transition: all 0.3s ease-out;transform: rotate(0deg) translate(0%, 0%);}
.joinus ul li a i.action {transition: all 0.3s ease-out; transform: rotate(180deg) translate(0%, 0%);}

.joinus ul li>div.joinmain {display:none; padding-top:1rem; padding-bottom:1rem}

.join_show {width:100%; overflow:hidden; text-align:left}
.join_show h1 {width:100%; overflow:hidden; text-align:left; color:#ce1431; font-size:1.2rem; font-weight:normal}
.join_show div.m {width:100%; overflow:hidden; padding-top:0.1rem; padding-bottom:1rem; text-align:left; color:#7d7d7d; font-size:1rem; line-height:1.5rem}

.join_show button {width:auto; overflow:hidden; height:2.8rem; border-radius:100px; border:2px solid #ce1431; text-align:center; font-size:1.2rem; color:#ce1431; padding-left:9%; padding-right:9%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin:0px !important; margin-top:0.6rem !important; cursor:pointer}
.join_show button strong {width:15px; overflow:hidden; font-size:1rem; color:#ce1431; display:inline; padding-left:3px}



.tankuang {width:100%; overflow:hidden; height:100%; position:fixed; top:0px; left:0px; z-index:999999; background-color: rgba(0,0,0,0.5); display:none;}
.tankuang div.tkm {width:100%; overflow:hidden; height:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.tankuang div.tkm div.m {width:30%; overflow:hidden; min-width:300px; background:#fff; border-radius:10px; position:relative}
.tankuang div.tkm div.m i {width:auto; overflow:hidden; display:block; text-align:center; color:#fff; font-size:1rem; position:absolute; top:0.5rem; right:0.5rem; cursor:pointer}
.tankuang div.tkm div.m h1 {width:100%; overflow:hidden; text-align:left; height:2rem; background:#ce1431; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.tankuang div.tkm div.m h1 span {width:auto; overflow:hidden; display:inline; color:#fff; font-size:1rem; padding-left:3%}

.tankuang div.tkm div.m dl {width:auto; overflow:hidden; padding:5% !important; padding-bottom:14% !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:relative}
.tankuang div.tkm div.m dl dt {width:100%; overflow:hidden; text-align:center;}
.tankuang div.tkm div.m dl dt input.lujing {width:100%; overflow:hidden; height:auto; border:0px; text-align:center; color:#666; font-size:0.6rem;}
.tankuang div.tkm div.m dl dt span {width:10rem; overflow:hidden; height:8rem; line-height:8rem; text-align:center; border:0px; display:block; color:#e5e5e5; font-size:8rem; margin:0px auto;}
.tankuang div.tkm div.m dl dt input.anniu {width:10rem; overflow:hidden; height:8rem; border:0px; background:none; position:absolute; left:-2%; bottom:70%; transform: translate(50%, 50%); cursor:pointer;}
.tankuang div.tkm div.m dl dd {width:100%;}
.tankuang div.tkm div.m dl dd h3 {width:100%; overflow:hidden; text-align:center; color:#888; font-size:0.9rem; font-weight:normal; padding-top:0.2rem}
.tankuang div.tkm div.m dl dd p {width:100%; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:0.1rem}
.tankuang div.tkm div.m dl dd p em {width:50px; overflow:hidden; text-align:center; font-size:1.8rem; display:block}

.tankuang div.tkm div.m dl dd button {width:200px; overflow:hidden; margin:0px auto; height:2.4rem; line-height:2.4rem; border-radius:100px; border:2px solid #ce1431; text-align:center; font-size:1.1rem; color:#ce1431; padding-left:5%; padding-right:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:1rem !important}
.tankuang div.tkm div.m dl dd button b {width:15px; overflow:hidden; font-size:0.8rem; color:#ce1431; display:inline; padding-left:3px; font-weight:normal}








/*福贝领航*/
.fubeijidi {width:90%; overflow:hidden; margin:0px auto; padding-top:6%; padding-bottom:5%}
.fubeijidi h1 {width:100%; overflow:hidden; text-align:left; font-size:2rem; font-weight:bold !important; color:#ce1431; font-weight:normal; margin-bottom:1rem}
.fubeijidi div.m {width:100%; overflow:hidden; text-align:left; color:#7d7d7d; font-size:1rem; line-height:1.5rem;}
.fubeijidi div.m p {width:100%; overflow:hidden; display:block; padding-bottom:0.6rem}


.fubeilinghang {width:90%; overflow:hidden; height:10rem; margin:0px auto; padding-bottom:1.4rem;}
.fubeilinghang a {width:auto; overflow:hidden; height:10rem; display:block; position:relative; border-radius:8px; margin-right:1rem; float:left !important}
.fubeilinghang a img {width:auto; overflow:hidden; height:100%; display:block}
.fubeilinghang a i {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:999; width:2rem; text-align:center; font-size:2.4rem; color:#fff; transition: all 0.2s linear 0s;}
.spmain {width:2800%;}
#demo14 {float:left !important}
#demo15 {float:left !important}



.pinzhi_tab {width:90%; overflow:hidden; margin:0px auto; margin-top:2rem;} 
.pinzhi_tab .pinzhi_tabTitle {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding-bottom:0.6rem} 
.pinzhi_tab .pinzhi_tabTitle h1 {width:100%; overflow:hidden; text-align:center; font-size:1.4rem; font-weight:bold !important; color:#ce1431; font-weight:normal; padding-bottom:1rem}
.pinzhi_tab .pinzhi_tabTitle ul {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; border-radius:100px; border:1px solid #ce1431} 
.pinzhi_tab .pinzhi_tabTitle li {width:50%; font-size:1.2rem; text-align:center; border-radius:100px; line-height:1.8rem; cursor:pointer;} 
.pinzhi_tab .pinzhi_tabTitle .active {background:#ce1431; font-size:1.2rem; color:#FFF; font-weight:bold !important;}
.pinzhi_tab .pinzhi_tabTitle .normal {font-size:1.2rem; color:#ce1431} 
.pinzhi_tab .pinzhi_tabContent {width:100%; overflow:hidden;}
.pinzhi_tabnone {display:none;}


.fuwu_tab {width:90%; overflow:hidden; margin:0px auto; margin-top:3rem; margin-bottom:5rem} 
.fuwu_tab .fuwu_tabTitle {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding-bottom:0.6rem} 
.fuwu_tab .fuwu_tabTitle h1 {width:100%; overflow:hidden; text-align:center; font-size:1.4rem; font-weight:bold !important; color:#ce1431; font-weight:normal; padding-bottom:1rem}
.fuwu_tab .fuwu_tabTitle ul {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; border-radius:100px; border:1px solid #ce1431} 
.fuwu_tab .fuwu_tabTitle li {width:50%; font-size:1.2rem; text-align:center; border-radius:100px; line-height:1.8rem; cursor:pointer;} 
.fuwu_tab .fuwu_tabTitle .active {background:#ce1431; font-size:1.2rem; color:#FFF; font-weight:bold !important;}
.fuwu_tab .fuwu_tabTitle .normal {font-size:1.2rem; color:#ce1431} 
.fuwu_tab .fuwu_tabContent {width:100%; overflow:hidden;}
.fuwu_tabnone {display:none;}


.pinzhimain {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding-top:0.8rem}
.pinzhimain div.l {width:100%; overflow:hidden; text-align:left; font-size:1rem; color:#7d7d7d; padding-top:1rem}
.pinzhimain div.l p {width:100%; overflow:hidden; display:block; padding-top:0.2rem; padding-bottom:0.2rem; line-height:1.6rem}
.pinzhimain div.r {width:100%; overflow:hidden;}
.pinzhimain div.r img {width:100%; overflow:hidden; height:auto; display:block; border-radius:6px;}





.zhizao_tab {width:90%; overflow:hidden; margin:0px auto; margin-top:2rem;} 
.zhizao_tab .zhizao_tabTitle {width:100%; overflow:hidden;} 
.zhizao_tab .zhizao_tabTitle ul {width:99.4%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; border-radius:100px; border:1px solid #ce1431} 
.zhizao_tab .zhizao_tabTitle li {width:33.33333%; font-size:0.9rem; text-align:center; border-radius:100px; line-height:1.2rem; cursor:pointer; padding-top:0.4rem; padding-bottom:0.4rem} 
.zhizao_tab .zhizao_tabTitle .active {background:#ce1431; font-size:0.9rem; color:#FFF; font-weight:bold !important;}
.zhizao_tab .zhizao_tabTitle .normal {font-size:0.9rem; color:#ce1431} 
.zhizao_tab .zhizao_tabContent {width:100%; overflow:hidden;}
.zhizao_tabnone {display:none;}

.zhizaomain {width:100%; overflow:hidden}
.zhizaomain div.m {width:100%; overflow:hidden; margin-top:1.2rem; text-align:left; font-size:1rem; color:#7d7d7d; line-height:1.5rem}
.zhizaomain div.m p {width:100%; overflow:hidden; display:block; padding-top:0.2rem; padding-bottom:0.2rem; line-height:1.5rem}

.zhizaomain div.gd {width:100%; overflow:hidden; margin-top:1.4rem; margin-bottom:3rem; height:10rem}
.zhizaomain div.gd a {width:auto; overflow:hidden; height:10rem; display:block; position:relative; border-radius:8px; margin-right:1rem; float:left}
.zhizaomain div.gd a img {width:auto; overflow:hidden; height:100%; display:block}
.zhizaomain div.gd a i {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:999; width:2rem; text-align:center; font-size:3rem; color:#fff; transition: all 0.2s linear 0s;}

.gcmain {width:2800%}
#demo17 {float:left !important}
#demo18 {float:left !important}

#demo20 {float:left !important}
#demo21 {float:left !important}

#demo23 {float:left !important}
#demo24 {float:left !important}


.zhizaognlist {width:100%; overflow:hidden; background:#f3f3f3; padding-top:1rem; padding-bottom:3rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
.zhizaogngd {width:95%; overflow:hidden; position:relative; padding-bottom:1rem}
.zhizaogngd div.swiper-wrapper {display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; height:12rem !important}
.zhizaogngd div.swiper-wrapper div.swiper-slide {width:auto; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; height:auto !important}
.zhizaogngd div.swiper-wrapper div.swiper-slide a {width:90%; overflow:hidden; background:#fff; border-radius:6px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:0.8rem; padding-bottom:0.8rem}
.zhizaogngd div.swiper-wrapper div.swiper-slide a i {width:5rem; overflow:hidden; height:5rem; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size:4rem; color:#ce1431;}
.zhizaogngd div.swiper-wrapper div.swiper-slide a h1 {width:100%; overflow:hidden; text-align:center; font-size:1rem; color:#7d7d7d; font-weight:normal; margin-top:0.8rem;}
.zhizaogngd div.swiper-scrollbar {width:100%; overflow:hidden; height:0.3rem; background:#fff; border-radius:100px; position:absolute; bottom:0px; left:0px; z-index:999}
.zhizaogngd div.swiper-scrollbar-drag {height:0.3rem !important; background:#ce1431 !important}



/*其他*/
.qitatopbanner {width:100%; overflow:hidden; height:50vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.qitatopbanner h1 {width:90%; overflow:hidden; text-align:center; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:1.4rem;}
.qitatopbanner h1 span {width:100%; overflow:hidden; display:block; text-align:center; color:#FFF; font-size:2rem; font-family:english !important; opacity: 0.6; text-transform:uppercase}

.qitasub {width:90%; overflow:hidden; margin:0px auto; padding-top:6%; padding-bottom:5%}
.qitasub h1 {width:100%; overflow:hidden; text-align:left; font-size:1.6rem; font-weight:bold !important; color:#ce1431; font-weight:normal; margin-bottom:1.2rem; margin-top:1rem}
.qitasub div.m {width:100%; overflow:hidden; text-align:left; color:#7d7d7d; font-size:1rem; line-height:1.6rem;}
.qitasub div.m p {width:100%; overflow:hidden; display:block; padding-bottom:0.6rem}









/*单选多选按钮*/
.checkbox,
.radiobox {
    width: 95%;
    height: 50px;
	padding-left:5%;
}
.radiobox label {width:100%; overflow:hidden; height:50px; text-align:left; line-height:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.radiobox label span {width:auto; height:50px; text-align:left; line-height:50px; display:inline-block; font-size:16px; padding-left:10px;}
.checkbox input[type=checkbox],
.radiobox input[type=radio] {
    -webkit-appearance: none;
    background-color: transparent;
    outline: 0 !important;
    border: 0;
    font-size: 34px !important;
}
.checkbox input[type=checkbox]:before {
    display: inline-block;
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 34px;
    font-weight: thin;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#003876;
}
.radiobox input[type=radio]:before {
    display: inline-block;
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 34px;
    font-weight:normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#d4d4d4;
}
.checkbox input[type=checkbox]:checked:before{
    color:#003876;
}
.radiobox input[type=radio]:checked:before {
    color:#003876;
}
.checkbox input[type=checkbox]:before {
    content: "\f096";
}
.checkbox input[type=checkbox]:checked:before {
    content: "\f14a";
}
.radiobox input[type=radio]:before {
    content: "\f1db";
}
.radiobox input[type=radio]:checked:before {
    content: "\f192";
}


/*底部导航*/
footer.bottomnav {width:100%; overflow:hidden; height:60px; background:url(../images/xian.jpg) top repeat-x #FFF; position:fixed; bottom:0px; left:0px; z-index:99999}
footer.bottomnav div.nav {width:100%; overflow:hidden; height:60px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
footer.bottomnav div.nav a {width:20%; overflow:hidden; height:60px; display:block; text-transform:uppercase;}
footer.bottomnav div.nav a i {width:30px; overflow:hidden; height:30px; display:block; margin:0px auto; text-align:center; line-height:30px; color:#666; font-size:1.4rem; margin-top:8px;}
footer.bottomnav div.nav a p {width:100%; overflow:hidden; height:20px; display:block; text-align:center; line-height:20px; font-size:0.8rem; color:#333}
footer.bottomnav div.nav a.ahover {width:20%; overflow:hidden; height:60px; display:block; text-transform:uppercase; color:#ce1431; background:url(../images/xian_k.jpg) repeat-x top}
footer.bottomnav div.nav a.ahover i {width:30px; overflow:hidden; height:30px; display:block; margin:0px auto; text-align:center; line-height:30px; color:#ce1431; font-size:1.4rem; margin-top:8px;}
footer.bottomnav div.nav a.ahover p {width:100%; overflow:hidden; height:20px; display:block; text-align:center; line-height:20px; font-size:0.8rem; color:#ce1431}