@charset "utf-8";
/*@import url('../fonts/iconfont/iconfont.css');*/
/*@import url('../fonts/OpenSans-Bold.css');*/
/*@import url('../fonts/OpenSans-Regular.css');*/

/*@import url('imgsize.css');*/
/*.iconfont {*/
/*    font-family: "iconfont" !important;*/
/*    font-size: 16px;*/
/*    font-style: normal;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*}*/
/*****  font-display: swap;  字体延迟加载*****/

/**********样式重置**********/
/*i.icon-youtube:before{content:"\e73b";}*/
/*i.icon-linkedin:before{content:"\e768";}*/
/*i.icon-facebook:before{content:"\e6e5";}*/
/*i.icon-whatsapp:before{content:"\e8ec";}*/
/*i.icon-twitter:before{content:"\e606";}*/
/*i.icon-tiktok:before{content:"\ecdc";}*/
/*i.icon-instagram:before{content:"\e6fc";}*/
/*i.icon-vk:before{content:"\e863";}*/

html,body{
    -ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/
    -webkit-overflow-scrolling: touch;/*解决iOS滚动条被卡住的问题*/
    scroll-behavior: smooth;/*滚动到指定位置*/
    height: 100%;
}
@media (min-width:1px) and (max-width:767px) {
    html{font-size:14px;}
}

table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:''}
input:visited,input:focus,input,textarea,button:visited,button:focus,textarea:visited,textarea:focus{border:none;outline: none;}
.clearfix:after,.clearfix:before,.container::after,.container:before{display:table;content:" ";}
.clearfix:after,.container::after{clear:both;}
*{margin:0;padding:0;box-sizing:border-box;}
a{outline:none;color:#555;text-decoration:none;}
a:hover{color:#d22626;}
img,li{border:0;vertical-align:top;}
img{max-width:100%;height:auto;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #717171;
}
input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #717171;
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #717171;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #717171;
}
b,body,dd,div,form,h3,h4,h5,h6,img,input,textarea,li,p,pre,td,ul{font-family:OpenSans-Regular,Arial,Verdana,Tahoma, Geneva,sans-serif;color:#333;line-height:1.5;font-size:16px;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
h1,h2,h3,h4,dt{font-family:OpenSans-Bold,Arial,Verdana, Tahoma, Geneva,  sans-serif;}
.hidden{display:none!important;}
.noinfo{font-size:1rem;text-align:center;margin-top:10px;padding-bottom:30px;}
.item .img{overflow:hidden;position:relative;}
.item .img img{max-width:100%;transition:all .4s;transform:scale(1);margin:0 auto;display:block;}
.item:hover .img img{transform:scale(1.05);}
.flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex_around{display:flex;justify-content:space-around;flex-wrap:wrap;}
.flex_start{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.flex_column{display:flex;justify-content:flex-start;flex-wrap:wrap; flex-direction:column;}
.flex_center{display:flex;align-items:center;}
.vcenter{position:absolute;top:50%;transform:translate(0,-50%);width:100%;}
.vccenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.container{max-width:1490px;padding:0 15px;width:100%;margin:0 auto;}
.indexpage .container{max-width:1430px;}
.txtcenter{text-align:center;}
.ValidationError{border:1px solid red!important;}
.whatsapptel{ position:fixed; left:15px; bottom:60px; z-index:10;}
.whatsapptel img{ width:50px;}
.morelink {display: inline-block;padding: 7px 30px;color: #fff;position: relative;font-size: 16px;line-height: 30px;min-width: 100px;background-color: #000;text-align: center;border-radius: 5px;}
/**********样式重置**********/

/**********分页样式**********/
.pagination a {float: left;background: #777;font-size: 14px;padding-left: 10px;padding-right: 10px;height: 30px;line-height: 30px;text-align: center;display: block;margin-right: 5px;color: #fff;text-decoration: none;font-weight: 700;border-radius: 5px;}
.pagination a:hover, .pagination a.page-num-current {
    background: #da251d;
    color: #fff;
}






.frame{padding-top:60px;padding-bottom:80px;overflow:hidden;}
.frame .title{margin-bottom:40px;position:relative;}
.frame .title.flex_between{align-items: start;}
.frame .title h2{font-size: 22px;text-transform: uppercase;color: #d22626;line-height: 60px;}
.frame .title h3{font-size: 30px;line-height:72px;font-weight:bold;text-transform: uppercase;margin-bottom: 10px;font-family:微软雅黑,Arial,Verdana,Tahoma, Geneva,sans-serif;}
.frame .title p{font-size: 16px;line-height: 24px;color: #555555;}
.frame .title .line{width: 55px;height: 5px;background: #d22626;margin-bottom: 20px;}
.frame .title a.link{padding:0 40px;font-size:20px;line-height:30px;border:1px solid #d22626;border-radius:50px;display:inline-block;margin-top:30px;text-transform:uppercase;background-color:#d22626;color:#fff;}
.frame .title a.link:hover{color:#d22626;}
.frame .title .morelink{background: transparent;border-radius: 50px;line-height: 30px;padding:5px 30px;font-size: 18px;border: 1px solid #d22626;color: #333333;transition: all .3s;}
.frame .title .morelink i{margin-left: 10px;}
.frame .title .morelink:hover{background: #d22626;color: #fff;}

@media screen and (min-width:992px ) and (max-width:1329px) {
    .frame{padding-top:40px;padding-bottom:40px;}
    .frame .title{margin-bottom:20px;}
    .frame .title h3{font-size:32px;line-height: 1.1;}
    .frame .title p{font-size:14px;width:100%;line-height:24px;}
    .frame .title a.link{font-size:16px;line-height:24px;}
}
@media (min-width:768px) and (max-width:991px) {
    .frame{padding-top:25px;padding-bottom:25px;}
    .frame .title{margin-bottom:15px;}
    .frame .title h2{font-size: 18px;line-height: 1.5;}
    .frame .title h3{font-size:28px;line-height: 1.5;}
    .frame .title h4{font-size:24px;line-height: 40px;}
    .frame .title p{font-size:14px;width:100%;line-height:24px;}
    .frame .title a.link{font-size:14px;line-height:24px;}
}
@media (max-width:767px){
    .frame{padding:25px 0 !important;}
    .frame .title{margin-bottom:15px;}
    .frame .title h2{font-size: 14px;line-height: 1.5;}
    .frame .title h3{font-size:24px;margin-bottom: 0;line-height: 1.5;}
    .frame .title h4{font-size:20px;line-height: 30px;}
    .frame .title p{font-size:14px;width:100%;line-height:24px;margin-top: 5px;}
    .frame .title a.link{font-size:13px;line-height:20px;padding:0 20px;}
    .frame .title .right .line{margin-left: 0;margin-right: auto;}
    .frame .title .right{width: 100%;}
    .frame .title .morelink{padding: 5px 10px;font-size: 14px;line-height: 1.5;}
}




/*搜索框*/
#SearchBox{position:fixed;top:90px;right:0;left:100%;bottom:100%;background:#4c4c4c;overflow:hidden;padding:0;transition:all .5s;text-align:right;z-index:9999;display: flex;flex-direction: row-reverse;align-items: center;}
#SearchBox .searchclose{display:inline-block;width:36px;height:36px;text-align:center;line-height:36px;font-size:24px;color:rgb(255, 255, 255);cursor:pointer;transition:all .2s;}
#SearchBox.show{left:0;bottom:80%;padding:15px 30px;}
#SearchBox .searchclose:hover{
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);}
#SearchBox #sform{width:80%;margin:auto;}
#SearchBox #sform{position:relative;border:1px solid rgb(255, 255, 255);overflow:hidden;padding: 0 30px;}
#SearchBox #sform #stext{float:left;width:calc(100% - 160px);height:60px;line-height:30px;font-weight:700;border:none;background:transparent;font-size:20px;color:rgb(255, 255, 255);}
#SearchBox #sform #sbut{float:right;width:160px;height:60px;line-height:30px;background:transparent;border:none;}
#SearchBox #sform #sbut>i{display:inline-block;font-size:20px;color:rgb(255, 255, 255);}
@media (min-width:1230px) and (max-width:1599px)  {
    #SearchBox #sform{width:100%;}
    #SearchBox #sform #stext{font-size:48px;}
}
@media (min-width:992px) and (max-width:1229px) {
    #SearchBox #sform{width:100%;}
    #SearchBox #sform #stext{font-size:36px;width:calc(100% - 100px);height:100px;line-height:100px;}
    #SearchBox #sform #sbut{width:100px;height:100px;line-height:100px;}
    #SearchBox #sform #sbut>i{font-size:60px;}
}

header{width:100%;z-index:99;position:fixed;top:0;transition:linear 0.3s;background: transparent;border-bottom: 1px solid transparent;}
header{}
.iheader{position: fixed;background: #fff;box-shadow: 0 3px 3px rgb(0 0 0 / 3%);}
header.fixed{padding-top:0;padding-bottom:0;position:fixed;background: #fff;}

@media (min-width:992px) {
    header.fixed{}
    header:not(.fixed) #Menu ul.menunav>li>a{color: #000;}
    header:not(.fixed) #Menu ul.menunav>li.active>a,header:not(.fixed) #Menu ul.menunav>li:hover>a{color: #dd2216;}
}
@keyframes _top{
    from{ transform: translateY(-100%);}
    to{ transform: translateY(0);}

}

#logo{display:none;}
#logo a.logo{display:block;height:80px;}
#logo a.logo img{position:relative;top:50%;transform:translate(0,-50%);}

#Menu{display:flex;justify-content:space-between;transition:all 0.3s;width:100%;padding: 0px 0;}
#Menu .logo{padding:0;margin:0;height:90px;}
#Menu .logo>a{height:90px;display:inline-flex;overflow: hidden;}
#Menu .logo img{position:relative;top:50%;transform:translate(0,-50%);object-fit: contain;}
#Menu ul.menunav{transition:all .3s;text-align:left;margin:0;}
#Menu ul.menunav>li{display:inline-block;padding:0px 20px;position: relative;}
#Menu ul.menunav>li>a{display:block;font-size:16px;line-height:36px;text-transform: uppercase;transition: all 0.3s;padding: 27px 0px;color: #333;}
#Menu ul>li.open>a,#Menu ul>li.open>a:focus,#Menu ul>li.open>a:hover,#Menu ul>li:hover>a{}
#Menu ul>li>a{position: relative;}
#Menu ul.menunav>li>a:hover,#Menu ul.menunav>li.active>a{color: #d22626;}
#Menu ul.menunav>li>a::after{content: "";width: 0;height: 3px;background: #dd2216;transition: all .3s;position: absolute;left: 50%;bottom: 10px;transform: translateX(-50%);display: block;}
#Menu ul.menunav>li:hover>a::after,#Menu ul.menunav>li.active>a::after{width: 100%;}

#Menu ul.menunav>li:not(:last-child){}
#Menu ul.menunav>li:nth-child(2){border-left:none;}
#Menu ul.menunav>li .morelink{margin:0;border-radius: 5px;padding:0px 25px;color: #fff;background: #d22626;line-height:36px;display: inline-flex;font-size: 16px;transition: all .3s;text-transform: uppercase;}
#Menu ul.menunav>li .morelink i{font-size: 27px;margin-right: 10px;}
#Menu ul.menunav>li .morelink svg{margin-left: 10px;}
#Menu ul.menunav>li .morelink:hover{color: #fff;background: #000;}

@media (min-width:992px) {
    #Menu .logo{padding:0;margin:auto 0;display: inline-flex;align-items: center;}
}
@media (min-width:992px) and (max-width:1229px) {
    #logo{display:none;}
    #Menu ul.menunav>li{padding: 0 5px;}
    #Menu ul.menunav>li>a{font-size:15px;}
    .search .search-box input {height: 32px;line-height: 32px;font-size: 15px;}
    
}

@media (min-width:992px){
    #Menu ul.menunav>li#feed{padding:27px  0;}
    #Menu ul>li:hover div.downmenu{display: block;}

}
#Menu ul.menunav>li#search{padding:27px 15px;}
#Menu ul.menunav>li#search>a.btnSearch{display: inline-flex;}
#Menu ul.menunav>li#search>a::after{display: none;}
#Menu ul.menunav>li#search>a.btnSearch i{font-size: 20px;line-height: 40px;}
#search input::-webkit-input-placeholder{ /* WebKit browsers 适配谷歌 */
    color: #fff;
}
#search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #fff;
}
#search input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #fff;
}
#search input:-ms-input-placeholder{ /* Internet Explorer 10+  适配ie*/
    color: #fff;
}
.search .search-box {
    width: 100%;
    position: relative;
}
.search .search-box input {
    width: 100%;
    height: 36px;
    background-color: #66666630;
    border-radius: 9px;
    padding-left: 8px;
    color: #ffffff;
    font-size: 16px;
    border: 0;
    outline: none;
    padding-right: 0;
}
.search .search-box input {
    background-color: #da251d;
}
.search .search-box .search-btn {
    cursor: pointer;
    color: #fff;
    position: absolute;
    right: 16px;
    top: 3px;
    font-size: 20px;
}
#Menu ul.menunav>li#feed{margin-right: 10px;}
#Menu ul.menunav>li#feed>a::after{display: none;}
#Menu ul.menunav>li#lang>a{line-height: 40px;display: flex;align-items: center;}
#Menu ul.menunav>li#lang>a::after{display: none;}
#Menu ul.menunav>li#lang{padding:0 0 0 10px;}
#Menu ul.menunav>li#lang>a i:first-child{font-size: 20px;display: inline-block;text-align: center;margin-right: 5px;}
#Menu ul.menunav>li#lang>a i:last-child{font-size: 13px;margin-left: 5px;}
#Menu ul.menunav>li#lang>a::after{content: "\e7a7";font-family: iconfont;transform: rotate(90deg);font-size: 14px;margin-left: 5px;}

#Menu ul.menunav>li#share{display: inline-flex;margin-right: 25px;}
#Menu ul.menunav>li#share a{line-height: 30px;padding: 25px 8px;display: flex;}
#Menu ul.menunav>li#share a>i{font-size: 28px;color: #999;line-height: 30px;}
#Menu ul>li{position:relative;}
#Menu ul>li ul.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;display:none;z-index:2;min-width:100%;box-shadow:0 10px 15px rgba(0,0,0,0.17);}
#Menu ul>li ul.dropdown-menu>li{display:block;}
#Menu ul>li ul.dropdown-menu>li>a{line-height:24px; font-size:16px; padding:10px 30px 10px 20px;display:block;white-space: nowrap;text-align:left;text-transform: capitalize;}
#Menu ul>li ul.dropdown-menu>li:not(:last-child)>a{border-bottom:1px solid #e5e5e5;}
#Menu ul>li ul.dropdown-menu>li>a>i{font-size:14px;line-height:24px;position:absolute;right:10px;}
#Menu ul>li ul.dropdown-menu>li:hover>a,#Menu ul>li ul.dropdown-menu>li>a:hover{background-color:#d22626;color:#fff;}
#Menu ul>li:hover ul.dropdown-menu{display:block;}

#Menu ul.menunav>li#lang ul.dropdown-menu{min-width:150px}
#Menu ul.menunav>li#lang ul.dropdown-menu>li>a{padding:10px 5px;}
#Menu ul.menunav>li#lang ul.dropdown-menu>li>a img{margin-right:5px}

#Menu ul>li ul.dropdown-menu ul.catemenu{left:100%;top:0;border-left:1px solid #fff;display:none;}
#Menu ul>li ul.dropdown-menu>li:hover ul.catemenu{display:block;}

/*手机导航*/
header #menu_btn{ width:28px; height:28px; cursor:pointer; position: absolute;right:15px;top:10px; display:none;}
header #menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#d22626; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
header #menu_btn>.menu_btn_med{ position:absolute; top:15px; left:17px; width:20px; height:3px; border-radius:1.5px; background:#d22626; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
header #menu_btn>.menu_btn_bot{ position:absolute; top:25px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#d22626; -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
header #menu_btn.show>.menu_btn_top{ top:50%; background:#d22626;-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
header #menu_btn.show>.menu_btn_med{ top:50%; background:#d22626;-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);display:none;}
header #menu_btn.show>.menu_btn_bot{ top:50%; background:#d22626;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}

@media (min-width:992px) and (max-width:1459px){
    #Menu .logo{padding-left: 0;}
    #Menu ul.menunav>li{padding:0 5px;}
    #Menu ul.menunav>li a{}
    #Menu ul.menunav>li.feed i,#Menu ul.menunav>li#lang i{display: none;}
        .search .search-box .search-btn {
    top: 3px;
    font-size: 18px;
}
}
@media (min-width:768px) and (max-width:991px){
    #Menu ul.menunav>li{padding:0 5px;}
}
@media (min-width:1px) and (max-width:767px) {
    #Menu ul.menunav>li.logo{background-color:#fff;}
    #Menu ul.menunav>li.logo>a{padding:5px 15px;}
    #Menu ul.menunav>li.logo img{margin:0 auto;display:block;}
    #Menu ul>li ul.dropdown-menu>li>a:hover{border-bottom:none;}
}
@media (min-width:1px) and (max-width:991px) {
    header{position:relative;top:0;}
    header::after{display:none;}
    header .container{padding: 0 15px;}
    header #menu_btn{ display: block;top:20px;}
    #logo{display:block;position:sticky;width:100%;padding:5px 0;float:none;top: 0;}
    #logo a.logo{padding-top:0;padding-bottom:0;display:inline-block;height:50px;vertical-align:top;overflow: hidden;}
    #logo a.logo img{display:block;margin:0;width:auto;max-height:30px;position:relative;top:50%;transform:translate(0,-50%);}
    .bgblack {
        background: rgb(0 0 0 / 65%);
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 9;
        display: none
    }

    .search .search-box input{
        background-color: #fff;
        color: #333;
    }
    .bgblack.show{
        display: block;
    }
    .search .search-box .search-btn {
        color: #000000;
        top: 4px;
        font-size: 20px;
    }
    .search-box input::placeholder{
        color:#333 !important;
    }
    .search-box input::-webkit-input-placeholder {
        color: #333 !important;
    }
    .search-box input::-moz-placeholder {
        color: #333 !important;
    }
    .search-box input:-ms-input-placeholder {
        color: #333 !important;
    }

    #Menu>.logo{display:block;text-align:center;background: #fff;height: 60px;padding-left: 0;}

    #Menu>.logo>a{background-color:#fff;width: 100%;height: 60px;position: relative;overflow: hidden;padding: 10px 10px;}
    #Menu>.logo p{display: none;}
    #Menu>.logo img{max-width:100%;top: 0;transform: inherit;max-height:100%;position: relative;height: 40px;width: auto;}
    #Menu ul.menunav>li>a>i {display:none;}

    #Menu{width:318px;position:fixed;left:-319px;top: 0px; bottom: 0px; background: #d22626; z-index: 99999; overflow-x:hidden;overflow-y:auto;transition:all .5s ease;padding-top:0;}
    #Menu.show{left:0;display: initial;padding:0;}
    #Menu ul.menunav>li#feed{padding: 0 15px;}
    #Menu ul.menunav>li#feed .morelink{background: #fff;color: #d22626 !important;padding: 0 15px;width: 100%;line-height: 40px;}
    #Menu ul.menunav>li#lang{padding:8px 15px;}
    #Menu ul.menunav>li#lang>a>i{display:none;}
    #Menu ul.menunav>li#lang>.dropdown-menu{padding-left:0;}
    #Menu ul.menunav>li#lang>.dropdown-menu>li>a{font-size:14px;line-height:24px;}

    #Menu ul.menunav>li.logo{margin-top:0;margin-bottom:0;padding:0;display:block;background:none;background-color:#fff;height: 70px;}
    #Menu ul.menunav>li.logo>a{padding:10px;text-align:center;height: 70px;}
    #Menu ul.menunav>li.logo img{}
    #Menu ul.menunav{display: block; padding: 0px 0 15px; text-align: left;overflow:hidden;width:100%;}
    #Menu ul.menunav>li{width:100%; padding:8px 15px; }
    /*#Menu ul.menunav>li:nth-child(1){width:100%; padding:15px 15px; text-align: center;border-bottom:1px solid #fff;margin:0;}*/
    /*#Menu ul.menunav>li:nth-child(1)>a{padding: 0;line-height:1;}
    #Menu ul.menunav>li:nth-child(1)>a>img{height:auto;}*/
    #Menu ul.menunav>li>a{font-size:14px;line-height:24px;padding:0px;color: #f5f5f5 !important;text-align:left;border-bottom:none;}
    #Menu ul.menunav>li>a:hover:after,#Menu ul>.open>a:after{}
    #Menu ul>li>a,#Menu ul>li:hover>a,#Menu ul>li.active:hover>a{border:none;}
    #Menu ul>li.open>a,#Menu ul>li.open>a:focus,#Menu ul>li.open>a:hover,#Menu ul>li.active>a,#Menu ul>li:hover>a{background:none;}
    #Menu ul>li ul.dropdown{position:relative;}
    #Menu ul>li ul.dropdown-menu.hidden{display: block !important;}
    #Menu ul>li ul.dropdown-menu{width:100%;position:relative;display:block;background-color:transparent!important;box-shadow:none;border:none;overflow:hidden;min-width: inherit; margin-top:0;padding-right:0;padding-left:10px;}
    #Menu ul>li ul.dropdown-menu>li{ width:100%;height:auto;line-height:24px;background:none;text-align:left;margin: 0px;}
    #Menu ul>li ul.dropdown-menu>li:not(:last-child)>a{border:none;}
    #Menu ul>li ul.dropdown-menu>li>a{ position:inherit;color:#fff; font-size:13px;line-height:18px;padding:3px 0;white-space:initial;border:none;background-color:transparent;}
    #Menu ul>li ul.dropdown-menu>li>a:hover{background-color:#d22626;color:#fff;}
    #Menu ul>li ul.dropdown-menu>li>a>i{display:none;}
    #Menu ul>li ul.dropdown-menu>li:hover>a,#Menu ul>li ul.dropdown-menu>li>a:hover{background-color:#d22626;color:#fff;}

    #Menu ul>li ul.dropdown-menu ul.catemenu{display:block;left:0;border-left:none;padding-left:20px;}
    #Menu ul.menunav>li#share{display:none;}
    #SearchBox .searchclose{display: none;}
    #Menu ul.menunav>li#search{margin-left: 0;}
    #Menu ul.menunav>li#search>a.btnSearch{display:none;}
    #Menu ul.menunav>li#search{background-color:transparent;padding:8px 15px;width:100%;}
    #Menu ul.menunav>li#search #SearchBox{position:relative;background:none;left:initial;right:initial;top:initial;bottom:initial;}
    #Menu ul.menunav>li#search #sform{display:flex;background-color:#fff;width:100%;border:1px solid #fff;margin:0;}
    #Menu ul.menunav>li#search #stext{width:80%;background-color:#fff;height:30px;line-height:30px;color:#333;font-size:14px;font-weight:normal;padding-left:8px;}
    #Menu ul.menunav>li#search #sbut{width:20%;height:30px;line-height:30px;background-color:#d22626;border:none}
    #Menu ul.menunav>li#search #sbut>i{height:30px;line-height:30px;width:30px;font-size:18px;vertical-align:top;color:#fff}

    #Menu .rightmenu{flex-wrap: wrap;}
    #Menu .rightmenu .item{margin-right: 0 !important;}
    #Menu .rightmenu .item i{color: #fff;margin-right: 5px;}
    #Menu .rightmenu .item h4,#Menu .rightmenu .item p,#Menu .rightmenu .item a{color: #fff;}
}

#Menu ul.menunav>li.products_menu{position: inherit;}
#Menu ul.menunav>li.dropdown .product{width: 100%;position: absolute;left: 0;background: #363636;display: none;padding-top: 30px;padding-bottom: 30px;}
#Menu ul.menunav>li.dropdown .product .product_list{display: flex;justify-content: space-between;}
#Menu ul.menunav>li.dropdown .product .product_list>li{width: calc((100% - 105px)/4);position: relative;}
#Menu ul.menunav>li.dropdown .product .product_list>li>a img{background: #fff;margin-bottom: 20px;}
#Menu ul.menunav>li.dropdown .product .product_list>li>a h4{color: #fff;font-size: 20px;line-height: 30px;margin-bottom: 10px;}
#Menu ul.menunav>li.dropdown .product.active{display: block;}

#Menu ul.menunav>li.dropdown .product .product_list>li .catemenu{z-index:2;min-width:100%;}
#Menu ul.menunav>li.dropdown .product .product_list>li .catemenu>li{display:block;}
#Menu ul.menunav>li.dropdown .product .product_list>li .catemenu>li>a{line-height:30px; font-size:16px;display:block;white-space: nowrap;text-align:left;color: #fff;position: relative;padding-left: 20px;overflow: hidden;}
#Menu ul.menunav>li.dropdown .product .product_list>li .catemenu>li>a::before{font-size:16px;line-height:30px;position:absolute;color: #dd2216;content: "\e607";font-family: iconfont;left: -3px;font-weight: 600;}
#Menu ul.menunav>li.dropdown .product .product_list>li .catemenu>li:hover>a,#Menu ul.menunav>li.dropdown .product .product_list>li .catemenu>li>a:hover{color:#dd2216;text-decoration: underline;}

@media (min-width:1px) and (max-width:991px) {
    #Menu ul.menunav>li.products_menu .product{display: none !important;}
}


@media (max-width:992px){
    #Menu ul.menunav>li>a {
        font-size: 16px;
        line-height: 38px;
    }
    #Menu ul.menunav>li>a::after {
        content: "";
        height: 1px;
        bottom: 0px;
        background: #fff;
    }

}




footer{background:#333 no-repeat;padding-top:60px;position: relative;}
footer .right{width: 790px;}
#fck1{width:30%;margin:0;}
#fck2{width:31.5%;margin:0;}
#fck3{width:190px;margin:0;}
#language{padding:10px 0px; text-align:center;background-color:#fff;}
#language ul li {margin:0;display:inline-block;}
#language ul li a{font-size:16px; line-height:2em;}
#language ul li a img{margin-top:5px;}
#language ul li a span{font-size:14px; line-height:2em;}

footer .info{position: relative;align-items: center;margin-bottom: 50px;}
footer .list{margin-bottom: 80px;width: 100%;position: relative;}

footer dl dt{font-size:22px;line-height:24px;margin-bottom:10px;position:relative;color: #ffffff;text-transform: capitalize;width: 100%;}
footer dl dd{font-size:16px;line-height:40px;position:relative;color:#d7d7d7;display: flex;}
footer dl dd>a,footer dl dd p>a{font-size:16px;line-height:40px;display:inline-flex;color:#d7d7d7;}
footer dl dd>a:hover{color: #dd2216;}
footer dl dd span{display: inline-block;width: calc(100% - 45px);}
footer dl dd p{color: #d7d7d7;line-height: 40px;}

footer dl dd em{margin:auto 10px auto 0;color: #d22626;font-style: inherit;font-size: 20px;font-family: iconfont;line-height: 1;}
footer dl dd em::before{content: "\e676";display: inline-block;transition: all .3s;}
footer dl dd:hover em::before{transform: rotate(45deg);}
footer .logo{text-align: center;margin-bottom: 20px;}
#fck1 dl dd>i{color: #dd2216;margin-right: 20px;font-size: 22px;}
#fck1 dl dd p{max-width: 380px;}
#fck2 dl dd>i{color: #dd2216;margin-right: 20px;font-size: 22px;}
/*#fck2 dl dd p{max-width: 380px;}*/

#fck2 dl dd{width: 100%;}

#fck3 dl dd.webname{font-family:OpenSans-Bold,Arial,Verdana, Tahoma, Geneva,  sans-serif ;}
#fck3 dl dd i{margin-right: 5px;color: #fff;font-size: 20px;}
footer .info{border-bottom: 1px solid #3f3f3f;padding-bottom: 45px;}
footer .info .subscribeBox{width: 37%;position: relative;}
footer .info .subscribeBox input{background: transparent;width: 100%;padding:10px 25px;line-height: 36px;font-size: 14px;border: 1px solid #626468;border-radius: 50px;color: #fff;}
footer .info .subscribeBox input::placeholder{color: #999999;}
footer .info .subscribeBox .btnSubmit{color: #fff;background: #dd2216;width: 47px;line-height: 47px;text-align: center;height: 47px;position: absolute;right: 6px;top: 6px;border-radius: 50px;}
footer .info .subscribeBox .btnSubmit i{display: block;font-size: 23px;}

footer .feedbackbox{width: 100%;flex-wrap: wrap;}
footer .feedbackbox .input{border-radius: 5px;border: 1px solid #fff;background: transparent;margin-bottom: 10px;height:56px;}
footer .feedbackbox .input::placeholder{color: #fff;}
footer .feedbackbox #txtMessage{background: transparent;border: 1px solid #fff;width: 100%;border-radius: 5px;line-height: 40px;height: 115px;padding:0 10px;}
footer .feedbackbox #txtMessage::placeholder{color: #fff;}
footer .feedbackbox .inputgroup{width: 100%;}
footer .feedbackbox .morelink{border-radius: 50px;background: linear-gradient(to right, #034b9f, #3aafe3);color: #fff;font-family: OpenSans-Bold,Arial,Verdana, Tahoma, Geneva,  sans-serif;transition: all .5s;}
footer .feedbackbox .morelink i{color: #d22626;margin-left: 10px;}
footer .feedbackbox .morelink:hover{color: #d22626;background: #fff;}
footer .feedbackbox .btngroup{margin-top: 10px;    }

.foot_by{overflow:hidden;text-align:center;padding-top:20px;padding-bottom:20px;border-top: 1px solid #3f3f3f;}
.foot_by .footdiv{font-size:16px; line-height:30px;margin:0;display:inline-block;}
.foot_by .footdiv a{display:inline-block; font-size:16px; line-height:30px;color: #999999;}
.foot_by .footdiv.fl{text-align:center;color: #999999;display: block;float: left;}
.foot_by .footdiv.fr{text-align:center;color: #999999;display: block;float: right;}
.foot_by .footdiv a:hover{text-decoration:underline;color:#d22626;}

.footshare{text-align:center;margin:25px auto 0;display: inline-flex;align-items: center;}
.footshare span{margin-right: 25px;}
.footshare .code{margin-right: 25px;}
.footshare>a{text-align:center;display:inline-block;margin:0 5px 0 0;line-height: 40px;text-align: center;color: #fff !important;background: #4b4b4b;width: 40px;height: 40px;}
.footshare>a:last-child{margin-right: 0;}
.footshare>a>i{font-size:16px;text-align:center;display:inline-block;}
.footshare>a.ico_youtube:hover{background:#ef2638;color: #fff;}
.footshare>a.ico_linkedin:hover{color:#fff;background:#0b66c1;}
.footshare>a.ico_facebook:hover{color:#fff;background-color:#3a59a3;}
.footshare>a.ico_twitter:hover{color:#fff;background-color:#000;}
.footshare>a.ico_instagram:hover{color:#fff;background-color:#d13e79;}
.footshare>a.ico_skype:hover{color:#fff;background-color:#01aef0;}
.footshare>a.ico_wechat:hover{background-color:#13c939;border-color:#13c939;}
.footshare>a.ico_whatsapp:hover{background-color:#21a937;border-color:#21a937;}
.footshare>a.ico_tiktok:hover{color:#fff;background-color:#000;}
.footshare>a:hover{color: #fff;}
@media (min-width:992px){
    footer .list::after{height: 80%;width: 1px;background: #3f3f3f;content: "";position: absolute;left: 35%;top: 50%;transform: translateY(-50%);display: block;}
    footer .list::before{height: 80%;width: 1px;background: #3f3f3f;content: "";position: absolute;right: 20.5%;top: 50%;transform: translateY(-50%);display: block;}
}
@media (min-width:992px) and (max-width:1229px) {
    #language ul li a span{line-height:1;display:block;margin-top:3px;}
    #language ul li a img{display:block;margin:0 auto;}
    #friendlist{margin-bottom:15px;}
    #friendlist a{margin-left:30px;}

    .foot_by{}
    .foot_by .footdiv{font-size:14px;}
    .foot_by .footdiv.fl{width:auto;}
    .foot_by .footdiv a{font-size:14px;}
}
@media (min-width:768px) and (max-width:991px) {
    footer{background-image: none;}
    footer .left{width: 100%;}
    footer .feedbackbox{width: 100%;}
    footer .info h5{font-size: 20px;line-height: 60px;}
    footer .info .morelink{font-size: 24px;border-radius: 0;padding: 10px 25px;line-height: 34px;}
    footer .info img{margin: 0 auto 30px;}
    footer .info .left{width: 100%;flex-wrap: nowrap;margin-bottom: 20px;}
    footer .info .subscribeBox{width: 100%;}
    #fck1{width:100%;margin:0 0 30px;}
    #fck2{width:100%;margin:0 0 30px;}
    #fck3{width:100%;margin:0 0 30px;}
    #fck4{width:100%;margin:0 0 30px;}

    footer dl dt{}
    footer dl dd{}
    footer dl dd>a{}

    #language ul li a span{line-height:1;display:block;margin-top:3px;font-size:12px;}
    #language ul li a img{display:block;margin:0 auto;}

    #friendlist{margin-bottom:10px;}
    #friendlist a{margin-left:15px;}

    .foot_by{}
    .foot_by .footdiv{font-size:13px;}
    .foot_by .footdiv a{font-size:13px;}
    .foot_by .footdiv.fl{}
    .foot_by .footdiv.fr{margin:0;text-align:left;}
    .foot_by .footdiv.fr .flink{height:30px;line-height:28px;}
}
@media (min-width:1px) and (max-width:767px) {
    footer .feedbackbox{width: 100%;padding: 15px;}
    footer{padding-top:25px;padding-bottom:50px;background-image: none;}
    footer .footinfo p{font-size:16px;line-height:1.5;}
    footer .info{margin-bottom: 15px;background: transparent;border: 0;padding: 0;text-align: center;display: block;}
    footer .info img{margin-bottom: 15px;display: none;}
    footer .right{width: 100%;}
    .footmenu{border-radius:0;padding:0;justify-content:flex-start;}
    footer .info .subscribeBox{width: 100%;}

    footer .info .subscribeBox input{padding:10px 25px;line-height: 24px;font-size: 14px;    border-radius: 8px;}
    footer .info .subscribeBox input::placeholder{color: #999999;}
    footer .info .subscribeBox .btnSubmit{color: #fff;background: #dd2216;width: 36px;line-height: 36px;text-align: center;height: 36px;position: absolute;right: 6px;top: 6px;border-radius: 8px;}
    footer .info .subscribeBox .btnSubmit i{display: block;font-size: 23px;}

    footer .list{padding-bottom: 15px;padding-top: 20px;margin-bottom: 0;}
    footer .info::after{display: none;}
    #fck1{width:100%;margin-bottom:10px;}
    #fck2{width:100%;margin-bottom:10px;}
    #fck3{width:100%;margin-bottom:10px;display: none;}
    #fck4{width:100%;margin-bottom:10px;}
    #fck3 dl dd{display: flex !important;line-height: 1.5;}
    #fck3 dl dd i{font-size: 16px;}
    #fck3 dl dd p,#fck3 dl dd a{line-height: 1.5;font-size: 12px;}
    #fck4 dl dd.footshare{margin-top: 10px;}

    #fck2 dl dd{width: 100%;}
    #language{padding:6px 0;}
    #language ul{flex-wrap:wrap;}
    #language ul li{width:20%;}
    #language ul li a img{display:block;margin:0 auto;}
    #language ul li a span{font-size:12px;}


    .footshare>a{margin-right:8px;}


    footer dl{margin-bottom:0;}
    footer dl dt{font-size:16px;margin-bottom:0;padding-bottom:8px;}
    footer dl dt::after{content:"\e8f2";font-family:iconfont;margin-left:10px;font-size:16px;display:inline-block;}/*transform:rotate(90deg);*/
    footer dl dd{font-size:14px;line-height:1.5;margin-bottom: 5px;}
    footer dl dd>a{font-size:14px;}
    footer dl dd p{font-size:12px;}
    footer dl.catelist dd>a{font-size:12px;}
    .foot_by{}
    .foot_by .footdiv{display:block;text-align:center;font-size:12px;line-height:1.5;width:100%;padding:5px 0;}
    .foot_by .footdiv a{font-size:12px;line-height:1.5}
    .foot_by .footdiv.fr{float:none;text-align:center;width:100%;}

    .foot_by .footdiv.fl{float:none;padding:5px 0;text-align:center;width:100%;}
    .foot_by .footdiv.fr{float:none;padding:5px 0;text-align:center;width:100%;margin:0}
}
@media (min-width:1px) and (max-width:500px) {
    footer .info p{max-width: 100%;color: #fff;}
}
#mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;bottom:0;width:100%;display:none;z-index:1;background-color:#fff;}
#mobMenu .foot_nav{width:25%;float:left;text-align:center;color: #898989;font-size:14px;}
#mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}
@media (min-width:1px) and (max-width:767px) {
    #mobMenu{display:block;}
}