area,
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
input,
li,
ol,
p,
param,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

.iconfont,
em,
i,
th {
    font-style: normal
}

a:active,
a:hover,
a:visited,
button,
input,
select,
textarea {
    background: 0 0;
    outline: 0
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

.banner .swiper-pagination span,
.header,
.news-list .item .img img,
a {
    transition: all ease-in-out .3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
[data-aos][data-aos][data-aos-easing=ease-in-quad],
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-cubic] [data-aos],
body[data-aos-easing=ease-in-quad] [data-aos],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
[data-aos][data-aos][data-aos-easing=ease-out-quad],
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-cubic] [data-aos],
body[data-aos-easing=ease-out-quad] [data-aos],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-cubic] [data-aos],
body[data-aos-easing=ease-in-out-quad] [data-aos],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 40px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

body,
html {
    -webkit-text-size-adjust: none
}

ol,
ul {
    padding-left: 0;
    list-style: none
}

img {
    display: inline-block;
    vertical-align: top
}

th {
    font-weight: 400
}

input {
    display: inline-block;
    vertical-align: middle
}

.clearfix,
.clearfix:after,
html[xmlns] .clearfix {
    display: block
}

.clearfix:after {
    content: '\20';
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    zoom: 1
}

* html .clearfix {
    height: 1%
}

.swiper-slide,
.swiper-wrapper {
    height: 100%;
    position: relative
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

.fl {
    float: left
}

.fr {
    float: right
}

body img {
    vertical-align: top
}

a {
    color: #191919;
    text-decoration: none
}

a:hover {
    color: #39588b
}

button,
input,
select,
textarea {
    font-family: Arial, "Microsoft YaHei", simsun;
    color: #191919;
    box-shadow: none;
    border-radius: 0;
    border: none
}

a:active,
dd:active,
img:active {
    -webkit-tap-highlight-color: transparent
}

a,
img {
    outline: 0;
    border: none
}

span {
    outline: 0 !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.c-cai {
    color: #39588b
}

.bgf {
    background-color: #fff
}

.btn-hover:hover {
    opacity: .85
}

@font-face {
    font-family: hydh;
    src: url(../font/HYDaHeiJ.ttf)
}

@font-face {
    font-family: hyzh;
    src: url(../font/HYZhongHeiJ.ttf)
}

@font-face {
    font-family: hyjh;
    src: url(../font/HYZhongJianHeiJ.ttf)
}

@font-face {
    font-family: jol;
    src: url(../font/Jotia-Light.otf)
}

@font-face {
    font-family: jom;
    src: url(../font/Jotia-Medium.otf)
}

.f-b1 {
    font-family: hyzh
}

.f-b2 {
    font-family: hydh
}

.f-jl {
    font-family: jol
}

.f-jm {
    font-family: jom
}

body,
input,
textarea {
    font-family: hyjh;
    color: #000;
    font-size: .14rem
}

body {
    background: #fff;
    line-height: 1
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #888
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #888
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #888
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #888
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #cdc4ef
}

::-webkit-scrollbar-track-piece {
    width: 6px;
    background-color: #f8f8f8
}

::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #aeaeae;
    cursor: pointer
}

::-webkit-scrollbar-thumb:hover {
    background-color: #888
}

@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_1678315_o3isxatk94.eot?t=1596444171305);
    src: url(//at.alicdn.com/t/font_1678315_o3isxatk94.eot?t=1596444171305#iefix) format('embedded-opentype'), url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAz0AAsAAAAAFxAAAAynAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFXAqdRJcuATYCJANQCyoABCAFhG0HgTAbCBOjooaSVqRkf31gjqFYLP1hyVh5g6mHRcIgy6ns83wq7Sf/4aOIh0IG3tzy2tiurUmnlrCCwpZs9u6+dnpTBFeqMCgUwqCJ55EodDMai/JdGCzh3v30+n9ZdsJkRCVZNSKFPk3uAyXvcinJgdNTqkJuwo1/sN377iYnKSu0IFWtWjebIdy0S4ImwSoE8W+pCRURqBibU6M2qzlMWdgcqUxF6d54UaHMz9t84P0/qHi+IR+ACn6lNJt/vX9v+rZk6jkXH+basROICUrWZBXKwK+gg6u1zN6GFYHECbsIk1g3u8HZ6U2lwxNE0hEqQgHTE6vXH6HN1wtj30I8e58JYeGUA3A6BGJzTtS2m6dXaHO4KlQ501hCOxHBlVhIGOpbdp3owhMu9+YR8OC9vn52C8HwBvxMF/u1hrMXXzb+j67GB3fLE0BvL7BgB+Cgzxr/DmzAdjwe20o7r2BBvEQd37hJKmqxEmRbqF2PDbY6mbr8Sw0Hv/FGJzoOrrVoO/C7Jx2sDKQSkUKpvn3/wcuJ4cuEApWehgZohfMUhr8FDfjGlYoHBJAEIAASAYRACoAKSAlQw/8agFgglkE8kBiQACQHZAMRYCEQA2gH4gN6gGSADUBCwFYgAeAEkApwEt6owQ9VBcBFHA3OW7PLBmAfuBu8B2gvnggYwXWX5YvlZZSevuQkSlDC1pZJ1kjMIgQuImS4jIBwzrpU7YJcHz5frZKgKMHl4t4UrliaiVMoOJuB4ywWj6e3qudDnRP3vqHj4OtNaUnSq8dWoOQueGfAbxERGI8POg8ZzO6rNSbF69j7m4N6SJPqR3Nun4zxniZsN6pv00ey22pmPvHZ2m40K4RM9hMfAsWchNf/uHodu7tXQmj3IHJA5S8n12rdag8WSWVp68XmrP28gxhfx3IURMzZlhG0uMdgMEpWm0+TUBSpFD0Ds/pLy2C+lMsCRmC5+jkrVesL9Zt8Hm96BKo1U6d/3WpTnlFtv/iKqkjOPIXLXmsRdrnTykMbjAdK19TLKevroHLCt/JgpSfzFOiKyxzpFdWN+4Xhw1PWXClrUTK4VN8Qb3d1whG8DcIqf1lHfU3Vvt0c+zg8YOPxIYdxkuzbtCdt2vVL7OMfuHX/OcOzfj2+bQAabMCYzwZqdyfAOEfcaPdwbfJo/36nTnNJ9cJ0lDzARf357Gf9DRG7tIJSeV8L7ci/qmT6D0KdLAfaGL4Dp212qX+EZFOLCh7P9bVLsnnu0KuxuFPAIiCw1zlmu6lpQm1hTxuPH1oNptXYOF5Ij4l8lMQEZR4u4/QcDWkWMtpjtRy0m2dVOHnz0kVWumA4k7HYxrUJtNYZ/Ugnz5RJD6wIfmHWkVK2tQqZ/B+/dzVIkJY0ahoYA+/09NiglLy9fvnx49O+CmmebI76BafXedorPR182WD+8duVx0DGx+VbYXmYfHDYIPKrpWdLrnuiHweqDT6N2s6sP/ArGDpwI/jGJ/Rhr98jCqc3hWPpK8wP+ELUG7SmS6XWkzK2yxibLF8u9T7ePyyURLg5q7n67HMVTQq5E+GqglRJ1faXLlZyViPlQ7KEqUi11wceV1b/y/z42PVWW+c94aP/RLqPXMffQ5N+ho1flQdt2eKHKbz/zhdSaA/aKLdxr01tKAyjT+kHxT36d8N882X8WWH24d/rYDx2bjITEjbm06bNQdxGc3R+s/mQ0gMH2YxBp17HKQXE7jtAjSRI51JpiDxQJhyc0su1s+Jx8uJbgg0EcrjRLkTcVbg1PRcMpUd37QOM+3uZvQcXM96Bk9krHDj91/SMfGF+mX4LxfYi9+69taOcgYJkv1p9w6GcdIWjx19bpzQL7iTADgxrJwZoWX2TMb2xKbWhMcXYsLUBPcH6zA2Y6jAi7zqXr+GzkLJukM3OhxbcYLvk4H0WHWQZTg6fHMohD3chAm1vzeklIW2FUP07KM1Fm62Spo7xkT36Hg0eoJQHPl3C+nSWTC0K6t+vS9dWxhsUzXCdsCY6pyB82jYO98PP3smfpWGz10jX1WJ9PpI6H+yH9iS2BvPm+Cgb0xKC7Y535D9N8EAM1DL99Z5XNfEUmIJM+8y2o6Xl8EcR+3nREORwaFvSdEwh0uJDqtrKYPLDvKzGc1neHCSSGiT69dftaMKxaMPO6Kpcv0Iaii7FcVqhX25V9M4yhRdMgb2mycC9QAgkHQzX2CgC3JlpIv8ydc8gaFzDAyBFIeFWK0m3m9YXmrMFefkS0SFbujL8oy1yQvsMbvc+xUt4BN6/HyEjrOcIPQo49yysRH2K2TBHVP1hjjazcFKaB0olhX250pIcyQEIAOiAV0NdoJnj3wga2WZGQ0CPtgK4iiq1VbxonkP9MOBK/Vt6DAHg711IEfPjoxO/+QyxDJaBOdBxXeB/93u0vrNW7P2vNOi5ASKH2LW+pgvf//IoB+xou/Dhw8OV2yZlk/ptmx+CjFFh25KC4cPYTrQ78hdN7spejyxOzum15Gk0vzeiXzH7lEvWhv8UFkjsxJYtyd+VhH1JC2BH/NpiZ8Xh9nhTAHfwY65RZeR+zDO97DHftl8CBL/sdvZIOAvo48KZO+Lz+xOKD4N+yvOtc3V/VUItrUXxBx+jS2j69ellU3+lAJ6gpOHw4cUd9ZNZmbrdMm1dD4PN+jAtuerCxVWIFSEaXFr6/3m74Yxal9sRVvJR3fWZF9vvE/ksyukffjpFOYX8+JPzsrC3mt+bbclJGVvS93Oo9s/Nc18ROUNLuoJO1DtBw+os/AfiBzwL8wyevRehHk+yf1UsKmvb/4L/t2Ud+17wPXiUeqwuuL+0rZpbBVe1UVaE1GGykErk+Pde6/Ig15FPLeu/HaFJbiU3E0uzaCB243hiFccQk9C+7GbKMfqbJ0KL7uv53Aam0i0prQz5CDTy2MbyuuQyhUjwgHbb/xdKwPkPCkGiGmmZv7BrG1MIZT4BJ4YaIePdEPAehbFdFE+740AqNsrt/03U0SIrtKObaai8NKWuvOkH7V662KyvIPzMonsR1vZbAxz3TDqtvDCSPsY3Bmdkh5ZyHNanY8zxLovR6EboQ4scLPpeGpZVuKBTu0KUjy06G7GqXYc7pKbq8gFWUcvfFyQeq5L5l+BQybwevYAx4tq7Bd4BvzmMLEmObrr/eLpOkIulLTuWzcJTrUXTgeaRX0SB43fs56GkOVyXmp8p+Oh8ZkBlWFT49Gn5p16t/HTXzdGwkiLA4w3CO5fA9b6aFwWNLqW3rBtuDY5+cuRndg775yNPGp5sCRZRyc+PtzDWBazXqHLrGN9DDNN4EROj5WPvBFliQCKSvfdDKA80P9WP4EAEemM1KVMrgOjjxhrMzXdjZmngacksra0WkUpkqeSKf8uVrS0WFtgBv6N/pyZEr7B4veO9QqHnrvB+x8vyf7BFn2vF1Svy75zMAEViEW17QQFBFBQuWqRMCH7sGnIaR6pelxAsNurC66Q7Y/R4S76l5njiO8Gdt9aYIUENDUqGhyx377VBRInSYf+PUmYvaigQRsyQkkPqGnC3m8VmsS7IHAbjIoOOnQ6yWWw2iFk/ew9HI9Nw2CJU9oHT5wcClaa93UXGJdk3z2P/dKiaohR3v8NNi+4D3hu7SUmsZHLXdREy6b+ieOLSu+OycXCnyzJVZ3YsdclRz48Ansn+Q4ye45VuIFmOn3ULESc86oPfxxMhA/B8z3//tw5BTAB4TB1EFttK34TvAOC53oYnJ+M/hf+i+Nnw+7DKhSaEFW5jztv6EDHEp8JXyWIZPCNx1IJlWkGIOdEMz/nrTQUxMP2jLyPlNwb2c5z1rq7FYV7g9ijbER8yRQnCHy3O2kj3FzwN4pHtHLen5LqKN6DKOgD/pTu31iDJNSAWI+BvNrn2tw1aVzvgX17rImIEZokVWpGc4Q7xJPaIL3RMYttu9040SEgzArZ8O0RKP8TIvRGrtKagMPwlnt4/8ZVZErts45CJta67l4SSUYvpUqTKVJGM5q5f9RljX0iKB3kO70guzRKj/jBddIsV0jK2cLN4zByJiEwpbpyzYVEYYclkqLifMNvJYBDZtuwrU0LXOYIkNh41YWrpM6UYlWhu1s38+Wco5hUkKmlz4vMdIk66cGGkb1hDuuVVrTa3pbYzExtjEhGhGhOjJNyQQIXINwRrXymDFNaXtMi1JgbUV1SX99evlbcA5+Jrl3/INiMrJ0++AoWKFCtRqky5CpVV1TW1dRoHRn5Uv0FJ4dypcKk+SV2bedV2iUwXXlZh4k29xMo3bGIqbM4xXaRVKLVuEmqvMGRj60u4RkMVxmGYLble4YLrFmkWrjIGAA==) format('woff2'), url(//at.alicdn.com/t/font_1678315_o3isxatk94.woff?t=1596444171305) format('woff'), url(//at.alicdn.com/t/font_1678315_o3isxatk94.ttf?t=1596444171305) format('truetype'), url(//at.alicdn.com/t/font_1678315_o3isxatk94.svg?t=1596444171305#iconfont) format('svg')
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-kefu1:before {
    content: "\e643"
}

.icon-sear:before {
    content: "\e66f"
}

.icon-wsc:before {
    content: "\e635"
}

.icon-ysc:before {
    content: "\e626"
}

.icon-down:before {
    content: "\e705"
}

.icon-shaixuan:before {
    content: "\e671"
}

.icon-huo:before {
    content: "\e69f"
}

.icon-menu:before {
    content: "\e692"
}

.icon-phone:before {
    content: "\e618"
}

.icon-weixin:before {
    content: "\e637"
}

.icon-add:before {
    content: "\e617"
}

.icon-reduce:before {
    content: "\e60c"
}

.icon-top:before {
    content: "\e676"
}

.icon-kefu:before {
    content: "\e638"
}

.icon-close:before {
    content: "\e619"
}

.icon-jyt:before {
    content: "\e622"
}

.icon-next:before {
    content: "\e6b2"
}

.icon-perv:before {
    content: "\e6b3"
}

.icon-zjt:before {
    content: "\e710"
}

.banner:after,
.biaozhun .title h6:after,
.swiper-lazy-preloader:after,
.tools a i.icon-huo:before,
.tools a i.icon-shaixuan:before,
.tools a i.icon-user:before,
.tools a i.icon-weixin:before {
    content: ''
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    width: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-scrollbar-cursor-drag,
.swiper-slide-zoomed {
    cursor: move
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-pagination-lock,
.swiper-scrollbar-lock {
    display: none
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.bwrap,
.mwrap,
.swrap,
.w980,
.wrap {
    margin: 0 auto
}

.swiper-lazy-preloader:after {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pace,
.pace .pace-progress {
    z-index: 2000;
    top: 0;
    width: 100%;
    position: fixed
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    left: 0;
    height: 2px;
    -webkit-transform: translate3d(0, -50px, 0);
    -ms-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
    -webkit-transition: -webkit-transform .5s ease-out;
    -ms-transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out
}

.pace.pace-active {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pace .pace-progress {
    display: block;
    right: 100%;
    height: 1px;
    background: #39588b;
    pointer-events: none
}

@-webkit-keyframes loading {

    0%,
    100% {
        opacity: .1
    }

    50% {
        opacity: 1
    }
}

@keyframes loading {

    0%,
    100% {
        opacity: .1
    }

    50% {
        opacity: 1
    }
}

.loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #fff;
    display: none
}

.loading .bar {
    width: 78px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: loading 2s infinite;
    -moz-animation: loading 2s infinite;
    -webkit-animation: loading 2s infinite;
    -o-animation: loading 2s infinite
}

.loading .bar img,
.main img {
    max-width: 100%;
    margin:auto;
    display:block;
}
body.pace-done .loading {
    display: none !important
}

.f-14 {
    font-size: .14rem
}

.f-15 {
    font-size: .15rem
}

.f-16 {
    font-size: .16rem
}

.f-18 {
    font-size: .18rem
}

.f-20 {
    font-size: .2rem
}

.f-22 {
    font-size: .22rem
}

.f-24 {
    font-size: .24rem
}

.f-25 {
    font-size: .25rem
}

.f-26 {
    font-size: .26rem
}

.f-28 {
    font-size: .28rem
}

.f-30 {
    font-size: .3rem
}

.f-32,
.js-slider .nr>a {
    font-size: .32rem
}

.f-36 {
    font-size: .36rem
}

.dtai .wrap .item .img i,
.f-40,
.tools .gotop i {
    font-size: .4rem
}

.f-46 {
    font-size: .46rem
}

.f-48 {
    font-size: .48rem
}

.f-50 {
    font-size: .5rem
}

.f-52 {
    font-size: .52rem
}

.f-70 {
    font-size: .7rem
}

.f-72 {
    font-size: .72rem
}

.f-100 {
    font-size: 1rem
}

.f-174 {
    font-size: 1.74rem
}

.main {
    display: none
}

.wrap {
    width: 14.85rem
}

.bwrap {
    width: 16.2rem
}

.mwrap {
    width: 14.2rem
}

.swrap {
    width: 10.4rem
}

.w980 {
    width: 9.8rem
}

body {
    overflow-x: hidden
}

.header {
    position: fixed;
    left: 0;
    right: 0;
    height: 1.3rem;
    box-sizing: border-box;
    padding: .28rem 0;
    top: 0;
    z-index: 100;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    background: -webkit-linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, 0));
    background: linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, 0));
    z-index:10000;
}

.header .bwrap,
.header .search {
    position: relative
}

.header h1 {
    float: left
}

.header h1 img {
    height: .73rem;
    width: auto
}

.header ul {
    float: left;
    padding: .2rem 0;
    line-height: .33rem
}

.header ul li {
    float: left;
    margin-right: .7rem
}

.header ul li a {
    color: #fff
}

.header ul li a:hover {
    color: #39588b !important
}

.header .search {
    height: .36rem;
    width: 1.6rem;
    border: 1px solid #fff;
    transform: translateY(.16rem);
    background-color: #fff;
    float: left
}

.header .search input {
    width: 100%;
    height: .36rem;
    line-height: .36rem;
    box-sizing: border-box;
    padding: 0 .5rem 0 .14rem;
    font-size: .16rem
}

.header .search .iconfont {
    position: absolute;
    right: .1rem;
    top: 0.02rem;
    color: #c4c4c4;
    font-size: .24rem
}

.header .rukou {
    transform: translateY(.02rem);
    float: left;
    color: #fff;
    border-left: 1px solid #fff;
    padding-left: .34rem;
    margin-left: .46rem;
    text-align: center
}

.header.active .rukou,
.header.active .search,
.main.noban .header .rukou,
.main.noban .header .search {
    border-color: #a0a0a0
}

.header .rukou a {
    color: #fff
}

.header .rukou p {
    margin-bottom: .24rem
}

.header .rukou a:hover {
    color: #39588b !important
}

.header.active .rukou,
.header.active .rukou a,
.header.active ul li a,
.main.noban .header .rukou,
.main.noban .header .rukou a,
.main.noban .header ul li a {
    color: #000
}

.header .rukou span {
    display: inline-block;
    margin: 0 .04rem
}

.header.active {
    box-shadow: 0 0 .24rem rgba(0, 0, 0, .15);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-color: #fff
}

.main.noban {
    padding-top: 1.3rem
}

.main.noban .header {
    box-shadow: 0 0 .24rem rgba(0, 0, 0, .15);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-color: #fff
}

.footer,
.footer a {
    color: #fff
}

.footer {
    background: #1a1a1a
}

.footer a:hover {
    color: #39588b !important
}

.footer .bwrap {
    padding: 1.3rem 0 .8rem;
    position: relative
}

.footer .bwrap dl {
    display: flex;
    justify-content: space-between
}

.footer .bwrap dl dt img {
    width: 1.54rem;
    display: block;
    margin: 0 auto 1.1rem
}

.footer .bwrap dl dt p {
    line-height: 2
}

.footer .bwrap dl dd h6 {
    margin-bottom: .5rem
}

.footer .bwrap dl dd p {
    margin-bottom: .25rem
}

.footer .bwrap .mall {
    position: absolute;
    right: 0;
    bottom: .6rem
}

.footer .bwrap .mall a {
    text-align: center;
    float: left;
    margin-left: .25rem;
    color: #595757;
    position: relative
}

.footer .bwrap .mall a>img {
    width: .48rem;
    display: block;
    margin-bottom: .1rem
}

.footer .bwrap .mall a span {
    position: absolute;
    left: 50%;
    width: 1.2rem;
    height: 1.2rem;
    background-color: #fff;
    margin-left: -.6rem;
    bottom: .95rem;
    display: none
}

.tools a,
.tools a i.icon-huo,
.tools a i.icon-shaixuan,
.tools a i.icon-user,
.tools a i.icon-weixin {
    width: .76rem;
    height: .76rem
}

.footer .bwrap .mall a:hover {
    color: #fff !important
}

.page-ban h2,
.tools a {
    color: #fff;
    text-align: center
}

.footer .bwrap .mall a:hover span {
    display: block
}

.footer .copyright {
    background: #111;
    text-align: center;
    padding: .14rem 0;
    line-height: 1.8
}

.tools {
    position: fixed;
    right: 4px;
    bottom: 1rem;
    z-index: 100;
    width: .76rem;
    text-align: right
}

.tools .gotop {
    display: none;
    float: right;
    width: .76rem;
    transform: translateX(0)
}

.tools .gotop.active,
.tools a {
    display: block
}

.tools .gotop:hover {
    transform: translateX(0);
    width: .76rem
}

.tools a {
    line-height: .76rem;
    background: #39588b;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 4px;
    transform: translateX(0)
}

.tools a.user {
    background: #62a7d8
}

.tools a i {
    font-size: .34rem;
    float: left;
    width: .76rem;
    vertical-align: top
}

.tools a i.icon-weixin {
    background: url(../../images/home/t-ico2_v2.png) center no-repeat;
    background-size: .4rem auto
}

.tools a i.icon-huo {
    background: url(../../images/home/t-ico3.png) center no-repeat;
    background-size: .4rem auto
}

.tools a i.icon-shaixuan {
    background: url(../../images/home/t-ico1.png) center no-repeat;
    background-size: .4rem auto
}

.tools a i.icon-user {
    background: url(../../images/home/t-ico5.png) center no-repeat;
    background-size: .4rem auto
}

.tools a em {
    float: left;
    width: 1.1rem;
    text-align: center
}

.tools a:hover {
    width: 2.3rem;
    background: rgba(57, 88, 139, .9);
    transform: translateX(-1.54rem)
}

.banner {
    position: relative
}

.banner:after {
    width: .36rem;
    height: .14rem;
    background: url(../../images/home/down.png) center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    margin-left: -.18rem;
    bottom: .16rem;
    z-index: 10
}

.banner .swiper-pagination {
    position: absolute;
    right: .36rem;
    width: .14rem;
    left: auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%)
}

.banner .swiper-pagination span {
    width: .14rem;
    height: .14rem;
    margin: 0 0 .28rem !important;
    background-color: #fff;
    opacity: .7;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.banner .bannervideo
{
    width:100%;
    height:100%;
    overflow:hidden;
}
.banner .bannervideo video
{
    width:100%;
    height:100%;
    object-fit: cover !important;
}

.page-current,
.page-nav,
.page-tab {
    border-bottom: 1px solid #e5e5e5;
    line-height: .92rem
}

.banner .swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1 !important
}

.page-ban {
    position: relative
}

.page-ban h2 {
    position: absolute;
    left: 0;
    width: 100%;
    top: 49%;
    z-index: 2;
    letter-spacing: .02rem
}

.page-current {
    position: relative;
    z-index: 2
}

.page-current .wrap {
    padding-left: .5rem
}

.page-current .wrap span {
    display: inline-block;
    margin: 0 .04rem
}

.page-current .wrap em {
    color: #39588b
}

.page-nav .wrap,
.page-tab .wrap {
    padding-left: 1.4rem
}

.page-nav .wrap a,
.page-tab .wrap a {
    display: inline-block;
    min-width: .6rem;
    text-align: center;
    margin-right: 1rem;
    vertical-align: top;
    box-sizing: border-box;
    height: .93rem
}

.page-nav .wrap a.active,
.page-tab .wrap a.active {
    color: #39588b;
    border-bottom: .04rem solid #39588b;
    font-weight: 700
}

.page-tab {
    border: none;
    line-height: 1.6;
    height: auto;
    padding: .35rem 0
}

.detail .nr img,
.page-tab .wrap a {
    height: auto !important
}

.pagination_container {
    text-align: center;
    padding: .6rem 0
}

.pagination_container li {
    display: inline-block;
    margin: 0 .1rem;
    vertical-align: top
}

.pagination_container li a,
.pagination_container li span {
    line-height: .3rem;
    font-size: .24rem;
    display: inline-block;
    color: grey
}

.pagination_container li a:hover,
.pagination_container li span:hover {
    color: #39588b !important
}

.pagination_container li.active a {
    color: #39588b
}

.pagination_container li.next a,
.pagination_container li.next span,
.pagination_container li.prev a,
.pagination_container li.prev span {
    color: #000;
    font-weight: 700;
    font-size: .24rem
}

.news-list {
    padding: .7rem 0 .3rem
}

.news-list .item {
    margin-bottom: .6rem;
    overflow: hidden;
    border: .02rem solid #e5e5e5;
    display: flex
}

.news-list .item .img {
    width: 5.38rem;
    display: block;
    overflow: hidden
}

.news-list .item .img img {
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.news-list .item .txt {
    flex: 1;
    box-sizing: border-box;
    padding: .4rem .8rem .4rem .55rem;
    position: relative
}

.news-list .item .txt a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.news-list .item .txt>span {
    color: #909090
}

.news-list .item .txt h6 {
    margin: .24rem 0;
    line-height: 1.3
}

.news-list .item .txt p {
    color: #909090;
    line-height: 1.67;
    margin-bottom: .45rem
}

.news-list .item .txt em {
    display: inline-block
}

.news-list .item .txt em .z {
    width: 0;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.news-list .item .txt em i {
    display: inline-block;
    vertical-align: top
}

.news-list .item:hover .img img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05)
}

.news-list .item:hover .txt .z {
    width: .8rem
}

.detail {
    padding: .7rem 0 .4rem;
    border-bottom: .02rem solid #eee;
    overflow: hidden
}

.detail .title {
    text-align: center
}

.detail .title .f-b2 {
    margin-bottom: .2rem;
    line-height: 1.5
}

.detail .title span {
    color: #666
}

.detail .nr {
    margin-top: .4rem;
    line-height: 1.5;
    text-align: justify
}

.biaozhun .img dd p,
.biaozhun .title,
.biaozhun .txt,
.contact,
.contact .title,
.contact.jiameng .form .btn,
.hp-list .more,
.hp-list .mwrap .item,
.mall .filter,
.mall .filter button,
.mall .title,
.relate-news .title,
.select p a,
.wd-list .item .title,
.zbcx,
.zbcx .txt,
.zwcx .fwm .img,
.zwcx .fwm .txt,
.zwcx .item {
    text-align: center
}

.detail .nr img,
.detail .nr p {
    margin: .04rem 0;
    display: block
}

.detail .nr img {
    max-width: 100%;
    width: auto !important;
    display: inline-block;
    vertical-align: top
}

.detail .fpage {
    margin-top: .55rem
}

.detail .fpage a {
    display: inline-block;
    line-height: .3rem
}

.hp-list .mwrap .item span,
.relate-news .nr .item .txt h6,
.relate-news .nr .item .txt p {
    line-height: 1.1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.detail .fpage a i {
    vertical-align: top;
    display: inline-block
}

.relate-news {
    padding: .7rem 0 .6rem
}

.relate-news .title {
    position: relative
}

.relate-news .title h6 {
    position: absolute;
    left: 0;
    bottom: .16rem;
    right: 0;
    z-index: 2
}

.relate-news .title span {
    opacity: .05
}

.relate-news .nr {
    display: flex;
    justify-content: space-between;
    margin-top: .5rem
}

.relate-news .nr .item {
    width: 3.17rem
}

.relate-news .nr .item .img {
    display: block;
    overflow: hidden
}

.relate-news .nr .item .img>img {
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.biaozhun .img dd p,
.cp-xl .img>img,
.hp-list .mwrap .item {
    transition: all ease-in-out .3s
}

.relate-news .nr .item .img:hover>img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05)
}

.relate-news .nr .item .txt {
    padding-top: .3rem
}

.relate-news .nr .item .txt p {
    margin-top: .3rem
}

.hp-list {
    padding-bottom: .75rem
}

.hp-list .mwrap {
    display: flex;
    justify-content: space-between;
    padding: .4rem 0;
    flex-wrap: wrap
}

.hp-list .mwrap .item {
    width: 2.38rem;
    padding: .3rem;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    margin-bottom: .4rem
}

.hp-list .mwrap .item span {
    margin-top: .28rem;
    display: block
}

.hp-list .mwrap .item:hover {
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .3)
}

.hp-list .more {
    display: block;
    width: 2rem;
    height: .56rem;
    line-height: .56rem;
    border: .02rem solid #000;
    margin: .3rem auto 0
}

.select,
.select p {
    border: 1px solid #dcdcdc
}

.hp-list .more:hover {
    background: #000;
    color: #fff
}

.biaozhun {
    padding: .6rem 0 .8rem
}

.biaozhun .title {
    position: relative;
    padding-top: .45rem;
    margin-bottom: .4rem
}

.biaozhun .title h6 {
    line-height: 1.3;
    position: relative;
    z-index: 2;
    padding-bottom: .2rem
}

.biaozhun .title h6:after {
    width: .6rem;
    height: .04rem;
    background: #dcdcdc;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.3rem
}

.biaozhun .title span {
    opacity: .05;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    top: 0
}

.biaozhun .img {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem
}

.biaozhun .img dd p,
.cp-zl .txt,
.ppln .down .txt {
    -webkit-align-items: center
}

.biaozhun .img dd {
    width: 7.32rem;
    position: relative
}

.biaozhun .img dd p {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: #fff;
    background: rgba(57, 88, 139, .6);
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1.8;
    padding: 0 .9rem;
    opacity: 0;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.biaozhun .img dd:hover p {
    opacity: 1
}

.biaozhun .txt {
    width: 9.4rem;
    margin: 0 auto;
    line-height: 1.7
}

.wd-list {
    padding: .5rem 0
}

.wd-list .item {
    margin-bottom: .5rem;
    background: #eee
}

.wd-list .item .title {
    cursor: pointer;
    position: relative;
    height: .8rem;
    font-weight: 700;
    line-height: .8rem;
    color: #638096;
    overflow: hidden
}

.wd-list .item .title a {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 .3rem;
    font-size: .34rem;
    font-weight: bolder;
    color: #638096
}

.zbcx .img,
.zwcx .fwm,
.zwcx .item .img {
    position: relative
}

.wd-list .item .title a:before {
    content: '\e617'
}

.wd-list .item .title p {
    float: left;
    padding-left: .3rem
}

.wd-list .item .title p i {
    vertical-align: top;
    display: inline-block;
    margin-right: .2rem;
    font-weight: 400
}

.wd-list .item .nr {
    padding: .45rem .8rem .25rem;
    display: none;
    line-height: 1.8
}

.wd-list .item .nr p {
    margin-bottom: .2rem
}

.wd-list .item .nr img {
    max-width: 100% !important;
    height: auto !important
}

.wd-list .item.active .title {
    background: #638096;
    color: #fff
}

.wd-list .item.active .title a {
    color: #fff
}

.wd-list .item.active .title a:before {
    content: '\e60c'
}

.wd-list .item.active .nr {
    display: block
}

.zbcx {
    padding: .7rem 0 0
}

.zbcx>span {
    color: #39588b
}

.zbcx>h6 {
    padding: .16rem 0
}

.zbcx>p {
    line-height: 1.9;
    color: #333
}

.zbcx .img {
    width: 10.22rem;
    margin: .4rem auto 0;
    z-index: 2
}

.zbcx .txt {
    background: #39588b;
    color: #fff;
    margin-top: -2.2rem;
    padding: 2.9rem 0 .9rem
}

.cp-list ul,
.zwcx {
    padding-top: 1.3rem
}

.zbcx .txt h4 {
    margin: .1rem 0
}

.zbcx .txt p {
    line-height: 1.8
}

.zwcx .item {
    margin-bottom: .6rem
}

.zwcx .item .title p {
    color: #39588b
}

.zwcx .item .title h6 {
    padding: .2rem 0
}

.zwcx .item .title span {
    color: #333
}

.zwcx .item .img {
    margin: .4rem auto 0;
    width: 7.35rem;
    z-index: 2
}

.zwcx .item .txt {
    background: #39588b;
    color: #ffff;
    margin-top: -2.4rem;
    padding: 2.8rem .4rem .76rem
}

.zwcx .item .txt h6,
.zwcx .item .txt p {
    line-height: 1.5;
    margin-bottom: .14rem
}

.zwcx .item:nth-child(4) .img {
    width: 8.97rem
}

.zwcx .item:nth-child(4) .txt {
    margin-top: -2.8rem
}

.zwcx .item:nth-child(5) .img {
    width: 4.85rem;
    margin-top: 0
}

.zwcx .fwm:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2.35rem;
    bottom: 0;
    right: 0;
    background: #39588b
}

.select,
.select>span,
.smzls .txt,
.zwcx .fwm .img,
.zwcx .fwm .txt {
    position: relative
}

.zwcx .fwm .img {
    width: 9.55rem;
    margin: 0 auto;
    padding-bottom: .1rem;
    background: #1f253b;
    z-index: 2
}

.zwcx .fwm .img h6 {
    height: .7rem;
    line-height: .7rem;
    background-color: #fff
}

.zwcx .fwm .img h5 {
    color: #fff;
    padding: .8rem 0 .45rem
}

.zwcx .fwm .img img {
    width: 5.35rem
}

.zwcx .fwm .img .desc {
    color: #fff;
    padding: .24rem 0 .3rem
}

.zwcx .fwm .img .desc p {
    margin-bottom: .12rem
}

.zwcx .fwm .txt {
    color: #fff;
    padding: 1rem 0;
    z-index: 2
}

.zwcx .fwm .txt h5 {
    padding: .12rem 0
}

.zwcx .fwm .txt p {
    line-height: 1.8
}

.smzls {
    width: 12.77rem;
    margin: .35rem auto;
    background: #638096;
    color: #fff;
    box-sizing: border-box;
    padding: 0 1rem 0 1.4rem;
    display: flex
}

.smzls .img {
    width: 3.21rem
}

.smzls .txt {
    flex: 1;
    box-sizing: border-box;
    padding-left: .85rem;
    padding-top: .6rem
}

.smzls .txt h6 {
    margin-bottom: .35rem
}

.smzls .txt p {
    line-height: 2.2
}

.smzls .txt .tip {
    position: absolute;
    right: 0;
    bottom: .4rem
}

.select {
    display: inline-block;
    width: 3.22rem;
    height: .5rem
}

.select>span,
.select>span em {
    overflow: hidden;
    display: block
}

.select>span {
    text-align: left;
    line-height: .5rem;
    color: #888;
    padding: 0 .1rem 0 .3rem
}

.select>span i {
    position: absolute;
    right: 0;
    top: 0;
    color: #a0a0a0;
    font-size: .16rem;
    padding: 0 .08rem
}

.select>span em {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: .4rem
}

.select>span em.active {
    color: #000
}

.select p {
    position: absolute;
    left: -1px;
    top: .5rem;
    width: 100%;
    max-height: 2rem;
    overflow-y: auto;
    background-color: #fff;
    z-index: 10;
    display: none
}

.about .center .nr .item,
.cp-fl .xl,
.cp-list ul li .img,
.cp-list ul li p,
.cp-xl .img,
.history .wrap,
.hxkj .nr .item .img,
.js-box,
.js-box .img,
.mall .nr .map,
.ppln .top .item,
.pro-top,
.pro-top .img,
.result .sear,
.select p a {
    overflow: hidden
}

.select p a {
    display: block;
    line-height: .54rem;
    height: .54rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select p a:hover {
    background: #dcdcdc
}

.contact {
    width: 10.25rem;
    margin: 0 auto;
    padding: .6rem 0 1.4rem
}

.contact .title {
    position: relative
}

.contact .title h6 {
    position: absolute;
    left: 0;
    bottom: .16rem;
    right: 0;
    z-index: 2
}

.contact .title span {
    opacity: .05
}

.contact .nr {
    margin-top: .5rem;
    line-height: 1.4
}

.contact .nr img,
.jishu .top .nr .right .txt,
.js-slider .nr {
    margin-top: .6rem
}

.contact .nr img {
    display: block
}

.contact.jiameng .title h6 {
    padding-bottom: .22rem;
    bottom: 0
}

.contact.jiameng .title h6:after {
    content: '';
    display: block;
    width: .6rem;
    height: .04rem;
    background: #dcdcdc;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.3rem
}

.contact.jiameng .form {
    padding: .36rem 0 .2rem
}

.contact.jiameng .form .input {
    display: flex;
    justify-content: space-between
}

.contact.jiameng .form .input input {
    width: 3.26rem;
    height: .54rem;
    border: .02rem solid #dcdcdc;
    box-sizing: border-box;
    padding: 0 .3rem
}

.contact.jiameng .form .xl {
    width: 6.66rem;
    margin: .17rem auto 0;
    display: flex;
    justify-content: space-between
}

.contact.jiameng .form .btn {
    display: block;
    width: 2.04rem;
    height: .6rem;
    line-height: .6rem;
    background: #39588b;
    color: #fff;
    margin: .54rem auto 0
}

.jdcg .clearfix .txt .title h6:after,
.mall .title h6:after {
    content: '';
    background: #dcdcdc
}

.contact.jiameng .form .btn:hover {
    opacity: .85
}

.result {
    padding: .35rem 0 1.4rem
}

.result .sear input {
    width: 5rem;
    height: .38rem;
    border: 1px solid #a0a0a0;
    padding: 0 .2rem;
    float: left;
    font-size: .18rem
}

.result .sear a,
.result .sear button {
    float: left;
    padding: 0 .2rem;
    line-height: .42rem;
    font-size: .28rem;
    color: #c4c4c4
}

.result .list {
    margin-top: .4rem
}

.result .list p {
    margin-bottom: .3rem;
    line-height: .4rem
}

.result .list a {
    color: #39588b
}

.mall {
    padding: 1.08rem 0
}

.mall .title {
    position: relative;
    padding-top: .45rem;
    margin-bottom: .4rem
}

.mall .title h6 {
    line-height: 1.3;
    position: relative;
    z-index: 2;
    padding-bottom: .2rem
}

.mall .title h6:after {
    width: .6rem;
    height: .04rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.3rem
}

.mall .title span {
    opacity: .05;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    top: 0
}

.mall .filter {
    margin: .74rem auto 0;
    width: 9rem
}

.mall .filter form {
    display: block;
    width: 100%
}

.mall .filter form div {
    display: flex;
    justify-content: space-between
}

.mall .filter .js-select {
    width: 2.68rem;
    height: .4rem
}

.mall .filter .js-select>span {
    line-height: .4rem;
    padding-left: .14rem
}

.mall .filter .js-select p {
    top: .4rem
}

.mall .filter button {
    display: none;
    width: 1.5rem;
    height: .46rem;
    line-height: .46rem;
    background: #39588b;
    color: #fff;
    margin: .4rem auto 0
}

.mall .nr {
    margin-top: .75rem
}

.mall .nr .map {
    float: left;
    width: 8rem;
    height: 5.6rem
}

.mall .nr .txt {
    width: 8.1rem;
    height: 5.6rem;
    float: right;
    box-sizing: border-box;
    border: 1px solid #c9c9c9;
    padding: .2rem .1rem
}

.mall .nr .txt .auto {
    height: 5.2rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 .3rem
}

.mall .nr .txt .item {
    padding: .2rem .4rem;
    border-bottom: 1px dashed #c9c9c9
}

.mall .nr .txt .item:last-child {
    border: none
}

.mall .nr .txt .item h6 {
    margin-bottom: .1rem
}

.mall .nr .txt .item p {
    line-height: 1.4
}

.jdcg {
    background: url(../../images/home/cgbg.jpg) center bottom no-repeat #eee;
    background-size: 100% auto;
    padding-bottom: 1.08rem
}

.jdcg .clearfix {
    padding-top: 1.08rem
}

.jdcg .clearfix .img {
    box-shadow: 0 0 .3rem rgba(0, 0, 0, .2);
    width: 50%;
    float: left
}

.jdcg .clearfix .txt {
    box-sizing: border-box;
    padding: 0 .8rem;
    width: 50%;
    float: left
}

.jdcg .clearfix .txt .title {
    position: relative;
    padding-top: .45rem;
    margin-bottom: .4rem;
    text-align: left
}

.jdcg .clearfix .txt .title h6 {
    line-height: 1.3;
    position: relative;
    z-index: 2;
    padding-bottom: .2rem
}

.jdcg .clearfix .txt .title h6:after {
    width: .6rem;
    height: .04rem;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 0
}

.cp-fl .types a.active:after,
.cp-fl .xl a.active:before {
    background: #39588b;
    left: 0;
    content: ''
}

.jdcg .clearfix .txt .title span {
    opacity: .05;
    position: absolute;
    top: 0;
    white-space: nowrap;
    left: 0;
    transform: translateX(0)
}

.jdcg .clearfix .txt .nr {
    line-height: 1.7;
    text-align: justify
}

.cp-list .more,
.cp-list .no-pro,
.cp-list ul li,
.cp-xl .txt .hover,
.cp-xl .txt .hover a,
.jdlx,
.jdlx .title {
    text-align: center
}

.jdcg .clearfix .txt .nr p {
    margin-bottom: .1rem
}

.jdlx {
    padding: .8rem 0
}

.jdlx .title {
    position: relative
}

.jdlx .title h6 {
    position: absolute;
    left: 0;
    bottom: .16rem;
    right: 0;
    z-index: 2
}

.jdlx .title span {
    opacity: .05
}

.jdlx .nr {
    line-height: 1.4;
    margin-top: .45rem
}

.cp-fl .types {
    padding: .6rem 0;
    display: flex;
    justify-content: space-between
}

.cp-fl .types a {
    display: inline-block;
    padding-bottom: .24rem;
    position: relative;
    color: #2a2a2a
}

.cp-fl .types a:hover {
    color: #39588b !important
}

.cp-fl .types a.active:after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .04rem
}

.cp-fl .xl {
    background: #f4f4f4;
    padding: .2rem;
    line-height: .4rem;
    position: relative
}

.cp-fl .xl a,
.cp-fl .xl span {
    float: left;
    margin-right: .5rem
}

.cp-fl .xl a.active {
    padding-left: .24rem;
    position: relative;
    color: #39588b
}

.cp-fl .xl a.active:before {
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -.04rem
}

.cp-xl,
.cp-xl .txt,
.cp-zl {
    position: relative
}

.cp-xl {
    padding: .8rem 1rem
}

.cp-xl .txt {
    width: 12.04rem
}

.cp-xl .txt .hover {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7.6rem;
    z-index: 2;
    box-sizing: border-box;
    color: #fff
}

.cp-xl .txt .hover p {
    margin: .2rem 0 .5rem
}

.cp-xl .txt .hover a {
    color: #1b1b1b;
    width: 2.5rem;
    height: .56rem;
    line-height: .56rem;
    border-radius: .56rem;
    background-color: #fff;
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .18);
    display: none
}

.cp-xl .txt .hover a:hover {
    background: #39588b;
    color: #fff
}

.cp-xl .img {
    width: 9.6rem;
    position: absolute;
    right: 1rem;
    top: 1.47rem;
    box-shadow: 0 0 .3rem rgba(0, 0, 0, .2)
}

.cp-list .more,
.cp-zl .txt a,
.js-zl .more {
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .17)
}

.cp-xl .img>img {
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.cp-xl .img:hover>img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05)
}
.cp-list ul
{
    display:flex;
    flex-wrap:wrap;
}
.cp-list ul li {
  
    width: 23%;
    box-sizing: border-box;
    padding: 0 .6rem;
    margin: 0 1% 1.3rem 0;
}

.cp-list ul li .img {
    display: block;
    margin-bottom: .1rem
}

.cp-list ul li .img>img {
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.cp-list ul li .img:hover>img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05)
}

.cp-list ul li p {
    text-overflow: ellipsis;
    white-space: nowrap
}

.cp-list .more {
    width: 2.24rem;
    height: .56rem;
    border: 1px solid #39588b;
    line-height: .56rem;
    color: #39588b;
    border-radius: .56rem;
    display: block;
    margin: .2rem auto 1.6rem
}

.cp-list .more:hover {
    background: #39588b;
    color: #fff
}

.cp-list .no-pro {
    color: #39588b;
    padding: 2rem 0
}

.cp-list .no-pro a {
    display: inline-block;
    color: #b6b6b6;
    line-height: 1
}

.cp-zl .txt,
.cp-zl .txt a {
    color: #fff;
    text-align: center
}

.cp-list .no-pro a img {
    width: 1.11rem;
    display: block;
    margin: .7rem auto .34rem
}

.cp-list .no-pro a i {
    display: inline-block;
    line-height: 1;
    vertical-align: top
}

.cp-zl .txt {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.cp-zl .txt h6 {
    padding-bottom: .2rem;
    position: relative
}

.cp-zl .txt h6:after {
    content: '';
    display: block;
    width: .6rem;
    height: .04rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.3rem
}

.cp-zl .txt p {
    padding: .5rem 0 .6rem
}

.cp-zl .txt a {
    width: 2.24rem;
    height: .56rem;
    border: 1px solid #fff;
    line-height: .56rem;
    border-radius: .56rem;
    display: block;
    margin: 0 auto
}

.cp-zl .txt a:hover {
    background: #fff;
    color: #39588b
}

.cp-zl.hm .txt h6 {
    padding-bottom: 0
}

.cp-zl.hm .txt h6:after {
    display: none
}

.cp-zl.hm .txt p {
    padding: .36rem 0 .86rem
}

.cp-zl.hm .txt a {
    height: .8rem;
    width: 2.1rem;
    line-height: .8rem;
    border-radius: .8rem
}

.js-slider h6:after,
.js-zl .title h6:after {
    height: .04rem;
    bottom: 0;
    content: ''
}

.js-slider {
    text-align: center;
    padding: .64rem 0 .2rem
}

.js-slider h6 {
    position: relative;
    padding-bottom: .24rem
}

.js-slider h6:after {
    display: block;
    width: .7rem;
    background: #39588b;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.js-slider .nr {
    position: relative;
    padding: 0 .4rem
}

.js-slider .nr>a {
    position: absolute;
    top: 33%;
    font-weight: 700;
    color: #b6b6b6
}

.js-slider .nr>a:hover {
    color: #39588b !important
}

.js-slider .nr>a.prev {
    left: 0
}

.js-slider .nr>a.next {
    right: 0
}

.js-slider .nr .swiper-slide .item {
    padding: .12rem .18rem;
    background-color: #fff;
    box-sizing: border-box;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transform: scale(.72)
}

.js-slider .nr .swiper-slide .item p {
    line-height: 1.4;
    margin-top: .1rem
}

.js-slider .nr .swiper-slide .item.active,
.js-slider .nr .swiper-slide .item:hover {
    transform: scale(.94);
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .3)
}

.js-zl {
    padding-top: .5rem;
    text-align: center
}

.js-zl .title {
    text-align: center;
    position: relative;
    margin-bottom: .4rem;
    padding-top: .7rem
}

.js-zl .title h6 {
    line-height: 1.3;
    position: relative;
    z-index: 2;
    padding-bottom: .2rem
}

.js-zl .title h6:after {
    width: .6rem;
    background: #dcdcdc;
    position: absolute;
    left: 50%;
    margin-left: -.3rem
}

.js-zl .title span {
    opacity: .05;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    top: 0
}

.js-zl .nr {
    margin-top: .48rem
}

.js-zl .more {
    width: 2.24rem;
    height: .56rem;
    border: 1px solid #39588b;
    text-align: center;
    line-height: .56rem;
    color: #39588b;
    border-radius: .56rem;
    display: block;
    margin: .6rem auto 1.5rem
}

.js-zl .more:hover {
    background: #39588b;
    color: #fff
}

.js-box {
    padding: .58rem 0 1.4rem;
    position: relative
}

.js-box .img {
    width: 9.6rem;
    float: left;
    position: relative;
    z-index: 2;
    margin-right: .8rem
}

.js-box .txt {
    position: relative;
    z-index: 2;
    float: left;
    width: 6.6rem
}

.js-box .txt .title {
    position: relative;
    padding-top: .45rem;
    text-align: left;
    margin-bottom: 0
}

.js-box .txt .title h6 {
    line-height: 1.3;
    position: relative;
    z-index: 2;
    padding-bottom: .2rem
}

.js-box .txt .title h6:after {
    content: '';
    width: .6rem;
    height: .04rem;
    background: #dcdcdc;
    position: absolute;
    bottom: 0;
    margin-left: 0;
    left: 0
}

.js-box .txt .title span {
    opacity: .05;
    position: absolute;
    top: 0;
    white-space: nowrap;
    left: 0;
    transform: translateX(0)
}

.js-box .txt .nr .item {
    width: 5.8rem;
    display: none
}

.js-box .txt .nr .item h6 {
    padding: .4rem 0
}

.js-box .txt .nr .item p {
    line-height: 2.1
}

.js-box .txt .small {
    position: absolute;
    top: 4.95rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.js-box .txt .small span {
    display: block;
    width: 2rem;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.js-box .txt .small span.active {
    transform: translateY(-.32rem);
    box-shadow: .08rem .08rem .12rem rgba(0, 0, 0, .18)
}

.js-box:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2.6rem;
    background: #ebebeb
}

.pro-desc .wbor .nbor .item,
.pro-top .img,
.pro-top .txt {
    width: 50%;
    box-sizing: border-box
}

.pro-top {
    border-bottom: 2px solid #eee;
    border-top: 2px solid #eee;
    margin-top: -1px
}

.pro-top .img {
    float: left;
    border-right: 2px solid #eee;
    /* height: 5.3rem; */
    position: relative
}

.pro-top .img .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: .34rem;
    width: 100%
}

.pro-top .img .swiper-pagination span {
    border-radius: 0;
    width: .2rem;
    height: .05rem;
    background: #d2d2d2;
    opacity: 1;
    margin: 0 .12rem
}

.login .btn:hover,
.login-layer .wai-wrap .nei-wrap .input span:hover,
.login-layer .wai-wrap .nei-wrap .submit:hover,
.pro-top .txt .more:hover,
.zlxz a:hover {
    opacity: .85
}

.pro-top .img .swiper-pagination span.swiper-pagination-bullet-active {
    background: #7c99c9
}

.pro-top .txt {
    float: right;
    padding: .25rem .45rem
}

.pro-top .txt>h6 {
    color: #3a588c
}

.pro-top .txt>p {
    margin-top: .2rem;
    color: #666
}

.pro-top .txt .nr {
    margin-top: .56rem
}

.pro-top .txt .nr .wbor {
    border: .04rem solid #39588b;
    padding: .05rem .03rem
}

.pro-top .txt .nr .wbor .bor {
    border: .02rem solid #39588b;
    display: flex
}

.pro-top .txt .nr .wbor .bor .item {
    padding: .2rem .24rem;
    float: left;
    box-sizing: border-box;
    text-align: center
}

.pro-top .txt .nr .wbor .bor .item h6 {
    color: #39588b
}

.pro-top .txt .nr .wbor .bor .item>span {
    color: #39588b;
    display: block;
    padding: .2rem 0
}

.pro-top .txt .nr .wbor .bor .item>p {
    color: #666
}

.pro-top .txt .nr .wbor .bor .item .select {
    width: auto;
    display: inline-block;
    height: .38rem;
    border-color: #39588b;
    margin: .15rem 0
}

.pro-top .txt .nr .wbor .bor .item .select span {
    line-height: .38rem;
    color: #39588b !important;
    padding: 0 0 0 .1rem;
    text-align: left
}

.pro-top .txt .nr .wbor .bor .item .select span em.active,
.pro-top .txt .nr .wbor .bor .item .select span i {
    color: #39588b
}

.pro-top .txt .nr .wbor .bor .item .select span em {
    text-overflow: clip
}

.pro-top .txt .nr .wbor .bor .item .select p {
    top: .38rem;
    border-color: #39588b
}

.hxkj,
.pro-desc {
    border-bottom: .02rem solid #eee
}

.pro-top .txt .nr .wbor .bor .item .select p a {
    color: #39588b !important;
    font-weight: 700
}

.pro-top .txt .nr .wbor .bor .rule {
    border-right: .02rem solid #39588b;
    margin-right: -.02rem
}

.pro-top .txt .nr .wbor .bor .price {
    flex: 1;
    border-left: .02rem solid #39588b
}

.pro-top .txt .more {
    width: 6.1rem;
    height: .46rem;
    line-height: .46rem;
    background: #39588b;
    color: #fff;
    text-align: center;
    display: block;
    margin: .7rem auto 0;
    border-radius: .46rem;
    box-shadow: .02rem .02rem .1rem rgba(0, 0, 0, .18)
}

.pro-desc {
    padding: .38rem 0 .5rem
}

.pro-desc h6 {
    margin-left: .75rem;
    padding-bottom: .22rem;
    position: relative;
    display: inline-block;
    text-align: left
}

.pro-desc h6:after {
    content: '';
    display: block;
    width: .6rem;
    height: .04rem;
    background: #39588b;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(0)
}

.pro-desc .wbor {
    margin-top: .34rem;
    border: .04rem solid #39588b;
    padding: .06rem
}

.pro-desc .wbor .nbor {
    border: .02rem solid #39588b;
    padding: .4rem;
}

.pro-desc .wbor .nbor .item {
    padding: .2rem;
    position: relative
}

.pro-desc .wbor .nbor .item em {
    position: absolute;
    top: .08rem;
    margin-left: .6rem;
    color: #39588b;
    display: inline-block;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    box-sizing: border-box;
    border: .04rem solid #39588b;
    text-align: center;
    line-height: .92rem
}

.history .wrap .right h6:after,
.hxkj h6:after,
.ppln .top .item .txt .title h6:after {
    height: .04rem;
    content: ''
}

.pro-desc .wbor .nbor .item em:after {
    content: '';
    display: block;
    left: .02rem;
    top: .02rem;
    right: .02rem;
    bottom: .02rem;
    border: .02rem solid #39588b;
    border-radius: 50%;
    position: absolute
}

.pro-desc .wbor .nbor .item em:nth-of-type(2) {
    margin-left: 1.7rem
}

.pro-desc .wbor .nbor .item p {
    color: #39588b;
    margin-bottom: .24rem
}

.pro-desc .wbor .nbor .item span {
    color: #666;
    line-height: 1.5
}

.pro-desc .wbor .nbor.other {
    text-align: center;
    padding: .4rem 3.1rem;
    line-height: 1.6;
    color: #39588b;
    display: block !important
}

.pro-desc .wbor .nbor.other .label {
    display: block;
    margin: 0 auto
}

.pro-desc .wbor .nbor.other .label img {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 .2rem .3rem
}

.hxkj {
    padding: .6rem 0
}

.hxkj h6 {
    padding-bottom: .22rem;
    margin-left: .75rem;
    position: relative;
    display: inline-block;
    text-align: left
}

.hxkj h6:after {
    display: block;
    width: .6rem;
    background: #39588b;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(0)
}

.hxkj .nr {
    margin-top: .54rem;
    padding-left: .75rem;
    display: flex;
    flex-wrap: wrap
}

.hxkj .nr:after {
    display: none
}

.hxkj .nr .item {
    width: 1.65rem;
    float: left;
    margin-right: .6rem;
    text-align: center;
    margin-bottom: .4rem
}

.hxkj .nr .item .img {
    display: block
}

.hxkj .nr .item p {
    margin-top: .3rem;
    line-height: 1.6
}

.dbtb {
    text-align: center;
    padding: .34rem 0
}

.dbtb img {
    width: auto;
    display: inline-block;
    margin: 0 .75rem
}

.ppln .top {
    background: url(../../images/home/lnbg.jpg) center top no-repeat #f6f6f6;
    background-size: 100% auto;
    padding-top: 1.1rem
}

.ppln .top .item .img {
    width: 50%;
    float: right
}

.ppln .top .item .txt {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 .8rem 0 .7rem
}

.ppln .top .item .txt .title {
    position: relative;
    padding-top: .45rem;
    margin-bottom: .4rem;
    text-align: left
}

.ppln .top .item .txt .title h6 {
    line-height: 1.3;
    position: relative;
    z-index: 2;
    padding-bottom: .2rem
}

.ppln .top .item .txt .title h6:after {
    width: .6rem;
    background: #dcdcdc;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 0
}

.ppln .top .item .txt .title span {
    opacity: .05;
    position: absolute;
    white-space: nowrap;
    top: 0;
    left: 0;
    transform: translateX(0)
}

.ppln .top .item .txt .nr {
    line-height: 1.7;
    text-align: justify
}

.ppln .top .item .txt .nr p {
    margin-bottom: .1rem
}

.ppln .top .item:nth-child(2) {
    margin-top: .66rem
}

.ppln .top .item:nth-child(2) .img {
    float: left;
    margin-left: -.7rem
}

.ppln .top .item:nth-child(2) .txt {
    float: right;
    padding-left: 0;
    padding-right: 1.5rem
}

.ppln .down {
    position: relative
}

.ppln .down .txt {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #fff;
    text-align: center
}

.ppln .down .txt .title {
    position: relative;
    text-align: center;
    margin-bottom: .5rem
}

.ppln .down .txt .title h6 {
    position: absolute;
    left: 0;
    bottom: .16rem;
    right: 0;
    z-index: 2
}

.ppln .down .txt .title span {
    opacity: .05
}

.ppln .down .txt .desc {
    padding: 0 2.2rem
}

.ppln .down .txt p {
    margin-bottom: .2rem;
    line-height: 1.7
}

.history {
    height: 7.94rem;
    background: url(../../images/home/lsbg.jpg) center top no-repeat;
    background-size: cover
}

.history .wrap {
    padding-top: .3rem
}

.history .wrap .left {
    float: left;
    width: 7rem;
    position: relative;
    box-sizing: border-box;
    padding-left: 2.8rem
}

.history .wrap .left img {
    position: absolute;
    left: .7rem;
    top: 0;
    width: 1.4rem
}

.history .wrap .left .time {
    height: 7.64rem;
    margin-top: .3rem;
    color: #fff
}

.history .wrap .left .time p {
    margin-bottom: .32rem;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    cursor: pointer
}

.history .wrap .left .time p:last-child {
    margin-bottom: 0
}

.history .wrap .left .time p.active {
    color: #d1ac6d
}

.history .wrap .right {
    width: 7.43rem;
    float: right;
    text-align: center;
    padding-top: .5rem
}

.history .wrap .right h6 {
    color: #fff;
    position: relative;
    padding-bottom: .24rem
}

.history .wrap .right h6:after {
    display: block;
    width: .6rem;
    background: #7c99c9;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.about .bottom .hover .title h6:after,
.about .center .title h6:after,
.about .desc .title h6:after,
.about .top .hover .title h6:after,
.quanqiu .top .title h6:after {
    width: .6rem;
    height: .04rem;
    background: #dcdcdc
}

.history .wrap .right .nr {
    margin-top: 1.1rem;
    color: #fff
}

.history .wrap .right .nr .item {
    display: none
}

.history .wrap .right .nr img {
    display: block;
    margin-bottom: .5rem
}

.history .wrap .right .nr p {
    margin-bottom: .1rem;
    line-height: 1.5
}

.about .top {
    position: relative
}

.about .top .hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #fff
}

.about .top .hover .title {
    text-align: center;
    position: relative;
    margin-bottom: .4rem;
    padding-top: .3rem
}

.about .top .hover .title h6 {
    position: relative;
    z-index: 2;
    line-height: 1;
    padding-bottom: .22rem
}

.about .top .hover .title h6:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.3rem
}

.about .top .hover .title span {
    opacity: .05;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    top: 0
}

.about .top .hover .nr {
    line-height: 1.7;
    text-align: center;
}

.about .center {
    text-align: center
}

.about .center .title {
    text-align: center;
    padding: 1.4rem 0 .54rem
}

.about .center .title h6 {
    position: relative;
    padding-bottom: .23rem
}

.about .center .title h6:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.about .center .nr .item {
    position: relative
}

.about .center .nr .item .img {
    width: 50%;
    float: right
}

.about .center .nr .item .txt {
    position: absolute;
    height: 100%;
    top: 0;
    width: 50%;
    left: 0;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: left;
    padding: 0 .6rem 0 2.2rem
}

.about .center .nr .item .txt h6 {
    color: #39588b;
    margin-bottom: .16rem
}

.about .center .nr .item .txt p {
    line-height: 1.7;
    margin-bottom: .6rem
}

.about .center .nr .item .txt p:last-child {
    margin-bottom: 0
}

.about .center .nr .item:nth-child(2n) .img {
    float: left
}

.about .center .nr .item:nth-child(2n) .txt {
    right: 0;
    left: auto;
    padding: 0 2.2rem 0 .6rem
}

.about .desc {
    padding: 1.7rem 0 1.3rem;
    text-align: center
}

.about .desc .title h6 {
    padding-bottom: .23rem;
    position: relative
}

.about .desc .title h6:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.about .desc .nr {
    margin: .3rem auto 0;
    line-height: 1.7;
    width: 7.4rem
}

.about .bottom .hover .title h6:after,
.jishu .top .title h6:after,
.quanqiu .top .title h6:after {
    margin-left: -.3rem;
    bottom: 0;
    content: ''
}

.about .bottom {
    position: relative
}

.about .bottom .hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: right;
    color: #fff
}

.about .bottom .hover .title {
    text-align: center;
    position: relative;
    padding-top: .45rem;
    margin-bottom: .4rem;
    display: inline-block
}

.about .bottom .hover .title h6 {
    line-height: 1.3;
    position: relative;
    z-index: 2;
    padding-bottom: .2rem
}

.about .bottom .hover .title h6:after {
    position: absolute;
    left: 50%
}

.about .bottom .hover .title span {
    opacity: .05;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    top: 0
}

.about .bottom .hover .nr {
    line-height: 1.7
}

.about .bottom .hover .nr p {
    width: 6.8rem;
    display: inline-block
}

.quanqiu .top {
    padding-top: .3rem
}

.quanqiu .top .title {
    text-align: center;
    position: relative;
    padding-top: .45rem;
    margin-bottom: .4rem
}

.quanqiu .top .title h6 {
    line-height: 1.3;
    position: relative;
    z-index: 2;
    padding-bottom: .2rem
}

.jishu .center .nr .item .txt .info p,
.jishu .top .nr .left .item p,
.jishu .top .nr .right .txt p,
.quanqiu .center .nr p,
.quanqiu .top .nr p {
    line-height: 1.7
}

.quanqiu .top .title h6:after {
    position: absolute;
    left: 50%
}

.quanqiu .top .title span {
    opacity: .05;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    top: 0
}

.quanqiu .top .nr p {
    width: 7.4rem;
    margin: .3rem auto
}

.quanqiu .center {
    position: relative;
    margin-top: .2rem
}

.quanqiu .center:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 2.9rem;
    background: #39588b
}

.quanqiu .center .title {
    position: relative;
    text-align: center;
    z-index: 2
}

.quanqiu .center .title h6 {
    position: absolute;
    left: 0;
    bottom: .16rem;
    right: 0;
    z-index: 2
}

.quanqiu .bottom .title,
.quanqiu .center .nr {
    position: relative;
    text-align: center
}

.quanqiu .center .title span {
    opacity: .05
}

.quanqiu .center .nr {
    padding: .55rem 0;
    margin: 0 auto;
    width: 6.14rem;
    z-index: 2;
    color: #fff
}

.quanqiu .center .nr img {
    box-shadow: .04rem .04rem .1rem rgba(0, 0, 0, .18)
}

.quanqiu .center .nr h6 {
    margin: .3rem auto .15rem
}

.quanqiu .bottom {
    background: #39588b;
    color: #fff;
    padding-top: .3rem
}

.quanqiu .bottom .title h6 {
    position: absolute;
    left: 0;
    bottom: .16rem;
    right: 0;
    z-index: 2
}

.quanqiu .bottom .title span {
    opacity: .05
}

.quanqiu .bottom .slider {
    position: relative;
    margin-top: .5rem
}

.quanqiu .bottom .slider>a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    padding: 0 .3rem;
    color: #fff;
    font-weight: 700;
    opacity: .7
}

.quanqiu .bottom .slider>a.prev {
    left: 0
}

.quanqiu .bottom .slider>a.next {
    right: 0
}

.quanqiu .bottom .slider>a:hover {
    opacity: 1
}

.quanqiu .bottom .swiper-slide {
    position: relative
}

.quanqiu .bottom .swiper-slide .hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(57, 88, 139, .76);
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #fff;
    opacity: 0;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.layer,
.video video {
    display: none;
    width: 100%
}

.quanqiu .bottom .swiper-slide:hover .hover {
    opacity: 1
}

.video {
    position: relative;
    box-shadow: .04rem .04rem .2rem rgba(0, 0, 0, .18)
}

.video video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 3;
    background: #000
}

.video .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: .94rem;
    height: .94rem;
    background: url(../../images/home/play.png) center no-repeat;
    background-size: cover;
    opacity: .7
}

.jishu .bottom .title span,
.jishu .top .title span {
    transform: translateX(-50%);
    white-space: nowrap;
    left: 50%
}

.video:hover .play {
    opacity: 1
}

.jishu .top {
    background: url(../../images/home/ctbg.jpg) center top no-repeat;
    background-size: 100% auto;
    padding: .5rem 0 1.8rem
}

.jishu .top .title {
    text-align: center;
    position: relative;
    padding-top: .45rem;
    margin-bottom: .4rem
}

.jishu .top .title h6 {
    line-height: 1.3;
    position: relative;
    z-index: 2;
    padding-bottom: .2rem
}

.jishu .top .title h6:after {
    width: .6rem;
    height: .04rem;
    background: #dcdcdc;
    position: absolute;
    left: 50%
}

.jishu .top .title span {
    opacity: .05;
    position: absolute;
    top: 0
}

.jishu .top .nr .left {
    width: 7.2rem;
    float: left;
    box-sizing: border-box;
    padding: .82rem 0 0 1.06rem;
    position: relative
}

.jishu .top .nr .left img {
    width: 4.75rem
}

.jishu .top .nr .left .bt {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: .3rem
}

.jishu .top .nr .left .bt span {
    position: absolute;
    left: 0;
    top: 0;
    opacity: .1
}

.jishu .top .nr .left .item {
    position: absolute;
    width: 2.9rem
}

.jishu .top .nr .left .item h6 {
    margin-bottom: .2rem
}

.jishu .top .nr .left .item.item1 {
    right: 0;
    top: 1.2rem
}

.jishu .top .nr .left .item.item2 {
    left: 0;
    top: 3.4rem
}

.jishu .top .nr .left .item.item3 {
    left: 0;
    bottom: .2rem
}

.jishu .top .nr .right {
    width: 7.4rem;
    float: right;
    padding-top: .4rem
}

.jishu .top .nr .right .video {
    width: 6.97rem
}

.jishu .top .nr .right .txt p {
    margin-top: .2rem
}

.jishu .center .nr {
    padding: 0 1.8rem
}

.jishu .center .nr .item {
    margin-bottom: 1rem;
    display: flex
}

.jishu .center .nr .item .img {
    width: 5.3rem;
    float: left;
    position: relative
}

.jishu .center .nr .item .img img {
    position: relative;
    z-index: 2
}

.jishu .center .nr .item .img:after {
    content: '';
    position: absolute;
    left: .3rem;
    top: .3rem;
    width: 100%;
    height: 100%;
    background: #a0c4de
}

.jishu .center .nr .item .txt {
    flex: 1;
    width: 5.5rem;
    position: relative;
    margin-left: .3rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    justify-content: start;
    z-index: 3
}

.hty .nr,
.jishu .bottom .nr {
    justify-content: space-between
}

.jishu .center .nr .item .txt .info {
    padding: .5rem .5rem .5rem .65rem;
    box-sizing: border-box;
    display: block;
    background: rgba(238, 238, 238, .4);
    position: relative
}

.jishu .center .nr .item .txt .info h6 {
    margin-bottom: .14rem
}

.jishu .center .nr .item .txt .info span {
    position: absolute;
    top: -.55rem;
    line-height: 1;
    font-weight: 700
}

.jishu .center .nr .item .txt .info span i,
.jishu .center .nr .item .txt .info span p {
    opacity: .1;
    line-height: 1
}

.jishu .center .nr .item .txt .info a {
    width: 1.5rem;
    height: .42rem;
    line-height: .42rem;
    background: #a0c4de;
    text-align: center;
    color: #fff;
    margin-top: .5rem;
    float: right;
    display: none !important
}

.jishu .center .nr .item .txt .info a:hover {
    background: #39588b
}

.jishu .center .nr .item:nth-child(1) .txt .info span {
    top: -1.7rem
}

.jishu .center .nr .item:nth-child(2n) .img {
    float: right;
    margin-right: .3rem
}

.jishu .center .nr .item:nth-child(2n) .txt {
    margin-left: 0
}

.jishu .center .nr .item:nth-child(2n) .txt .info {
    margin-left: 0;
    padding: .5rem .65rem .5rem .5rem
}

.jishu .bottom {
    padding: .7rem 0 .9rem;
    background: url(../../images/home/bhbg.jpg) center no-repeat;
    background-size: cover
}

.jishu .bottom .title {
    text-align: center;
    position: relative;
    padding-top: .45rem;
    margin-bottom: .5rem
}

.jishu .bottom .title h6 {
    line-height: 1.3;
    position: relative;
    z-index: 2;
    padding-bottom: .2rem
}

.jishu .bottom .title h6:after {
    content: '';
    width: .6rem;
    height: .04rem;
    background: #dcdcdc;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.3rem
}

.jishu .bottom .title span {
    opacity: .05;
    position: absolute;
    top: 0
}

.jishu .bottom .nr {
    display: flex;
    margin: 0 -.15rem
}

.jishu .bottom .nr .item {
    width: 3.4rem;
    padding: .15rem;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.jishu .bottom .nr .item:hover {
    background-color: #fff;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .15)
}

.dtai .wrap .item,
.layer .dt-layer .nr {
    overflow: hidden;
    box-shadow: 0 0 .14rem rgba(0, 0, 0, .18)
}

.jishu .bottom .nr .item .img {
    overflow: hidden
}

.jishu .bottom .nr .item .img>img {
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.jishu .bottom .nr .item .img:hover>img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05)
}

.jishu .bottom .nr .item .txt {
    padding-top: .18rem
}

.jishu .bottom .nr .item .txt span {
    display: block;
    padding: .08rem 0 .1rem
}

.jishu .bottom .nr .item .txt p {
    line-height: 1.7
}

.dtai {
    background: url(../../images/home/dtbg.jpg) center top no-repeat fixed #f4f5f5;
    background-size: 100% auto;
    margin-top: -1px;
    padding: .9rem 0 .6rem
}

.dtai .wrap {
    position: relative;
    width: 15rem
}

.dtai .wrap .item {
    width: 3.45rem;
    background-color: #fff;
    float: left;
    border-radius: .1rem
}

.dtai .wrap .item .txt {
    line-height: 1.3;
    padding: .18rem
}

.dtai .wrap .item .img {
    position: relative;
    overflow: hidden
}

.dtai .wrap .item .img>img {
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.dtai .wrap .item .img:hover>img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05)
}

.dtai .wrap .item .img i {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    padding: .14rem;
    cursor: pointer;
    color: #fff
}

.dtai .wrap .item .img i:after {
    content: '\e635'
}

.dtai .wrap .item .img i.active {
    color: #ff341e
}

.dtai .wrap .item .img i.active:after {
    content: '\e626'
}

.dtai .wrap .item .user {
    border-top: 1px solid #e5e5e5;
    padding: .18rem;
    overflow: hidden;
    position: relative
}

.dtai .wrap .item .user img {
    width: .53rem;
    float: left
}

.dtai .wrap .item .user p {
    float: left;
    line-height: .53rem;
    padding-left: .12rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 2rem
}

.dtai .wrap .item .user span {
    position: absolute;
    right: .18rem;
    bottom: .18rem;
    line-height: .3rem
}

.dtai .wrap .item .user span i {
    color: #b1b1b1;
    vertical-align: top;
    display: inline-block;
    margin-right: .06rem
}

.dtai .more {
    border: 1px solid #39588b;
    text-align: center;
    color: #39588b;
    border-radius: .56rem;
    display: block;
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .17);
    margin: .5rem auto 0;
    width: 2.1rem;
    height: .48rem;
    line-height: .48rem;
    background-color: #fff
}

.dtai .more:hover {
    background: #39588b;
    color: #fff
}

.layer {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    z-index: 1000
}

.hf1 .hover,
.layer .wrapper {
    display: -webkit-flex;
    -webkit-align-items: center
}

.layer .wrapper {
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.layer .dt-layer {
    width: 100%;
    position: relative;
    height: 100%
}

.layer .dt-layer>a {
    position: absolute;
    top: 50%;
    font-weight: 700;
    color: #888;
    display: none
}

.layer .dt-layer>a:hover {
    color: #000
}

.layer .dt-layer>a.prev {
    left: -.9rem
}

.layer .dt-layer>a.next {
    display: block;
    right: .8rem;
    top: 2rem;
    font-size: .52rem;
    color: #cdcdcd
}

.layer .dt-layer>a.next:before {
    content: '\e619'
}

.layer .dt-layer .nr {
    background-color: #fff;
    border-radius: .1rem;
    position: absolute;
    left: 50%;
    top: 4%;
    height: 92%;
    width: 8.5rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-left: -4.25rem
}

.layer .dt-layer .nr .title {
    padding: .1rem .26rem;
    overflow: hidden
}

.layer .dt-layer .nr .title img {
    width: .7rem;
    float: left
}

.layer .dt-layer .nr .title p {
    line-height: .7rem;
    float: left;
    padding-left: .14rem
}

.layer .dt-layer .nr .img {
    position: relative
}

.layer .dt-layer .nr .img i {
    position: absolute;
    display: none;
    right: 0;
    top: 0;
    z-index: 2;
    padding: .14rem;
    cursor: pointer;
    font-size: .4rem;
    color: #fff
}

.layer .dt-layer .nr .img i:after {
    content: '\e635'
}

.layer .dt-layer .nr .img i.active {
    color: #ff341e
}

.layer .dt-layer .nr .img i.active:after {
    content: '\e626'
}

.layer .dt-layer .nr .img .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: .2rem;
    width: 100%;
    text-align: center
}

.layer .dt-layer .nr .img .swiper-pagination span {
    margin: 0 .06rem;
    width: .1rem;
    height: .1rem
}

.layer .dt-layer .nr .img .swiper-pagination span.swiper-pagination-bullet-active {
    background: #39588b
}

.layer .dt-layer .nr .txt {
    padding: .3rem .5rem .5rem;
    position: relative
}

.layer .dt-layer .nr .txt p {
    line-height: 1.7;
    margin-top: .12rem
}

.layer .dt-layer .nr .txt span {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    line-height: .32rem
}

.layer .dt-layer .nr .txt span i {
    color: #b1b1b1;
    vertical-align: top;
    display: inline-block;
    margin-right: .06rem
}

.hf1 .hover,
.hf1 .hover a {
    text-align: center;
    color: #fff
}

.hf1 {
    position: relative;
    margin: .87rem auto 1.98rem;
    box-shadow: .36rem .36rem .8rem rgba(0, 0, 0, .3)
}

.hf1 .hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.hf1 .hover p {
    line-height: 2;
    margin-top: .4rem
}

.hf1 .hover a {
    border: 1px solid #fff;
    display: block;
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .17);
    margin: .6rem auto 0;
    height: .82rem;
    line-height: .82rem;
    width: 2.3rem;
    border-radius: .82rem
}

.hcd .txt .more,
.hcg .more {
    box-shadow: none;
    text-align: center
}

.hf1 .hover a:hover {
    background: #fff;
    color: #39588b
}

.hcg .txt {
    text-align: center;
    padding-bottom: .8rem
}

.hcg .txt p {
    line-height: 2;
    margin-top: .2rem
}

.hcg .list {
    overflow: hidden
}

.hcg .list .item {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-right: .11rem;
    padding-top: .22rem
}

.hcg .list .item:nth-child(2n) {
    padding-right: 0;
    padding-left: .11rem
}

.hcg .list .item .wraper {
    position: relative;
    overflow: hidden
}

.hcg .list .item .wraper>img {
    transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s
}

.hcg .list .item .wraper:hover>img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1)
}

.hcg .list .item .wraper .hover {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.hcg .list .item .wraper .hover a {
    color: #fff
}

.hcg .more {
    border: 1px solid #000;
    display: block;
    border-radius: 0;
    margin: .6rem auto;
    color: #000;
    width: 2rem;
    height: .56rem;
    line-height: .56rem
}

.hcg .more:hover {
    background: #000;
    color: #fff
}

.hty {
    background: url(../../images/home/tybg.jpg) center no-repeat;
    background-size: cover;
    padding: 1rem 0
}

.hty .title {
    text-align: center
}

.hty .title p {
    margin-top: .42rem
}

.hty .nr {
    margin-top: .6rem;
    display: flex
}

.hty .nr .item {
    width: 4.8rem;
    box-sizing: border-box;
    padding: .3rem .35rem;
    position: relative;
    background: #3d3d3c;
    color: #fff;
    height: 3.16rem;
    border-radius: .2rem;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.hty .nr .item:hover {
    background: #39588b
}

.hty .nr .item h6 {
    margin-bottom: .24rem
}

.hty .nr .item p {
    line-height: 1.6
}

.hxw .nr .swiper-wrapper .swiper-slide .txt h6,
.hxw .nr .swiper-wrapper .swiper-slide .txt p {
    line-height: 1.1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.hty .nr .item img {
    display: block;
    width: .88rem;
    position: absolute;
    left: .3rem;
    bottom: .3rem
}

.hxw .title {
    text-align: center;
    padding: 1.06rem 0 .75rem
}

.hxw .title p {
    margin-top: .35rem
}

.hxw .nr {
    padding-bottom: 1.1rem
}

.hxw .nr>a {
    display: none
}

.hxw .nr .swiper-wrapper {
    display: flex;
    justify-content: space-between
}

.hxw .nr .swiper-wrapper .swiper-slide {
    width: 4.1rem
}

.hxw .nr .swiper-wrapper .swiper-slide .img {
    display: block;
    overflow: hidden
}

.hxw .nr .swiper-wrapper .swiper-slide .img>img {
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.hxw .nr .swiper-wrapper .swiper-slide .img:hover>img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05)
}

.hxw .nr .swiper-wrapper .swiper-slide .txt {
    padding-top: .24rem
}

.hxw .nr .swiper-wrapper .swiper-slide .txt p {
    margin-top: .2rem
}

.hxw .nr .swiper-wrapper .swiper-slide .txt .clearfix {
    margin-top: .5rem
}

.hxw .nr .swiper-wrapper .swiper-slide .txt .clearfix span {
    float: left
}

.hxw .nr .swiper-wrapper .swiper-slide .txt .clearfix a {
    float: right
}

.hxw .nr .swiper-wrapper .swiper-slide .txt .clearfix a i {
    margin-left: .08rem
}

.hpk {
    padding: 1.5rem 0
}

.hpk .fl {
    width: 6.6rem;
    padding-top: .1rem
}

.hpk .fl h6 {
    padding-bottom: .2rem;
    position: relative;
    margin-bottom: .25rem
}

.hpk .fl h6:after {
    content: '';
    display: block;
    width: 1.1rem;
    background: #39588b;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(0);
    height: .06rem
}

.hpk .fl>p {
    line-height: 2
}

.hpk .fl .num {
    margin-top: .7rem;
    display: flex;
    justify-content: space-between
}

.hpk .fl .num .item {
    text-align: center
}

.hpk .fl .num .item p {
    line-height: .7rem;
    color: #39588b
}

.hpk .fl .num .item p i,
.hpk .fl .num .item p span {
    display: inline-block;
    vertical-align: top
}

.hpk .fl .num .item p i {
    margin-left: .04rem
}

.hpk .fl .num .item em {
    color: #898989
}

.hpk .fr .video {
    width: 7.44rem;
    box-shadow: .1rem .3rem .8rem rgba(0, 0, 0, .3)
}

.hjs {
    background: #f3f3f3;
    padding: .7rem 0
}

.hjs .title {
    text-align: center
}

.hjs .title p {
    line-height: 2;
    margin-top: .25rem
}

.hjs .nr {
    margin-top: .6rem;
    overflow: hidden;
    margin-right: -.1rem
}

.hjs .nr .item {
    height: 7.02rem;
    width: 25%;
    overflow: hidden;
    padding-right: .1rem;
    box-sizing: border-box;
    position: relative;
    transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -webkit-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    float: left
}

.hjs .nr .item .wraper {
    overflow: hidden
}

.hjs .nr .item img {
    width: auto;
    height: 100%;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    filter: url(blur.svg#blur);
    filter: blur(3px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false)
}

.hjs .nr .item span {
    color: #fff;
    left: .4rem;
    bottom: .45rem;
    z-index: 2;
    position: absolute
}

#wrap,
.hcd {
    position: relative
}

.hjs .nr .item.active {
    width: 50%
}

.hjs .nr .item.active img {
    filter: url(blur.svg#blur);
    filter: blur(0);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false)
}

.hcd {
    margin-bottom: 2.2rem
}

.hcd .txt {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;
    color: #fff
}

.hcd .txt h6 {
    line-height: 1.25;
    padding-top: .85rem
}

.hcd .txt p {
    line-height: 2;
    margin: .15rem 0 .6rem;
    padding: 0 1.1rem
}

.hcd .txt .more {
    border: 1px solid #fff;
    display: block;
    margin: 0 auto;
    color: #fff;
    height: .56rem;
    line-height: .56rem;
    width: 2.1rem;
    border-radius: .56rem;
    background: 0 0
}

.hcd .txt .more:hover {
    background: #fff;
    color: #39588b
}

.hcd .txt img {
    display: block;
    width: 11.31rem;
    margin: .7rem auto 0
}

.login {
    padding: 1.8rem 0;
    text-align: center
}

.login input {
    width: 3rem;
    height: .5rem;
    text-align: center;
    line-height: .5rem;
    padding: 0 .1rem;
    border: 1px solid #dcdcdc;
    margin: .25rem auto .9rem;
    display: block
}

.login .btn {
    display: block;
    width: 2.04rem;
    height: .6rem;
    line-height: .6rem;
    background: #39588b;
    color: #fff;
    margin: 0 auto
}

.zlxz {
    padding: 1.8rem 1.2rem 2.1rem;
    display: flex;
    justify-content: center
}

.zlxz a {
    display: block;
    text-align: center;
    margin: 0 1rem
}

.zlxz a img {
    width: 1.72rem
}

.zlxz a span {
    display: block;
    color: #39588b;
    margin-top: .3rem
}

.zl-list {
    overflow: hidden;
    text-align: center;
    padding: 1.6rem 0 1.4rem
}

.zl-list .item {
    width: 25%;
    float: left;
    margin-bottom: .4rem
}

.zl-list .item img {
    width: 1.15rem
}

.zl-list .item p {
    margin: .22rem auto;
    line-height: .3rem;
    height: .6rem;
    width: 1.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    /*! autoprefixer: ignore next */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.zl-list .item .clearfix {
    width: 2.76rem;
    margin: 0 auto;
    text-align: center
}

.zl-list .item .clearfix a {
    width: 1.33rem;
    height: .39rem;
    box-sizing: border-box;
    border: .02rem solid #39588b;
    line-height: .35rem;
    color: #39588b;
    float: none;
    display: inline-block
}

.zl-list .item .clearfix a:hover {
    background: #39588b;
    color: #fff
}

.sp-xq {
    text-align: center;
    padding: .2rem 0 .4rem
}

.sp-xq h6 {
    line-height: 1.5
}

.sp-xq .video {
    width: 9.4rem;
    margin: .1rem auto 0
}

#all_dizhi,
.auto_1200 {
    width: auto !important
}

#all_dizhi {
    margin: 0 auto !important
}

#all_dizhi #info {
    float: none !important;
    margin-left: 0 !important
}

#all_dizhi #info .clearfix {
    text-align: center
}

#all_dizhi #info .clearfix select {
    margin: 0 .1rem !important;
    height: 40px !important;
    vertical-align: top;
    line-height: 40px !important
}

#wrap {
    width: 17rem !important;
    margin: 20px -.4rem !important
}

#wrap #allmap {
    width: 10.4rem;
    margin-left: 0;
    height: 7rem;
    border: none !important;
    margin-top: 20px !important
}

#wrap .tu_zuo {
    left: auto;
    box-sizing: border-box !important;
    right: 0;
    width: 6.4rem;
    height: 7rem;
    border: 1px solid #c9c9c9 !important;
    padding: .2rem .1rem
}

#wrap .tu_zuo .item {
    height: 6.6rem !important;
    overflow-y: auto
}

#wrap .tu_zuo .item dl {
    padding-top: 10px !important;
    border-bottom: 1px dashed #c9c9c9;
    display: flex
}

#wrap .tu_zuo .item dl:after {
    display: none !important
}

#wrap .tu_zuo .item dl dt {
    font-size: 14px;
    line-height: 20px
}

#wrap .tu_zuo .item dl dd {
    flex: 1
}

#wrap .tu_zuo .item dl.active span {
    color: #39588b !important
}

.BMapLib_SearchInfoWindow .BMapLib_trans {
    width: 51px !important
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

input[type=number] {
    -moz-appearance: textfield
}

.login-layer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 100;
    display: none
}

.login-layer .wai-wrap {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: .15rem solid #39588b;
    padding: .1rem;
    border-radius: .2rem;
    width: 6.6rem;
    box-sizing: border-box;
    background-color: #fff
}

.login-layer .wai-wrap .nei-wrap {
    border: .02rem solid #39588b;
    background-color: #fff;
    padding: 1.1rem 1.4rem .5rem;
    text-align: center;
    border-radius: .08rem;
    position: relative
}

.login-layer .wai-wrap .nei-wrap img {
    position: absolute;
    width: 1.6rem;
    left: 50%;
    top: -.82rem;
    margin-left: -.8rem
}

.login-layer .wai-wrap .nei-wrap .close {
    position: absolute;
    right: .14rem;
    top: .14rem;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    border: .02rem solid #979797;
    color: #979797;
    text-align: center;
    border-radius: 50%;
    font-size: .25rem;
    font-weight: 700;
    cursor: pointer;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.login-layer .wai-wrap .nei-wrap .close:hover {
    color: #39588b;
    border-color: #39588b
}

.login-layer .wai-wrap .nei-wrap .input {
    position: relative;
    overflow: hidden;
    margin-bottom: .3rem;
    border: .02rem solid #dcdcdc
}

.login-layer .wai-wrap .nei-wrap .input input {
    height: .5rem;
    line-height: .5rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 .2rem;
    font-size: .15rem;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.login-layer .wai-wrap .nei-wrap .input span {
    position: absolute;
    right: 0;
    top: 0;
    height: .5rem;
    line-height: .5rem;
    width: 1.3rem;
    text-align: center;
    background: #39588b;
    color: #fff;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    cursor: pointer
}

.login-layer .wai-wrap .nei-wrap .input span.disabled {
    background: #a0a0a0
}

.login-layer .wai-wrap .nei-wrap .submit {
    display: inline-block;
    vertical-align: top;
    padding: 0 .3rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    background: #39588b;
    color: #fff;
    margin: 0 auto .4rem;
    cursor: pointer;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.login-layer .wai-wrap .nei-wrap p {
    text-align: center;
    color: #c1c1c1;
    position: relative;
    padding-bottom: .6rem
}

.login-layer .wai-wrap .nei-wrap p img {
    display: block;
    width: 2rem;
    position: absolute;
    top: .4rem;
    left: 50%;
    margin-left: -1rem;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .15)
}

@media screen and (max-width:750px) {

    .banner,
    .footer,
    .header,
    .mall .title {
        display: none !important
    }

    .xs-header .nav,
    .xs-header .top {
        background-color: #fff;
        box-sizing: border-box
    }

    .tools,
    .xs-header .nav {
        left: 0;
        right: 0;
        bottom: 0
    }

    .f-12 {
        font-size: .2rem
    }

    .f-14 {
        font-size: .21rem
    }

    .f-15 {
        font-size: .22rem
    }

    .f-16 {
        font-size: .23rem
    }

    .f-18 {
        font-size: .24rem
    }

    .f-20 {
        font-size: .25rem
    }

    .f-22 {
        font-size: .26rem
    }

    .f-24 {
        font-size: .27rem
    }

    .f-26 {
        font-size: .28rem
    }

    .f-28 {
        font-size: .29rem
    }

    .f-30,
    .hcg .txt h6 {
        font-size: .3rem
    }

    .f-32 {
        font-size: .32rem
    }

    .f-33 {
        font-size: .33rem
    }

    .f-34 {
        font-size: .34rem
    }

    .f-35 {
        font-size: .35rem
    }

    .f-36,
    .hcd .wrap h6,
    .hjs .title h6,
    .hpk .fl h6,
    .hpk .fr h6 {
        font-size: .36rem
    }

    .f-38 {
        font-size: .38rem
    }

    .f-40 {
        font-size: .4rem
    }

    .f-46 {
        font-size: .46rem
    }

    .f-48 {
        font-size: .48rem
    }

    .f-50 {
        font-size: .5rem
    }

    .f-52 {
        font-size: .52rem
    }

    .f-70 {
        font-size: .7rem
    }

    .f-72 {
        font-size: .72rem
    }

    .f-100 {
        font-size: 1rem
    }

    .f-174 {
        font-size: 1.74rem
    }

    body {
        overflow-x: hidden;
        font-size: .2rem
    }

    .wrap {
        margin: 0 auto
    }

    .xs-banner,
    .xs-footer,
    .xs-header {
        display: block !important
    }

    .bwrap,
    .mwrap,
    .swrap,
    .w980,
    .wrap {
        width: 100%;
        box-sizing: border-box;
        padding: 0 .4rem
    }

    .main {
        padding-top: 1.04rem !important;
        padding-bottom: 1rem !important
    }

    .xs-header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 200
    }

    .xs-header .top {
        height: 1.04rem;
        box-shadow: 0 0 .24rem rgba(0, 0, 0, .15);
        padding: .15rem .4rem;
        position: relative;
        z-index: 200
    }

    .xs-header .top h1 {
        float: left;
        margin-left: 5px;
    }

    .xs-header .top h1 img {
        height: .74rem;
        width: auto
    }

    .xs-header .top .fr {
        line-height: .74rem
    }

    .xs-header .top .fr a {
        margin-left: .4rem;
        font-size: .42rem;
        color: #39588b;
        font-weight: 700
    }

    .xs-header .top .fr a.lan {
        font-size: .34rem;
        font-family: jol
    }

    .xs-header .top .fr a.menu:after {
        content: '\e692'
    }

    .xs-header .top .fr a.menu.active:after {
        content: '\e619'
    }

    .xs-header .nav {
        position: fixed;
        top: 0;
        z-index: 199;
        padding-top: 1rem;
        text-align: center;
        display: none
    }

    .tools,
    .tools .link.user {
        padding: .2rem 0;
        box-sizing: border-box
    }

    .xs-header .nav p {
        margin-bottom: .7rem
    }

    .tools {
        background: #39588b;
        width: 100%;
        height: 1rem;
        display: block !important
    }

    .tools .link {
        float: left;
        transform: translateX(0);
        width: 33.33%;
        line-height: .6rem;
        height: .6rem;
        text-align: center;
        box-sizing: border-box
    }

    .tools .link.user,
    .tools .link.user:hover {
        transform: translateY(-.2rem)
    }

    .tools .link.user {
        height: 1rem;
        line-height: .6rem
    }

    .hcd .wrap p,
    .hcg .txt p,
    .hjs .title p,
    .hpk .fl>p,
    .hpk .fr>p {
        line-height: 1.5
    }

    .tools .link em,
    .tools .link i {
        width: auto;
        float: none;
        display: inline-block;
        vertical-align: top
    }

    .tools .link i {
        margin-right: .12rem;
        font-size: .5rem
    }

    .tools .link i.icon-huo,
    .tools .link i.icon-shaixuan,
    .tools .link i.icon-user,
    .tools .link i.icon-weixin {
        width: .6rem;
        height: .6rem
    }

    .tools .link em {
        font-size: .25rem;
        display: none
    }

    .tools .link:nth-child(2) {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff
    }

    .tools .link:nth-child(4) {
        position: relative;
        border-left: 1px solid #fff
    }

    .tools .link:hover {
        width: 25%;
        transform: translateX(0)
    }

    .cp-zl>img,
    .hpk .fl h6:after,
    .hpk .fr h6:after,
    .hty .nr .item img {
        left: 50%;
        transform: translateX(-50%)
    }

    .tools .gotop {
        position: fixed;
        right: .1rem;
        bottom: 1rem;
        z-index: 100
    }

    .xs-banner .swiper-pagination span {
        width: .14rem;
        height: .14rem;
        margin: 0 .08rem;
        background-color: #fff;
        opacity: .7;
        transition: all ease-in-out .3s;
        -moz-transition: all ease-in-out .3s;
        -webkit-transition: all ease-in-out .3s;
        -o-transition: all ease-in-out .3s
    }

    .xs-banner .swiper-pagination span.swiper-pagination-bullet-active {
        opacity: 1 !important
    }
    .xs-banner .bannervideo
    {
        width:100%;
        height:53vw;
        overflow:hidden;
    }
    .xs-banner .bannervideo video
    {
        width:100%;
        height:100%;
        object-fit:cover;
    }
    .xs-banner a
    {
        display:block;
        width:100%;
        height:53vw;
    }
    .xs-banner img
    {
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .hpk {
        padding: .5rem .4rem
    }

    .hpk .fl,
    .hpk .fr {
        width: 100%;
        text-align: center
    }

    .hpk .fl h6:after,
    .hpk .fr h6:after {
        content: '';
        display: block;
        width: 1.1rem;
        height: .04rem;
        background: #39588b;
        position: absolute;
        bottom: 0
    }

    .hpk .fl .num,
    .hpk .fr .num {
        display: block
    }

    .hcd .wrap h6 br,
    .hjs .title br {
        display: none
    }

    .hpk .fl .num .item,
    .hpk .fr .num .item {
        width: 50%;
        float: left;
        margin-bottom: .3rem
    }

    .hpk .fr {
        margin-top: .2rem
    }

    .hpk .fr .video {
        width: 100%;
        box-shadow: none
    }

    .hjs {
        padding: .5rem 0
    }

    .hcd .wrap,
    .hjs .wrap {
        padding: 0 .4rem
    }

    .hjs .nr {
        margin-top: .5rem;
        margin-right: -.5rem
    }

    .hjs .nr .item {
        height: 5.7rem
    }

    .hcd {
        overflow: hidden;
        margin-bottom: 0
    }

    .hcd>img {
        height: 90%;
        width: auto;
        position: absolute
    }

    .cp-zl,
    .cp-zl>img,
    .hcd .txt,
    .hxw .nr {
        position: relative
    }

    .hcd .wrap h6 {
        padding-top: .4rem
    }

    .hcd .wrap p {
        padding: 0;
        margin-top: .3rem
    }

    .hcd .wrap img {
        width: 100%;
        margin-top: .5rem
    }

    .hcg {
        padding: 0 .4rem
    }

    .hcg .txt {
        padding-bottom: .2rem
    }

    .hcg .list .item {
        width: 100%;
        padding-right: 0;
        padding-left: 0 !important
    }

    .hty {
        padding: .7rem 0
    }

    .hty .title h6 {
        font-size: .36rem
    }

    .hty .wrap {
        padding: 0 .4rem
    }

    .hty .nr .item {
        width: 2.1rem;
        height: auto;
        padding: .5rem .06rem 1.4rem;
        text-align: center
    }

    .about .top .hover,
    .cp-zl .txt,
    .hxw,
    .page-current .wrap,
    .page-nav .wrap,
    .page-tab .wrap {
        padding: 0 .4rem
    }

    .hty .nr .item h6 {
        font-size: .24rem
    }

    .hty .nr .item p {
        line-height: 1.3;
        font-size: .16rem
    }

    .hxw .nr>a,
    .zbcx .txt h5 {
        font-size: .5rem
    }

    .hty .nr .item img {
        bottom: .5rem;
        width: .82rem
    }

    .cp-zl {
        height: 4.8rem;
        overflow: hidden
    }

    .cp-zl>img {
        width: auto;
        height: 100%;
        display: block
    }

    .cp-zl .txt p {
        line-height: 1.5
    }

    .cp-zl.hm .txt a {
        width: 3.3rem
    }

    .hxw .title {
        padding: .6rem 0
    }

    .hxw .nr {
        padding: 0 .95rem .6rem;
        display: block
    }

    .hxw .nr>a {
        display: block;
        position: absolute;
        top: 1.5rem;
        font-weight: 700;
        color: #b2b2b2
    }

    .hxw .nr>a.prev {
        left: 0
    }

    .hxw .nr>a.next {
        right: 0
    }

    .hxw .nr .swiper-slide {
        width: 100%
    }

    .about .top>img,
    .page-ban>img {
        width: auto;
        left: 50%;
        display: block;
        transform: translateX(-50%);
        position: relative
    }

    .page-ban {
        height: 4rem;
        position: relative;
        overflow: hidden
    }

    .page-ban>img {
        height: 100%
    }

    .page-nav .wrap a {
        margin-right:10px;
    }

    .page-nav .wrap a:last-child {
        margin-right: 0
    }

    .page-tab .wrap a {
        margin-right: .5rem
    }

    .page-tab .wrap a:last-child {
        margin-right: 0
    }

    .about .top {
        height: 6rem;
        position: relative;
        overflow: hidden
    }

    .about .top>img {
        height: 100%
    }

    .about .top .hover {
        box-sizing: border-box
    }

    .about .center .title {
        padding: .5rem .4rem
    }

    .about .center .nr {
        padding: 0 .4rem
    }

    .about .center .nr .item .img,
    .about .center .nr .item .txt {
        width: 100%;
        position: static;
        padding: 0
    }

    .about .center .nr .item .txt {
        padding: .4rem 0 !important
    }

    .about .center .nr .item .txt p {
        margin-bottom: .4rem
    }

    .about .desc {
        padding: .5rem .4rem
    }

    .about .desc .nr {
        margin-top: .4rem;
        width: 100%
    }

    .about .bottom {
        height: 6rem;
        position: relative;
        overflow: hidden
    }

    .about .bottom>img {
        position: relative;
        left: 50%;
        width: auto;
        height: 100%;
        display: block;
        transform: translateX(-50%)
    }

    .quanqiu .top {
        padding-top: .4rem
    }

    .quanqiu .top .nr p {
        width: 100%;
        text-align: justify
    }

    .ppln .top {
        padding-top: .5rem
    }

    .ppln .top .item {
        margin: 0 !important
    }

    .ppln .top .item .img,
    .ppln .top .item .txt {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important
    }

    .ppln .top .item .txt {
        padding: .4rem 0 !important
    }

    .ppln .down {
        height: 7.6rem;
        position: relative;
        overflow: hidden
    }

    .ppln .down>img {
        position: relative;
        left: 50%;
        width: auto;
        height: 100%;
        display: block;
        transform: translateX(-50%)
    }

    .ppln .down .txt .desc {
        padding: 0
    }

    .history {
        height: auto
    }

    .history .wrap {
        padding: .5rem .4rem
    }

    .history .wrap .left {
        width: 2.9rem;
        padding-left: 1rem
    }

    .history .wrap .left img {
        left: 0;
        width: .8rem
    }

    .history .wrap .left .time {
        font-size: .36rem;
        margin-top: 0;
        height: auto
    }

    .history .wrap .left .time p {
        margin-bottom: .13rem
    }

    .biaozhun .img dd,
    .history .wrap .right .nr img {
        margin-bottom: .4rem
    }

    .history .wrap .right {
        width: 3.5rem;
        padding-top: .2rem
    }

    .history .wrap .right .nr {
        margin-top: .4rem
    }

    .history .wrap .right .nr br {
        display: none
    }

    .title .f-100 {
        font-size: .88rem
    }

    .biaozhun .img {
        display: block
    }

    .biaozhun .img dd {
        width: 100%
    }

    .biaozhun .img dd p {
        padding: 0 .4rem
    }

    .biaozhun .txt,
    .hp-list {
        padding-bottom: .4rem
    }

    .biaozhun .txt {
        width: 100%;
        text-align: justify
    }

    .hp-list .mwrap {
        display: block;
        padding: .2rem .1rem;
        overflow: hidden
    }

    .hp-list .mwrap .item {
        float: left;
        width: 50%;
        box-sizing: border-box;
        margin-bottom: 0
    }

    .pagination_container {
        padding: .4rem 0
    }

    .news-list {
        padding-top: .4rem
    }

    .news-list .item {
        margin-bottom: .4rem;
        display: block;
        padding: .3rem
    }

    .news-list .item:last-child {
        margin-bottom: 0
    }

    .news-list .item .img {
        width: 100%
    }

    .news-list .item .txt {
        padding: .3rem 0 0
    }

    .news-list .item .txt h6 {
        margin: .2rem 0
    }

    .news-list .item .txt p {
        line-height: .32rem;
        max-height: .64rem;
        overflow: hidden;
        margin-bottom: .2rem
    }

    .news-list .item:hover .txt .z {
        width: 1.1rem
    }

    .detail {
        padding: .5rem 0
    }

    .relate-news {
        padding: .4rem
    }

    .relate-news .nr .item {
        width: 48%
    }

    .relate-news .nr .item:last-child {
        display: none
    }

    .jishu .top {
        padding: .5rem 0 1.8rem;
        background-position: center 25%
    }

    .jishu .top .nr .left {
        width: 100%;
        padding-bottom: 1.3rem
    }

    .jishu .top .nr .left img {
        width: 4.4rem
    }

    .jishu .top .nr .right,
    .jishu .top .nr .right .video {
        width: 100%
    }

    .jishu .top .nr .right .txt {
        margin-top: .4rem
    }

    .jishu .center .nr {
        padding: 0
    }

    .jishu .center .nr .item {
        display: block;
        position: relative
    }

    .jishu .center .nr .item .img {
        width: 40%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .jishu .center .nr .item .txt {
        width: 60%;
        float: right
    }

    .jishu .center .nr .item .txt .info {
        padding: .3rem !important;
        margin: 0 !important;
        width: 100%
    }

    .jishu .center .nr .item .txt .info p {
        line-height: 1.5
    }

    .jishu .center .nr .item .txt .info a {
        margin-top: .2rem
    }

    .jishu .center .nr .item:nth-child(2n) .txt {
        float: left
    }

    .jishu .center .nr .item:nth-child(2n) .img {
        right: 0;
        left: auto
    }

    .jishu .bottom {
        padding: .5rem 0
    }

    .jishu .bottom .nr {
        flex-wrap: wrap;
        margin: 0 -.3rem
    }

    .jishu .bottom .nr .item {
        width: 3.35rem
    }

    .js-box {
        padding: .4rem
    }

    .js-box:after {
        height: 1.3rem
    }

    .js-box .img {
        width: 100%
    }

    .js-box .txt {
        width: 100%;
        padding: .4rem 0 0
    }

    .js-box .txt .item {
        width: 100% !important
    }

    .js-box .txt .item p {
        line-height: 1.7 !important
    }

    .js-box .txt .small {
        position: static;
        margin-top: .6rem
    }

    .wd-list .item {
        margin-bottom: .4rem
    }

    .smzls {
        margin: .4rem auto;
        width: 100%;
        box-sizing: border-box;
        padding: .4rem
    }

    .smzls .img {
        width: 2rem
    }

    .smzls .txt {
        padding: 0 0 0 .4rem
    }

    .smzls .txt h6 {
        line-height: 1.2;
        margin-bottom: .1rem
    }

    .smzls .txt p {
        line-height: 1.5
    }

    .smzls .txt .tip {
        bottom: 0
    }

    .contact {
        width: 100%;
        padding: .4rem;
        box-sizing: border-box
    }

    .contact.jiameng {
        padding: .4rem 1.2rem
    }

    .contact.jiameng .form .input {
        display: block
    }

    .contact.jiameng .form .input input {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: .2rem;
        height: .62rem;
        line-height: .62rem
    }

    .contact.jiameng .form .xl {
        width: 100%;
        display: block;
        margin-top: 0
    }

    .contact.jiameng .form .xl .select {
        width: 100%;
        margin-bottom: .2rem;
        height: .58rem
    }

    .contact.jiameng .form .xl .select>span {
        line-height: .58rem
    }

    .contact.jiameng .form .xl .select p {
        top: .58rem
    }

    .zbcx {
        padding: .4rem
    }

    .zbcx .img {
        width: 90%
    }

    .zbcx .txt {
        padding: 2.8rem .4rem .5rem
    }

    .zbcx .txt h4 {
        font-size: .36rem
    }

    .zwcx {
        padding: .4rem
    }

    .zwcx .item .img {
        width: 90% !important
    }

    .zwcx .fwm .img {
        width: 100%
    }

    .cp-fl .types {
        display: block;
        overflow: hidden;
        margin-right: -.4rem;
        padding-bottom: .1rem
    }

    .cp-fl .types a {
        margin-right: .4rem;
        float: left;
        margin-bottom: .2rem
    }

    .cp-list .more,
    .cp-list ul li {
        margin-bottom: .6rem
    }

    .cp-xl {
        padding: .4rem
    }

    .cp-xl .txt {
        width: 75%
    }

    .cp-xl .txt .hover {
        width: 63%;
        padding: .4rem .2rem
    }

    .cp-xl .txt .hover h6 {
        font-size: .45rem
    }

    .cp-xl .txt .hover a {
        width: 100%
    }

    .cp-xl .img {
        width: 47%;
        right: .4rem;
        top: .8rem
    }

    .cp-list ul {
        padding-top: .6rem
    }

    .cp-list ul li {
        width: 50%;
        padding: 0 .4rem
    }

    .pro-top .wrap {
        padding: 0
    }

    .pro-top .wrap .img {
        width: 100%;
        border-right: none
    }

    .pro-top .wrap .txt {
        width: 100%;
        padding: .4rem;
        border-top: 1px solid #eee
    }

    .pro-top .wrap .txt .nr {
        width: 100%
    }

    .pro-top .wrap .txt .nr .bor {
        display: block
    }

    .pro-top .wrap .txt .nr .item {
        width: 100%;
        border: none !important
    }

    .pro-top .wrap .txt .nr .item:nth-child(2) {
        border-top: .02rem solid #39588b !important
    }

    .pro-top .wrap .txt .more {
        height: .6rem;
        line-height: .6rem
    }

    .pro-desc h6 {
        margin-left: 0
    }

    .pro-desc .nbor .item {
        width: 100% !important
    }

    .pro-desc .nbor.other {
        padding: .4rem !important
    }

    .hxkj {
        padding: .4rem 0 0
    }

    .hxkj .wrap {
        padding-right: 0
    }

    .hxkj .wrap h6 {
        margin-left: 0
    }

    .hxkj .wrap .nr {
        padding: 0;
        margin-top: .4rem
    }

    .dbtb,
    .result {
        padding: .4rem
    }

    .hxkj .wrap .nr .item {
        margin-right: .3rem;
        margin-bottom: .3rem;
        width: 2.03rem
    }

    .hxkj .wrap .nr .item:nth-child(3n) {
        margin-right: 0
    }

    .dbtb img {
        margin: 0 .4rem
    }

    .result .sear a {
        line-height: .6rem;
        font-size: .4rem
    }

    .result .sear input {
        height: .6rem
    }

    .mall .filter {
        width: 100%;
        margin: .5rem auto 0;
        flex-wrap: wrap;
        overflow: hidden
    }

    .mall .filter .js-select {
        width: 48%;
        margin-bottom: .2rem;
        height: .6rem;
        float: left;
        background: #fff
    }

    .mall .filter .js-select>span {
        line-height: .6rem
    }

    .mall .filter .js-select:nth-child(2n) {
        float: right
    }

    .mall .filter .js-select p {
        top: .6rem
    }

    .mall .nr {
        margin-top: .2rem
    }

    .mall .nr .map {
        width: 100%;
        height: 10rem
    }

    .store,
    .store iframe {
        width: 100%;
        height: 100%
    }

    .mall .nr .txt {
        width: 100%;
        margin-top: .4rem
    }

    .mall .nr .txt .auto {
        padding: 0 .2rem
    }

    .mall .nr .txt .auto .item {
        padding: .3rem 0
    }

    .store {
        position: fixed;
        left: 0;
        top: 0;
        box-sizing: border-box;
        padding: 0 !important
    }

    .store .filter {
        position: absolute;
        left: .2rem;
        right: .2rem;
        bottom: .3rem;
        background: #fff;
        padding: .26rem;
        z-index: 100
    }

    .store .filter .btn {
        display: block;
        height: .92rem;
        line-height: .92rem;
        background: #038ec6;
        text-align: center;
        color: #fff
    }

    .store .filter .nr {
        padding: .26rem 0;
        display: flex;
        justify-content: space-between
    }

    .store .filter .nr select {
        border: 1px solid #dcdcdc;
        height: .7rem;
        line-height: .7rem;
        width: 32%;
        box-sizing: border-box;
        padding: 0 .1rem
    }

    .store .filter button {
        height: .78rem;
        display: block;
        width: 100%;
        line-height: .78rem;
        background: #10417a;
        color: #fff;
        text-align: center
    }

    .jdcg {
        padding-bottom: 2rem
    }

    .jdcg .clearfix {
        padding-top: .4rem
    }

    .jdcg .clearfix .img {
        width: 100%
    }

    .jdcg .clearfix .txt {
        width: 100%;
        padding: .3rem 0 0;
        box-sizing: border-box
    }

    .jdcg .clearfix:nth-child(2) .txt {
        padding-top: 0
    }

    .jdlx {
        padding: .5rem .4rem
    }

    .dtai {
        padding: .4rem;
        background: 0 0
    }

    .dtai:before {
        content: '';
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: url(../../images/home/dtbg.jpg) center top no-repeat #f4f5f5;
        background-size: cover
    }

    .dtai .more,
    .dtai .wrap {
        position: relative;
        z-index: 2
    }

    .dtai .wrap {
        width: 100%;
        padding: 0
    }

    .dtai .wrap .item .user p {
        width: 1.2rem
    }

    .layer .dt-layer>a.prev {
        left: -.7rem
    }

    .layer .dt-layer>a.next {
        right: .1rem;
        top: 1.2rem
    }

    .layer .dt-layer .nr {
        width: 6rem;
        margin-left: -3rem
    }

    .layer .dt-layer .img .swiper-pagination span {
        width: .16rem !important;
        height: .16rem !important
    }

    .login {
        padding: 1rem .4rem
    }

    .zlxz {
        padding: .8rem 0;
        margin: 0 -.15rem
    }

    .zlxz a {
        margin: 0 .15rem
    }

    .zlxz a img {
        width: 1.5rem
    }

    .zl-list {
        padding: .4rem 0 0
    }

    .zl-list .item {
        width: 50%
    }

    .sp-xq {
        padding: .4rem
    }

    .sp-xq .video {
        margin-top: .3rem;
        width: 100%
    }

    .mall {
        padding: 0 !important
    }

    .mall #wrap {
        width: 100% !important;
        margin: 0 !important
    }

    .mall #wrap #allmap {
        width: 100% !important;
        margin-top: 0 !important;
        height: 6rem !important
    }

    .mall #wrap #info .clearfix {
        display: flex;
        justify-content: space-between;
        padding: .2rem !important
    }

    .mall #wrap #info .clearfix:after {
        display: none !important
    }

    .mall #wrap #info .clearfix select {
        width: auto !important;
        width: 31% !important;
        margin: 0 !important
    }

    .mall #wrap #all_dizhi {
        position: absolute;
        height: auto !important;
        left: 0;
        top: 6rem !important;
        width: 100% !important
    }

    .mall #wrap .tu_zuo {
        position: static;
        margin-top: 1.2rem !important;
        width: 7.1rem !important;
        margin-left: .2rem !important
    }

    .login-layer .wai-wrap {
        width: 90%
    }

    .login-layer .wai-wrap .nei-wrap {
        padding: 1.2rem .8rem .7rem;
        width: auto
    }

    .login-layer .wai-wrap .nei-wrap .input input,
    .login-layer .wai-wrap .nei-wrap .input span {
        height: .7rem;
        line-height: .7rem;
        font-size: .2rem
    }

    .login-layer .wai-wrap .nei-wrap .input span {
        width: 1.8rem
    }

    .login-layer .wai-wrap .nei-wrap .submit {
        height: .7rem;
        line-height: .7rem
    }

    .login-layer .wai-wrap .nei-wrap p {
        padding-bottom: .35rem
    }
}

.paging {
    width: 100%;
    margin: auto;
    padding: 0.3rem 0 0.8rem 0;
    font-size: 0.2rem;
}

.paging a {
    width: 0.4rem;
    height: 0.4rem;
    display: block;
    float: left;
    text-align: center;
    line-height: 0.4rem;
    border: 0.02rem solid #e5e5e5;
    border-left: none;
    color: #909090;
}

.paging a:nth-child(1) {
    border-left: 0.02rem solid #e5e5e5;
}

.paging span {
    width: 0.4rem;
    height: 0.4rem;
    display: block;
    float: left;
    text-align: center;
    line-height: 0.4rem;
    border: 0.02rem solid #e5e5e5;
    border-left: none;
    color: #909090;
}

.paging span:nth-child(1) {
    border-left: 0.02rem solid #e5e5e5;
}

.paging .is-active {
    background: #39588b;
    color: #fff;
}

.product-paging {
    padding-left: 1rem;
}

.product-font {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.3rem;
}

.product-font img {
    display: block;
    margin: 0.2rem auto;
    max-width: 100%;
}

.contact.jiameng .form .btn {
    cursor: pointer;
}

.footer .bwrap {
    min-height: 5rem;
}

.contact .content {
    width: 100%;
    overflow: hidden;
    padding-top: 2rem;
}

.contact .content .text {
    width: 40%;
    float: left;
    text-align: left;
    padding-right: 5px;
    box-sizing: border-box;
}

.contact .content .map {
    width: 60%;
    float: right;
    height: 5rem;
}

.video-list {
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    overflow: hidden;
    display:flex;
    flex-wrap:wrap;
}

.video-list li {
    position: relative;
    width: 48%;
    height: 450px;
    margin: 1% 1% 50px 1%;
}

.video-list li h3 {
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
}

.video-list .videoCol {
    width: 100%;
    height: 100%;
}

.video-list .videoCol video {
    width: 100%;
    height: 100%;
}

.video-list .videoCol::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
}

.video-list .playing::before {
    display: none;
}

.video-list .videoCol::after {
    content: '';
    z-index: 2;
    position: absolute;
    width: 110px;
    height: 110px;
    left: 50%;
    top: 50%;
    margin: -55px 0 0 -55px;
    cursor: pointer;
    background: url(../../images/home/video_play.png) no-repeat;
    background-size: contain;
}

.video-list .playing::after {
    display: none;
}

.page-nav .wrap a {
    font-size: 15px;
}

.page-tab .wrap a {
    font-size: 13px;
}

.mobile-footer {
    display: none;
}

.product-list {
    padding: 0 2rem;
}

.product-list li {}

.product-list p {
    padding-top: 20px;
}

.product-list p a {
    font-size: 16px;
    padding: 2px 0;
    display: inline-block;
}

.product-content img {
    display: inline-block !important;
    margin: 0.2rem 0 !important;
    width: auto !important;
}

@media screen and (max-width: 750px) {
    .paging {
        padding: 0.3rem;
    }

    .product-paging {
        padding: 0.5rem 0 1rem 0.4rem !important;
    }

    .product-font {
        font-size: 0.28rem;
        line-height: 0.5rem;
    }

    .contact.jiameng .form .btn {
        width: 100%;
        margin: 0 auto;
    }

    .wap_search input {
        border-bottom: 0.02rem solid #ccc;
        padding: 0.08rem 0;
        font-size: 0.3rem;
    }

    .wap_search button {
        font-size: 0.4rem;
    }

    .tools {
        display: flex !important;
    }

    .tools .link {
        flex: 1;
    }

    .tools .link:nth-child(2) {
        border-right: 0;
    }

    .contact .content {
        padding-top: 0;
    }

    .contact .content .text {
        width: 100%;
        text-align: center;
        padding-bottom: 0.5rem;
    }

    .contact .content .map {
        width: 100%;
    }

    .video-list {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .video-list li {
        position: relative;
        width: 100%;
        height: 250px;
        margin: 1% 0 40px 0;
    }

    .video-list li h3 {
        font-size: 16px;
        text-align: center;
        padding-top: 10px;
    }

    .video-list .videoCol {
        width: 100%;
        height: 100%;
    }

    .video-list .videoCol::after {
        content: '';
        z-index: 2;
        position: absolute;
        width: 80px;
        height: 80px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        cursor: pointer;
        background: url(../../images/home/video_play.png) no-repeat;
        background-size: contain;
    }

    .about .top .hover .nr {
        line-height: 1.7;
        text-align: left;
    }

    .page-nav .wrap a {
        font-size: 14px !important;
    }

    .page-tab .wrap a {
        font-size: 12px;
    }

    .mobile-footer {
        display: block;
        background: #1a1a1a;
        padding: 50px 10px;
        box-sizing: border-box;
    }

    .mobile-footer .logo {
        display: block;
        width: 40%;
        margin: auto;
    }

    .mobile-footer .tel {
        text-align: center;
        font-size: 13px;
        line-height: 20px;
        color: #fff;
        padding-top: 15px;
    }

    .mobile-footer .copyright {
        font-size: 13px;
        color: #fff;
        text-align: center;
        padding-top: 30px;
        line-height: 20px;
    }

    .mobile-footer .copyright a {
        font-size: 13px;
        color: #fff;
        font-size: 13px;
    }

    .product-list {
        padding: 0.5rem 0.2rem 0.2rem 0.2rem;
    }

    .cp-list ul li {
        width: 48% !important;
        margin: 0 1% 10% 1% !important;
    }

    .product-list p a {
        font-size: 13px;
    }

    .product-list p {
        padding-top: 10px;
    }
}


/**专卖店样式**/
.storelist {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px 2rem;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-top: 30px;
}

.storelist .grid {
    width: 23%;
    height: auto;
    overflow: hidden;
    margin-right: 2.66%;
    margin-bottom: 30px;
}

.storelist .grid:nth-child(4n) {
    margin-right: 0px;
}

.storelist .grid a {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.storelist .grid a .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.storelist .grid a .pic img {
    width: 100%;
    height: auto;
    transition: 1s;
}

.storelist .grid:hover a .pic img {
    transform: scale(1.1);
}

.storelist .grid a .tit {
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
    color: #fff;
}

@media screen and (max-width:750px) {
    .storelist {
        padding: 0px 4%;
    }

    .storelist .grid {
        width: calc(50% - 7.5px);
        margin-bottom: 15px;
        margin-right: 15px;
    }

    .storelist .grid:nth-child(2n) {
        margin-right: 0px;
    }
}

/**专卖店样式 end**/
/**酒店工程**/
.caselist {
    width: 72%;
    height: auto;
    overflow: hidden;
    margin:auto;
    margin-top: 50px;
    position:relative;
    box-sizing: border-box;

}
.caselist::before
{
    content:'';
    width:100%;
    box-sizing: border-box;
    border:1px solid #333;
    height:250px;
    top:40px;
    left:0px;
    position:absolute;
    z-index:5;
}


.caselist .catebigtit {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.caselist .catebigtit .text {
    background: #fff;
    max-width: 340px;
    font-size: 35px;
    font-family: 'Arial';
    line-height: 40px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.caselist .mwrap {
    position: relative;
    width: 80%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    z-index: 100;
    padding:0px;
}

.caselist .mwrap .item {
    width: 23%;
    height: auto;
    overflow: hidden;
    margin-right: 2.66%;
    margin-bottom: 30px;
}

.caselist .mwrap .item:nth-child(4n) {
    margin-right: 0px;
}

.caselist .mwrap .item a {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.caselist .mwrap .item a .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.caselist .mwrap .item a .pic img {
    width: 100%;
    height: auto;
    transition: 1s;
}

.caselist .mwrap .item:hover a .pic img {
    transform: scale(1.1);
}

.caselist .mwrap .item a .tit {
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}
@media screen and (max-width:750px) {
    .caselist{
        width:100%;
        padding: 0px 4%;
        margin-top:15px;
    }
    .caselist .catebigtit .text 
    {
        font-size:20px;
        line-height:25px;
    }
    .caselist .mwrap
    {
        width:100%;
        margin-top:15px;
    }
    .caselist::before
    {
        display:none;
    }
    .caselist .mwrap .item {
        width: calc(50% - 7.5px);
        margin-bottom: 15px;
        margin-right: 15px;
    }

    .caselist .mwrap .item:nth-child(2n) {
        margin-right: 0px;
    }
}
/**酒店工程 end**/

/**招商加盟**/
.join_content{
    width:100%;
    height:auto;
    overflow:hidden;
}
.join_content .content {
    margin-bottom: 200px;

}

@media screen and (max-width: 1420px) {
    .join_content .content {
        padding:0 15px
    }
}

.join_content .content .section1 {
    position: relative
}

@media screen and (max-width: 737px) {
    .join_content .content .section1 {
        width:100%;
        margin-top: 100px
    }
}

@media screen and (min-width: 737px) and (max-width:1419px) {
    .join_content .content .section1 {
        width:100%;
        margin-top: 100px;
        padding: 60px 0 0 70px
    }
}

@media screen and (min-width: 1420px) {
    .join_content .content .section1 {
        width:1420px;
        margin: 149px auto 0;
        padding: 60px 0 0 70px
    }
}

@media screen and (max-width: 736px) {
    .join_content .content .section1 .img_box {
        width:100%
    }
}

@media screen and (min-width: 737px) {
    .join_content .content .section1 .img_box {
        width:45%;
        position: absolute;
        top: 0;
        left: 70px
    }
}

.join_content .content .section1 .img_box div {
    display: inline-block;
    max-width: 100%;
    padding: 0 0 34px 34px;
    background-image: url(../../images/home/bg2.png);
    background-repeat: no-repeat;
    background-position: -34px 34px;
    background-size: 100% 100%
}

.join_content .content .section1 .img_box img {
    max-width: 100%
}

.join_content .content .section1 .test_box>p {
    font-family: Times New Roman
}

@media screen and (max-width: 736px) {
    .join_content .content .section1 .test_box>p {
        font-size:26px;
        margin: 20px 0
    }
}

@media screen and (min-width: 737px) and (max-width:1419px) {
    .join_content .content .section1 .test_box>p {
        font-size:35px;
        text-align: right;
        margin: 0 0 40px
    }
}

@media screen and (min-width: 1420px) {
    .join_content .content .section1 .test_box>p {
        font-size:40px;
        text-align: right;
        margin: 0 0 40px
    }
}

@media screen and (min-width: 737px) {
    .join_content .content .section1 .test_box>div {
        border:2px solid #000;
        margin-left: 10%;
        overflow:hidden;
    }
}

@media screen and (max-width: 736px) {
    .join_content .content .section1 .test_box>div div {
        width:100%
    }
}

@media screen and (min-width: 737px) {
    .join_content .content .section1 .test_box>div div {
        width:50%;
        float: right;
        margin: 8% 0
    }
}

.join_content .content .section1 .test_box>div div h2 {
    font-size: 16px;
    text-align: left
}

.join_content .content .section1 .test_box>div div h2:after {
    display: inline-block;
    content: "";
    position: relative;
    left: 12px;
    border-bottom: 1px solid #000;
    vertical-align: 6px;
    width: 80px;
    height: 1px
}

.join_content .content .section1 .test_box>div div h1 {
    font-family: Times New Roman;
    text-align: left
}

@media screen and (max-width: 736px) {
    .join_content .content .section1 .test_box>div div h1 {
        font-size:26px;
        margin: 15px 0
    }
}

@media screen and (min-width: 737px) and (max-width:1419px) {
    .join_content .content .section1 .test_box>div div h1 {
        font-size:30px;
        margin: 0 0 41px
    }
}

@media screen and (min-width: 1420px) {
    .join_content .content .section1 .test_box>div div h1 {
        font-size:40px;
        margin: 0 0 41px
    }
}

.join_content .content .section1 .test_box>div div p {
    color: #777;
    margin: 10px 0
}

.join_content .content .section1 .aside {
    position: absolute;
    left: -85px;
    top: 116px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (max-width: 736px) {
    .join_content .content .section1 .aside {
        display:none
    }
}

.join_content .content .section1 .aside p {
    font-size: 20px;
    font-family: Times New Roman
}

.join_content .content .section2 {
    opacity: 1
}

@media screen and (max-width: 1199px) {
    .join_content .content .section2 {
        width:100%;
        margin-top: 60px
    }
}

@media screen and (min-width: 1200px) {
    .join_content .content .section2 {
        width:1200px;
        margin: 188px auto 0
    }
}

@media screen and (max-width: 768px) {
    .join_content .content .section2>div {
        width:100%
    }
}

@media screen and (min-width: 769px) {
    .join_content .content .section2>div {
        width:48%;
        display: inline-block
    }
}

@media screen and (max-width: 768px) {
    .join_content .content .section2>div h2 {
        margin-top:30px
    }
}

@media screen and (min-width: 1200px) {
    .join_content .content .section2>div h2 {
        margin-top:0px
    }
}

.join_content .content .section2>div h2:after {
    display: inline-block;
    content: "";
    position: relative;
    left: 12px;
    border-bottom: 1px solid #000;
    vertical-align: 6px;
    width: 80px;
    height: 1px
}

.join_content .content .section2>div h1 {
    font-family: Times New Roman
}

@media screen and (max-width: 1199px) {
    .join_content .content .section2>div h1 {
        font-size:30px;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1200px) {
    .join_content .content .section2>div h1 {
        font-size:40px;
        margin-bottom: 20px
    }
}

.join_content .content .section2>div h3 {
    margin: 13px 0
}

.join_content .content .section2>div p {
    line-height: 26px;
    font-size: 12px;
    color: #777
}

@media screen and (max-width: 768px) {
    .join_content .content .section2>p {
        width:100%;
        text-align: center
    }
}

@media screen and (min-width: 769px) {
    .join_content .content .section2>p {
        width:50%;
        float: right
    }
}

.join_content .content .section2>p img {
    max-width: 100%
}
/**招商加盟 end**/
/**视频展示**/
.video-list3 li
{
    width:31.33%;
}
@media screen and (max-width: 768px)
{
    .video-list3 li
    {
        width: 100%;
    }
}
.indexvideo video 
{
    object-fit: cover;
}
/**视频展示 end**/
/**详情页**/
.detail .wrap
{
    padding-left:1.4rem;
}
@media screen and (max-width:768px)
{
    .detail .wrap
    {
        padding-left:0rem;
    }    
}
/**详情页 end**/