body {font-family: "microsoft yahei", "Arial", "sans-serif", "microsoft yahei";line-height: 1.42857143;color: #333;background-color: #fff;}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;text-decoration:none!important; border: none!important; color: #333;}
a:active,a:hover {outline: 0;text-decoration:none!important;}b,strong {font-weight: bold;}
a:focus{background-color:transparent}
img {border: 0;vertical-align: middle;}
button,input,optgroup,select,textarea {color: inherit;font-family: inherit;font-size: inherit;line-height: inherit;background: none;border: none;}
button {overflow: visible;/* -webkit-appearance: none; *//* -moz-appearance: none;-o-appearance: none;appearance: none; */}
button,select {text-transform: none;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
input {line-height: normal;/* -webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none; */}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
legend {padding: 0;border: 0;}
textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-spacing: 0;border-collapse: collapse;}
td,th {padding: 0;}* {margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul {list-style: none; margin-bottom: 0px;}
h1,h2,h3,h4,h5,h6 {font-family: inherit;font-weight: 400;line-height: 1.1;color: inherit;}
p,a {word-break: break-all;}
.red{ color: #cf010b;}
.tc{ text-align: center;}
.section {width: 100%;overflow: hidden;}
.pull-right {float: right;}
.scrollbar {overflow-y: auto;}
.scrollbar::-webkit-scrollbar {width: 3px;background-color: #dcdbdb;}
.scrollbar::-webkit-scrollbar-thumb {background-color: #d9030d;border-radius: 10px;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
i{font-style: normal;}em {font-style: normal;}/* 动画 */
.landIn {/* display: flex; justify-content: left; flex-wrap: wrap;*/}
.kongs {animation: landIn 0.8s ease-out both;}
.img-block{ max-width: 100%;}
@keyframes landIn {from {opacity: 0;transform: translateY(50%);}to {opacity: 1;transform: translateY(0);}}
@-webkit-keyframes landIn {from {opacity: 0;transform: translateY(50%);}to {opacity: 1;transform: translateY(0);}}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}textarea {-webkit-appearance: none;} 
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
.hi{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.trans {transition: all .6s;-webkit-transition: all .6s;-moz-transition: all .6s;-o-transition: all .6s;}
.line1 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.line2 {display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;}
.line3 {display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 3;overflow: hidden;}
.pa {position: absolute;}
.pr {position: relative;}
.mt50 {margin-top: 3.125rem;}
.mb-30{ margin-bottom: 30px;}
.bor {border-radius: 20px;}
.bl {display: block;}
.over {overflow: hidden;}
.w100 { width: 100%;}
.over>img:hover { transform: scale(1.1);}
.over>img { cursor: pointer; transition: all 0.6s;}
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination-clickable .swiper-pagination-bullet{ outline: none; resize: none;}
.pic { font-size: 0; overflow: hidden; display: block; width: 100%;}
.pic img { display: block; width: 100%; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease;}
.zoom-img {overflow: hidden;}
.zoom-img .img {overflow: hidden;}
.zoom-img img {transition: all .5s;}
.zoom-img:hover img {transform: scale(1.04);-ms-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-moz-transform: scale(1.04);}
.flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.bg_red{ background-color: #cf010b;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-51{padding-bottom: 51%;}
.rect-513{padding-bottom: 51.3%;}
.rect-52{padding-bottom: 52%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-608{padding-bottom: 60.8%;}
.rect-618{padding-bottom: 61.8%;}
.rect-628{padding-bottom: 62.8%;}
.rect-65{padding-bottom: 65%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-72{padding-bottom: 72%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.red, .red a, a.red{color:red;}
.white{ color: #fff;}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix{clear: both;}
.clearfix:after{clear: both;height: 0;content: "";line-height: 0;font-size: 0;display: block;}									
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
.fl{float:left;}
.fr{float:right;}
.lf {float: left}

.fix {
  *zoom: 1; *clear: both;
}
@keyframes popInRight {
    0% {
      -webkit-transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
      transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
      opacity: 0;
    }
    40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
      transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    }
    60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
    80% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
    100% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
}

@media (min-width: 1024px) {
    .scaleY {
      transform: scale(0.5) rotateY(45deg);
      opacity: 0;
      transform-origin: center center;
    }
    .scaleY.animate {
      transform: scale(1) rotate(0deg);
      opacity: 1;
      transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1), box-shadow 0.5s ease-out;
    }
  }

.more {border-radius: 25px;height: 50px;display: block;font-size: 16px;line-height: 50px;color: #fff; width: 190px; padding: 0 40px 0 35px; text-transform: uppercase;
  background-color: #cf010b;box-shadow: 0 8px 20px rgba(217, 3, 13, 0.2);margin-top: 65px;position: relative;}
@media (min-width: 1024px) {
.more:hover span:nth-child(1) {color: #fff; transform: translateY(0px);filter: alpha(opacity=100);opacity: 1;transition-delay: 0.045s;}
.more:hover span:nth-child(2) {color: #fff; transform: translateY(0px);filter: alpha(opacity=100);opacity: 1;transition-delay: 0.09s;}
.more:hover span:nth-child(3) {color: #fff; transform: translateY(0px);filter: alpha(opacity=100);opacity: 1;transition-delay: 0.135s;}
.more:hover span:nth-child(4) {color: #fff; transform: translateY(0px);filter: alpha(opacity=100);opacity: 1;transition-delay: 0.18s;}

.more:hover::before {transform: translateY(10px);filter: alpha(opacity=0);opacity: 0;}}
.more::before {content: attr(data-text);display: block;position: absolute;left: 35px;top: 0;width: 100%;height: 100%;transition: transform 0.3s, opacity 0.3s;transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.more span {transform: translateY(-10px);filter: alpha(opacity=0);opacity: 0;display: inline-block;
    vertical-align: middle;transition: transform 0.3s, opacity 0.3s;transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.more i{display: block;width:30px;height: 8px;background: url('/statics/images/newmore1.png') no-repeat center right;background-size: cover;float: right;margin-top: 20px;}
.more:hover{ color: #fff;}
.more::before span { margin-right: 0px;}
.more:hover span{ margin-right: 0px;}
@media (max-width: 1300px) {
.more {margin-top: 45px;}}
@media (max-width: 1200px) {
  .more {margin-top: 35px;}}
@media (max-width: 1024px) {
.more {margin-top: 30px;width: 180px;font-size: 14px;}}
@media (max-width: 768px) {
.more {width: 125px;height: 36px;margin-top: 20px;font-size: 14px;line-height: 36px;letter-spacing: 0;}
.more i{ display: none;}
}
.more1 {border-radius: 25px;height:52px;display: block;font-size: 16px;line-height: 50px;color: #666; width: 190px; padding: 0 20px 0 0px; margin: 0 auto; text-transform: uppercase; border: 1px solid #e5e5e5!important; position: relative;}
@media (min-width: 1024px) {
.more1:hover span:nth-child(1) {color: #fff; transform: translateY(-2px);filter: alpha(opacity=100);opacity: 1;transition-delay: 0.045s;line-height: 50px;}
.more1:hover span:nth-child(2) {color: #fff; transform: translateY(-2px);filter: alpha(opacity=100);opacity: 1;transition-delay: 0.09s;line-height: 50px;}
.more1:hover span:nth-child(3) {color: #fff; transform: translateY(-2px);filter: alpha(opacity=100);opacity: 1;transition-delay: 0.135s;line-height: 50px;}
.more1:hover span:nth-child(4) {color: #fff; transform: translateY(-2px);filter: alpha(opacity=100);opacity: 1;transition-delay: 0.18s;line-height: 50px;}
.more1:hover::before {transform: translateY(0px);filter: alpha(opacity=0);opacity: 0;}
}
.more1::before {content: attr(data-text);display: block;position: absolute;left:-25px;top: 0;width: 100%;height: 100%;transition: transform 0.3s, opacity 0.3s;transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.more1 span {transform: translateY(-12px);filter: alpha(opacity=0);opacity: 0;display: inline-block;
    vertical-align: middle;transition: transform 0.3s, opacity 0.3s;transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.more1 i{display: block;width:30px;height: 8px;background: url('/statics/images/newmore4.png') no-repeat center right;background-size: cover;float: right;margin-top: 20px;}
.more1:hover{ background-color: #cf010b; color: #fff;line-height: 50px;}
.more1:hover i{ background: url('/statics/images/newmore4_h.png') no-repeat center right;}
.more1::before span { margin-right: 0px; color: #fff;}


@media (max-width: 1300px) {
.more1 {margin-top: 45px;}}
@media (max-width: 1200px) {
  .more1 {margin-top: 35px;}}
@media (max-width: 1024px) {
.more1 {margin-top: 30px;width: 180px;font-size: 14px;}}
@media (max-width: 768px) {
.more1 {width: 125px;height: 36px;margin-top: 20px; text-align: center; font-size: 14px;line-height: 36px;letter-spacing: 0;}
.more1 i{ width: 0px; display: none;}
.more1::before { left:0px;top: 0;}
}
  

.pagetitle{ margin-bottom: 30px;}
.pagetitle h5 {font-size: 30px;line-height: 65px;color: #333;font-weight: 300;}
.pagetitle .tit {font-size: 48px;line-height: 56px;color:#333;font-weight: bold;}
.pagetitle .tit1{ font-size: 36px;color: #333; margin-bottom: 20px;}
.pagetitle .tit1.red{color: #cf010b; }
.pagetitle .tit2{ font-size: 24px;line-height: 32px; color: #333333; text-transform: uppercase; margin-bottom: 20px;}
.pagetitle .tit2.red{color: #cf010b; }
.pagetitle .desc{ font-size: 16px;line-height: 32px; color: #666; text-align: center; width: 78%; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
@media screen and (max-width:1440px){
.pagetitle h5 {font-size: 28px;line-height: 55px; }
.pagetitle .tit {font-size: 46px; }   
.pagetitle .tit1 {font-size: 30px;} 
}
@media screen and (max-width:1366px){
.pagetitle{ margin-bottom: 40px;}
.pagetitle h5 {font-size: 26px;line-height: 52px; }
.pagetitle .tit {font-size: 42px; }    
.pagetitle .tit1{ font-size: 28px;}
.pagetitle .desc{ width: 88%;}
}
@media screen and (max-width:1280px){
.pagetitle h5 {font-size: 24px;line-height: 50px; }
.pagetitle .tit {font-size: 38px; line-height: 50px; }    
}
@media (max-width: 1200px){
.pagetitle .tit1{ font-size: 24px;}
.pagetitle .tit2{ font-size: 17px;line-height: 28px; margin-bottom: 20px;}
}
@media screen and (max-width:1024px){
.pagetitle{ margin-bottom:30px;}
.pagetitle h5 {font-size: 22px;line-height: 40px; }
.pagetitle .tit {font-size: 32px; line-height: 50px; }    
}
@media screen and (max-width:992px){
.pagetitle h5 {font-size: 20px;line-height: 38px; }
.pagetitle .tit {font-size: 30px; line-height: 46px; }   
.pagetitle .desc{ width: 94%;} 
}
@media screen and (max-width:768px){
.pagetitle{ margin-bottom:20px;}
.pagetitle .tit {font-size: 28px; line-height: 42px; }  
.pagetitle .tit1{ font-size: 22px; margin-bottom: 10px;}
.pagetitle .tit2{ font-size: 17px;line-height: 26px; margin-bottom:15px;}
.pagetitle .desc{ width: 98%;}
}
@media screen and (max-width:468px){
.pagetitle{ margin-bottom:25px;}
.pagetitle .tit {font-size: 24px; line-height: 36px; }  
.pagetitle .desc{ width: 100%; line-height: 30px;} 
}
@media screen and (max-width:428px){
.pagetitle .tit {font-size: 22px; line-height: 32px; }
}
@media screen and (max-width:368px){
.pagetitle{ margin-bottom:20px;}
.pagetitle .tit {font-size: 20px; line-height: 30px; }    
}

.lang.selected{display:none}
.lang img,.lang span.lang-txt{display:inline-block;margin-left:5px;vertical-align:middle;color:#444}
.lang span.lang-txt{position:relative;top:-1px;font-weight:700}
.lang img{width:20px;margin-left:0}
.lang span span{color:#999;font-weight:400}
.lang i.chevron.down{font-size:12px;position:relative;top:-1px;margin-left:3px}
.more_lang{transform:translateY(-20px);opacity:0;cursor:pointer;display:none;position:absolute;right:0;top:100%;width:180px;background:#fff;-webkit-transition:all .3s cubic-bezier(.25,1.15,.35,1.15);-moz-transition:all .3s cubic-bezier(.25,1.15,.35,1.15);-o-transition:all .3s cubic-bezier(.25,1.15,.35,1.15);-ms-transition:all .3s cubic-bezier(.25,1.15,.35,1.15);transition:all .3s cubic-bezier(.25,1.15,.35,1.15)}
.more_lang .lang{padding:10px 15px}
#lanSelBox.active .more_lang{display:block}
.more_lang.active{opacity:1;transform:translateY(0px)}
.more_lang .lang:hover{background:#d9030d;color:#fff}
.more_lang .lang:hover span{color:#fff}
#lanSelBox:hover,#lanSelBox.active{box-shadow:rgba(0,0,0,.2) 0 5px 15px;-webkit-transition:all .3s cubic-bezier(0,.99,.44,.99);-moz-transition:all .3s cubic-bezier(0,.99,.44,.99);-o-transition:all .3s cubic-bezier(0,.99,.44,.99);-ms-transition:all .3s cubic-bezier(0,.99,.44,.99);transition:all .3s cubic-bezier(0,.99,.44,.99)}
#lanSelBox.active .more_lang .lang{border-top:1px solid #eaeaea}
/*通用page*/
.pages{text-align:center; margin-top: 30px; }
.pages ul{display:inline-block}
.pages ul a{float:left;margin:0 5px;width:52px;height:52px;line-height:52px;text-align:center;color:#777;border:1px solid #dcdcdc;border-radius:50%;background-color:#fff}
.pages ul a:hover,.pages ul  a.on{background-color:#cc0000;border:1px solid #cc0000;color:#fff}
.pages ul .next,.pages ul .prev{font-weight:700; font-size:20px;margin:0 10px}
.pages ul span{float:left; font-weight:700;font-family:Arial;border-radius:50%;background-color:#cc0000;border:1px solid #cc0000;color:#fff;margin:0 5px;width:52px;height:52px;line-height:52px;text-align:center; }
.pages ul a.first,.pages ul a.last{font-weight:700; font-size:12px;width:70px;border-radius:41%;color:#777;height:52px;line-height:52px}
.pages .a1{ background:#fff url(../images/page_l.png) no-repeat center; }
.pages .a2{ background:#fff url(../images/page_r.png) no-repeat center; }
.pages .a1:hover{ background:#cc0000 url(../images/page_l_h.png) no-repeat center; }
.pages .a2:hover{ background:#cc0000 url(../images/page_r_h.png) no-repeat center; }
@media (max-width: 768px) {
.pages ul a,.pages ul span{ width:42px;height:42px;line-height:42px; }
.pages ul a.first,.pages ul a.last{  width:60px; height:42px;line-height:42px;}
}
[flex] { display: flex; }
[flex][flex~="i"] { display: inline-flex; }
[flex][flex~="wrap"] { flex-wrap: wrap; }
[flex][flex~="no-wrap"] { flex-wrap: nowrap; }
[flex][flex~="ja"] { justify-content: space-around; }
[flex][flex~="jb"] { justify-content: space-between; }
[flex][flex~="js"] { justify-content: start; }
[flex][flex~="jfs"] { justify-content: flex-start; }
[flex][flex~="jc"] { justify-content: center; }
[flex][flex~="je"] { justify-content: end; }
[flex][flex~="jfe"] { justify-content: flex-end; }
[flex][flex~="ais"] { align-items: flex-start; }
[flex][flex~="aic"] { align-items: center; }
[flex][flex~="acc"] { align-content: center; }
[flex][flex~="aie"] { align-items: flex-end; }


.padding{padding: 80px 0;}
@media (max-width:1440px) {
.padding{padding: 60px 0;}
}
@media (max-width:1280px) {
.padding{padding: 50px 0;}
}
@media (max-width:767px) {
.padding{padding: 40px 0;}
}

.body-overflow-box{position:relative;left:0;overflow:hidden}
:root{--white:#fff;--black:#000;--primary:#cf010b;--basic:#026f6a}
.ui.container{padding:0 15px;position:relative; }
#header{z-index:999;position:absolute;top:0;left:0;width:100%}
#header .nav{width:100%;padding:20px 0;border-bottom:2px solid rgba(255,255,255,.2)}
#header .nav .ui.menu{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
#header .nav .ui.menu .logo{vertical-align:middle}
#header .nav .ui.menu .logo img{display:inline-block;vertical-align:middle}
#header .nav .ui.menu .logo .img1{ display: block;}
#header .nav .ui.menu .logo .img2{ display: none;}
#header .nav .ui.menu .menu-box{display:inline-block;margin:0 0 0 auto}
#header .nav .ui.menu .menu-box ul.menu>li{font-size:18px;margin-right:51px;color:#fff; z-index:100;float:left;position:relative;text-transform:uppercase}
#header .nav .ui.menu .menu-box ul.menu>li>a{display:block;color:#fff;position:relative}
#header .nav .ui.menu .menu-box ul.menu>li>a:after{content:'';position:absolute;bottom:-150%;left:0;width:0;height:5px;background:#cf010b;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#header .nav .ui.menu .menu-box ul.menu>li>a:hover,#header .nav .ui.menu .menu-box ul.menu>li>a.active{color:#fff}
#header .nav .ui.menu .menu-box ul.menu>li>a:hover:after,#header .nav .ui.menu .menu-box ul.menu>li:hover a:after,#header .nav .ui.menu .menu-box ul.menu>li>a.active:after{width:100%}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu{ padding: 15px 0; text-align:left;position:absolute;z-index:1;font-size:16px;font-weight:400;background:#fff;top:250%;left:0;width:220px;-webkit-transform:rotate3d(1,0,0,-90deg);-moz-transform:rotate3d(1,0,0,-90deg);transform:rotate3d(1,0,0,-90deg);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;-webkit-transition:opacity .3s,-webkit-transform .5s;transition:opacity .3s,-webkit-transform .5s;-moz-transition:transform .5s,opacity .3s,-moz-transform .5s;transition:transform .5s,opacity .3s;transition:transform .5s,opacity .3s,-webkit-transform .5s,-moz-transform .5s;-webkit-box-shadow:0px 8px 10px rgba(0,0,0,.2);box-shadow:0px 8px 10px rgba(0,0,0,.2); display:none \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li{display:block;float:none;padding:0 15px;line-height:50px; color:#444;text-transform:capitalize;position:relative}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li a{display:block;background:0 0;height:auto;padding:0 0px; border-bottom: 1px solid #e8e8e8;}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover{ color:#cf010b}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover a:hover{ color:#cf010b}
#header .nav .ui.menu .menu-box ul.menu>li:hover ul.sub-menu{opacity:1;-webkit-transform:rotate3d(0,0,0,0);-moz-transform:rotate3d(0,0,0,0);transform:rotate3d(0,0,0,0);display:block \9}
#header .nav .ui.menu .menu-box ul.menu>li:last-child{margin-right:0}
#header .nav .ui.menu .h-search{display:inline-block;cursor:pointer; padding-left:23px;text-align:center; }
#header .nav .ui.menu .h-search .img1{ display: inline-block;}
#header .nav .ui.menu .h-search .img2{ display: none;}
#header .nav .ui.menu .h-search i{display:inline-block;width:64px;/*height:81px;padding-top:33px;*/ border-bottom-left-radius:30px;border-bottom-right-radius:30px; }
#header .nav .ui.menu .h-search img{display:inline-block;vertical-align:middle}
#header .nav .ui.menu .h-language{display:inline-block;position:relative;margin-left:17px; color: #fff;}
#header .nav .ui.menu .h-language .img1{display:inline-block;}
#header .nav .ui.menu .h-language .img2{display:none;}
#header .nav .ui.menu .h-language span{ margin-left: 10px;}
#header .nav .ui.menu .h-language ul.sub-menu{text-align:left;position:absolute;z-index:1;font-size:14px;font-weight:400;background:#fff;top:180%;right:0;width:125px;-webkit-transform:rotate3d(1,0,0,-90deg);-moz-transform:rotate3d(1,0,0,-90deg);transform:rotate3d(1,0,0,-90deg);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;-webkit-transition:opacity .3s,-webkit-transform .5s;transition:opacity .3s,-webkit-transform .5s;-moz-transition:transform .5s,opacity .3s,-moz-transform .5s;transition:transform .5s,opacity .3s;transition:transform .5s,opacity .3s,-webkit-transform .5s,-moz-transform .5s;-webkit-box-shadow:0px 8px 10px rgba(0,0,0,.2);box-shadow:0px 8px 10px rgba(0,0,0,.2); display:none \9}
#header .nav .ui.menu .h-language ul.sub-menu li{display:block;padding:0 10px;line-height:40px;text-transform:capitalize}
#header .nav .ui.menu .h-language ul.sub-menu li a{display:block;color: #666;}
#header .nav .ui.menu .h-language ul.sub-menu li a img{vertical-align:middle;width:auto;height:20px;margin-right:6px}
#header .nav .ui.menu .h-language ul.sub-menu li:hover{ color:#cf010b}
#header .nav .ui.menu .h-language:hover ul.sub-menu{opacity:1;-webkit-transform:rotate3d(0,0,0,0);-moz-transform:rotate3d(0,0,0,0);transform:rotate3d(0,0,0,0);display:block \9}
/* 
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu{-webkit-perspective:500px;perspective:500px;transform-style:preserve-3d;text-align:left;position:absolute;font-size:14px;font-weight:400;background:#fff;top:0;left:220px;width:270px;transform:rotate3d(1,0,0,-90deg);transform-origin:0 0 0;opacity:0;transition:transform .5s,opacity .3s;box-shadow:0px 8px 10px rgba(0,0,0,.2);border-bottom:3px solid #cf010b;display:none \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li{display:block;float:none;padding:0 10px;line-height:40px;color:#000;transition:.5s;text-transform:capitalize;position:relative}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu a{display:block;color:#000;transition:.5s}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:hover{background:#222;color:#fff;width:100%}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:hover a{color:#fff}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd):hover ul.sub-menu{-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:rotate3d(0,0,0,0);display:block \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu{-webkit-perspective:500px;perspective:500px;transform-style:preserve-3d;text-align:left;position:absolute;font-size:14px;font-weight:400;background:#fff;top:0;left:220px;width:270px;transform:rotate3d(1,0,0,-90deg);transform-origin:0 0 0;opacity:0;transition:transform .5s,opacity .3s;box-shadow:0px 8px 10px rgba(0,0,0,.2);border-bottom:3px solid #cf010b;display:none \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li{display:block;float:none;padding:0 10px;line-height:40px;color:#000;transition:.5s;text-transform:capitalize;position:relative}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu a{display:block;transition:.5s;color:#000}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:hover{background:#222;color:#fff;width:100%}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:hover a{color:#fff}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even):hover ul.sub-menu{-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:rotate3d(0,0,0,0);display:block \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:nth-child(odd) .sub-menu{-webkit-perspective:500px;perspective:500px;transform-style:preserve-3d;text-align:left;position:absolute;font-size:14px;font-weight:400;background:#fff;top:0;left:270px;width:270px;transform:rotate3d(1,0,0,-90deg);transform-origin:0 0 0;opacity:0;transition:transform .5s,opacity .3s;box-shadow:0px 8px 10px rgba(0,0,0,.2);border-bottom:3px solid #cf010b;display:none \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:nth-child(odd) .sub-menu li{display:block;float:none;padding:0 10px;line-height:40px;color:#000;transition:.5s;text-transform:capitalize;position:relative}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:nth-child(odd) .sub-menu li a{display:block;color:#000;transition:.5s}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:nth-child(odd) .sub-menu li:hover{background:#222;color:#fff;width:100%}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:nth-child(odd) .sub-menu li:hover a{color:#fff}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:nth-child(odd):hover ul.sub-menu{-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:rotate3d(0,0,0,0);display:block \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:nth-child(even) .sub-menu{-webkit-perspective:500px;perspective:500px;transform-style:preserve-3d;text-align:left;position:absolute;font-size:14px;font-weight:400;background:#fff;top:0;left:270px;width:270px;transform:rotate3d(1,0,0,-90deg);transform-origin:0 0 0;opacity:0;transition:transform .5s,opacity .3s;box-shadow:0px 8px 10px rgba(0,0,0,.2);border-bottom:3px solid #cf010b;display:none \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:nth-child(even) .sub-menu li{display:block;float:none;padding:0 10px;line-height:40px;color:#000;transition:.5s;text-transform:capitalize;position:relative}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:nth-child(even) .sub-menu li a{display:block;color:#000;transition:.5s}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:nth-child(even) .sub-menu li:hover{background:#222;color:#fff;width:100%}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:nth-child(even) .sub-menu li:hover a{color:#fff}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:nth-child(even):hover ul.sub-menu{-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:rotate3d(0,0,0,0);display:block \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:nth-child(odd) .sub-menu{-webkit-perspective:500px;perspective:500px;transform-style:preserve-3d;text-align:left;position:absolute;font-size:14px;font-weight:400;background:#fff;top:0;left:270px;width:270px;transform:rotate3d(1,0,0,-90deg);transform-origin:0 0 0;opacity:0;transition:transform .5s,opacity .3s;box-shadow:0px 8px 10px rgba(0,0,0,.2);border-bottom:3px solid #cf010b;display:none \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:nth-child(odd) .sub-menu li{display:block;float:none;padding:0 10px;line-height:40px;color:#000;transition:.5s;text-transform:capitalize;position:relative}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:nth-child(odd) .sub-menu li a{display:block;color:#000;transition:.5s}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:nth-child(odd) .sub-menu li:hover{background:#222;color:#fff;width:100%}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:nth-child(odd) .sub-menu li:hover a{color:#fff}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:nth-child(odd):hover ul.sub-menu{-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:rotate3d(0,0,0,0);display:block \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:nth-child(even) .sub-menu{-webkit-perspective:500px;perspective:500px;transform-style:preserve-3d;text-align:left;position:absolute;font-size:14px;font-weight:400;background:#fff;top:0;left:270px;width:270px;transform:rotate3d(1,0,0,-90deg);transform-origin:0 0 0;opacity:0;transition:transform .5s,opacity .3s;box-shadow:0px 8px 10px rgba(0,0,0,.2);border-bottom:3px solid #cf010b;display:none \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:nth-child(even) .sub-menu li{display:block;float:none;padding:0 10px;line-height:40px;color:#000;transition:.5s;text-transform:capitalize;position:relative}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:nth-child(even) .sub-menu li a{display:block;color:#000;transition:.5s}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:nth-child(even) .sub-menu li:hover{background:#222;color:#fff;width:100%}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:nth-child(even) .sub-menu li:hover a{color:#fff}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:nth-child(even):hover ul.sub-menu{-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:rotate3d(0,0,0,0);display:block \9}
*/
#header.active{position:fixed;top:0;left:0;background:#fff;-webkit-box-shadow:7px 7px 35px 0px rgba(0,0,0,.1);box-shadow:7px 7px 35px 0px rgba(0,0,0,.1)}
#header.active .nav .ui.menu .menu-box ul.menu>li>a{ color:#333333; }
#header.active .nav .ui.menu .logo .img1{ display: none;}
#header.active .nav .ui.menu .logo .img2{ display: inline-block;}
#header.active .nav .ui.menu .h-search .img1{ display: none;}
#header.active .nav .ui.menu .h-search .img2{ display: inline-block;}
#header.active .nav .ui.menu .h-language .img1{display:none;}
#header.active .nav .ui.menu .h-language .img2{display:inline-block;}
#header.active .nav .ui.menu .h-language{ color: #333;}

#header .nav .search-box{line-height:normal;position:fixed;top:0;left:0;background:#fff;width:100%;height:100%;z-index:99999;display:none}
#header .nav .search-box form{position:absolute;top:45%;left:50%;width:60%;margin-left:-30%}
#header .nav .search-box form input{background:0 0;outline:none;border:none}
#header .nav .search-box form input[type=text]{width:100%;border-bottom:1px solid #e1e1e1;font-size:26px;font-weight:400;color:#000;padding:10px 0}
#header .nav .search-box form input[type=submit]{width:22px;height:22px;background:url(/statics/images/tc-zoom.png) no-repeat;position:absolute;right:15px;top:20px}
#header .nav .search-box form input[type=submit]:hover{opacity:.7;filter:alpha(opacity=70)}
#header .nav .search-box .close{width:30px;height:30px;background:url(/statics/images/close.png) no-repeat;position:absolute;right:25px;top:15px;cursor:pointer}
#mobile{position:fixed;top:0;left:-280px;width:280px;display:none;z-index:999}
#mobile .yy{content:'';width:100vw;height:100vh;position:fixed;top:0;right:100%;display:block;background:rgba(0,0,0,.13);z-index:-1;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#mobile #menu-on{width:40px;height:40px;position:absolute;left:100%;top:12px;cursor:pointer;background-color:#fff}
#mobile #menu-on i{width:23px;height:2px;background:#333;display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
#mobile #menu-on i.line1{top:12px}
#mobile #menu-on i.line2{top:19px}
#mobile #menu-on i.line3{top:26px}
#mobile .menu-content{width:100%;height:100vh;display:block;background:#cf010b;padding:40px 10%;overflow-y:auto;color:#fff}
#mobile .menu-content::-webkit-scrollbar{width:3px;border-radius:1.5px}
#mobile .menu-content::-webkit-scrollbar-button{display:none}
#mobile .menu-content::-webkit-scrollbar-track{background-color:#cf010b}
#mobile .menu-content::-webkit-scrollbar-thumb{background-color:#eee}
#mobile .menu-content h3{font-size:20px;color:inherit;text-transform:capitalize;margin-bottom:10px}
#mobile .menu-content h3 i{font-size:16px;position:relative;top:-1px}
#mobile .menu-content .menu-logo{display:block}
#mobile .menu-content .menu-logo img{margin:0 auto;display:inline-block;vertical-align:middle; width: 80%; }
#mobile .menu-content .menu-logo span{display:inline-block;vertical-align:middle;font-size:36px;color:#666;font-family:'039-CAI978';line-height:1;padding-left:5px}
#mobile .menu-content .menu-list{margin:40px 0}
#mobile .menu-content .menu-list ul li{font-size:16px;color:inherit;text-transform:uppercase;line-height:20px}
#mobile .menu-content .menu-list ul li ul li ul li{font-size:15px;color:#999}
#mobile .menu-content .menu-list ul li a{padding:8px 0;display:block}
#mobile .menu-content .menu-list ul li a:hover{color:#fd2318;text-decoration:underline}
#mobile .menu-content .menu-list ul li li a{position:relative;padding-left:15px;font-size:15px;line-height:18px}
#mobile .menu-content .menu-list ul li li a:after{content:'';width:6px;height:1px;background:#fff;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#mobile .menu-content .mob-search form{position:relative}
#mobile .menu-content .mob-search form input{width:100%;height:45px;line-height:45px;border-radius:5px;border:none;padding:0 15px;font-size:14px;color:#333}
#mobile .menu-content .mob-search form input[type=submit]{width:45px;height:45px;background:url("/statics/images/icon-search-white.png") no-repeat center center #cf010b;position:absolute;right:0;top:0;border-radius:0}
#mobile .menu-content .mob-yuy{margin:40px 0}
#mobile .menu-content .mob-yuy ul li{margin-bottom:10px;color:inherit;font-size:14px}
#mobile .menu-content .mob-yuy ul li img{max-width:40px;display:inline-block;vertical-align:middle;margin-right:10px}
#mobile .menu-content .mob-share ul li{width:30px;height:30px;border-radius:3px;background:#333;display:inline-block;text-align:center;line-height:30px;color:#fff;font-size:14px;margin-right:3px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#mobile .menu-content .mob-share ul li:hover{background:#fd2318}
#mobile .menu-content #menu-off{margin-top:40px;cursor:pointer;cursor:hand}
#mobile.active{left:0}
#mobile.active .yy{right:0}
#mobile.active #menu-on i.line1{-webkit-transform:translateX(-50%) rotateZ(45deg);-moz-transform:translateX(-50%) rotateZ(45deg);-ms-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotateZ(45deg);top:12px;margin-left:3px}
#mobile.active #menu-on i.line2{opacity:0}
#mobile.active #menu-on i.line3{-webkit-transform:translateX(-50%) rotateZ(-45deg);-moz-transform:translateX(-50%) rotateZ(-45deg);-ms-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotateZ(-45deg);top:28px;margin-left:3px}
#mobile.white .menu-content{background:#fff;color:#666}
#mobile.white .menu-content .menu-list ul li li a:after{background:#666}
#mobile.white .menu-content .mob-search form input{border:1px solid #666}
#mobile.white .menu-content .mob-search form input[type=submit]{border-top-right-radius:5px;border-bottom-right-radius:5px}table{margin-bottom:20px;word-break:break-word;width:100% !important;height:auto !important;display:block;overflow:auto}
@media screen and (max-width:1600px){
#header .nav .ui.menu .menu-box ul.menu>li{margin-right:48px}
}
@media screen and (max-width:1440px){
#header .nav .ui.menu .menu-box ul.menu>li{margin-right:45px}
}
@media screen and (max-width:1366px){
#header .nav .ui.menu .menu-box ul.menu>li{margin-right:35px}
#header .nav .ui.menu .h-search{ padding-left:13px; }
#header .nav .ui.menu .h-language {    margin-left: 13px;}
}
@media screen and (max-width:1300px){
#header .nav .ui.menu .menu-box ul.menu>li{margin-right:32px}
}
@media screen and (max-width:1280px){
#header .nav .ui.menu .menu-box ul.menu>li{font-size:17px;margin-right:20px}
#header .nav .ui.menu .h-search{padding-left:10px}
}
/*
@media screen and (max-width:1180px){
  #header .nav .ui.menu .menu-box ul.menu>li{ margin-right:18px}
}
@media screen and (max-width:1100px){#header .nav .ui.menu .logo{width:12%}
#header .nav .ui.menu .h-search{padding-left:8px}
#header .nav .ui.menu .h-language{margin-left:8px}
#header .nav .ui.menu .menu-box ul.menu>li{ margin-right:14px}
#header .nav .ui.menu .h-search:before{bottom:13px}
}
*/
@media screen and (max-width:1200px){
#header .nav{padding:0}
#header .nav .ui.menu .logo{padding:0;width:auto}
#header .nav .ui.menu .logo img{display: inline-block;/*-webkit-filter:brightness(0);filter:brightness(0)*/}
#header .nav .ui.menu .h-language{display:none}
/*#mobile .menu-content .menu-logo img{-webkit-filter:brightness(0);filter:brightness(0)}*/
.body-overflow-box{overflow:hidden !important}
#header .h-top,#header .nav .ui.menu .menu-box,#header .nav .ui.menu .language,#header .nav .ui.menu .h-search{display:none !important}
#header{position:relative;margin-bottom:60px}
#header .nav{position:fixed !important;top:0;width:100%;background-color:#fff;box-shadow:0 5px 5px rgba(0,0,0,.3)}
#header .nav .ui.menu{display:block;height:65px;text-align:center;}
#header .nav .ui.menu .logo{margin:auto !important;padding:10px 0;text-align:center;}
#mobile{display:block !important}
#header .nav .ui.menu .logo .img1{ display: none;}
#header .nav .ui.menu .logo .img2{ display: inline-block;}

}
@media screen and (max-width:468px){  
#header .nav .ui.menu .logo { width: 80%;}
#header .nav .ui.menu .logo img{ width: 65%; margin-top: 1px;}
}
table{margin-bottom:20px;word-break:break-word;width:100% !important;height:auto !important;display:block;overflow:auto}
table tbody{display:table;width:100% !important; }
table td,table th{padding:5px 10px;border:1px solid #666;width:auto !important;height:auto !important}
table tr{width:auto !important;height:auto !important}
table tr:nth-child(even){background:#eee}


/* footer */
footer{position:relative;}
.footer{background:#242534; }
.foot-top-box {display: flex;align-items: center;justify-content: space-between; padding:60px 0 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.35); }
.back-top {width: 40px;height: 40px;right: 2.75rem;bottom: 45%;z-index: 10;cursor: pointer;}
.footer .f_top .left .f_txt a{ color: rgba(255, 255, 255, 0.48);}
.footer .f_top{padding:60px 0 70px; }
.footer .f_top .left{ width: 72%; float: left;}
.footer .f_top .left a{ color: rgba(255, 255, 255, 0.48);}
.footer .f_top .left a:hover{ color: rgba(255, 255, 255, 0.98);}
.footer .f_top .left.second dl dd{ float:left; width:50%;}
.footer .f_top .left dl dt{font-size:20px; font-weight: bold; line-height:36px;padding-bottom:20px; position: relative;}
.footer .f_top .left dl dt a{ color: rgba(255, 255, 255, 0.88);}
.footer .f_top .left dl dd a{ color: rgba(255, 255, 255, 0.48); line-height:42px;}
.footer .f_top .right { width: 28%; float: left;}
.footer .f_top .right .f_txt{margin:0px 0 20px;}
.footer .f_top .right .f_txt dl dt{ font-size:20px; font-weight: bold; color: rgba(255, 255, 255, 0.48);line-height:36px;padding-bottom:20px;position: relative;}
.footer .f_top .right .f_txt dl dt a { color: rgba(255, 255, 255, 1);}
.footer .f_top .right .f_txt dl dd{line-height:42px; color: rgba(255, 255, 255, 0.48); }
.footer .f_top .right .f_txt dl dd a { color: rgba(255, 255, 255, 0.48);}
.footer-share {width: 100%; margin-top: 25px; margin-bottom: 25px;}
.footer-share .wechat { position: relative;}
.footer-share .wechat:hover .vx { display: block;}
.footer-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.footer-share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.footer-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.footer-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.footer-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.footer-share .share-item { margin-right:8px;}
.footer-share>a:last-child { margin-right: 0;}

.friendship {width: 200px;border: 1px solid #ccc;position: relative;}
@media (max-width: 800px) {.friendship {float: none; margin-top: 15px;width: 180px;}}
.friendship .hides {position: absolute; bottom: 37px;left: -1px;right: -1px; display: none;}
.friendship .hides a {display: block;padding: 0 12px;font-size: 14px;line-height: 36px; height: 36px;color: #666;width: 100%;box-sizing: border-box;background: #fff;transition: background 0.3s cubic-bezier(1, 0, 0, 1);}
@media (min-width: 1024px) {.friendship .hides a:hover {background: #cf010b; color: #fff;}}
.friendship .show {overflow: hidden;padding: 0 12px;cursor: pointer;}
.friendship .show.active .ico {transform: rotate(0deg);}
.friendship .show .txt {font-size: 14px;line-height: 36px;color: rgba(255, 255, 255, 0.78);float: left;}
.friendship .show .ico {width: 14px;height: 36px;float: right;transform: rotate(-180deg);transition: transform 0.3s cubic-bezier(1, 0, 0, 1);background: url(/statics/images/x.png) no-repeat center center;}


.footer .f_bott{ padding:22px 0; font-size: 14px; color: rgba(255, 255, 255, 0.48); border-top: 1px solid rgba(255, 255, 255, 0.35); }
.footer .f_bott a{ color: rgba(255, 255, 255, 0.48);}
.footer .f_bott_l{ width:74%; float:left; line-height:30px; }
.footer .f_bott_r{width:26%; text-align: right; float:right;}
.footer .f_bott a:hover{ color: rgba(255, 255, 255, 0.98);}
.bottom-index-fixed{display:none; position: fixed;width: 50px; height: 50px; line-height: 50px; color: rgba(255, 255, 255, 0.48);border-radius: 100%; right: 13%;bottom: 80px; text-align: center;background-color: #0071bb;z-index: 100; transition:all 0.3s;}
body.index-body .bottom-index-fixed.show1{display:none}
.bottom-index-fixed .fa{ color: rgba(255, 255, 255, 0.48);font-size: 22px;}
@media only screen and (max-width: 1440px){
.bottom-index-fixed{right: 6%;}
}
@media only screen and (max-width: 1240px){
.footer .f_top .left dl dt{font-size:18px;}
.footer .f_bott_l{ width:100%; }
.footer .f_bott_r{width:100%; float: left; text-align: left;}
}

@media only screen and (max-width: 992px){
.footer .f_top .right { width: 100%; float: left;}
}
@media only screen and (max-width: 768px){
.footer .f_bott_l{ width:100%; }
.footer .f_bott_r{  float: none; text-align: center;}
}
@media only screen and (max-width: 767px){
.foot-top-box {padding: 40px 0 20px;}
.footer .f_top{padding:30px 0; }
.footer .f_top .left{ margin-top:0px;}
.footer .f_top .right { margin-top:0px; text-align:left;  width: 100%;}
.footer .f_top .right .f_txt dl dd{text-align:left; font-size: 16px; line-height: 30px;}
.footer .f_bott{padding:15px 0; text-align:center; line-height:26px; }
.footer .f_bott .right .lf{ float:left; margin-right:10px; text-align:center; }
.footer .f_bott .right .rt{ float:left; margin-left: auto; margin-right:auto; text-align:center;}
}
@media only screen and (max-width: 425px){
.footer .f_bott_l{ width:100%; font-size:15px; }
.footer .f_top .right .f_txt{margin: 0px 0 20px;}
}
 <!--0.00018811225891113-->