/*****公共样式开始*****/
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 dt {
width: 18%;
}
.h_t .dy dd {
width: 82%;
padding: 1% 0 1% 2%;
color: #fff;
}
.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: 4% auto;
}
.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 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: 4% auto;
}
.tla img {
width: 100%;
display: block;
}
.b5 .cap {
width: 100%;
}
.b5 .cap b {
width: 89%;
font-size: .32rem;
padding-bottom: 2.5%;
text-align:left;
}
.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%;
}
.b5 .b5a {
display: block;
width: 70%;
margin: 4% auto;
border-bottom: 1px solid #dd3252;
color: #f0851d;
text-align: center;
padding-bottom: 1%;
font-size: .26rem;
}
.b5 .b5a span {
color: #dd3252;
}
.b8 .cap {
width: 70%;
}
.b8 .cap img {
margin-left: 7%;
width: 13%;
}
.b8 .cap b {
width: 65%;
}
.b8 ul {
margin: 3% 4% 4%;
}
.b8 ul li {
width: 49.5%;
margin-left: 1%;
margin-top: 1%;
}
.b8 ul li:nth-of-type(4), .b8 ul li:nth-of-type(6) {
margin-left: 0;
}
.b8 ul li:nth-of-type(3){
width: 100%; margin-left: 0;
}
/*.b8 ul li:nth-of-type(6) {
width: 35%;
}*/
/*.b8 ul li:nth-of-type(7), .b8 ul li:nth-of-type(8) {
width: 31.5%;
}*/
.b8 ul li a {
background: #fff7e6;
padding: 3% 0;
display: block;
text-align: center;
color: #434343;
}
.b8 ul li:nth-of-type(3) a{padding: 1.47% 0;}
.b8 ul li a.c2 {
background: #defdfb;
}
.b8 ul li a.c3 {
background: #fbe5ff;
}
.b9{}
.b9 .cap {
width: 93%;
}
.b9 .cap img {
position: relative;
top: 1em;
}
.b9 .vedio {
margin: 4%;
}
.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 .b7m {
margin: 4%;
}
.b7 .b7m h2 {
font-size: .26rem;
text-align: center;
color: #fff;
padding: 2% 0;
}
.b7 .b7m p {
border-top: none;
padding: 2%;
text-indent:2em; text-align:justify;
color: #434343;
}
.b7 .m1 h2 {background: #f2a940;}
.b7 .m1 p { border: 1px dashed #f2a940;}
.b7 .m2 h2 {background: #3bb2d4;}
.b7 .m2 p { border: 1px dashed #3bb2d4;}
.b7 .m3 h2 {background: #f7778f;}
.b7 .m3 p { border: 1px dashed #f7778f;}
.b7 .m4 h2 {background: #8f78e6;}
.b7 .m4 p { border: 1px dashed #8f78e6;}
.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;}
/*增加*/
.cont-m1{ overflow:hidden; padding:.43rem 0 0rem 0; background:url(../images/m1-min.png) no-repeat; background-size:100% 100%;}
.cont-m1 p{ padding:.25rem .3rem; text-indent:2em; text-align:justify;}
.cont-m1 p i{ color:#d40000;}
a.btr1{ display:block; width:90%; background:#f0851d; border-radius:.03rem; padding:.1rem 0; margin:.2rem auto 0; text-align:center; color:#FFF;}
a.btr1 em{ display:inline-block; width:4.625%;}
.line1{ height:.18rem;}
.m1-btm{ padding-bottom:.4rem; background:url(../images/m2-bg.png) no-repeat; background-size:100% 100%; margin-top:.3rem;}
.m1-btm h2{ font-weight:bold; font-size:.34rem; text-align:center; color:#FFF; padding:.3rem 0 .2rem;}
.m1-btm h2 i{ display:inline-block; width:4.532%;}
.m1-btm h3{ width:89.063%; height:.55rem; line-height:.55rem; text-align:center; color:#FFF; margin:0 auto; background:url(../images/m1-bg1.png) no-repeat; background-size:100% 100%; }
.m1-ctr{ background:#f8f8f8; padding-bottom:.3rem; margin-top:.38rem;}
.ctr-box dl{ overflow:hidden;padding:0 .15rem .2rem;}
.ctr-box dl dt{ float:left; width:16.886%;}
.ctr-box dl dd{ float:right; width:80%; padding:.15rem 0 .1rem .0rem; border-bottom:solid 1px #bababa;}
.ctr-box dl dd h3{ font-size:.22rem; font-weight:bold; color:#dd3252;}
.ctr-bt{ width:89.063%; margin:0 auto;}
.ctr-bt p{ padding:.15rem 0; overflow:hidden; border-bottom:solid 1px #d0cfd8;border-top:solid 1px #d0cfd8; text-indent:2em; font-size:.22rem;}
.ctr-abtn{ width:91.563%; margin:.3rem auto 0;}
.ctr-abtn a{ color:#FFF; border-radius:.03rem; padding:.1rem 0; text-align:center;}
.ctr-abtn a.atn1{ display:block; float:left; width:44.71%; background:#dd3252;}
.ctr-abtn a.atn2{ display:block; float:right; width:52.22%; background:#f0851d;}
a.btr2{ display:block; text-align:center; color:#f0851d; padding-bottom:.05rem; }
a.btr2 span{ display:inline-block;border-bottom:solid 1px #f0851d;}
a.btr2 em{ display:inline-block; width:5.21%;}
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:5.173%;}
.captit{ overflow:hidden; background:url(../images/captit.jpg) no-repeat;background-size:100% 100%; height:.68rem; line-height:.68rem; width:66.032%; margin:.4rem auto 0; color:#dd3252; font-weight:bold; padding-left:.6rem; font-size:.34rem; }
.cont-m2{ overflow:hidden;}
.cont-m2 ul{ overflow:hidden; padding-top:.3rem;}
.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:.5rem;}
.m2-bt h2{ color:#dd3252; font-size:.22rem; font-weight:bold; padding:.15rem 0 0 1.45rem;}
.m2-bt p{ padding:0 .18rem 0 1.7rem; font-size:.2rem; color:#000; line-height:.3rem;text-align:justify; text-indent:2em;}
.cap1 {margin: 4% auto;width: 60%;}
.cap1 img {display: block;width: 10%;}
.cap1 b {display: block;width: 88%;margin-left: 1%;text-align: center;font-size: .34rem;color: #dd3252;padding-bottom: 1%;
border-bottom: 1px solid #dd3252;}
.cap1 b.b0 {border-bottom: 1px solid #fff; color: #fff;}
.cap1 b small {display: block;font-size: .26rem;}
.cap2 {margin: 4% auto;width: 97%;}
.cap2 img {display: block;width: 10%;}
.cap2 b {display: block;width: 88%;margin-left: 1%;text-align: center;font-size: .34rem;color: #dd3252;padding-bottom: 1%;
border-bottom: 1px solid #dd3252;}
.cap2 b.b0 {border-bottom: 1px solid #fff; color: #fff;}
.cap2 b small {display: block;font-size: .26rem;}
.m3-min{ overflow:hidden; background:#f8f8f8;}
.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; text-indent:2em}
.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: 4rem;}
.m3-topt dl dd ul.u0 li:nth-of-type(5) p {background: #8cdd64;min-height: 4rem;}
.m3-topt dl dd ul.u0 li:nth-of-type(6) p { background: #aaa2f9;min-height:4rem;}
.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;}