@charset "utf-8";

* {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
outline: none;
}

@font-face {
font-family: 'sySong';
src:
url('sySong.woff') format('woff');
font-weight: normal;
font-style: normal;
}

html,
body {
color: #333;
font-family: "微软雅黑";
margin-left: auto !important;
margin-right: auto !important;
text-align: left;
}

html {
font-size: 100px;
}

body {
font-size: 0.16rem;
}

.index::-webkit-scrollbar,
html::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: #F5F5F5;
}

.index::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #E2E2E2;
}

.index::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #333;
}

/* rem */

@media screen and (min-width:2000px) {
html {
font-size: 110px !important;
}
}

@media screen and (max-width:1940px) {
html {
font-size: 100px !important;
}
}

@media screen and (max-width:1800px) {
html {
font-size: 95px !important;
}
}

@media screen and (max-width:1600px) {
html {
font-size: 90px !important;
}
}

@media screen and (max-width:1400px) {
html {
font-size: 90px !important;
}
}

@media screen and (max-width:1024px) {
html {
font-size: 85px !important;
}
}

@media screen and (max-width:900px) {
html {
font-size: 85px !important;
}
}

@media screen and (max-width:640px) {
html {
font-size: 80px !important;
}
}

@media screen and (max-width:480px) {
html {
font-size: 80px !important;
}
}

@media screen and (max-width:375px) {
html {
font-size: 75px !important;
}
}

@media screen and (max-width:360px) {
html {
font-size: 70px !important;
}
}

@media screen and (max-width:350px) {
html {
font-size: 65px !important;
}
}

/* rem */

li {
list-style: none;
}

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

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

body .clear {
clear: both;
height: 0 !important;
width: 0 !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
}

.clearfix:after {
content: "";
clear: both;
display: block;
overflow: hidden;
font-size: 0;
height: 0;
}
.bottom-logo {
margin: 0 auto 0px auto;
padding-left: 180px;
}
.clearfix {
zoom: 1;
}

.fl {
float: left;
}

.fr {
float: right;
}

.flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.wp {
width: 14rem;
max-width: 94%;
margin: 0 auto;
}

.pic {
padding-top: 75%;
position: relative;
overflow: hidden;
}

.pic img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 1s;
}

.pic img:hover {
transform: scale(1.1);
}

.bg_img {
position: relative;
overflow: hidden;
}

.bg_img .a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
transition: all 0.4s ease-in;
}

.bg_img:hover .a {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

@keyframes icon-yh {
0% {
transform: rotateZ(0);
}

10% {
transform: rotateZ(10deg);
}

20% {
transform: rotateZ(0);
}

30% {
transform: rotateZ(-10deg);
}

40% {
transform: rotateZ(0);
}

50% {
transform: rotateZ(10deg);
}

60% {
transform: rotateZ(0);
}

70% {
transform: rotateZ(-10deg);
}

80% {
transform: rotateZ(0);
}

90% {
transform: rotateZ(10deg);
}

100% {
transform: rotateZ(0);
}
}

@keyframes jello {

from,
11.1%,
to {
-webkit-transform: none;
-moz-transform: none;
transform: none
}

22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-moz-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}

33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
-moz-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}

44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-moz-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}

55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-moz-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}

66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
-moz-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}

77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
-moz-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg)
}

88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
-moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}

.wap {
display: none !important;
}

/*search*/

.search-con {
margin-left: 0.32rem;
margin-top: 0.26rem;
display: block;
font-size: 0;
position: relative;
z-index: 1;
}

.search-con button {
width: 0.37rem;
height: 0.37rem;
border: 1px solid #fff;
border-radius: 50%;
text-align: center;
background: none;
cursor: pointer;
font-size: 0;
}

.search-con button img {
vertical-align: middle;
width: 0.18rem;
height: 0.18rem;
transition: all 0.5s;
}

.search-con button:hover img {
transform: scale(1.05);
}

.search {
width: 500px;
height: 50px;
background: #fff;
margin-top: 20px;
position: absolute;
right: 0;
top: 24px;
z-index: 1;
display: none;
}

input,
button {
border: none;
outline: none;
}

.search .text {
width: 500px;
padding-left: 15px;
padding-right: 80px;
height: 50px;
font-size: 14px;
background: none;
color: #333;
}

.search .button {
width: 80px;
height: 50px;
background: #9f0303 url(../images/fdj.png) no-repeat center;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
text-align: center;
}

input::-webkit-input-placeholder {
color: #999;
}

input::-moz-input-placeholder {
color: #999;
}

input::-ms-input-placeholder {
color: #999;
}

/* 定位搜索框 */

.yc-search {
line-height: 40px;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999999;
display: none;
}

.yc-search-bg {
position: fixed;
z-index: 99998;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, .8);
}

.search {
display: block;
position: fixed;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 99999;

}

/*头部*/

.pc {
position: absolute;
left: 0;
right: 13.54%;
top: 0.3rem;
height: 0.9rem;
background: #9f0303;
z-index: 99991;
}

.head {
padding: 0 0 0 6.62%;
height: 100%;
position: relative;
}

.head::after {
content: '';
position: absolute;
top: 0;
right: -1rem;
background: url(../images/nav_bg.png) no-repeat;
background-size: 100% 100%;
width: 1.53rem;
height: 0.97rem;
}

.logo {
width: 4.32rem;
}

.logo a {
display: block;
font-size: 0;
}

.logo img {
display: block;
max-width: 100%;
}

.head-r {
display: flex;
}

/* nav */
.nav {
line-height: 0.9rem;
}

.nav>ul {
font-size: 0;
text-align: right;
}

.nav>ul>li {
display: inline-block;
text-align: center;
position: relative;
margin-left: 0.28rem;
}

.nav>ul>li:first-child {
margin-left: 0;
}

.nav>ul>li>a {
display: block;
font-size: 0.18rem;
color: #fff;
position: relative;
}

.nav>ul>li>a::after {
/* content: ""; */
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-bottom: 3px solid #fff;
transform: scaleX(0);
transition: all 0.3s;
}

.nav>ul>li.on>a::after,
.nav>ul>li:hover>a::after,
.nav>ul>li.active>a::after {
transform: none;
}

.nav>ul>li.active>a {
font-weight: bold;
}

.nav>ul>li:hover>a {
font-weight: bold;
}

.nav>ul>li>div {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%) translateY(0.3rem);
width: 100%;
min-width: 1.4rem;
z-index: 9999;
line-height: normal;
visibility: hidden;
opacity: 0;
transition: all 0.5s;
}

.nav>ul>li>div>ul {
overflow: hidden;
background: #fff;
box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2);
/* margin-top: 0.24rem; */
}

.nav>ul>li>div>ul>li a {
display: block;
font-size: 0.15rem;
line-height: 0.45rem;
transition: all 0.3s;
color: #333;
}

.nav>ul>li>div>ul>li a:hover {
background: #9f0303;
color: #fff;
}

.nav>ul>li:hover>div {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}

.nav-r {
float: left;
position: relative;
}

.nav-r a {
float: left;
margin-left: 20px;
border-radius: 50%;
width: 40px;
height: 40px;
text-align: center;
color: #fff;
line-height: 40px;
font-size: 0;
}

.nav-r a img {
vertical-align: middle;
display: none;
}

.nav-r a img:first-child {
display: inline-block;
}

.nav-r a span {
display: block;
font-size: 18px;
}


/*底部*/

.foot {
background: #9f0303;
background-size: cover;
//padding-top: 0.55rem;
color: #fff;
}
.foot-dz {
position: relative;
top: 80px;
}

.foot a {
color: #fff;
}

.foot a:hover {
color: rgba(255, 255, 255, 0.8);
}

.foot-t {
align-items: flex-start;
}


.link {
width: 18.57%;
}

.foot-t h3 {
font-size: 0.18rem;
color: #fff;
}

.link p {
line-height: 0.45rem;
padding-right: 0.2rem;
background: #303c45;
color: #fff;
text-align: left;
font-size: 0.16rem;
background: url(../images/link-icon-down.png) no-repeat;
background-position: right center;
background-size: 0.13rem 0.1rem;
}

.link>div {
position: relative;
padding: 0 0.2rem;
border: 1px solid rgba(255, 255, 255, 1);
background-color: none;
margin-top: 0.16rem;
}

.link>div:nth-child(2) {
margin-top: 0.26rem;
}

.link>div:hover div {
display: block;
}

.link>div div {
position: absolute;
bottom: 100%;
background: #fff;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
padding: 10px 0;
left: 0;
right: 0;
max-height: 2.7rem;
overflow-y: auto;
z-index: 9;
display: none;
}

.link>div div::-webkit-scrollbar {
width: 3px;
}

.link>div div::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #e5e5e5;
}

.link>div div::-webkit-scrollbar-track {
border-radius: 5px;
background: #9f0303;
}

.link>div div a {
display: block;
color: #333;
line-height: 0.36rem;
font-size: 0.15rem;
padding: 0 0.1rem;
}

.link>div div a:hover {
background: #9f0303;
color: #fff;
}


.foot-l {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}

.foot-logo {
display: block;
width: 4.5rem;
max-width: 100%;
margin-top: 0.5rem;
}

.foot-dz h3 {
margin-bottom: 0.2rem;
}

.foot-dz p {
font-size: 0.14rem;
line-height: 0.32rem;
color: #fff;
}

.foot-bq {
background: rgba(159, 3, 3, 0.5);
text-align: center;
margin-top: 0.26rem;
}

.foot-bq p {
font-size: 0.14rem;
line-height: 0.36rem;
padding: 0.05rem 0.1rem;

}

@media screen and (max-width:1600px) {}

@media screen and (max-width:1500px) {
.head {
padding: 0 0 0 0.2rem;
}

.nav>ul>li {
margin-left: 0.3rem;
}
}

@media screen and (max-width:1400px) {}

@media screen and (max-width:1300px) {
.logo {
width: 3.2rem;
}

.nav>ul>li {
margin-left: 0.2rem;
}

.nav>ul>li>a {
font-size: 0.16rem;
}
}

@media screen and (max-width:1200px) {}

@media screen and (max-width:1100px) {}

@media screen and (max-width:1024px) {
body {
padding-top: 60px !important;
}

.pc {
display: none !important;
}

.banner .slick-slide a:before {
display: none;
}

.m-top {
max-width: 19.2rem;
margin: 0 auto;
position: fixed;
right: 20px;
top: 18px;
width: 25px;
height: 25px;
z-index: 9999;
}

.wap {
display: block !important;
}

.wap-menu {
position: absolute;
top: 0;
right: 0;
z-index: 99999;
font-size: 0;
}

.wap-menu img {
height: 25px;
}

.close-menu {
display: none;
position: absolute;
right: 0;
top: 0;
}

.m-head {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #9f0303;
z-index: 999;
padding: 10px 20px;
}

.m-logo {
font-size: 0;
}

.m-logo a {
font-size: 0;
line-height: 40px;
display: block;
}

.m-logo img {
max-height: 40px;
max-width: 80%;
vertical-align: middle;
}

.m-tlink {
font-size: 12px;
padding: 10px 15px 0 15px;
color: rgba(255, 255, 255, 0.6);
}

.m-tlink a {
font-size: 12px;
color: #fff;
display: inline-block;
line-height: 24px;
/*background: #fff;*/
line-height: 24px;
margin: 0 10px;
}

.m-tlink a:first-child {
margin-left: 0;
}

.m-tlink a img {
vertical-align: -2px;
padding-right: 5px;
height: 14px;
}

.m-search {
margin: 0 15px;
padding-right: 50px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
line-height: 35px;
/* background: #fff; */
margin-top: 15px;
margin-bottom: 15px;
border: 1px solid #fff;
}

.m-search input[type="text"] {
display: block;
width: 100%;
line-height: 25px;
background: none;
color: #fff;
font-size: 12px;
}

.m-search input[type="text"]::placeholder {
color: #fff;
}

.m-search input[type="image"] {
position: absolute;
right: 10px;
top: 10px;
height: 15px;
}

.m-nav {
position: fixed;
top: 60px;
right: -100%;
bottom: 0;
z-index: 999;
background: #9f0303;
border-top: 1px solid rgba(255, 255, 255, 0.2);
overflow-y: scroll;
width: 100%;
max-width: 375px;
}

.m-nav .top-r {
color: #fff;
padding-left: 15px;
}

.m-nav ul {
padding: 0 15px;
/* border-top: 1px solid rgba(255, 255, 255, 0.2); */
}

.m-nav ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
position: relative;
}

.m-nav ul li>span.on {
transform: rotateZ(90deg);
}

.m-nav ul li ul {
display: none;
}

.m-nav ul li ul li {
border: none;
}

.m-nav>ul>li a {
display: block;
font-size: 15px;
line-height: 20px;
padding: 15px 0;
position: relative;
color: #fff;
}

.m-nav>ul>li ul li a {
font-size: 14px;
padding: 10px 0;
}

.m-nav>ul>li>span {
position: absolute;
width: 20px;
height: 20px;
background: url(../images/m-nav_down.png) no-repeat;
background-size: 14px 14px;
background-position: center center;
right: 0;
top: 15px;
cursor: pointer;
display: block;
color: #fff;
transition: all 0.3s;
}

}

@media screen and (max-width:768px) {
.foot {
padding-top: 0.3rem;
}

.foot-t {
justify-content: center;
}

.foot-logo {
order: 1;
margin: 0 auto;
}

.link {
order: 2;
width: 100%;
text-align: center;
margin-top: 0.3rem;
}

.link>div:nth-child(2) {
margin-top: 0.16rem;
}

.foot-dz {
order: 3;
        text-align: center;
        margin-top: -70px;
        margin-bottom: 75px;
}

.bottom-logo {
margin: 0 auto 0px auto;
padding-left: 0px;
}

.foot-dz h3 {
margin-bottom: 0.1rem;
}
}

@media screen and (max-width:640px) {}

@media screen and (max-width:480px) {}

@media screen and (max-width:375px) {}

@media screen and (max-width:320px) {}