a,
body,
dd,
dl,
dt,
fieldset,
figcaption,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
input,
legend,
li,
ol,
p,
span,
ul {
margin: 0;
padding: 0;
font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

fieldset,
img {
border: none
}

/* img {
display: block;
width: 100%;
font-size: 0
} */

address,
caption,
cite,
code,
dfn,
th,
var {
font-style: normal;
font-weight: 400
}

li,
ol,
ul {
list-style: none
}

input::-moz-focus-inner {
border: none;
padding: 0
}

input,
select {
vertical-align: middle;
display: block
}

input,
select,
textarea {
font-size: 13px;
margin: 0
}

input[type=password],
input[type=text],
textarea {
outline-style: none;
-webkit-appearance: none;
outline: 0
}

button {
outline: 0
}

textarea {
resize: none;
overflow: hidden
}

select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0
}

table {
border-collapse: collapse
}

.clearit {
clear: both;
height: 0;
font-size: 0;
overflow: hidden;
width: 100%
}

a,
div,
figcaption,
figure,
footer,
header,
img,
input,
li,
nav,
p,
section,
select,
table,
td {
box-sizing: border-box
}

a {
text-decoration: none;
/* display: block; */
color: #000
}

body {
margin: 0 auto;
position: relative
}

body,
html {
margin: 0 auto;
max-width: 640px
}

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

/* 顶部 */
a{
color: #343434;
}
.content{
width: 95%;
margin:0 auto;
}
.top_nav {
position: relative;
height: 4.6rem;
}
.top_nav > .logo {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.top_nav > .logo img {
/*    width: 15.25rem;
height: 2.55rem; */
height:3.33rem;
width:auto;
}
.top_nav .l {
float: left;
}
.top_nav .l.top_nav_menu {
position: absolute;
width: 1.95rem;
/* height: 1.55rem; */
height: 100%;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background: url(//www.parfumsdere.com/public/images/left_jiantou.jpg) center no-repeat;
background-size: 1rem;
/* background-size: 1.0932037rem; */
/* background-size: 2.657184rem; */
}
.top_nav .l.top_nav_tel {
position: absolute;
width: 1.645rem;
height: 1.55rem;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.top_nav .l.top_nav_tel img{
width: 100%;
-webkit-animation: shaked 1s ease-in-out infinite;
-moz-animation: shaked 1s ease-in-out infinite;
-ms-animation: shaked 1s ease-in-out infinite;
animation: shaked 1s ease-in-out infinite
}
/* 底部 */
/* body{
padding-bottom: 7.5rem;
} */
.fix_footer {
position: fixed;
bottom: 0;
width: 100%;
max-width: 640px;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
background-color: #fff;
border-top: #eaeaea solid 1px;
z-index: 800;
}

.fix_footer ul li {
float: left;
width: 25%;
max-height: 3.2rem;
text-align: center;
}

.fix_footer ul li p {
height: 1.9rem;
margin-bottom: .25rem;
}

.fix_footer ul li span {
font-size: .9rem;
}

.fix_footer ul li:nth-child(1) p {
background: url('//www.parfumsdere.com/public/images/foot_fz.png') center no-repeat;
background-size: 1.76rem;
}

.fix_footer ul li:nth-child(2) p {
background: url('//www.parfumsdere.com/public/images/foot_zx.png') center no-repeat;
background-size: 1.76rem;
}

.fix_footer ul li:nth-child(3) p {
background: url('//www.parfumsdere.com/public/images/foot_dh.png') center no-repeat;
background-size: 1.6rem;
}

.fix_footer ul li:nth-child(4) p {
background: url('//www.parfumsdere.com/public/images/foot_fq.png') center no-repeat;
background-size: 1.76rem;
}


/* 弹框 */
.qptk {
display: none;
position: fixed;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10000;
}
.qptk > p {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.qptk > div {
position: absolute;
top: 45%;
left: 50%;
width: 100%;
max-width: 640px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.qptk > div > div:nth-child(1) {
height: 13rem;
overflow: hidden;
}
.qptk > div > div:nth-child(2) {
position: relative;
text-align: center;
width: 21rem;
margin: 0 auto;
padding-top: 1.75rem;
padding-bottom: 1rem;
background-color: #fff;
border-radius: 17px;
}
.qptk > div > div:nth-child(2) > p {
position: absolute;
width: 13rem;
height: 2.1rem;
top: 0;
left: 50%;
background: url('../images/30bg_03-min.png') center no-repeat;
background-size: cover;
padding-top:.15rem;
font-size: 1rem;
color: #fff;
-webkit-transform: translate(-50%, -45%);
-moz-transform: translate(-50%, -45%);
-ms-transform: translate(-50%, -45%);
transform: translate(-50%, -45%);
}
.qptk > div > div:nth-child(2) > div {
position: relative;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 1.75rem;
margin-bottom: 1.5rem;
}
.qptk > div > div:nth-child(2) > div .tkxf {
font-size: 1.3rem;
color: #000;
}
.qptk > div > div:nth-child(2) > div .tkzx {
font-size: 1.2rem;
color: #000;
font-weight: 400;
}
.qptk > div > div:nth-child(2) > div .tkren {
font-size: 0.8rem;
color: #8a8a8a;
margin-top: 0.25rem;
}
.qptk > div > div:nth-child(2) > div .tkth {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 50%);
-moz-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.qptk > div > div:nth-child(2) > a {
display: inline-block;
width: 8.25rem;
height: 2.5rem;
line-height: 2.5rem;
font-size: 1rem;
color: #fff;
text-align: center;
border-radius: 15px;
background-color: #e60000;
}
.qptk > div > div:nth-child(2) > a.jt {
background-color: #5dbd00;
margin-left:1.25rem;
}
.qptk > div > div:nth-child(3) {
position: absolute;
top: 5rem;
width: 100%;
height: 13rem;
background: url('../images/hbg_02-min.png') center no-repeat;
background-size: 32rem;
}

.qptk > div .jj {
position: absolute;
right: 10%;
top: 0;
width: 3.2rem;
height: 3.2rem;
line-height: 3.2rem;
overflow: hidden;
border: 0;
box-sizing: border-box;
box-shadow: inset 0 0 0 2px #fff;
font-size: inherit;
font-weight: 300;
text-align: center;
text-transform: capitalize;
vertical-align: middle;
border-radius: 100%;
box-shadow: none;
color: #fff;
}
.qptk > div .jj::before,
.qptk > div .jj::after {
box-sizing: border-box;
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 100%;
}
.qptk > div .jj::before {
border: 2px solid transparent;
}
.qptk > div .jj::after {
border: 0 solid transparent;
}
.qptk > div .jj.on::before {
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
-webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.qptk > div .jj.on::after {
border-top: 2px solid #fff;
border-left-width: 2px;
border-right-width: 2px;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transition: -webkit-transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
.qptk.on {
display: block;
}
.qptk.on > div > div:nth-child(2) .jt {
animation: tkshake 1s;
-o-animation: tkshake 1s;
-webkit-animation: tkshake 1s;
-moz-animation: tkshake 1s;
}


/* 表单 */

#main-form h2 {
font-size: 1.5rem;
font-weight: 700;
text-align: center;
margin-bottom: 1rem;
margin-top: 1rem;
color: #e70
}

#main-form p {
position: relative;
width: 100%;
height: 3.25rem;
padding-left: 1rem;
margin-bottom: .75rem;
background-color: #f7f7f7;
border-radius: 5px
}

#main-form p span {
float: left;
height: 3.25rem;
line-height: 3.25rem;
margin-right: .75rem;
color: #828282
}

#main-form p input,
#main-form p select {
border: none;
float: left;
min-width: 60%;
height: 3.25rem;
line-height: 3.25rem;
background-color: #f7f7f7;
color: #828282
}

#main-form p select {
text-align: center
}

#main-form p b {
position: absolute;
height: 1.35rem;
width: 1.35rem;
background-color: #fff;
border-radius: 5px;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 2px 2px 5px #aaa;
-moz-box-shadow: 2px 2px 5px #aaa;
-ms-box-shadow: 2px 2px 5px #aaa;
box-shadow: 2px 2px 5px #aaa
}

#main-form p b:after {
position: absolute;
content: '';
left: 50%;
top: 50%;
border-top: 5px solid #aaa;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}

#main-form button {
font-size: 1.2rem;
font-weight: 700;
text-align: center;
background-color: #e70;
color: #fff;
line-height: 3.25rem;
position: relative;
width: 100%;
height: 3.25rem;
padding-left: 1rem;
margin-bottom: .75rem;
/*background-color: #f7f7f7;*/
border-radius: 5px;
border: 0 none;
}

#main-form .xq {
display: block;
font-size: .9rem;
font-weight: 300;
text-align: center
}
/* copy */
.footer_copy {
font-size: .9rem;
padding-bottom: 6.4rem;
padding-top: 1.6rem;
text-align: center
}

/* 浮框 */
.callRit {
position: fixed;
bottom: 45%;
right: 1%;
z-index: 99999;
width: 2.35rem;
height: 8.25rem;
display: block;
/* background: url('../images/55.png') 0 no-repeat; */
background: url('../images/leftclick_03.png') 0 no-repeat;
background-size: 100%;
opacity: 1;
cursor: pointer;
}

.callRit>span{
float: left;
width: 2.5rem;
background-color:#fd4d01;
border-radius: 10px 0 0 10px;
}
.callRit>span:nth-child(1){
position: relative;
height: 4rem;
margin-bottom:0.5rem;
background-color: #00bc35;
}
.callRit>span:nth-child(1) img{
position: absolute;
/* margin-left:15%; */
top:50%;
left:50%;
transform: translate(-46%,-54%);

}
.callRit>span:nth-child(2){
text-align: center;
font-size: 1.2rem;
font-weight: bold;
padding:20%;
color: #fff;
}
@keyframes tkshake {
0%,
100% {
-webkit-transform: rotate(0deg);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: rotate(5deg);
}
20%,
40%,
60%,
80% {
-webkit-transform: rotate(-5deg);
}
}
@-o-keyframes tkshake {
/* Opera */
0%,
100% {
-o-transform: rotate(0deg);
}
10%,
30%,
50%,
70%,
90% {
-o-transform: rotate(5deg);
}
20%,
40%,
60%,
80% {
-o-transform: rotate(-5deg);
}
}
@-webkit-keyframes tkshake {
/* Safari 和 Chrome */
0%,
100% {
-webkit-transform: rotate(0deg);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: rotate(5deg);
}
20%,
40%,
60%,
80% {
-webkit-transform: rotate(-5deg);
}
}
@-moz-keyframes tkshake {
/* Firefox */
0%,
100% {
-moz-transform: rotate(0deg);
}
10%,
30%,
50%,
70%,
90% {
-moz-transform: rotate(5deg);
}
20%,
40%,
60%,
80% {
-moz-transform: rotate(-5deg);
}
}

@keyframes shaked {
0% {
transform: rotate(0)
}

10% {
transform: rotate(0)
}

20% {
transform: rotate(-10deg)
}

30% {
transform: rotate(10deg)
}

40% {
transform: rotate(-8deg)
}

50% {
transform: rotate(8deg)
}

60% {
transform: rotate(-5deg)
}

70% {
transform: rotate(5deg)
}

80% {
transform: rotate(-2deg)
}

90% {
transform: rotate(2deg)
}

100% {
transform: rotate(0)
}
}
/* 表单及copy */



/*添加样式*/
@charset "utf-8";

a, body, html {
color: #666;
outline: 0
}
body {
position: relative;
overflow-x: hidden;
width:100%;
max-width: 640px;
min-width: 320px;
margin:0 auto;
}
body, html {
-webkit-font-smoothing: antialiased
}
*, a:link {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.footMenu, body, header {
max-width: 40pc;
min-width: 20pc
}
.header_tc .tc dl dt, .ht5, .iNews_bottom li, .iNews_bottom li a, .iNews_top, .iZxbm .lktxt, .oMenu li a em, .oMenu li a i, .oTitle, .time_xz .box, .zp_listd, .zyszd, .zyszd a.wz, header a.header_return {
overflow: hidden
}
.Ask li a span, .PicList02 li a span, .iNews_bottom li a, .jybz_list li .source, .jybz_list li .tit, .people_video li a span, .zysz02 a.wz span {
text-overflow: ellipsis;
white-space: nowrap
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
.fl, .fr {
display: inline
}
body, html {
font-size: 14px;
-webkit-text-size-adjust: 100%
}

h1, h2, h3, h4, h5, h6, input, select, textarea {
font-size: 100%;
outline: 0
}
img {
border: none
}
li, ol, ul {
list-style: none
}
a {
text-decoration: none
}

.clear {
clear: both
}
.clearfix:before, .clearfix:after {
content: "";
display: table
}
.clearfix:after {
clear: both
}
.clearfix {
zoom: 1
}
.btn{
width: 70%;
margin: 0 auto 1rem;
text-align: center;
display: block;
background: #FF4837;
color: #fff;
padding: 0.5rem;
font-size: 1.2rem;
}
.fl {
float: left !important
}
.fr {
float: right !important
}
.header_fx img, .iMenu li, .iTitle h3, .topi .top-1, .topi .top-1 img, .topi .top-2 .top-2-1 {
float: left
}
.ht5 {
height: 5px
}
.ht15 {
height: 15px
}
.ht20 {
height: 20px
}
.ht25 {
height: 25px
}
.ht30 {
height: 30px
}
.ht35 {
height: 35px
}
.ht40 {
height: 40px
}
.ht45 {
height: 45px
}
.ht50 {
height: 50px
}
.dis {
display: block
}
.lkrelative {
position: relative;
z-index: 2
}
.topi {
width: 100%;
height: 50px;
background: #fff;
position: relative
}
.topi .top-1 {
width: 220px;
padding: 4px 0 0 2px
}
.topi .top-2 {
position: absolute;
top: 9pt;
right: 4px
}
.headerDiv, .iBanner, .iBanner img {
position: relative
}
.topi .top-2 img {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
.topi .top-2 .top-2-2 {
float: left;
margin-left: 8px
}
.c12 {
padding: 7px 10px
}
.c11 {
width: 100%;
height: 46px;
background: #e70;
border-radius: 6px
}
.c11 .c11-1 {
width: 150px;
margin: 0 auto;
padding-top: 8.5px
}
.headerDiv {
height: 44px
}
.headerDiv img.logo {
margin-left: 10px
}
.header_fx img {
margin: 6px 8px 0 0
}
.iBanner {
border-bottom: 1px solid #e4e4e4
}
.iBanner img {
display: block
}
.iBanner .hd {
height: 20px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
text-align: center
}
.iBanner .hd span {
display: inline-block;
width: 5px;
height: 5px;
background: #fff;
border-radius: 50%;
margin: 0 4px
}
.iBanner .hd span.on {
background: #ee7800
}
.iMenu {
margin-top: 10px;
position: relative;
height: 164px;
opacity: 0;
animation: menushow 1.2s .7s forwards;
-moz-animation: menushow 1.2s .7s forwards;
-webkit-animation: menushow 1.2s .7s forwards
}
.iMenu_cur {
height: auto !important
}
.iMenu li {
width: 25%;
height: 82px
}
.iMenu li a {
display: block;
height: 82px
}
.iMenu li a i {
width: 50px;
height: 46px;
margin: 0 auto
}
.iMenu li a i, .iMenu li a i img {
display: block;
border-radius: 50%
}
.iMenu li a span {
display: block;
height: 30px;
line-height: 30px;
font-size: 9pt;
text-align: center
}
.iMenu .more {
width: 25%;
height: 82px;
position: absolute;
right: 0;
bottom: 0;
background: #fff
}
.iMenu .more a {
display: block;
height: 82px;
padding-top: 5px;
position: relative
}
.iTitle, .iTitle h3 {
height: 35px;
line-height: 35px
}
.iMenu .more a img {
border-radius: 50%;
border: 1px solid #ef7d09;
margin: 0 auto;
display: block
}
.iMenu .more a span {
display: none;
position: absolute;
width: 100%;
top: 5px;
left: 0
}
.iMenu .more a.cur img {
display: none
}
.iMenu .more a.cur span, .iMenu .more a.cur span img {
display: block
}
.zhuanye {
border-width: 1px 0;
padding: 0 10px
}
.iTitle {
background: url(../images/ititbg.jpg) 0 center repeat-x
}
.iTitle h3 {
padding-right: 13px;
background: url(../images/itith3.jpg) right center no-repeat #fff;
background-size: 5px 5px;
font-size: 15px;
font-weight: 400;
color: #ee7800
}
.iBtn a, .iBtn a span {
height: 40px;
display: block
}
.iTitle h3 span {
color: #666
}
.iTitle a.more {
float: right;
padding-left: 7px;
background: #fff;
font-size: 13px;
color: #e97602
}
.iBtn, .iPhoto, .iWenz {
padding: 7px 10px
}
.zhuanye .zhuanyed td {
border: solid #e6e6e6;
border-width: 0 1px 1px 0;
width: 50%
}
.zhuanye .zhuanyed td img {
display: block;
border-bottom: 1px solid #e6e6e6
}
.zhuanye .zhuanyed td:last-child {
border-right: none
}
.zhuanye .zhuanyed td a:last-child img, .zhuanye .zhuanyed tr:last-child td {
border-bottom: none
}
.iBtn a {
line-height: 40px;
background: #ee7800
}
.iBtn a span {
width: 110px;
margin: 0 auto;
font-size: 14px;
color: #fff
}
.iBtn a span img {
float: left;
margin: 9px 5px 0 0
}
.iZxbm .lktextarea, .iZxbm .lktxt {
margin-bottom: 7px
}
.iPhoto {
border-width: 1px 0
}
.iPhoto img {
display: block
}
.iPhoto td {
border: solid #e3e3e3;
border-width: 0 1px 1px 0
}
.iWenz {
border: solid #ebebeb;
border-width: 1px 0
}
.iWenz img {
display: block
}
.iWenz td {
border: solid #fff;
border-width: 0 1px 1px 0;
background: #f5f5f5
}
.iNews {
border: solid #ebebeb;
border-width: 1px 0;
padding: 0 10px;
border-top: none
}
.iNews_top a {
display: block
}
.iNews_top .iNews_top_r {
margin-left: 130px
}
.iNews_top h3 {
height: 20px;
line-height: 20px;
font-size: 14px;
font-weight: 400;
color: #333
}
.iNews_bottom li span, .iNews_top .infor, .iNews_top .time {
font-size: 9pt;
color: #acacac
}
.iNews_top .infor {
line-height: 1pc
}
.iNews_top .time {
line-height: 18px
}
.iNews_bottom li {
height: 33px;
line-height: 2pc;
background: url(../images/line01.jpg) bottom repeat-x
}
.iNews_bottom li:last-child {
background: 0 0
}
.iNews_bottom li span {
float: right
}
.iNews_bottom li a {
display: block;
margin-right: 72px;
font-size: 14px;
color: #333
}
.iZxbm {
border-top: 1px solid #ebebeb;
padding: 0 10px 10px
}
.iZxbm .lktxt input.txt, .iZxbm .lktxt select, .iZxbm .lktxt textarea.txt {
padding: 0 8px;
border: 1px solid #ccc;
font-size: 9pt;
width: 100%
}
.iZxbm .lktxt input.txt {
height: 28px;
line-height: 26px;
background: #fff
}
.iZxbm .lktxt textarea.txt {
height: 110px;
line-height: 26px;
background: #fff
}
.iZxbm .lktxt select {
height: 28px;
line-height: 28px;
background: 0 0
}
.iZxbm .lkdanx {
line-height: 28px;
font-size: 9pt;
padding: 0 10px
}
.iZxbm .lkdanx span {
float: left
}
.iZxbm .lkdanx label {
float: left;
margin-left: 15px
}
.iZxbm .lkdanx label input {
float: left;
margin: 6px 4px 0 0
}
.iZxbm .lkbtn {
height: 30px
}
.iZxbm .lkbtn input {
height: 44px;
width: 100%;
background: #e70;
border: 0;
font-size: 18px;
color: #fff;
border-radius: 6px
}
.footMenu {
width: 100%;
height: 46px;
position: fixed;
bottom: 0;
background: #242424;
padding: 0 10px;
z-index: 100
}
.footMenu li {
width: 17%;
float: left
}
.footMenu li a {
display: block;
height: 46px;
padding-top: 10px
}
.footMenu li a dt {
height: 1pc;
text-align: center
}
.footMenu li a dt img {
display: block;
margin: 0 auto
}
.footMenu li a dd {
height: 18px;
line-height: 18px;
font-size: 9pt;
color: #fff;
text-align: center
}
.footMenu li.footMenu_m {
width: 32%;
height: 56px;
position: relative
}
.footMenu li.footMenu_m a {
width: 100%;
height: 56px;
padding-top: 14px;
position: absolute;
top: -10px;
left: 0;
background: url(../images/footbg.png) center 0 no-repeat;
background-size: auto 50px
}
.footMenu li.footMenu_m a dt {
height: 22px
}
.header_tc, .header_tc_bg {
position: fixed;
width: 100%;
max-width: 40pc;
min-width: 20pc;
top: 0
}
.header_tc .title, header .title {
margin: 0 60px;
line-height: 44px;
color: #fff;
text-align: center
}
.header_tc_bg {
height: 100%;
background: url(../images/heibg.png);
display: none;
z-index: 45
}
.Ask li a, .Ask li a span, .News a.btn, .PicList02 li a, .PicList02 li a img, .PicList02 li a span, .PicList03 li a, .PicList03 li img, .PicList03 li span, .PicList li a, .PicList li a img, .header_tc .header_menu .top span, .jcxy_zp .bd img, .jybz_list li .pic img, .jybz_list li a, .jyhs .box img, .nBanner a, .nBanner img, .oBanner a, .oMenu li a, .oMenu li a span, .people li img, .people li span, .people_video li a, .people_video li a span, .people_video li img, .video_list li a, .xqhz_v_list li img, .xqhz_v_list li span, .xyhjt img, .xytk td a, .xytk td img, .zp_listd li img, .zysz02 .box li a.wz p img, .zysz02 a.btn, .zysz02 a.wz span, .zyszd a.wz {
display: block
}
.header_tc {
height: 44px;
background: #ef7800
}
.header_tc .header_menu {
width: 50px;
height: 44px;
position: absolute;
top: 0;
right: 0
}
.header_tc .header_menu .top {
width: 50px;
height: 44px
}
.header_tc .header_menu .top span {
width: 50px;
height: 44px;
text-align: center;
line-height: 44px;
color: #fff;
font-size: 14px
}
.header_tc .title {
height: 44px;
font-size: 19px
}
.header_tc .tc {
width: 75pt;
overflow: hidden;
max-width: 100%;
min-width: 100%;
padding: 15px 0 10px;
background: #fff
}
.header_tc .tc dl {
width: 25%;
height: 68px;
float: left
}
.header_tc .tc dl dt {
height: 43px;
width: 43px;
margin: 0 auto;
border-radius: 50%
}
.header_tc .tc dl dt img {
border-radius: 50%
}
.header_tc .tc dl dd {
height: 28px;
line-height: 28px;
text-align: center;
font-size: 9pt;
color: #484848
}
.zyjs_top {
padding: 10px
}
.oTitle .cname {
height: 26px;
line-height: 26px;
font-size: 20px;
font-weight: 400;
color: #ee7800
}
.oTitle .ename {
float: left;
height: 18px;
line-height: 18px;
padding: 0 5px;
background: #834f01;
color: #fff;
font-size: 1pc;
text-transform: uppercase
}
.zyjs_top .source {
margin-top: 10px;
height: 24px
}
.zyjs_top .source p {
float: left;
height: 24px;
line-height: 24px;
font-size: 9pt;
margin-right: 15px
}
.zyjs_top .source p span {
color: #ee7800
}
.zyjs_top .infor {
line-height: 20px;
font-size: 9pt
}
.zyjs_top .infor span {
color: #242424
}
.zyjs_bottom {
margin: 10px
}
.zyjs_bottom .title {
margin-top: 10px;
height: 31px;
border-bottom: 1px solid #c8c8c8;
position: relative
}
.zyjs_bottom .title span {
position: absolute;
height: 31px;
line-height: 30px;
font-size: 14px;
top: 0;
left: 0;
border-bottom: 1px solid #ee7800;
color: #333
}
.zyjs_bottom .infor {
line-height: 20px;
font-size: 9pt;
margin-top: 5px
}
.zp_list {
margin: 10px 5px 10px 10px
}
.zp_listd {
margin-top: 10px
}
.zp_listd li {
width: 50%;
float: left;
padding-right: 5px;
margin-bottom: 5px
}
.zysz {
margin: 10px
}
.zysz .iTitle {
height: 45px;
padding: 5px 0
}
.zyszd {
padding: 0 6px;
border-bottom: 1px solid #dcdbdb;
position: relative
}
.zyszd a.btn {
width: 74px;
height: 22px;
line-height: 22px;
background: #0aa0c5;
border-radius: 11px;
position: absolute;
right: 6px;
bottom: 10px;
text-align: center;
font-size: 9pt;
color: #fff
}
.zyszd a.wz {
margin-right: 75px;
padding-bottom: 10px
}
.zyszd a.wz img.fl {
float: left;
margin-top: 10px;
border: 1px solid #dcdbdb
}
.zyszd a.wz h3 {
height: 43px;
line-height: 49px;
font-size: 1pc;
font-weight: 400;
color: #484848
}
.zyszd a.wz .infor p {
height: 24px;
line-height: 24px;
font-size: 9pt
}
.zyszd a.wz .infor p span {
color: #ee7800
}
.zyszd a.wz .renshu {
line-height: 24px;
font-size: 9pt;
color: #aeaeae
}
.Map {
margin: 15px 10px 0;
border: 1px solid #e5e5e5;
padding: 3px
}
.Contact {
margin: 0 10px
}
.Contact .tit {
height: 42px;
line-height: 42px;
color: #484848
}
.Contact th {
width: 76px;
line-height: 24px;
background: #f7f7f7;
border-bottom: 1px solid #fff;
font-weight: 400;
padding: 5px 0;
vertical-align: top
}
.Contact th .title {
text-align: right;
color: #484848
}
.Contact td {
line-height: 24px;
padding: 5px
}
.oMenu li {
height: 45px;
border-bottom: 1px solid #b7b7b7
}
.oMenu li a {
width: 100%;
height: 44px;
line-height: 44px;
padding: 0 24px 0 30px
}
.oMenu li a i {
width: 8px;
height: 8px;
background: url(../images/omenu_sj02.png) no-repeat;
background-size: 8px 8px;
float: right;
margin-top: 18px
}
.oMenu li a em {
width: 7px;
height: 11px;
float: left;
background: url(../images/omenu_sj01.png) no-repeat;
background-size: 7px 11px;
margin-top: 1pc
}
.oMenu li a span {
margin: 0 15px;
font-size: 1pc
}
.oMenu li.active {
border-bottom: 1px solid #f6720e
}
.contact table, .xytk td {
border: solid #e6e6e6
}
.oMenu li.active a i {
background: url(../images/omenu_sj02c.png) no-repeat;
background-size: 8px 8px
}
.oMenu li.active a em {
background: url(../images/omenu_sj01c.png) no-repeat;
background-size: 7px 11px
}
.oMenu li.active a span {
color: #ff7908
}
.time_xz {
width: 100%;
height: 54px;
position: fixed;
top: 44px;
padding: 10px 10px 0;
max-width: 40pc;
min-width: 20pc;
background: #fff
}
.time_xz .box {
height: 44px;
position: relative;
overflow-x: auto
}
.Ask li a span, .Newsd, .PicList02 li a span, .PicList03, .jcxy_vd, .jcxytop, .jybz_list li .source, .jybz_list li .tit, .jyhs .box, .nBanner .bd li span, .people, .people_video .box, .people_video li a span, .people_zuopin .box, .swiper-container1, .time_xz .box ul, .xqhz_v_list .box, .zysz02 .box, .zysz02 a.wz span {
overflow: hidden
}
.time_xz .box ul {
position: absolute;
height: 34px
}
.time_xz .box li {
float: left;
margin-right: 3px
}
.pplc, .xytk {
margin: 15px 10px 0
}
.time_xz .box li a {
float: left;
height: 34px;
line-height: 34px;
padding: 0 7px;
background: #f2f2f2;
font-size: 1pc
}
.time_xz .box li.on a {
background: #ee7800;
color: #fff
}
.pplc td {
padding-bottom: 20px
}
.w35_sz_2 {
background: url(../images/w35_sz_2.png) top repeat-y
}
.pplcd .time {
height: 34px;
line-height: 34px;
font-size: 14px;
color: #484848
}
.pplcd .infor {
line-height: 24px;
color: #999
}
.PicList li a span, .xytk td span {
background: url(../images/heibg2.png);
color: #fff;
height: 24px;
line-height: 24px;
left: 0;
bottom: 0
}
.xytk td a {
margin-bottom: 1px;
position: relative
}
.xytk tr:last-child td a {
margin-top: 1px
}
.PicList, .PicList02 {
margin: 10px 5px 0 10px
}
.xytk td span {
width: 100%;
position: absolute;
text-align: center;
font-size: 13px
}
.PicList li {
width: 50%;
padding: 0 5px 5px 0
}
.PicList li a {
position: relative
}
.PicList li a span {
width: 100%;
padding: 0 5px;
position: absolute
}
.PicList02 li {
width: 50%;
padding: 0 5px 5px 0
}
.PicList02 li a {
position: relative
}
.PicList02 li a span {
height: 24px;
line-height: 24px;
padding: 0 5px;
text-align: center
}
.liuyan {
margin: 0 10px
}
.liuyan .tit {
height: 36px;
line-height: 36px;
font-size: 15px;
color: #272727
}
.liuyan_bd .infor, .xyhjt_infor {
line-height: 24px
}
.liuyan .liuyan_t textarea.txt {
width: 100%;
height: 5pc;
padding: 0 5px;
border: 1px solid #ccc;
resize: none
}
.liuyan .liuyan_t input.btn {
width: 100%;
height: 40px;
background: url(../images/btnbg.jpg);
border: 0;
margin-top: 8px;
color: #fff;
font-size: 19 px
}
.liuyan_bd {
padding: 10px 0;
background: url(../images/line01.jpg) bottom repeat-x
}
.liuyan_bd .title {
height: 24px;
line-height: 24px
}
.liuyan_bd .title span {
float: right
}
.liuyan_bd .title .name {
margin-right: 5pc;
color: #484848
}
.xyhjt {
position: relative;
margin-top: 5px
}
.xyhjt .hd {
height: 20px;
position: absolute;
right: 20px;
bottom: 0
}
.xyhjt .hd span {
width: 5px;
height: 5px;
background: #fff;
border-radius: 50%;
margin: 0 8px 0 0;
float: left
}
.xyhjt .hd span.on {
background: #ee7800
}
.xyhjt_infor {
margin: 10px
}
.oBanner {
margin-top: 5px
}
.oBanner a {
position: relative
}
.oBanner a span {
width: 100%;
height: 34px;
line-height: 34px;
padding: 0 15px;
background: url(../images/heibg2.png);
position: absolute;
left: 0;
bottom: 0;
color: #fff
}
.News {
margin: 10px
}
.Newsd {
padding: 5px;
background: url(../images/line01.jpg) bottom repeat-x
}
.Newsd img.fr {
float: right;
margin: 2px 0
}
.Newsd .tit {
line-height: 18px;
font-size: 17px
}
.Newsd .source {
height: 24px;
line-height: 24px;
font-size: 9pt
}
.Newsd .source span {
float: left;
margin-right: 20px
}
.Newsd .source a {
float: left
}
.Newsd .source a img {
margin-right: 5px
}
.News a.btn {
margin: 10px 5px 0;
height: 2pc;
line-height: 2pc;
background: #e7e7e7;
text-align: center
}
.wzview {
margin: 10px
}
.wzview .title {
padding: 18px 0 10px 0 ;
background: url(../images/line01.jpg) bottom repeat-x;
margin-bottom: 10px
}
.PicList03 li, .video_list li {
width: 50%;
padding: 0 10px 10px 0;
float: left
}
.wzview .title h1 {
line-height:1.2;
color: #484848;
text-align: center;
font-size:1.5rem;
font-weight:bold;
}
.wzview .title .source {
text-align: center;
color: #ccc;
line-height:1.6;
font-weight:400;
font-size:1.2rem;
}
.wzview .viewd {
line-height: 24px
}

.wzview .viewd img {
max-width: 100%;
width:100% !important;
height: auto !important;
display:block;
margin: 10px auto;
}
.PicList03 {
margin: 10px 0 0 10px
}
.PicList03 li span {
height: 28px;
line-height: 28px;
margin-top: 5px;
font-size: 14px;
background: #f5f5f5;
text-align: center
}
.video_list {
margin: 10px 0 0 10px
}
.video_list li a {
background: #f5f5f5;
border-bottom: 2px solid #363636
}
.video_list li .pic {
position: relative
}
.video_list li .pic img {
display: block
}
.video_list li .pic span {
position: absolute;
bottom: 0;
right: 5px;
height: 20px;
line-height: 20px;
color: #fff
}
.video_list .tit {
margin: 8px 5px 0;
line-height: 24px;
font-size: 14px
}
.video_list .number {
margin: 0 5px 10px
}
.video_list .number img {
margin: 5px 5px 0 0
}
.video_view {
margin: 10px
}
.video_view .title {
height: 34px;
line-height: 34px;
font-size: 14px;
color: #ee7800
}
.Ask li a i, .people li span {
font-size: 9pt;
text-align: center
}
.Ask li {
height: 43px;
line-height: 42px;
border-bottom: 1px solid #e4e4e4
}
.Ask li a {
line-height: 42px;
position: relative
}
.Ask li a em, .Ask li a i {
position: absolute;
font-style: normal
}
.Ask li a em {
top: 0;
right: 10px
}
.Ask li a i {
width: 18px;
height: 18px;
line-height: 18px;
background: #ee7800;
border-radius: 50%;
color: #fff;
top: 9pt;
left: 10px
}
.Ask li a span {
margin: 0 85px 0 35px
}
.people {
margin: 15px 0 0 10px
}
.people li {
width: 50%;
padding-right: 10px;
margin-bottom: 15px;
float: left
}
.people li span {
height: 24px;
line-height: 22px;
margin-top: 3px;
border: 1px solid #d0d0d0
}
.people_view {
margin: 10px 10px 0
}
.people_view .cname {
height: 24px;
line-height: 24px;
margin-top: 10px;
font-size: 15px;
color: #ee7800
}
.people_view .ename {
line-height: 18px;
font-size: 10px;
color: #333
}
.people_zuopin {
margin: 10px 5px 0 10px
}
.peo_title {
height: 33px;
line-height: 2pc;
border-bottom: 1px solid #ccc
}
.peo_title h3 {
float: left;
color: #333;
font-size: 14px;
font-weight: 400
}
.peo_title a {
float: right;
font-size: 9pt;
color: #ee7800;
background: url(../images/more.jpg) right center no-repeat;
padding-right: 9pt;
background-size: 10px 10px
}
.people_zuopin .peo_title {
margin-right: 5px
}
.people_zuopin .box {
margin-top: 10px
}
.people_zuopin .box a {
float: left;
width: 33.333%;
padding-right: 5px
}
.people_video {
margin: 10px 0 0 10px
}
.people_video .peo_title {
margin-right: 10px
}
.people_video .box {
margin-top: 10px
}
.people_video li {
width: 50%;
float: left;
padding-right: 10px;
margin-bottom: 10px
}
.people_video li.big {
width: 100%
}
.people_video li a {
position: relative
}
.people_video li a .bg {
width: 100%;
height: 20px;
line-height: 20px;
padding: 0 5px;
background: url(../images/heibg2.png);
position: absolute;
left: 0;
bottom: 0
}
.people_video li a .bg i {
float: right;
background: url(../images/videoicon.png) 0 center no-repeat;
background-size: 11px 9px;
font-size: 10px;
color: #fff;
font-style: normal;
padding-left: 13px
}
.people_video li a span {
margin-right: 50px;
color: #fff;
font-size: 10px
}
.people_video li.big a .bg {
height: 26px;
line-height: 26px
}
.people_video li.big a .bg i {
font-size: 9pt
}
.people_video li.big a .bg span {
font-size: 9pt;
margin-right: 5pc
}
.jybz_list {
margin: 10px 0 0 10px;
overflow: hidden
}
.jybz_list ul{
font-size:0;
}
.jybz_list li {
width: 50%;
/* float: left; */
display:inline-block;
padding-right: 10px;
margin-bottom: 10px
}
.jybz_list li a {
border-bottom: 2px solid #363636;
padding-bottom: 5px
}
.jybz_list li .pic {
margin-bottom: 5px
}
.jybz_list li .tit {
height: 24px;
line-height: 24px;
color: #ee7800;
font-size:10pt;
}
.jybz_list li .time {
height: 18px;
line-height: 18px;
font-size: 9pt;
color: #484848
}
.jybz_list li .infor {
height: 36px;
line-height: 18px;
color: #999;
font-size: 9pt;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-indent:-24px;
}
.jybz_list li .source {
height: 22px;
line-height: 22px;
color: #999;
font-size:0.2rem;
}
.jybzview {
margin: 10px 10px 0
}
.xqhz_v_list {
margin: 10px 0 0 10px
}
.xqhz_v_list .iTitle {
margin-right: 10px
}
.xqhz_v_list li {
width: 50%;
padding-right: 10px;
margin-bottom: 15px;
float: left
}
.jyhs .boxl, .jyhs .boxr a {
padding-right: 5px;
float: left
}
.xqhz_v_list li span {
height: 24px;
line-height: 22px;
margin-top: 3px;
border: 1px solid #d0d0d0;
text-align: center;
font-size: 9pt
}
.jyhs {
margin: 10px 5px 0 10px
}
.jyhs .iTitle {
margin-right: 5px
}
.jyhs .boxl {
width: 43%
}
.jyhs .boxr {
float: left;
width: 57%
}
.jyhs .boxr a {
width: 50%
}
.jyhs .boxr .line {
clear: both;
border-bottom: 1px solid #e6e6e6;
height: 9pt;
margin-bottom: 9pt
}
.contact {
margin: 10px 10px 0
}
.contact table {
border-width: 1px 0 0 1px
}
.contact td, .contact th {
border: solid #e6e6e6;
border-width: 0 1px 1px 0;
line-height: 22px;
font-size: 9pt;
font-weight: 400
}
.contact th {
color: #484848
}
.contact td {
padding: 0 5px
}
.nBanner {
margin: 10px 0 0
}
.nBanner, .nBanner a {
position: relative
}
.nBanner .bd li span, .nBanner .hd {
height: 30px;
position: absolute;
bottom: 0
}
.nBanner .bd li span {
width: 100%;
line-height: 30px;
color: #fff;
padding: 0 70px 0 15px;
background: url(../images/heibg2.png);
left: 0
}
.nBanner .hd {
right: 15px
}
.nBanner .hd span {
width: 8px;
height: 8px;
float: left;
border-radius: 50%;
margin: 11px 5px 0 0;
background: #fff
}
.jcxy_v, .jcxytop {
margin: 10px 10px 0
}
.nBanner .hd span.on {
background: #ef7800
}
.jcxytop img.fl {
padding: 1px;
border: 1px solid #ccc
}
.jcxytop .name {
height: 22px;
line-height: 22px;
color: #ee7800;
font-size: 15px
}
.jcxytop .infor {
line-height: 24px;
color: #999
}
.jcxy_v .tit {
height: 27px;
line-height: 26px;
border-bottom: 1px solid #ee7800;
color: #ee7800
}
.jcxy_v .tit img {
float: left;
margin: 4px 5px 0 0
}
.jcxy_v2 {
margin: 10px 5px 0 10px
}
.jcxy_v2 .tit {
margin-right: 5px
}
.jcxy_vd {
line-height: 24px;
margin-top: 5px
}
.jcxy_zp {
margin-top: 10px;
position: relative
}
.jcxy_zp .bd .box a {
width: 33.333%;
float: left;
padding-right: 5px
}
.jcxy_zp a.next, .jcxy_zp a.prev {
width: 28px;
height: 100%;
position: absolute;
top: 0;
background-color: rgba(0, 0, 0, .5);
background-size: 28px auto;
background-position: 0 center;
background-repeat: no-repeat
}
.jcxy_zp a.prev {
left: 0;
background-image: url(../images/jcxy_l.png)
}
.jcxy_zp a.next {
right: 5px;
background-image: url(../images/jcxy_r.png)
}
.zysz02 {
margin: 10px 0 10px 10px
}
.zysz02 .iTitle {
margin-right: 10px
}
.zysz02 .box {
margin-left: 10px
}
.zysz02 .box li {
width: 50%;
float: left;
padding: 0 20px 10px 0
}
.zysz02 .box li a.wz p {
border: 1px solid #e9ebf0
}
.zysz02 a.wz span {
height: 2pc;
line-height: 2pc;
font-size: 1pc;
font-weight: 400;
color: #484848;
text-align: center
}
.zysz02 a.btn {
width: 74px;
height: 22px;
line-height: 22px;
background: #0aa0c5;
border-radius: 11px;
text-align: center;
font-size: 9pt;
color: #fff;
margin: 0 auto
}
.top11 {
position: fixed;
z-index: 999;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
top: 70%;
left: 0;
border-radius: 10px;
box-shadow: 2px 2px 5px #7c7c7c;
-webkit-box-shadow: 2px 2px 5px #7c7c7c
}
.swiper-container1, .swiper-wrapper1 {
position: relative;
z-index: 1;
width: 100%
}
.swiper-container1 {
padding-top: 20px;
padding-bottom: 20px;
margin: 0 auto
}
.swiper-container {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.swiper-container-android .swiper-slide, .swiper-wrapper1 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.swiper-wrapper1 {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
box-sizing: content-box
}
@font-face {
font-family: 'xdffont';
src: url('//at.alicdn.com/t/font_gpk8b09545vlhaor.eot');
src: url('../fonts/font_gpk8b09545vlhaor.eot') format('embedded-opentype'), url('../fonts/font_gpk8b09545vlhaor.woff') format('woff'), url('../fonts/font_gpk8b09545vlhaor.ttf') format('truetype'), url('../fonts/font_gpk8b09545vlhaor.svg#xdfpr') format('svg')
}
.xdffont-head {
font-family: xdffont !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: .2px;
-moz-osx-font-smoothing: grayscale
}
.header-nav {
width: 100%;
height: 50px;
position: absolute;
background: #333;
top: 0;
z-index: 9999999;
-webkit-transition: background .35s linear, height .35s ease-in;
transition: background .35s linear, height .35s ease-in
}
.h-m-m-faceout {
webkit-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
-webkit-transition: -webkit-transform .55s .25s ease-out;
transition: -webkit-transform .55s .25s ease-out;
transition: transform .55s .25s ease-out
}
.h-nav-100 {
height: 100%;
background: #000;
-webkit-transition: background .35s linear, height .35s ease-in .2s;
-moz-transition: background .35s linear, height .35s ease-in .2s;
transition: background .35s linear, height .35s ease-in .2s
}
.header-menu {
width: 100%;
height: 50px
}
.header-menu .h-m-inner {
width: 96%;
margin: 0 auto;
height: 50px;
overflow: hidden;
position: relative
}
.header-menu .h-m-inner center {
width: 17rem;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
margin: 0 auto
}
.header-menu .h-m-inner .h-m-menu {
width: 30px;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.header-menu .h-m-inner .h-m-menu .h-m-m-b, .header-menu .h-m-inner .h-m-menu .h-m-m-c, .header-menu .h-m-inner .h-m-menu .h-m-m-t {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
transform: rotate(0)
}
.header-menu .h-m-inner .h-m-menu span>span {
position: absolute;
height: 1px;
width: 26px;
top: 22px;
left: .6px;
background-color: #fff;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-webkit-transition: -webkit-transform .6s, opacity .4s;
-moz-transition: transform .6s, opacity .4s;
transition: transform .6s, opacity .4s;
transform-origin: center center;
-moz-transform-origin: center center;
-webkit-transform-origin: center center
}
.header-menu .h-m-inner .h-m-menu .h-m-m-t>span {
-webkit-transform: translate3d(0, -.7em, 0);
-moz-transform: translate3d(0, -.7em, 0);
transform: translate3d(0, -.7em, 0)
}
.header-menu .h-m-inner .h-m-menu .h-m-m-b>span {
-webkit-transform: translate3d(0, .7em, 0);
-moz-transform: translate3d(0, .7em, 0);
transform: translate3d(0, .7em, 0)
}
.header-menu .h-m-inner .h-m-menu .h-m-m-c>span {
opacity: 1
}
.h-m-m-t-close {
-webkit-transform: translate3d(0, 0, 0) rotate(45deg) !important;
-moz-transform: translate3d(0, 0, 0) rotate(45deg) !important;
transform: translate3d(0, 0, 0) rotate(45deg) !important
}
.h-m-m-c-close {
opacity: 0 !important
}
.h-m-m-b-close {
-webkit-transform: translate3d(0, 0, 0) rotate(-45deg) !important;
-moz-transform: translate3d(0, 0, 0) rotate(-45deg) !important;
transform: translate3d(0, 0, 0) rotate(-45deg) !important
}
.header-menu .h-m-inner .h-m-menu .h-m-m-hot {
width: 4px;
height: 4px;
position: absolute;
top: 11px;
right: 3px;
background: #e43c3c;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 0 5px #e43c3c;
-moz-box-shadow: 0 0 5px #e43c3c;
-webkit-box-shadow: 0 0 5px #e43c3c
}
.header-menu .h-m-inner .h-m-media {
position: absolute;
height: 50px;
top: 0;
right: 0;
-webkit-transition: transform .25s .55s ease-out;
-moz-transition: transform .25s .55s ease-out;
transition: transform .25s .55s ease-out
}
.header-menu .h-m-inner .h-m-media .wechat {
margin-left: 4px
}
.header-menu .h-m-inner .h-m-media div {
line-height: 50px;
font-size: 26px;
color: #fff;
display: block;
float: right
}
.header-nav .menu-lists {
position: absolute;
top: 50px;
right: 0;
bottom: 0;
left: 0;
height: auto;
overflow: hidden;
overflow-y: auto
}
.header-nav .menu-lists>ul {
width: 100%;
padding: 0 45px 2rem 45px
}
.header-nav .menu-lists>ul>li {
border-bottom: 1px solid #333;
position: relative;
vertical-align: top;
height: 4rem;
opacity: 0;
-webkit-transform: scale(1.1) translateY(-24px);
-ms-transform: scale(1.1) translateY(-24px);
transform: scale(1.1) translateY(-24px);
-webkit-transition: opacity .35s ease-out, -webkit-transform .35s ease-out, border-bottom .8s .2s;
-moz-transition: opacity .35s ease-out, -moz-transform .35s ease-out, border-bottom .8s .2s;
transition: opacity .35s ease-out, transform .35s ease-out, border-bottom .8s .2s;
transition: opacity .35s ease-out, transform .35s ease-out, border-bottom .8s .2s
}
.header-nav .menu-lists>ul>li>span {
position: absolute;
display: inline;
height: 4rem;
width: auto;
right: 1.2rem;
top: 0;
line-height: 4rem;
font-size: 1.8rem;
transition: transform .8s, color 1s;
-webkit-transition: transform .8s, color 1s;
-moz-transition: transform .8s, color 1s
}
.menu-lists-show {
opacity: 1 !important;
pointer-events: auto;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important
}
.header-nav .menu-lists>ul>.on a {
color: #fff !important
}
.header-nav .menu-lists>ul> li.on {
border-bottom: 1px solid #fff !important
}
.header-nav .menu-lists>ul>.on span {
color: #fff !important;
transform-origin: center;
-webkit-transform-origin: center;
-moz-transform-origin: center;
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg)
}
.header-nav .menu-lists>ul>li>a {
display: block;
height: 4rem;
line-height: 4rem;
font-size: 1.4rem;
color: #ccc;
font-weight: 100;
transition: color .8s;
-webkit-transition: color .8s;
-moz-transition: color .8s
}
.header-nav .menu-lists>ul>li>.brandlist {
display: block;
width: 100%;
height: 0;
opacity: 0;
transition: height .8s, opacity .8s;
-webkit-transition: height .8s, opacity .8s;
-moz-transition: height .8s, opacity .8s;
overflow: hidden
}
.header-nav .menu-lists>ul>li.on>.brandlist {
height: 25rem;
opacity: 1
}
.brandlist>ul {
width: 100%
}
.brandlist>ul>li {
width: 100%;
height: 3.4rem;
line-height: 3.4rem;
font-size: 1.3rem;
text-indent: 1rem;
border-bottom: 1px solid #222
}
.brandlist>ul>li:nth-last-child(1) {
border: none
}
.brandlist>ul>li>a {
color: #ccc
}
.header-nav .menu-lists>ul>li:nth-child(1) {
height: auto !important
}
.header-nav .menu-lists>ul>li.h-m-lists:nth-child(1) {
transition-delay: 0s, 0s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s
}
.header-nav .menu-lists>ul>li.h-m-lists:nth-child(2) {
transition-delay: .2s, .2s;
-webkit-transition-delay: .2s, .2s;
-moz-transition-delay: .2s, .2s
}
.header-nav .menu-lists>ul>li.h-m-lists:nth-child(3) {
transition-delay: 250ms, 250ms;
-webkit-transition-delay: 250ms, 250ms;
-moz-transition-delay: 250ms, 250ms
}
.header-nav .menu-lists>ul>li.h-m-lists:nth-child(4) {
transition-delay: .3s, .3s;
-webkit-transition-delay: .3s, .3s;
-moz-transition-delay: .3s, .3s
}
.header-nav .menu-lists>ul>li.h-m-lists:nth-child(5) {
transition-delay: 350ms, 350ms;
-webkit-transition-delay: 350ms, 350ms;
-moz-transition-delay: 350ms, 350ms
}
.header-nav .menu-lists>ul>li.h-m-lists:nth-child(6) {
transition-delay: .4s, .4s;
-webkit-transition-delay: .4s, .4s;
-moz-transition-delay: .4s, .4s
}
.header-nav .menu-lists>ul>li.h-m-lists:nth-child(7) {
transition-delay: 450ms, 450ms;
-webkit-transition-delay: 450ms, 450ms;
-moz-transition-delay: 450ms, 450ms
}
.header-nav .menu-lists>ul>li.h-m-lists:nth-child(8) {
transition-delay: .6s, .6s;
-webkit-transition-delay: .6s, .6s;
-moz-transition-delay: .6s, .6s
}
.header-nav .menu-lists>ul>li.h-m-lists:nth-child(9) {
transition-delay: 650ms, 650ms;
-moz-transition-delay: 650ms, 650ms;
-webkit-transition-delay: 650ms, 650ms
}
.header-nav .menu-lists>ul>li:nth-child(9) {
transition-delay: 0s, 0s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s
}
.header-nav .menu-lists>ul>li:nth-child(8) {
transition-delay: 25ms, 25ms;
-moz-transition-delay: 25ms, 25ms;
-webkit-transition-delay: 25ms, 25ms
}
.header-nav .menu-lists>ul>li:nth-child(7) {
transition-delay: 50ms, 50ms;
-webkit-transition-delay: 50ms, 50ms;
-moz-transition-delay: 50ms, 50ms
}
.header-nav .menu-lists>ul>li:nth-child(6) {
transition-delay: 75ms, 75ms;
-webkit-transition-delay: 75ms, 75ms;
-moz-transition-delay: 75ms, 75ms
}
.header-nav .menu-lists>ul>li:nth-child(5) {
transition-delay: .1s, .1s;
-webkit-transition-delay: .1s, .1s;
-moz-transition-delay: .1s, .1s
}
.header-nav .menu-lists>ul>li:nth-child(4) {
transition-delay: 125ms, 125ms;
-webkit-transition-delay: 125ms, 125ms;
-moz-transition-delay: 125ms, 125ms
}
.header-nav .menu-lists>ul>li:nth-child(3) {
transition-delay: 150ms, 150ms;
-webkit-transition-delay: 150ms, 150ms;
-moz-transition-delay: 150ms, 150ms
}
.header-nav .menu-lists>ul>li:nth-child(2) {
transition-delay: 175ms, 175ms;
-webkit-transition-delay: 175ms, 175ms;
-moz-transition-delay: 175ms, 175ms
}
.header-nav .menu-lists>ul>li:nth-child(1) {
transition-delay: .2s, .2s;
-webkit-transition-delay: .2s, .2s;
-moz-transition-delay: .2s, .2s
}
.no-scroll {
overflow: hidden !important;
height: 100% !important
}
.header-nav .menu-lists .menu-list-tel {
height: 4.4rem !important;
border-bottom: 1px solid #fff !important
}
.header-nav .menu-lists .menu-list-tel>a {
display: block;
height: 4.4rem;
line-height: 4.4rem;
font-size: 1.5rem;
color: #fff;
font-weight: 100
}
.header-nav .menu-lists .menu-list-tel>a>b {
display: inline-block;
height: 4.4rem;
line-height: 4.4rem;
font-size: 1.7rem;
padding: 0 .3rem
}
.menushow-top {
display: block;
position: fixed;
transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
bottom: 18%;
right: 0;
background: #eee;
z-index: 999
}
.menushow-top>div {
display: block;
padding: .7rem;
margin: 0
}
.menushow-top>:nth-child(1) {
background: #ff4837
}
.menushow-top>:nth-child(1) span {
color: #fff
}
.menushow-top>div>span {
display: inline;
font-size: 1.6rem;
line-height: 1;
margin: 0
}
.mbxlist{
margin-top: 18px;
}
.mbxlist a{
font-size: 1.1rem;
}
.mbxlist span{
margin:0 0.2rem;
}

.x-n-page{
border-top: 2px dashed #f1f1f1;
margin-top: 33px;
}
.x-n-page p{
font-size: 16px;
margin-top: 20px;
}
.x-n-page a{
display: inline-block;
color: #ff7d39;
font-size:16px;
}

.viewd video{
	width: 100% !important;
	height: auto !important;
}