@font-face {
  font-family: 'ArgentumSans';
  src: url('./font/ArgentumSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'ArgentumSans';
  src: url('./font/ArgentumSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'ArgentumSans';
  src: url('./font/ArgentumSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'ArgentumSans';
  src: url('./font/ArgentumSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'ArgentumSans';
  src: url('./font/ArgentumSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeue';
  src: url('./font/BebasNeue.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

:root{
    --text-justify:unset;
    --font-family:'ArgentumSans', sans-serif;
    --font-side:'BebasNeue'
}
:root.zh{
    --text-justify: justify;
    --font-family:"Microsoft YaHei", Helvetica, sans-serif;
    --font-side:'BebasNeue'
}
a{color:#333;text-decoration:none;transition:all .3s;}
a:hover{text-decoration:none;color:#e50112}
html{background-color:#fff!important;}
body{font-size:14px;color:#333;position:relative;font-family:var(--font-family);width: 100%;overflow-x: hidden;}
*{box-sizing:border-box}
.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.ha{text-overflow:ellipsis;white-space:nowrap}
.hb{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.ov{overflow: hidden;}
.ts{position:relative}
.ts img{display:block;width:100%;height:100%;object-fit:cover}
.ts:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, 0.1);opacity:0;transition:all .4s}
.ts:hover{cursor:pointer}
.ts:hover:after{opacity:1}
.meng{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:9998;transition:all .3s;}
.bgh{background:#f7f8fa;}
.mb50{margin-bottom:50px!important;}
.layui-layer-msg{min-width: 100px!important}
.layui-layer-dialog{min-width: 100px!important}
.box{width:1400px;height:auto;margin:0 auto;position: relative;}
.w100{width:100%;}
@media all and (max-width:1400px){
    .box{width: 100%;}
}
/* 头部通用 */
@media all and (min-width:860px){
    .head{width:100%;position:fixed;top:0;left:0;z-index:999;height:auto;background:#fff;box-shadow: 0 3px 6px rgba(0,0,0,.05);transition:all .3s;}
    .head-box{width:100%;height:70px;align-items: center;padding:0 15px}
    .head-logo{height:40px;transition:all .3s;}
    .head-logo>a>img{display: block;height:100%;transition:all .3s;}
    .head-menu{width:auto;transition:all .3s;}
    .head-menu>li{padding:0 5px;position: relative;width:auto;white-space: nowrap;overflow: visible;}
    .head-menu>li>a{display: block;line-height:70px;font-size:16px;font-weight:300;position: relative;}
    .zh .head-menu>li>a{font-weight:400;}
    .head-menu>li.this>a{color:#e50112}
    .head-menu-box{position: absolute;width:auto;bottom:-10px;left:50%;transform: translate3d(-50%,100%,0);display:grid;grid-template-rows:0fr;background:#fff;z-index:-1;overflow: hidden;transition:all .3s}
    .head-menu-list{min-height:0;display: inline-flex;}
    .head-menu-list>a{display: inline-block;width:100%;height:42px;line-height:42px;padding:0 15px;overflow: hidden;background:#f7f8fa;border:1px solid rgba(0,0,0,.05);border-top:0;}
    .head-menu-list>a:first-child{border-top:1px solid rgba(0,0,0,.05);}
    .head-menu-list>a:hover{background:#e50112;color:#fff}
    .head-menu>li:hover .head-menu-box{grid-template-rows:1fr;bottom:0px;z-index:10;}
    .head-other{transition:all .3s;}
    .head-cooperate{display:none;margin-left:15px;}
    .head-cooperate>a{display: block;padding:0 10px;line-height:34px;background: linear-gradient(138.8deg, #e50112 0%, #fb3600f7 0%, #e50112 100%);box-shadow: 7px 8px 20px -7px #fb6c02;border-radius:6px;color:#fff}
    .head-cooperate>a:hover{opacity:.8;}
    .head-more{display:none;}
    .head-wap-more{display:none;}
}
.head-language{width:auto;height:30px;line-height:30px;position: relative;white-space: nowrap;overflow: visible;}
.head-language:hover{cursor: pointer;}
.head-language>.icon{float: left;margin-right:5px;font-size:16px;color:#666}
.head-language>em{float: left;font-style:normal;font-weight:300;}
.head-language-box{position: absolute;width:auto;bottom:-10px;left:50%;transform: translate3d(-50%,100%,0);display:grid;grid-template-rows:0fr;background:#f7f8fa;border-radius:3px;z-index:-1;overflow: hidden;transition:all .3s}
.head-language-list{min-height:0;display: inline-flex}
.head-language-item{padding:10px}
.head-language-item>li{width:100%;text-align: center;}
.head-language-item>li>a{display: block;line-height:33px;padding:0 5px;border-radius:3px;}
.head-language-item>li>a .iconflag{margin-right:3px}
.head-language-item>li>a>em{font-style: normal;}
.head-language-item>li>a:hover{background:rgba(0,0,0,.05);}
.head-language:hover .head-language-box{grid-template-rows:1fr;bottom:0;z-index:1;}
.head-fixed .wow{visibility: visible !important;opacity: 1 !important;}
.head-fixed .wow.animated{animation-fill-mode: forwards !important;}
@media all and (min-width:1000px){
    .head-cooperate{display: block;}
}
@media all and (min-width:1200px){
    .head-menu>li{padding:0 10px}
}
@media all and (min-width:1400px){
    .head-box{width:1400px;padding:0}
    .head-menu>li{padding:0 20px}
    .head-cooperate{margin-left:50px;}
}
@media all and (max-width:860px){
    .head{position: fixed;width:100%;background:#fff;z-index:9999;top:0;box-shadow: 0 3px 6px rgba(0,0,0,.05);}
    .head-box{width:100%;padding:0 15px;height:50px;align-items: center;}
    .head-logo{height:30px}
    .head-logo>a>img{height:100%;}
    .head-cooperate{display:none;}
    .head-menu{position: fixed;left:-100%;top:50px;margin-top:0;width:70%;height:100%;padding:0 15px;background:#fff;transition: all .3s;z-index:9999;box-shadow: 0 4px 12px rgba(0,0,0,.1);display: block;overflow-y: auto;}
    .wap .head-menu{left:0}
    .head-menu>li{width:100%;height:auto;border-bottom:1px solid rgba(0,0,0,.05);padding:0;position: relative;}
    .head-menu>li>a{display: block;width:calc(100% - 30px);height:50px;line-height:50px;padding-left:15px;}
    .head-menu>li.this>a{color:#e50112;}
    .head-wap-more{display: block;position: absolute;top:0;right:0;width:30px;line-height:50px;text-align: center;}
    .head-wap-more .icon{font-size:16px;color:rgba(0, 0, 0, 0.2)}
    .head-wap-more .icon-more::before{display: inline-block;transform: rotate(0deg);transition:all .3s}
    .head-wap-more:hover{cursor: pointer;}
    .head-menu-box{display:grid;width:100%;grid-template-rows:0fr;border-top:1px solid rgba(0,0,0,0);transition:all .3s;overflow:hidden}
    .head-menu-list{min-height:0;padding:0 15px;}
    .head-menu-list>a{display:block;width:100%;padding:0 15px;margin-top:10px;height:45px;line-height:45px;background:#f7f8fa;border-radius:3px;overflow:hidden}
    .head-menu-list>a:hover{background:#e50112;color:#fff}
    .head-language{margin-right:15px;}
    .head-more{width:20px;height:21px;display:block;position:relative;margin-top:5px;cursor: pointer;}
    .head-line1{position:absolute;left:0;top:0;width:20px;height:1.5px;background:#333;transition:all .3s}
    .head-line2{position:absolute;left:0;top:8px;width:20px;height:1.5px;background:#333;transition:all .3s}
    .head-line3{position:absolute;left:0;top:16px;width:20px;height:1.5px;background:#333;transition:all .3s}
    .wap .head-line1{position:absolute;left:0;top:8px;width:20px;height:1.5px;background:#333;transform:rotate(45deg);transition:all .3s}
    .wap .head-line2{width:20px;height:1.5px;background:#333;opacity:0;transition:all .3s}
    .wap .head-line3{position:absolute;left:0;top:8px;width:20px;height:1.5px;background:#333;transform:rotate(-45deg);transition:all .3s}
    .wap-zhan .head-menu-box{grid-template-rows:1fr;margin-bottom:10px;border-top:1px solid rgba(0,0,0,.05);}
    .wap-zhan .head-wap-more .icon-more::before {transform: rotate(90deg);}
}
/* 底部通用 */
.foot{width:100%;height:auto;background:#2B303A;border-top:8px solid #e50112;padding:45px 0}
.foot-info{width:100%;align-items: center;}
.foot-info-logo{display: block;}
.foot-info-logo>a>img{display: block;width:100px;transition:all .3s;}
.foot-info-tel{display: block;}
.foot-info-tel>p{text-align: right;color:#fff}
.foot-info-tel>p:first-child{font-size:16px;line-height:20px;}
.foot-info-tel>p:last-child{font-size:48px;line-height:50px;margin-top:10px;}
.foot-line{width:100%;height:3px;background:#fff;margin:45px 0 25px;}
.foot-about{width:40%;display: flex;flex-direction: column;justify-content: space-between;min-height:150px;color:#fff;margin-top:20px;transition:all .3s;}
.foot-about-title{font-size:18px;}
.foot-about-adds>p{font-size:14px;line-height:20px;font-weight:300;}
.foot-about-adds>p:nth-child(n+2){margin-top:10px;}

.foot-about-media{width:100%;justify-content: flex-start;}
.foot-about-media>li{position:relative;}
.foot-about-media>li:nth-child(n+2){margin-left:30px}
.foot-about-icon{width:45px;height:45px;border:1px solid #fff;border-radius:50%;text-align: center;transition:all .3s;}
.foot-about-icon .icon{line-height:45px;color: #fff;font-size:24px;transition:all .3s;}
.foot-about-icon:hover{border-color: #e50112;cursor: pointer;}
.foot-about-icon:hover .icon{color:#e50112}
.foot-about-show{position: absolute;width:160px;height:auto;background:#fff;border-radius:4px;left:50%;transform:translatex(-50%);bottom:calc(100% + 15px);overflow: hidden;height:0;opacity:0;transition:all .3s;}
.foot-about-show>span:nth-child(1){display: block;width:100%;overflow: hidden;}
.foot-about-show>span>img{display: block;width:100%;}
.foot-about-show>span:nth-child(2){display: block;width:100%;padding:0 5px 10px;line-height:15px;text-align: center;color:#333;font-size:16px;}
.foot-about-media>li:hover .foot-about-show{height:185px;opacity:1;}
.foot-list{width:50%;transition:all .3s;}
.foot-list-item{width:32%;margin-top:20px}
.foot-list-title{width: 100%;font-size:16px;line-height:20px;}
.foot-list-title>a{color:#fff}
.foot-list-title>a:hover{opacity:.8;}
.foot-list-list{width:100%;margin-top:10px;}
.foot-list-list>li{width:100%;height:22px;line-height:22px;font-weight:300;overflow: hidden;}
.foot-list-list>li>a{color:#818181}
.foot-list-list>li>a:hover{color:#fff}
@media all and (max-width:1400px){
    .foot-box{padding:0 15px}
}
@media all and (max-width:1000px){
    .foot-about{width:35%;}
    .foot-list{width:55%;}
}
@media all and (max-width:860px){
    .foot{padding: 30px 0;}
    .foot-info-logo{margin:0 auto}
    .foot-info-tel{margin-top:15px;width:100%;}
    .foot-info-tel>p{float: left;width:100%;text-align: center;}
    .foot-info-tel>p:last-child{font-size:40px;line-height:40px;}
    .foot-line{margin:15px 0 5px;}
    .foot-tent{flex-direction: row-reverse;}
    .foot-list{display:none;}
    .foot-about{width:100%;margin-top:10px;min-height:180px;}
    .foot-about-title{text-align: center;}
    .foot-about-media{display:flex;justify-content:center;flex-wrap:wrap}
    .foot-about-adds>p{text-align: center;}
}
/* 内页头图 */
.cover{width:100%;height:630px;margin-top:70px;overflow: hidden;position: relative;}
.cover-image{width:100%;height:100%;overflow: hidden;transition:all .3s;}
.cover-image>img{display: block;width:100%;height:100%;object-fit: cover;}
.cover-box{position: absolute;width:100%;top:50%;left:50%;transform: translate(-50%,-50%);text-transform: uppercase;text-align: center;}
.cover-title{color:#fff;font-size:160px;font-family:var(--font-side);font-weight:400;}
.zh .cover-title{font-weight:500;}
@media all and (max-width:1400px){
    .cover{height:45vw}
}
@media all and (max-width:1200px){
    .cover-title{font-size:120px;}
}
@media all and (max-width:1000px){
    .cover-title{font-size:80px;}
}
@media all and (max-width:860px){
    .cover{margin-top:51px}
    .cover-title{font-size:40px;}
}
@font-face {
    font-family: 'iconfont';src:url('./font/iconfont.ttf') format('truetype');
}
@font-face {
    font-family: 'iconflag';src:url('./font/iconflag.ttf') format('truetype');
}
.icon{font-family: iconfont!important;font-size: 14px;font-style: normal;}
.iconflag{font-family: iconflag!important;font-size: 14px;font-style: normal;}
.icon-more:before{content: "\e602";}
.icon-facebook:before{content: "\e801";}
.icon-instagram:before{content: "\e607";}
.icon-linkedin:before{content: "\e6bf";}
.icon-weixin:before{content: "\e685";}
.icon-douyin:before{content: "\e603";}
.icon-kuaishou:before{content: "\e61c";}
.icon-shipinhao:before{content: "\e621";}
.icon-flag-en:before{content: "\e600";}
.icon-flag-zh:before{content: "\e632";}
.icon-language:before{content: "\e665";}
.icon-coking:before{content: "\e604";}
.icon-fertilizer:before{content: "\e613";}
.icon-finance:before{content: "\e620";}
.icon-tourism:before{content: "\e72a";}
.icon-realestate:before{content: "\e61d";}
.icon-winery:before{content: "\e650";}