/*****公共样式开始*****/
html {
-webkit-tap-highlight-color: transparent;
overflow-x: hidden;
height: 100%;
font-size: 312.5%;
background-color: #fff;
-webkit-text-size-adjust: none;
}
*, :after, :before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, blockquote, body, button, code, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: 400;
}
caption, th {
text-align: left;
}
fieldset, img {
border: none;
}
ul {
overflow: hidden;
}
li {
list-style: none;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
button, input, optgroup, option, select, textarea {
-webkit-appearance: none;
border: none;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
outline: 0;
}
button {
-webkit-appearance: none;
border: none;
}
a {
-webkit-touch-callout: none;
text-decoration: none;
}
:focus {
outline: 0;
}
em, i {
font-style: normal;
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
-webkit-appearance: none!important;
margin: 0;
}
input[type=submit] {
-webkit-appearance: none;
}
p {
line-height: 1.6em;
}
.clear:before, .clearfix:after {
display: table;
content: '';
}
.clearfix:after {
clear: both;
overflow: hidden;
}
.clearfix {
zoom: 1;
}
ul, ul li {
list-style: none;
}
.clear {
clear: both;
}
.mt3 {
margin-top: 3%;
}
.mt45 {margin-top: .45rem}
.mt5 {margin-top: .5rem}
.fl {
float: left;
}
.fr {
float: right;
}
.hd {
overflow: hidden;
}
.none {
display: none;
}
img {
vertical-align: middle;
max-width: 100%;
border: 0;
margin: 0 auto;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
body {
font-family: Microsoft YaHei, Helvetica, STHeiTi, sans-serif;
color: #434343;
background-color: #fff;
outline: 0;
max-width: 640px;
min-width: 320px;
width: 100%;
margin: auto;
font-size: .22rem;
}
@media screen and (min-width: 350px) {
html {
font-size: 342%;
}
}
@media screen and (min-width: 410px) {
html {
font-size: 400%;
}
}
@media screen and (min-width: 480px) {
html {
font-size: 469%;
}
}
@media screen and (min-width: 640px) {
html {
font-size: 625%;
}
}
/*****公共样式结束*****/
ul.u0 {
overflow: hidden;
}
ul.u0 li {
float: left;
}
ul.u0 li:first-of-type {
margin-left: 0;
}
dl.d0 {
overflow: hidden;
}
dl.d0 dt, dl.d0 dd {
float: left;
}
.clearfloat:after {
display: block;
clear: both;
content: "";
visibility: hidden;
height: 0;
}
.clearfloat {
zoom: 1;
}
/* css S */
nav {
margin: 1.5% auto;
}
nav ul {
overflow: hidden;
zoom: 1;
}
nav ul li {
position: relative;
display: block;
width: 24.6%;
margin-right: 0.5%;
margin-bottom: 0.5%;
float: left;
}
.hot {
position: absolute;
top: .07rem;
right: .03rem;
display: block;
width: .3rem;
}
nav ul li:nth-of-type(4), nav ul li:nth-of-type(8) {
margin-right: 0;
}
nav ul li a {
display: block;
color: #fff;
background: #dd3252;
padding: 8% 2%;
text-align: center;
}
/*foot*/
/*foot*/
footer {
background: url(../images/addr.jpg) center no-repeat;
background-size: 100% 100%;
}
footer nav {
margin: 0.2rem auto;
overflow: hidden;
zoom: 1;
}
footer nav a {
display: block;
float: left;
width: 25%;
background: #dd3252 url(../images/fotnav.jpg) no-repeat right center;
text-align: center;
color: #fff;
padding: 2% 0;
}
footer .logof, footer .tla {
display: block;
width: 5.91rem;
margin: 2% auto;
}
footer p {
color: #595757;
text-align: center;
margin: 2% auto;
}
footer ul {
overflow: hidden;
text-align: center;
margin: 10% auto;
}
footer ul li {
display: inline-block;
width: 22%;
}
footer ul li a {
color: #595757;
}
footer ul li img {
display: block;
width: 60%;
margin: 0 auto;
}
.navb {
margin: 2% auto 4%;
overflow: hidden;
zoom: 1;
}
.navb a {
display: block;
float: left;
width: 30.5%;
border-radius: .07rem;
margin-left: 2%;
background: #ababab;
text-align: center;
color: #fff;
height: .6rem;
line-height: .6rem;
}
.navb a:nth-of-type(2) {
background: #f0851d;
}
.navb a:nth-of-type(3) {
background: #dd3252;
}
.navb a img {
display: inline-block;
width: .4rem;
}
.navb a span {
display: inline-block;
width: 60%;
height: 100%;
float: left;
text-align: right;
}
/* css new */
.h_t img {
display: block;
width: 100%;
}
.h_t .dy {
position: relative;
top: -2em;
background: #ea4765;
border-radius: .17rem;
padding: 2%;
width: 90%;
margin: 0 auto;
}
.h_t .dy dd {
width: 100%;
padding: 1% 0 1% 2%;
color: #fff; text-indent:2em;
}
.h_t .dy dd span {
color: #fff000;
}
.cap {
margin: 4% auto;
width: 80%;
}
.cap img {
display: block;
width: 10%;
}
.cap b {
display: block;
width: 88%;
margin-left: 1%;
text-align: center;
font-size: .34rem;
color: #dd3252;
padding-bottom: 1%;
border-bottom: 1px solid #dd3252;
}
.cap b.b0 {
border-bottom: 1px solid #fff;
color: #fff;
}
.cap b small {
display: block;
font-size: .26rem;
}
.box {
overflow: hidden;
}
.tel {
margin: 2% auto 4%;
}
.tel a {
display: block;
width: 42%;
float: left;
text-align: center;
border-radius: .07rem;
padding: 1% 0;
margin-left: 6%;
color: #fff;
background: #dd3252;
}
.tel a:last-of-type {
background: #f0851d;
margin-left: 4%;
}
.tel a i{ display:inline-block; width:8.93%;}
.tel a em{ display:inline-block; width:11.534%;}
.tel a span, .tel a b {
display: block;
height: .34rem;
}
.tel a b {
font-size: .26rem;
}
.b2, .b4, .b6, .b8 {
background: #dd3252;
}
.b2 .b2m {
margin: 4% 2% 2%;
position: relative;
}
.b2 .b2m img {
display: block;
width: 100%;
}
.b2 .b2m ul {
position: absolute;
top: 50%;
left: 0;
}
.b2 .b2m ul li {
width: 45.5%;
margin-left: 7%;
padding: 3.5% 2%;
color: #fff;
}
.tel1 {
margin: 2% auto;
}
.tel1 a {
display: block;
width: 43.5%;
float: left;
text-align: center;
padding: 1% 0;
margin-left: 3%;
color: #fff;
background: #f0851d;
font-weight: bold;
}
.tel1 a:last-of-type {
margin-left: 7%;
}
.b3 .b3m {
margin: 4%;
}
.b3 .b3m .b3h {
color: #434343;
margin-bottom: 4%;
}
.b3 .b3m img {
display: block;
width: 100%;
}
.tla {
display: block;
margin: 3% auto;
}
.tla img {
width: 100%;
display: block;
}
.b5 .cap {
width: 100%;
}
.b5 .cap b {
width: 89%;
font-size: .26rem;
padding-bottom: 2.5%;
}
.b5 .cap b img {
display: inline-block;
width: .72rem;
vertical-align: bottom;
}
.b5 .b5m {
position: relative;
}
.b5 .b5m img {
display: block;
width: 100%;
}
.b5 .b5m a {
position: absolute;
top: 9%;
right: 0;
width: 40%;
height: 20%;
}
.b5 .b5m a:nth-of-type(2) {
top: 29%;
height: 18%;
}
.b5 .b5m a:nth-of-type(3) {
top: 47%;
height: 39%;
}
.vedio {
margin: 4%;
}
.b9 h2{ text-align:center; color:#e11e3e; padding-top:.2rem; font-size:.24rem;}
.b9 .al .ali {
display: block;
width: 2.19rem;
margin: 4% auto;
margin-left: 0;
}
.b9 .al dl dt {
width: 43%;
}
.b9 .al dl dd {
width: 57%;
padding: 0 2%;
}
.b9 .al dl dd b {
margin-bottom: 4%;
border-bottom: 2px solid #bdbdbd;
padding-bottom: 2%;
display: block;
font-size: .26rem;
color: #434343;
}
.b9 .al dl dd b span {
color: #dd3252;
}
.b9 .al dl dd .ald {
margin-bottom: 4%;
border-bottom: 2px solid #bdbdbd;
padding-bottom: 2%;
}
.b9 .al dl dd .ald:last-of-type {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.b9 .al dl dd .ald span {
margin-right: 1%;
display: inline-block;
background: url(../images/al_2.png) center no-repeat;
background-size: 100% 100%;
text-align: center;
padding-right: 3%;
color: #fff;
width: 1rem;
}
/* main gt css */
.ghh {
margin: .3rem auto;
height: .6rem;
line-height: .6rem;
font-size: .36rem;
color: #fff;
background: #dd3252;
font-weight: bold;
text-align: center;
}
.gh_b4 h2 {
text-align: center;
font-size: 0.24rem;
color: #df0000;
}
.gh_b4 #gh_f {
margin-top: 2%;
width: 90%;
margin: 2% auto 0;
}
.gh_b4 #gh_f input {
display: block;
border: 1px solid #cbcbcb;
margin-top: 2%;
width: 100%;
line-height: 0.5rem;
padding-left: 2%;
height: .52rem;
}
.gh_b4 #gh_f .ftr {
overflow: hidden;
}
.gh_b4 #gh_f .ftr input {
float: left;
display: block;
width: 48%;
margin-left: 4%;
}
.gh_b4 #gh_f .ftr input:first-of-type {
margin-left: 0;
}
.gh_b4 #gh_f textarea {
width: 100%;
border: 1px solid #cbcbcb;
padding-left: 2%;
padding-top: 1%;
min-height: 2rem;
margin-top: 2%;
}
.gh_b4 #gh_f .fa {
display: inline-block;
width: 46%;
color: #fff;
font-size: 0.3rem;
margin-left: 0;
background: #dd3252;
text-align: center;
border: 0;
}
.gh_b4 #gh_f a.fa {
background: #f0851d;
margin-left: 5%;
line-height: 0.5rem;
}
.b32 {
margin: .3rem auto;
text-align: center;
font-weight: bold;
color: #dd3252;
font-size: .36rem;
}
.zjlx {
background: #f8e6eb;
padding: 10% 0;
margin: 4% auto;
}
.zjlx img {
display: block;
}
.zjlx .zjtx {
width: 1.68rem;
}
.zjlx .zjlxa {
position: relative;
margin-top: 1%;
}
.zjlx .zjlxa a {
display: block;
width: 50%;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.zjlx .zjlxa a:last-of-type {
left: 50%;
}
.zjlx h2 {
text-align: center;
color: #393939;
font-size: .33rem;
}
.zjlx span {
display: block;
text-align: center;
color: #dd3252;
font-size: .41rem;
}
.zxwz {
margin-bottom: .3rem;
}
.zxwz ul li {
width: calc(32.6%);
width: -webkit-calc(32.6%);
width: -o-calc(32.6%);
width: -moz-calc(32.6%);
width: -ms-calc(32.6%);
margin-left: 1%;
}
.zxwz ul li a {
display: block;
}
.zxwz ul li a img {
display: block;
width: .81rem;
}
.zxwz ul li a h3 {
text-align: center;
font-size: .24rem;
color: #dd3252;
}
.zxwz ul li a span {
display: block;
font-size: .2rem;
color: #393939;
text-align: center;
margin-top: 1%;
}
.zxwz ul li:nth-of-type(1) {
margin-left: 0;
}
.b7{ background:#f8f8f8; }
/*.b7 .cap {width: 90%;}
.b7 .cap b {width: 89%;font-size: .26rem;}
.b7 .cap b i{ font-weight:100; display:block;}
.b7 .cap b img {display: inline-block; width: .72rem; vertical-align: bottom;}
.b7-text{ overflow:hidden; padding:0rem .32rem 0 .32rem;}
.b7-text p{ text-align:justify; text-indent:2em;}
.b7-tit{ text-align:center; color:#dd3252; margin-top:.4rem;}
.b7-tit p{ font-size:.26rem;}
.b7-tit h3{ font-size:.28rem; font-weight:bold;}
*/
/*增加*/
.conhfz-bj1{ overflow:hidden;}
.conhfz-bj1 img{ display:block; width:100%;}
/*标题*/
.title-bj{ overflow:hidden;}
.title-bj h2{ font-size:.36rem; color:#ea4765; font-weight:bold; text-align:center;}
.title-bj span{ display:block; height:.1rem; background:url(../images/line1.png) no-repeat; background-size:100% 100%; margin-top:.1rem;}
a.btr3{ display:block; text-align:center; color:#f0851d; padding-bottom:.05rem; }
a.btr3 span{ display:inline-block;border-bottom:solid 1px #f0851d;}
a.btr3 em{ display:inline-block; width:4.53%;}
.conhfz-bj2{ overflow:hidden;}
.cont-m2{ overflow:hidden;}
.cont-m2 p{ padding:.15rem .25rem; font-size:.2rem; text-indent:2em; text-align:justify;}
.cont-m2 ul{ overflow:hidden; padding-top:.3rem; padding-bottom:.5rem;}
.cont-m2 ul li img{ display:block; width:100%;}
.m2-bt{ width:100%; background:url(../images/m2-bt.png) no-repeat;background-size:100% 100%; padding-bottom:.1rem; margin-top:.3rem;}
.m2-bt h2{ color:#e11e3e; font-size:.26rem; font-weight:bold; padding:.15rem 0 .12rem 1.85rem;}
.m2-bt p{ padding:0 .18rem .1rem 1.7rem; font-size:.2rem; color:#000; line-height:.3rem;text-align:justify; text-indent:2em;}
.conhfz-bj3{ overflow:hidden;}
.conhfz-bj3 ul li{ float:left; width:31.8752%; margin-left:.08rem; display:inline-block; }
.m3-min{ overflow:hidden;}
.m3-topt dl{ overflow:hidden; padding:0 0 .25rem;}
.m3-topt dl dt{ overflow:hidden; padding:0 .35rem 0 .4rem;}
.m3-topt dl dt p{ text-align:justify;}
.b1 {padding: 0 2%;}
.m3-topt dl dd ul.u0,.m3-topt dl dt,.m3-topt dl dd{ overflow:hidden;}
.m3-topt dl dd ul.u0 li{ float:left; width: 31.72%; margin:.3rem 0 0 .08rem;}
.m3-topt dl dd ul.u0 li:nth-of-type(1) p {background: #ffb257;}
.m3-topt dl dd ul.u0 li:nth-of-type(2) p {background: #5ec5eb;}
.m3-topt dl dd ul.u0 li:nth-of-type(3) p { background: #f073b7;}
.m3-topt dl dd ul.u0 li:nth-of-type(4) p {background: #ff7589;min-height: 2.6rem;}
.m3-topt dl dd ul.u0 li:nth-of-type(5) p {background: #8cdd64;min-height: 2.6rem;}
.m3-topt dl dd ul.u0 li:nth-of-type(6) p { background: #aaa2f9;min-height:2.6rem;}
.m3-topt dl dd ul.u0 li img { display: block;width: 100%;}
.m3-topt dl dd ul.u0 li p { padding: 5% 5% 0 6%;min-height: 1.4rem; color: #fff; border-radius: 0 0 .1rem 0.1rem; font-size:.2rem; text-align:justify; line-height:.3rem;}
.m3-topt dl dd ul.u0 li p span{ display:block;font-size:.24rem; font-weight:bold;color: #fff; text-align:center; padding:.03rem 0;}
.b5-text p{ padding:.2rem .25rem; text-indent:2em; font-size:.2rem; text-align:justify;}
.b5-text a{ width:40%; margin:0 auto; display:block; color:#FFF; background:#e11e3e; border-radius:.03rem; padding:.1rem 0; text-align:center;}
.m6-ul{ width:92.344%; margin:.2rem auto 0;}
.m6-ul li{ margin-top:.2rem; overflow:hidden;}
.m6-ul li h3{ float:left; width:15%; color:#FFF; padding-left:.13rem; line-height:.65rem;}
.m6-ul li p{ float:left; width:85%; font-size:.2rem; line-height:.28rem; padding:.05rem .2rem .05rem .25rem;}
.m6-ul li:nth-of-type(3) p{ line-height:.67rem; padding-top:0; padding-bottom:0;}
.m6-ul li:nth-of-type(1){ background:url(../images/m6ul-1.png) no-repeat;background-size:100% 100%;}
.m6-ul li:nth-of-type(2){ background:url(../images/m6ul-2.png) no-repeat;background-size:100% 100%;}
.m6-ul li:nth-of-type(3){ background:url(../images/m6ul-3.png) no-repeat;background-size:100% 100%;}
.sickCon{ padding-bottom:5%;}
.sickYuan{bottom:0;text-align:center;width:100%;}
.sickYuan span{margin:0 4px; width:.15rem; height:.15rem; margin-right: 0.2rem;}
.sickYuan span.swiper-pagination-bullet-active{width:.4rem; height:.15rem; border-radius: 0.5rem;background:#dd3252;}