.gotop-sangni {position:fixed;right:10px;top:50%;display:none;z-index:11;}
.gotop-sangni a {display:block;width:46px;height:46px;border-radius:8px;background:var(--color-primary);margin:10px 0;color:#fff;text-align:center;line-height:45px;box-shadow:1px 2px 6px 2px rgb(0,0,0,0.1);cursor:pointer;}
.gotop-sangni a i.qico-email {font-size:30px;}
.gotop-sangni a i.qico-up {font-size:22px;}
.gotop-sangni a:hover {background:var(--color-primary);text-decoration:none;}

/* Chrome */
.head-top-sangni .head-searchbg input::-webkit-input-placeholder {color:#fff;}
/* IE 10+ */
.head-top-sangni .head-searchbg input:-ms-input-placeholder {color:#fff;}
/* Firefox 4-18 *//* Firefox 19+ */
.head-top-sangni .head-searchbg input:-moz-placeholder,.head-top-sangni .head-searchbg input::-moz-placeholder {color:#fff;opacity:1;}

.head-top-sangni {position:relative;z-index:11;width:100%;background:var(--color-primary);height:56px;}
.head-top-sangni .wp{display:flex;justify-content:space-between;flex-wrap:wrap;height:100%;}

.head-top-sangni .head-fl{display:flex;align-items:center;}
.head-top-sangni .head-fl span{display:flex;align-items:center;margin-right:20px;}
.head-top-sangni .head-fl span i {display:inline-block;margin-right:12px;width:34px;height:34px;line-height:34px;text-align:center;vertical-align:top;border-radius:50%;background:rgba(176,176,176,.3);font-size:16px;color:#fff}
.head-top-sangni .head-fl span b {font-size:16px;font-weight:500;color:#fff;}

.head-top-sangni .head-fr{display:flex;align-items:center;}
.head-top-sangni .head-searchbg {}
.head-top-sangni .head-searchbg form{width:204px;height:32px;border-radius:50px;background:rgba(255,255,255,0.24);position:relative;}
.head-top-sangni .head-searchbg input{width:100%;height:32px;padding:0 60px 0 15px;font-size:14px;color:#fff;line-height:32px;background:none;}
.head-top-sangni .head-searchbg button{position:absolute;right:0;top:0;width:44px;height:32px;line-height:32px;text-align:center;background:transparent;border-top-right-radius:50px;border-bottom-right-radius:50px;}
.head-top-sangni .head-searchbg button i{font-size:20px;color:#fff;}




.header-height-sangni{}
.header-height-sangni .header-sangni {position:relative;width:100%;background:#fff;z-index:10;font-size:0;box-shadow:1px 2px 10px 2px rgba(0,0,0,0.08);padding:15px 0;}
.fixed {position:fixed !important;top:0;z-index:10 !important;max-width:1920px;}
.header-height-sangni .wp{height:100%;display:flex;justify-content:space-between;align-items:center;}    

.header-height-sangni .head-logo {}
.header-height-sangni .head-logo img {height:45px;}


.head-nav{text-align:center;}
.head-nav > ul{}
.head-nav > ul > li{position:relative;display:inline-block;padding:0 30px;cursor:pointer;}
.head-nav > ul > li > a{display:block;color:#333;font-weight:600;padding:0 2px;font-size:17px;height:30px;line-height:30px;}
.head-nav > ul > li.down > a b{font-size:15px;transition:.3s all;}

.head-nav > ul > li:hover > a,.head-nav > ul > li.current > a{color:#21AC37;}
.head-nav > ul > li.down:hover > a,.head-nav > ul > li.down.current >a{}

.head-nav > ul > li ul{position:absolute;width:280px;height:auto;left:0;text-align:left;top:38px;z-index:1000;padding:10px;border-radius:0 0 4px 4px;background:#fff;box-shadow:rgba(0,0,0,0.14) 0px -6px 9px 0px;opacity:0;visibility:hidden;transition:all .4s ease 0s;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);}
.head-nav > ul > li > ul::before{content:'';position:absolute;left:60px;margin:0;top:-8px;overflow:hidden;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;}
.head-nav > ul > li > ul li{border-bottom:1px solid #EDEDED;}
.head-nav > ul > li > ul li:last-child{border:none;}
.head-nav > ul > li > ul li > a{display:block;padding:7px 2px;color:#333;font-size:15px;text-transform:capitalize;}
.head-nav > ul > li > ul li > a:hover{color:#21AC37;}

.head-nav > ul > li:hover > ul{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}



.header-height-sangni .href a,.mobile-height-sangni .href a {display:inline-block;padding:14px 48px;background:var(--color-primary);font-size:15px;color:#fff;font-family:var(--title-font-family);font-weight:700;border-radius:50px;}
.header-height-sangni .href a:hover,.mobile-height-sangni .href a:hover {background:var(--color-primary);text-decoration:none;}

.mobile-height-sangni {display:none;height:60px;}
.mobile-height-sangni .mobile-nav-sangni {display:none;width:100%;height:60px;background:#fff;padding:0 20px;z-index:999;}
.mobile-height-sangni .mobile-nav-sangni .m-navleft {cursor:pointer;}
.mobile-height-sangni .m-navico {font-weight:700;font-size:22px;line-height:60px;}
.mobile-height-sangni .m-navcenter img {max-height:35px;}

.m-navlist-sangni {position:fixed;left:-80%;top:0;bottom:0;width:76%;padding:0 0 20px;background:#fff;box-shadow:1px 2px 8px 3px rgba(0,0,0,0.2);z-index:999;}
.m-navlist-sangni .m-listtop {padding:20px;font-size:24px;}
.m-navlist-sangni .m-listtop img {width:146px;}
.m-navlist-sangni .m-listtop span {float:right;font-size:24px;color:#999;font-weight:100;line-height:36px;opacity:0.8;cursor:pointer;}
.m-navlist-sangni .m-navlistcon {margin-left:20px;}
.m-navlist-sangni .m-navlistcon ul {display:none;}
.m-navlist-sangni .m-navlistcon span {display:block;border-bottom:1px solid #dedede;overflow:hidden;}
.m-navlist-sangni .m-navlistcon span a {display:inline-block;width:70%;padding:15px 0;font-size:16px;color:#000009;float:left;}
.m-navlist-sangni .m-navlistcon span a.current,.m-navlist-sangni .m-navlistcon li a.current {color:var(--color-primary);}
.m-navlist-sangni .m-navlistcon span i {text-align:right;width:24%;float:right;font-size:18px;padding:15px 6% 15px 0;}
.m-navlist-sangni .m-navlistcon ul li {margin-left:20px;border-bottom:1px solid #dedede;}
.m-navlist-sangni .m-navlistcon ul li a {display:block;padding:15px 0;font-size:15px;color:#666;}
.m-navlist-sangni .m-navlistcon ul li a b {padding-left:10px;}
.m-navlist-sangni .m-navlistcon .xla-three {border-top:1px solid #dedede;padding-left:20px;}

.mobile-height-sangni .m-navtap {padding-left:6%;}
.mobile-height-sangni .m-navcenter {width:57%;margin-top:13px;padding-left:36px;text-align:center;flex:1;}
.mobile-height-sangni .m-navright .href a {margin-top:12px;margin-right:20px;padding:12px;font-size:12px;}


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

.header-height-sangni .head-logo {width:18%;}
.header-height-sangni .head-nav {width:62%;}
.header-height-sangni .head-nav li {padding:5px 14px;}
.header-height-sangni .nav-slidedown {top:45px;}
.header-height-sangni .header-height-sangni .head-nav li a {font-size:16px;}
.header-height-sangni .href a,.mobile-height-sangni .href a {padding:14px 38px;font-size:14px;}
}

@media screen and (max-width:1420px) {
.header-height-sangni .href a,.mobile-height-sangni .href a {padding:14px 30px;}
.header-height-sangni .head-nav li {padding:5px 5px;}
.header-height-sangni .head-nav li a {font-size:15px;}
}

@media screen and (max-width:1280px) {
.header-height-sangni .href a,.mobile-height-sangni .href a {padding:14px;font-size:13px;}
.header-height-sangni .head-nav li {padding:5px 5px;}
.header-height-sangni .head-nav li a {font-size:14px;}
.header-height-sangni .head-nav li .nav-slidedown a {font-size:14px;}
}

@media screen and (max-width:1010px) {
.header-height-sangni .head-nav li {padding:5px 5px;}
.header-height-sangni .head-nav li a {font-size:12px;}
}

@media screen and (max-width:960px) {.head-top-sangni .container,.header-height-sangni .container {width:88%;}
.header-height-sangni .header-sangni,.header-height-sangni {display:none;}
.mobile-height-sangni .mobile-nav-sangni,.mobile-height-sangni {display:flex;}
.head-top-sangni .head-fl span b {font-size:14px;}
.head-top-sangni .head-fl {line-height:48px;}
.head-top-sangni .head-fl span i {margin-top:7px;}
.head-top-sangni {position:relative;}
.head-top-sangni .head-searchbg {display:none;}
.mobile-height-sangni {position:relative;z-index:9;}
}

@media screen and (max-width:340px) {
.head-top-sangni .head-fl span {margin-right:0;}
.mobile-height-sangni .m-navcenter {width:48%;padding-left:26px;}
}

.myart img {width:750px;height:auto;margin:20px;display:block;margin:0 auto;margin-top:20px;}
.description img {max-width: 1000px;;margin:0 auto;display:block;}
.lang-selector ul {
    text-align: left;
    font-size: 0;
    max-height: 20vh!important;
    overflow-y: scroll;
}



@media screen and (max-width:500px){
.head-top-sangni .head-fl span {
    margin-right: 0;
}
.head-top-sangni .head-fl span b {
    font-size: 10px;
}
.head-top-sangni .head-fl span {
    margin-right: 0;
}
.head-top-sangni .head-fl span i {
    margin-right: 7px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
	    margin-top: 3px;
}

}