@import url(https://at.alicdn.com/t/c/font_4309255_vm0fvr2d538.css);

body {
    font-family: 'AVGR45W';
    
}
@font-face {
    font-family: 'AVGR45W';
  
    src: url('../fonts/AVGR45W.TTF') format('truetype');
  
    font-weight: normal;
  
    font-style: normal;
  }
  
  @font-face {
    font-family: "AVGR45W-Bold";
  
    src: url("../fonts/AVGR65W1.TTF") format("truetype");
  
    font-weight: normal;
  
    font-style: normal;
  
    font-display: block;
  }
  

.iconfont {
    font-size: inherit;
    line-height: 1;
    -webkit-text-stroke-width: 0;
}

a:focus,
a:hover {
    /* text-decoration: underline!important; */
    color: #fff !important;
}

a {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: none;
    color: #fff;
}

a:hover {
    text-decoration: none;
    color: #fff !important;
}


button,
input {
    outline: none !important;
}

::-moz-placeholder {
    color: #ccc;
}

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

:-ms-input-placeholder {
    color: #ccc !important;
}

.clearfix:before,
.clearfix:after,
.wrapper:after,
.wrapper:before {
    content: "";
    display: table;
}

.clearfix:after,
.wrapper:after {
    clear: both;
    overflow: hidden;
}

.clearfix,
.wrapper {
    zoom: 1;
}

.btn-primary {
    background: #165a95;
}

ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
    padding: 0;
    margin: 0;
}

body {
    font-size: 14px !important;
    color: #000;
    background-color: #fff;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

.uli14 li,
.nowrapli li {
    list-style: inside;
}

ul.nowrapli.uli16 li a {
    padding-left: 8px;
}

img {
    max-width: 100%;
}

.contai {
    width: 1300px;
    margin: 0px auto;
}


.top-news {}

.banner {
    padding-top: 90px;
}

.top-news-content {}

#footer {
    background: url(../img/footer-bg.png) no-repeat;
    background-size: 100% auto;
    padding-top: 60px;
    background-color: #fee7bd;
}

.footer {
    border-top: 5px #ffeec4 solid;
    background: #ff4d18;
}

.footer .footer-links .link-list>li ul li a:hover,
.footer-menu::before {
    background-color: #ffebc5;
}

.footer .footer-links .link-list>li,
.footer .footer-links .link-list>li ul {
    background-color: #ffebc5;
}

.footer .footer-links .link-list>li ul li a,
.footer .footer-links .link-list>li>a {
    color: #f22823;
}

.footer .footer-links .link-list>li ul::-webkit-scrollbar-track {
    background-color: #fe826e;
}

.footer .footer-links .link-list>li ul::-webkit-scrollbar-thumb {
    background-color: #df1404;
    border-radius: 10px;
}

.footer-menu ul.navbar-nav>li>a {
    color: #f22823;
}

.footer-menu ul.navbar-nav li>ul>li>a {
    color: #fff;
}

.footer .footer-links .link-list>li>a span img {
    width: 60px;
}

.Copyright{
    color: #ed9859;
}
.Copyright a {
    color: #fc5c31 !important;
}
.Shopping-Head {
    background: url(../img/bg1.png) no-repeat;
    background-size: 100% auto;
    background-position-y: top;
    background-color: #ffc264;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.Shopping-Head::before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../img/xiusi.png) no-repeat;
    background-size: 100% auto;
    background-position-y: bottom;
    position: absolute;
    bottom: -40px;
    z-index: 0;
}

.header-menu {

    margin-top: -300px;

    position: relative;
}

.header-menu-list {

    display: flex;

    background: linear-gradient(180deg, #ff3238, #fb9a8f);

    padding: 45px 30px 25px;
}

.header-menu-list li {

    flex: auto;

    border-bottom: 3px #fd504d solid;
}

.header-menu-list li.active {
    border-bottom-color: #fff;
}

.header-menu-list li a {
    font-family: "AVGR45W-Bold";
    font-size: 34px;
    color: #fff;
    display: block;
    /* text-align: center; */
    padding: 15px 0px 20px;
    font-weight: bold;
    text-shadow:
        -2px -2px 0 #ff1412,
        2px -2px 0 #ff1412,
        -2px 2px 0 #ff1412,
        2px 2px 0 #ff1412;
}

.header-menu-list li a:hover {
    color: #fff !important;
    text-decoration: none;
}

.menu-banner {}

.menu-banner img {

    width: 50%;

    margin-bottom: -50px;

    margin-left: auto;

    margin-right: auto;

    display: block;
}

.top-news {}

.top-news-content {

background-color: #ffffee;

padding: 40px  0px  28px 50px;

position: relative;

/* margin: 40px 0px; */
}

.top-news-content::after {
    content: '';
    width: 63%;
    height: 160px;
    position: absolute;
    background: linear-gradient(45deg, #ff8b62 20%, transparent 94%);
    left: 37.3%;
    bottom: 100px;
}

.top-news-swiper {
    overflow: hidden;
}

.top-news-swiper .swiper-slide {}

.first-shanghai-swiper .swiper-slide .swiper-slide-left,
.top-news-swiper .swiper-slide .swiper-slide-left {

width: 43%;

float: right;

padding-right: 20px;
}

.first-shanghai-swiper .swiper-slide .swiper-slide-left h4,
.top-news-swiper .swiper-slide .swiper-slide-left h4 {

font-size: 36px;

color: #fe0101;

font-weight: bold;

margin-bottom: 20px;

-webkit-box-orient: vertical;

-webkit-line-clamp: 4;

overflow: hidden;

text-overflow: ellipsis;

white-space: break-spaces;

display: -webkit-box;

margin-top: 15px;

font-family: "AVGR45W-Bold";

line-height: 50px;
}
.top-news-swiper .swiper-slide .swiper-slide-left h4{
font-family: Arial;
}
.first-shanghai-swiper .swiper-slide .swiper-slide-left p,
.top-news-swiper .swiper-slide .swiper-slide-left p {

font-size: 22px;

-webkit-box-orient: vertical;

-webkit-line-clamp: 5;

overflow: hidden;

text-overflow: ellipsis;
white-space: break-spaces;

display: -webkit-box;

font-family: Arial;

color: #575056;
}

a.more-btn {
    color: #fff;
    background: linear-gradient(-128deg, #ff7a1c, #fc1a1a);
    font-size: 16px;
    padding: 6px 15px;
    border-radius: 20px;
    margin-top: 20px;
    display: inline-block;
    font-weight: 600;
    position: absolute;
    bottom: -50px;
}

.top-news-swiper .swiper-slide .swiper-slide-left img {}

.first-shanghai-swiper .swiper-slide .swiper-slide-right,
.top-news-swiper .swiper-slide .swiper-slide-right {

width: 57%;

float: right;

padding-left: 20px;
}

.top-news-swiper .swiper-slide-duplicate-next,

.top-news-swiper .swiper-slide.swiper-slide-next {
    transform: translate(0%, 0%);
    margin-top: 15px;
}

.top-news-swiper .swiper-slide-duplicate-next .swiper-slide-left,
.top-news-swiper .swiper-slide.swiper-slide-next .swiper-slide-left {

    display: none;
}

.top-news-swiper .swiper-slide.swiper-slide-next .swiper-slide-right {
    width: 30%;
    position: relative;
    float: left;
    height: 145px;
    overflow: hidden;
    object-fit: cover;
}


.top-news-swiper .swiper-button-prev,
.top-news-swiper .swiper-button-next {
    background-image: none;
    bottom: 114px;
    top: auto;
}

.top-news-swiper .swiper-button-prev i,
.top-news-swiper .swiper-button-next i {
    font-size: 32px;
    color: #333;
}

.top-news-swiper .swiper-button-prev:hover i,
.top-news-swiper .swiper-button-next:hover i {
    color: #df1404;
}

.top-news-swiper .swiper-button-prev {

    right: 220px;

    left: auto;
}

.top-news-swiper .swiper-button-next {

    right: 180px;
}

.top-news-swiper .swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 30%;
    margin: 100px auto 0px;
    position: relative;
}

.top-news-swiper .swiper-pagination::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: 0px;
    top: 13px;
    z-index: -1;
}

.top-news-swiper .swiper-pagination-bullet {

    width: 17px;

    height: 17px;

    background-color: #ffffee;

    border: 2px #737373 solid;

    opacity: 1;

    margin-left: 0px;

    margin-right: 0px;
}

.top-news-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {

    width: 27px;

    height: 27px;

    border-color: #ff3238;
}

.top-news-swiper .swiper-slide-duplicate-next .swiper-slide-right::before,
.top-news-swiper .swiper-slide.swiper-slide-next .swiper-slide-right::before {
    content: '';
    width: calc(100% - 20px);
    height: 100%;
    position: absolute;
}

.safari {
    background: url(../img/safari-bg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fabe81;
    background-position-y: 80px;
}

.public-imgtitle {
    background: url(../img/title-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 40px 0px;
}

.public-imgtitle img {

height: 170px;

width: auto;

margin: 0px auto;

display: block;
}

.safari-list {

    margin: 0px -15px;

    padding: 100px 0px 150px;
}

.safari-list li {

    width: 25%;

    float: left;

    padding: 40px 15px;
}

.safari-list li a {

    background-color: #ff1e00;

    display: block;

    border-radius: 20px;

    padding-bottom: 5px;
}

.safari-list li a span {

font-size: 30px;

color: #ff1e00;

background-color: #fff;

width: calc(100% - 50px);

display: block;

float: left;

border-radius: 0px 35px 0px 35px;

margin-right: 5px;

text-align: center;

line-height: 50px;

font-family: Arial;

font-weight: bold;
}

.safari-list li a img {

    width: 25px;

    float: left;
}

.first-shanghai {
    background: url(../img/first-shanghai-bg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fed0a7;
    padding-bottom: 80px;
}

.first-shanghai-panel {
    background-color: #ffffee;
    padding: 25px 20px;
    margin-top: 60px;
    position: relative;
    z-index: 1;
}


.first-shanghai-swiper .swiper-button-prev,
.first-shanghai-swiper .swiper-button-next {
    background-image: none;
    bottom: 20px;
    top: auto;
    width: 40px;
    height: 40px;
    background-color: #fff;
    text-align: center;
    border-radius: 100%;
    left: auto;
    right: 90px;
}
.first-shanghai-swiper .swiper-button-next{

right: 40px;
}
.first-shanghai-swiper .swiper-button-prev i,
.first-shanghai-swiper .swiper-button-next i {
    font-size: 30px;
    line-height: 40px;
    color: #df1404;
}
.first-shanghai-swiper .swiper-button-prev:hover ,
.first-shanghai-swiper .swiper-button-next:hover{
background-color: #df1404;
}
.first-shanghai-swiper .swiper-button-prev:hover i,
.first-shanghai-swiper .swiper-button-next:hover i {
    color: #fff;
}
.first-shanghai-swiper .swiper-slide .swiper-slide-left{
    padding-right: 30px;
}
.first-shanghai-border{
    padding: 40px 30px;
    border:1px #df1404 solid;
}

.key-entvts{
    background: url(../img/key-events-bg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fee3bc;
    padding-bottom: 80px;
}
.key-entvts-list{

margin: 80px -5px   0px;
}
.key-entvts-list li{

width: 33.33%;

float: left;

padding: 0px 5px;
}
.key-entvts-list li a {

}
.key-entvts-list li a .div-img{
    
position: relative;
}
.key-entvts-list li a .div-img  .hot{
    
width: 42px;
    
position: absolute;
    
right: 30px;
    
top: 20px;
}
.key-entvts-list li a .div-img  .img{
    
}
.key-entvts-list li a .content{

background-color: #ffffee;

padding: 40px  40px;

/* border: 2px transparent solid; */

position: relative;

margin: 0px 2px 2px 2px;
}
.key-entvts-list li a .content::before{
    content: '';
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    background: url(../img/bk.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -2px;
    bottom: -2px;
}
.key-entvts-list li a .content h4{

color: #f22823;

margin-top: 0px;

font-size: 34px;

line-height: 50px;

min-height: 170px;

font-family: Arial;

font-weight: bold;

transition: all 0.5s;
}
.key-entvts-list li a .content span{

font-size: 18px;

color: #fe0101;

display: block;

text-align: center;

border: 1.5px #fe0101 solid;

border-radius: 25px;

padding: 10px;

line-height: 30px;

margin-top: 30px;

margin-bottom: 10px;

font-family: Arial;

font-weight: bold;
}
.key-entvts-list li a .content span i{

font-size: 28px;

margin-right: 3px;

font-weight: 500;
}
.key-entvts-list li a:hover .content{
}
.key-entvts-list li a:hover .content h4{transform: scale(1.05);}
.key-entvts-list li a:hover .content span{
}

.consumer-entvts{
    background: url(../img/consume-entvts-bg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fee3bc;
    padding-bottom: 80px;
}

.consumer-entvts-list{
    
margin-top: 80px;
    
margin-left: -2px;
    
margin-right: -2px;
}
.consumer-entvts-list li{

width: 33.33%;

float: left;

padding-left: 2px;

padding-right: 2px;
}
.consumer-entvts-list li a{
    
}
.consumer-entvts-list li a .div-img {

position: relative;
}
.consumer-entvts-list li a .div-img img{

}
.consumer-entvts-list li a .div-img p{

position: absolute;

width: 100%;

bottom: 0px;

background-color: rgba(255, 52, 0 , 60%);

font-size: 20px;

text-align: center;

margin-bottom: 0px;

padding: 10px;

overflow: hidden;
}
.consumer-entvts-list li a .div-img p span::after{
    content: '';
    width: 80px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: -100px;
    top: 15px;
}
.consumer-entvts-list li a .div-img p span::before{
    content: '';
    width: 80px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: -100px;
    top: 16px;
}
.consumer-entvts-list li a .div-img p span{

position: relative;

font-weight: bold;
}
.consumer-entvts-list li a .content{

background-color: #ff3400;

padding: 40px 30px  30px;
}
.consumer-entvts-list li a .content h4{
    
margin: 0px;
    
font-size: 24px;
    
min-height: 120px;
    
line-height: 30px;
    
font-weight: bold;
    
font-family: Arial;
}
.consumer-entvts-list li a .content p{
    
margin-top: 20px;
    
font-size: 20px;
    
display: flex;
    
align-items: center;
    
font-weight: bold;
    
font-family: Arial;
}
.consumer-entvts-list li a .content p img{
    
width: 28px;
    
float: left;
    
margin-top: 8px;
}
.consumer-entvts-list li a .content p span{
    
width: calc(100% - 28px);
    
display: block;
    
float: left;
    
padding-left: 10px;
}
.consumer-entvts-list li:nth-child(2) a .content{
background-color: #ff7111;
}
.first-shanghai-swiper .swiper-slide .swiper-slide-right{
    padding-left: 30px;
}
.first-shanghai-swiper a.more-btn{
    bottom: 15px;
}
.first-shanghai-panel::before{
    content: '';
    width: 100px;
    height: 100%;
    background: url(../img/bg-left.png) no-repeat;
    position: absolute;
    left: -100px;
    top: -11px;
    background-size: 100% 100%;
}
.first-shanghai-panel::after{
    content: '';
    width: 100px;
    height: 100%;
    background: url(../img/bg-right.png) no-repeat;
    position: absolute;
    right: -100px;
    top: -15px;
    background-size: 100% 100%;
}