* { margin: 0; padding: 0; border: 0; box-sizing: border-box; -webkit-text-size-adjust: none; }
body { font-family:'Microsoft YaHei', SimSun, Arial, Helvetica, Tahoma, sans-serif; font-size: 14px; }
html, body { width: 100%; height: 100%; }
img { border: 0; max-width: 100%; }
ul, li { list-style: none; }
em, i { font-style: normal; }
a, a:link { text-decoration: none; color: #333 }
a:active, a:hover { outline: 0; color: #E50214; text-decoration: none }
.clear { clear: both; }
.clearfix:after, .clearfix:before { content: " "; display: table }
.clearfix:after { clear: both }
.trans, .trans * { transition: all 0.5s ease }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
.al { text-align: left!important }
.ac { text-align: center!important }
.ar { text-align: right!important }
.aj { text-align: justify!important }
.fl { float: left }
.fr { float: right!important }
.rel { position: relative }
.abl { position: absolute }
.ovh { overflow: hidden }
.upp { text-transform: uppercase }
.fb { font-weight: bold }
input, button, textarea { border: 0; outline: 0; font-family: inherit; font-size: inherit; }
.ep1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.ep2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.ep3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 }
.img-auto { display: inline-block; max-width: 100%; height: auto }
.container { margin-left: auto; margin-right: auto; padding-left: 16px !important; padding-right: 16px !important }
.h100 { height: 100% }
.flex { display: flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; align-items: center; }
.flex-inline { display: inline-flex }
.flex-reverse { flex-direction: row-reverse }
.flex-column { flex-direction: column }
.flex-column .flex-reverse { flex-direction: column-reverse }
.flex-nowrap { flex-wrap: nowrap }
.flex-wrap { flex-wrap: wrap }
.flex-wrap-reverse { flex-wrap: wrap-reverse }
.flex-center { justify-content: center }
.flex-end { justify-content: flex-end }
.flex-bet { justify-content: space-between }
.flex-items { align-items: center }
.grid { display: flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.grid-y { flex-direction: column; -webkit-flex-direction: column }
.grid-small { padding: 10px 0 }
.grid-small>.grid { margin: -10px }
.grid-small>.grid>[class*='x'], .grid-small>.grid>[class*='y'] {
padding:10px
}
.grid-middle { padding: 15px 0 }
.grid-middle>.grid { margin: -15px }
.grid-middle>.grid>[class*='x'], .grid-middle>.grid>[class*='y'] {
padding:15px
}
.grid-big { padding: 20px 0 }
.grid-big>.grid { margin: -20px }
.grid-big>.grid>[class*='x'], .grid-big>.grid>[class*='y'] {
padding:20px
}
.grid-large { padding: 35px 0 }
.grid-large>.grid { margin: 35px }
.grid-large>.grid>[class*='x'], .grid-large>.grid>[class*='y'] {
padding:35px
}
.x, .x0, .x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12, .xl1, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9, .xl10, .xl11, .xl12, .xs0, .xs1, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12, .xm0, .xm1, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9, .xm10, .xm11, .xm12, .xb0, .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9, .xb10, .xb11, .xb12, .xg0, .xg1, .xg2, .xg3, .xg4, .xg5, .xg6, .xg7, .xg8, .xg9, .xg10, .xg11, .xg12 { position: relative; width: 100% }
.x { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.x0, .xl0, .xs0, .xm0, .xb0, .xg0 { max-width: 100% }
.x0 { width: auto }
.x1 { width: 8.33333333% }
.x2 { width: 16.66666667% }
.x20 { width: 20% }
.x3 { width: 25% }
.x4 { width: 33.33333333% }
.x5 { width: 41.66666667% }
.x6 { width: 50% }
.x7 { width: 58.33333333% }
.x8 { width: 66.66666667% }
.x9 { width: 75% }
.x10 { width: 83.33333333% }
.x11 { width: 91.66666667% }
.x12 { width: 100% }
.y, .y1, .y2, .y20, .y3, .y4, .y5, .y6, .y7, .y8, .y9, .y10, .y11, .y12 { position: relative; max-height: 100% }
.y { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1 }
.y0 { height: auto }
.y1 { height: 8.33333333% }
.y2 { height: 16.66666667% }
.y20 { height: 20% }
.y3 { height: 25% }
.y4 { height: 33.33333333% }
.y5 { height: 41.66666667% }
.y6 { height: 50% }
.y7 { height: 58.33333333% }
.y8 { height: 66.66666667% }
.y9 { height: 75% }
.y10 { height: 83.33333333% }
.y11 { height: 91.66666667% }
.y12 { height: 100% }
@media (min-width:572px) {
.container { max-width: 540px }
.xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.xl0 { width: auto }
.xl1 { width: 8.33333333% }
.xl2 { width: 16.66666667% }
.xl20 { width: 20% }
.xl3 { width: 25% }
.xl4 { width: 33.33333333% }
.xl5 { width: 41.66666667% }
.xl6 { width: 50% }
.xl7 { width: 58.33333333% }
.xl8 { width: 66.66666667% }
.xl9 { width: 75% }
.xl10 { width: 83.33333333% }
.xl11 { width: 91.66666667% }
.xl12 { width: 100% }
}
@media (min-width:762px) {
.container { max-width: 730px }
.xs { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.xs0 { width: auto }
.xs1 { width: 8.33333333% }
.xs2 { width: 16.66666667% }
.xs20 { width: 20% }
.xs3 { width: 25% }
.xs4 { width: 33.33333333% }
.xs5 { width: 41.66666667% }
.xs6 { width: 50% }
.xs7 { width: 58.33333333% }
.xs8 { width: 66.66666667% }
.xs9 { width: 75% }
.xs10 { width: 83.33333333% }
.xs11 { width: 91.66666667% }
.xs12 { width: 100% }
}
@media (min-width:992px) {
.container { max-width: 960px }
.xm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.xm0 { width: auto }
.xm1 { width: 8.33333333% }
.xm2 { width: 16.66666667% }
.xm20 { width: 20% }
.xm3 { width: 25% }
.xm4 { width: 33.33333333% }
.xm5 { width: 41.66666667% }
.xm6 { width: 50% }
.xm7 { width: 58.33333333% }
.xm8 { width: 66.66666667% }
.xm9 { width: 75% }
.xm10 { width: 83.33333333% }
.xm11 { width: 91.66666667% }
.xm12 { width: 100% }
}
@media (min-width:1232px) {
.container { max-width: 1200px; padding-left: 0!important; padding-right: 0!important }
.xb { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.xb0 { width: auto }
.xb1 { width: 8.33333333% }
.xb2 { width: 16.66666667% }
.xb20 { width: 20% }
.xb3 { width: 25% }
.xb4 { width: 33.33333333% }
.xb5 { width: 41.66666667% }
.xb6 { width: 50% }
.xb7 { width: 58.33333333% }
.xb8 { width: 66.66666667% }
.xb9 { width: 75% }
.xb10 { width: 83.33333333% }
.xb11 { width: 91.66666667% }
.xb12 { width: 100% }
}
@media (min-width:1632px) {
.container { max-width: 1400px }
.xg0 { width: auto }
.xg1 { width: 8.33333333% }
.xg2 { width: 16.66666667% }
.xg20 { width: 20% }
.xg3 { width: 25% }
.xg4 { width: 33.33333333% }
.xg5 { width: 41.66666667% }
.xg6 { width: 50% }
.xg7 { width: 58.33333333% }
.xg8 { width: 66.66666667% }
.xg9 { width: 75% }
.xg10 { width: 83.33333333% }
.xg11 { width: 91.66666667% }
.xg12 { width: 100% }
}
.show, .show-xm { display: block!important }
.hidden, .show-xs { display: none!important }
@media screen and (max-width:980px) {
.show-xm { display: none!important; }
.show-xs { display: block!important; }
}
.flex-s { align-items: flex-start; }
.img_fit img { object-fit: cover; height: 100%; }
/* animation */
@keyframes opacity { 0% {
opacity: 1;
transform: scale(0.9);
}
50% {
opacity:.6;
transform: scale(1);
}
100% {
opacity: 1;
transform: scale(0.9);
};
}
@keyframes fadenum { 0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
};
}
@keyframes bounceDown { 25% {
transform: translateY(-3px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(3px);
};
}
@keyframes scale { 0% {
transform: scale(0.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.8);
};
}
@keyframes mymove { 0% {
bottom:30px;
}
100% {
bottom:20px;
};
}
.wp { width: 100%; max-width: 1438px; margin-left: auto; margin-right: auto; }
.lightbox { background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: none; }
.c99 { color: #999; }
/*网站默认滚动条的样式*/
::-webkit-scrollbar {
width:8px;
height:5px;
}
::-webkit-scrollbar-track {
background:rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
background:#333;
}
.transy { transition: .3s; -moz-transition: .3s; -webkit-transition: .3s }
.transy:hover { transform: translateY(-5px) }
.pic { overflow: hidden; }
.biao img { transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; cursor: pointer }
.biao:hover img { transform: scale(1.09)!important }
.bimg, .pimg { overflow: hidden }
.bimg img { display: inline-block; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; width: 100%; height: 100%; }
.bimg:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1) }
.pimg { height: 100%; width: 100%; transition: all 2.6s ease-in 0s }
.pimg:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1) }
/* fonts */
.h100 { height: 100% }
.fb { font-family: 'Microsoft YaHei', SimSun, Arial, Helvetica, Tahoma, sans-serif; font-weight: bold; }
.f92 { font-size: 92px }
.f72 { font-size: 72px; }
.f60 { font-size: 60px; }
.f48 { font-size: 48px; }
.f42 { font-size: 42px; }
.f36 { font-size: 36px }
.f30 { font-size: 30px; }
.f28 { font-size: 28px }
.f25 { font-size: 25px }
.f24 { font-size: 24px; }
.f22 { font-size: 22px; }
.f20 { font-size: 20px }
.f18 { font-size: 18px }
.f16 { font-size: 16px }
.f15 { font-size: 15px }
.p60 { padding: 60px 0; }
.p100 { padding: 80px 0px 180px 0px; }
pb100 { padding-bottom: 100px }
@media screen and (max-width:1450px) {
.wp { padding: 0 30px; }
.f92 { font-size: 50px }
.f72 { font-size: 45px; }
.f60 { font-size: 35px; }
.f48 { font-size: 36px; }
.f42 { font-size: 34px; }
.f36 { font-size: 32px }
.f30 { font-size: 26px; }
.f28 { font-size: 24px }
.f25 { font-size: 22px }
.f24 { font-size: 21px; }
.f22 { font-size: 18px; }
.f20 { font-size: 17px }
.f18 { font-size: 16px }
.f16 { font-size: 15px }
.f15 { font-size: 14px }
.p60 { padding: 40px 0; }
}
@media screen and (max-width:980px) {
/* fonts */
.f92 { font-size: 28px }
.f72 { font-size: 26px; }
.f60 { font-size: 23px; }
.f48 { font-size: 22px; }
.f42 { font-size: 21px; }
.f36 { font-size: 20px }
.f30 { font-size: 18px; }
.f28 { font-size: 18px }
.f25 { font-size: 18px }
.f24 { font-size: 18px; }
.f22 { font-size: 17px; }
.f20 { font-size: 16px }
.f18 { font-size: 15px }
.f16 { font-size: 14px }
.f15 { font-size: 13px }
.p60 { padding: 25px 0; }
.pb100 { padding-bottom: 40px }
.p100 { padding: 50px 0px 150px 0px; }

::-webkit-scrollbar {
width:3px;
height:3px;
}
img { max-width: 100%; height: auto; }
.wp { padding: 0 15px!important }
.mgrid { flex-wrap: wrap!important; }
.grid-small { padding: 3px 0 }
.grid-small>.grid { margin: -3px }
.grid-small>.grid>[class*='x'], .grid-small>.grid>[class*='y'] {
padding:3px
}
.grid-middle { padding: 8px 0 }
.grid-middle>.grid { margin: -8px }
.grid-middle>.grid>[class*='x'], .grid-middle>.grid>[class*='y'] {
padding:8px
}
.grid-big { padding: 10px 0 }
.grid-big>.grid { margin: -10px }
.grid-big>.grid>[class*='x'], .grid-big>.grid>[class*='y'] {
padding:10px
}
}
@keyframes mymove { 0% {
bottom:25px
}
100% {
bottom:45px
}
}
/* common */
header { width: 100%; position: fixed; top: 0; left: 0; z-index: 221; transition: all .3s; background: rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); height: 88px; }
header .wp { height: 100% }
header .nav { display: flex; align-items: center; justify-content: space-between; }
header .nav ul { display: flex; }
header .nav ul li { margin-right: 52px; height: 88px; line-height: 88px; position: relative; }
header .nav ul li:last-child { margin-right: 0; }
header .nav ul li a { display: block; font-size: 16px; color: #fff; }
header .nav ul li::before { content: ""; width: 0; height: 4px; background: #B81C22; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); transition: all ease .3s; border-radius: 2px; }
header .nav ul li:hover::before, header .nav ul li.on::before { width: 26px; }
header .nav ul li:hover a, header .nav ul li.on a { color: #E50214!important }
header .nav ul li .down { position: absolute; width: 150px; left: 50%; transform: translateX(-50%); top: 88px; display: none; text-align: center; background: rgba(255,255,255,.7); padding: 10px 0; font-size: 16px; overflow: hidden; height: auto; }
header .nav ul li .down a { display: block; font-size: 14px; color: #333!important; position: relative; line-height: 40px; }
header .nav ul li .down a:hover { color: #CC0000!important; }
header .m_nav, header .m_nav.show { display: none!important; }
header.open { background: none!important; border: 0!important; }
header.open .nav { display: none; }
header .logo2 { display: none; }
header.fix { background: #fff; border-bottom: 1px solid #e5e5e5; }
header.fix .logo2 { display: inline-block; }
header.fix .logo1 { display: none; }
header.fix .nav ul li a { color: #333; }
header.fix .nav ul li .down { background: #fff; }
header.fix .nav ul li .down { box-shadow: 0 1px 5px rgba(0,0,0,.115)!important; }

header .search { position: relative; width: 46px; height: 42px; overflow: hidden; z-index: 10; margin-right: 5px; margin-left:10px }
header.hd1 .search:hover { overflow: visible }
header.hd1 .search .main { position: absolute; margin: auto; top: 0px; right: 0; left: 0; width:46px; height:40px; transition: all 1s;}
header.hd1 .search:hover .main { cursor: pointer; background:#dc0000; }
header.hd1 .search .main::before { content: ""; position: absolute; margin: auto; top:15px; right: 0; bottom: 0; left:15px; width:12px; height: 2px; background: #fff; transform: rotate(45deg); transition: all .5s; }
header.hd1 .search .main::after { content: ""; position: absolute; margin: auto; top: -5px; right: 0; bottom: 0; left: -5px; width:16px; height:16px; border-radius: 50%; border: 2px solid #fff; transition: all .5s; }
header.hd1 .search:hover .main::before { background: #fff }
header.hd1 .search:hover .main::after { border: 2px solid #fff }
header.hd1 .search input { font-family: "微软雅黑"; font-size:14px; position: absolute; right:0px; top: 0px; width:350px; height:40px; outline: none; border:1px solid #f5f5f5; background: #fff; color: #666; padding: 0 20px 0 20px; transition: all 1s; opacity: 0; z-index:11; font-weight:normal; }
header.hd1 .search input:hover { cursor: pointer; }
header.hd1 .search input:focus { width:300px; opacity: 1; cursor: text; }
header.hd1 .search input:focus ~ .main { right: 0px; z-index: 12; }
header.hd1 .search input:focus ~ .main::before { top: 0; left: 0; width:24px; }
header.hd1 .search input:focus ~ .main::after { top: 0; left: 0; width:24px; height: 2px; border: none; background: white; border-radius: 0%; transform: rotate(-45deg); }
header.hd1 .search input::placeholder {color:#666;opacity: 0.5;}
header.hd1 .search_box { display:none}

header.fix .search:hover { overflow: visible }
header.fix .search .main { position: absolute; margin: auto; top: 0px; right: 0; left: 0; width:46px; height:40px; transition: all 1s;}
header.fix .search:hover .main { cursor: pointer; background:#dc0000; }
header.fix .search .main::before { content: ""; position: absolute; margin: auto; top:15px; right: 0; bottom: 0; left:15px; width:12px; height: 2px; background: #666; transform: rotate(45deg); transition: all .5s; }
header.fix .search .main::after { content: ""; position: absolute; margin: auto; top: -5px; right: 0; bottom: 0; left: -5px; width:16px; height:16px; border-radius: 50%; border: 2px solid #666; transition: all .5s; }
header.fix .search:hover .main::before { background: #fff }
header.fix .search:hover .main::after { border: 2px solid #fff }
header.fix .search input { font-family: "微软雅黑"; font-size:14px; position: absolute; right:0px; top: 0px; width:350px; height:40px; outline: none; border:1px solid #f5f5f5; background: #fff; color: #666; padding: 0 20px 0 20px; transition: all 1s; opacity: 0; z-index:11; font-weight:normal; }
header.fix .search input:hover { cursor: pointer; }
header.fix .search input:focus { width:300px; opacity: 1; cursor: text; }
header.fix .search input:focus ~ .main { right: 0px; z-index: 12; }
header.fix .search input:focus ~ .main::before { top: 0; left: 0; width:24px; }
header.fix .search input:focus ~ .main::after { top: 0; left: 0; width:24px; height: 2px; border: none; background: white; border-radius: 0%; transform: rotate(-45deg); }
header.fix .search input::placeholder {color:#666;opacity: 0.5;}
header.fix .search_box { display:none}

header .search:hover { overflow: visible }
header .search .main { position: absolute; margin: auto; top: 0px; right: 0; left: 0; width:46px; height:40px; transition: all 1s;}
header .search:hover .main { cursor: pointer; background:#dc0000; }
header .search .main::before { content: ""; position: absolute; margin: auto; top:15px; right: 0; bottom: 0; left:15px; width:12px; height: 2px; background: #666; transform: rotate(45deg); transition: all .5s; }
header .search .main::after { content: ""; position: absolute; margin: auto; top: -5px; right: 0; bottom: 0; left: -5px; width:16px; height:16px; border-radius: 50%; border: 2px solid #666; transition: all .5s; }
header .search:hover .main::before { background: #fff }
header .search:hover .main::after { border: 2px solid #fff }
header .search input { font-family: "微软雅黑"; font-size:14px; position: absolute; right:0px; top: 0px; width:350px; height:40px; outline: none; border:1px solid #f5f5f5; background: #fff; color: #666; padding: 0 20px 0 20px; transition: all 1s; opacity: 0; z-index:11; font-weight:normal; }
header .search input:hover { cursor: pointer; }
header .search input:focus { width:300px; opacity: 1; cursor: text; }
header .search input:focus ~ .main { right: 0px; z-index: 12; }
header .search input:focus ~ .main::before { top: 0; left: 0; width:24px; }
header .search input:focus ~ .main::after { top: 0; left: 0; width:24px; height: 2px; border: none; background: white; border-radius: 0%; transform: rotate(-45deg); }
header .search input::placeholder {color:#666;opacity: 0.5;}
header .search_box { display:none}



/* footer */
.footer { background: #272525 }
.footer .ft1 { color: #ccc; }
.footer .footer_nav li { min-width: 100px; }
.footer .footer_nav .title { color: #ccc; font-size: 16px; font-weight: bold; }
.footer .footer_nav .title a { color: #ccc }
.footer .footer_nav .title a:hover { color: #fff }
.footer .footer_nav ul { padding: 6px 0 }
.footer .footer_nav .dd { margin-top: 10px }
.footer .footer_nav .dd li { height: 28px; line-height: 28px; font-size: 14px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.footer .footer_nav .dd a { color: #ccc }
.footer .footer_nav .dd a:hover { color: #fff!important }
.footer .qrcode { text-align: center; margin-left: 4vw; width: 114px; flex-shrink: 0; }
.footer .qrcode .ewm { margin-bottom: 10px }
.footer .lxfs .lx2 { line-height: 24px; margin-top: 15px; }
.footer .copyright { padding: 23px 0; border-top: 1px solid rgba(255,255,255,0.08); color: #ccc; text-align: center }
.footer .copyright a { color: #ccc }
.footer .copyright a:hover { color: #fafafa }
.footer .copyright span { margin:0px 10px;}


@media (max-width:1700px) {
header .nav { padding-right: 40px; }
header .nav ul li { margin-right: 35px; }
}
@media (max-width:1600px) {
header .nav { padding-right:60px; }
.home header .logo { margin-right:30px; }
}

@media (max-width:1440px) {
header .nav ul li { margin-right:25px; }
}

@media (max-width:1366px) {
header .nav ul li { margin-right:25px; }
}

@media (max-width:1280px) {
header .logo {margin-right:0px; }
header .logo img { height:40px; max-width: unset; vertical-align: middle; }
}
@media (max-width:1220px) {
.grid-middle { padding: 10px 0 }
.grid-middle>.grid { margin: -10px }
.grid-middle>.grid>[class*='x'], .grid-middle>.grid>[class*='y'] {padding:10px}
header .nav ul li { margin-right:10px; }
header .logo {margin-right:0px; }
header .logo img { height: 35px; max-width: unset; vertical-align: middle; }
}
@media (max-width:1024px) {
header .logo img { height:30px; max-width: unset; vertical-align: middle; }
}

@media (max-width:980px) {
body { font-size: 13px; }
header { padding:12px 0; height: auto; }
header .fold { display: none!important; }
header .nav ul { display: none; }
header .logo img { height: 35px; max-width: unset; vertical-align: middle; }
header .btn { width: 60px; height: 60px; background: #b81c22 url(../images/icon_caidan1.png) no-repeat center; text-align: center; z-index: 22; cursor: pointer; position: absolute; right: 0; top: 0; z-index: 2; line-height: 60px; background-size: 60px; }
header .btn:hover span:nth-child(1) { transform: translate(0, 0px); }
header .btn:hover span:nth-child(2) { transform: translate(0, 8px); width: 24px; }
header .btn:hover span:nth-child(3) { transform: translate(0, 16px); }
header .nav .lang { width: 28px; height: 28px; line-height: 28px; font-size: 12px; position: absolute; right: 55px; top: 48%; transform: translateY(-50%); margin-left: 0; }
header .m_nav { display: block!important; position: absolute; left: 110%; top: 60px; width: 100%; background-color: #fff; height: 100vh; transition: all 0.5s ease-out; }
header .m_nav.show { left: 0; display: block!important; }
header.open2 .btn { background: #b81c22 url(../images/icon_cd2.png) no-repeat center; }
header.open2 { background: #fff!important; border-bottom: 1px solid #eee; }
header.open2 .logo1 { display: none; }
header.open2 .logo2 { display: inline-block; }
/* menu */
.m_center { padding: 0 0 30px 0; text-align: left; }
.m_center .li { border-bottom: 1px solid #eee; padding: 0 15px; position: relative; }
.m_center .li>a { font-size: 16px; line-height: 45px; position: relative; color: #333; display: block; }
.m_center .li>a.on { color: #B81C22; }
.m_center .li.on>a { color: #B81C22; }
.m_center .li.on>a:after { background-color: #B81C22; }
.m_center .li ul { text-indent: 1em; display: none; padding-bottom: 10px!important; }
.m_center .li ul a { line-height: 30px; font-size: 14px; }
.m_center .li ul a:hover { color: #B81C22; }
.m_center .li i { position: absolute; right: 0; top: -4px; }
.m_center .li i::before { content: ""; position: absolute; top: 0; right: 5px; width: 25px; height: 45px; background: url(../images/pr_jt.png)no-repeat center; transition: all 0.3s; }
.m_center .li.on i:before { transform: rotate(90deg); }
.m_center .li:nth-child(1):after { display: none; }
header.on { height: auto; }
.m_center .right { display: flex; align-items: center; }
.m_center .right .solid { width: 1px; height: 8px; background-color: #333333; margin-right: 10px; }
.m_center .right a { display: flex; justify-content: center; align-items: center; margin-right: 10px; }
.m_center .right a img { width: 13px; }
.footer .lxfs .lx2 { margin-top: 5px; }
.footer .qrcode { width: 100px; }
.footer .qrcode .ewm { margin-bottom: 4px; }
.footer .ft1 .lxb { justify-content: space-between; }
.footer .copyright { padding: 15px 0; font-size: 12px; }
}
@media (max-width:750px) {
.x12 { width: 100%!important }
}

@media (max-width:412px) {
.footer .copyright span { margin:0px 10px;}
.copyright >.wp { padding:0px !important;}	
.copyright span { display:block; text-align:center}
.p100 { padding: 50px 0px 100px 0px; }


@media (max-width:320px) {
header .logo { height:35px; padding-top:5px}
header .logo img {height:25px;max-width: unset; vertical-align: middle; }