.clear:after{display:block; content:''; clear:both;}
body{color:#333;}
header li{list-style:none}
header a{color:inherit; text-decoration: none;}
address{font-style:normal;}


.fl-left{float:left;}
.fl-right{float:right;}
.mg-auto{margin:0 auto;}

.pd-50{padding:50px;}


.wd-5{width:5%;}
.wd-10{width:10%;}
.wd-15{width:15%;}
.wd-20{width:20%;}
.wd-30{width:30%;}
.wd-40{width:40%;}
.wd-50{width:50%;}
.wd-60{width:60%;}
.wd-65{width:65%;}
.wd-70{width:70%;}
.wd-80{width:80%;}
.wd-90{width:90%;}

.tx-center{text-align:center;}
.tx-right{text-align:right;}

.ft-red{color:red;}

header *{padding:0; margin:0;box-sizing:border-box;}
header{padding:30px 30px 0 30px; margin:0 auto; width:95%; letter-spacing:-0.5px;}
header a:hover{color:inherit;}
header img{width:100%;vertical-align:middle;}
header .div1 {position:relative;margin-bottom: 30px;}
header .div1 .logo{width:200px;position:absolute; left:0;right:0; margin:auto;}
header .div1 li{float:left;font-size:13px; margin-left:12px;display: flex; align-items: center; justify-content: center; height: 30px;}
header .div1 li.flags{width:30px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 50%;}
header .div2 > ul > li{cursor:pointer; float:left; font-family:'S-CoreDream-5Medium';font-size:14px; width:calc(100%/12 - 1px);text-align:center;padding:30px 0;position:relative;}
header .div2 .sub{text-align:left;color:white;background:rgba(0,0,0,0.7);display:none;margin-top:30px;position:absolute;padding:10px;min-width:100%;z-index:999999;}
header .div2 .sub.show{display:block;}
header .div2 .sub li{padding:5px 15px;font-size:13px;}

header .avatar{width:30px;}
header .dropdown-menu{top:10px !important; font-size:13px; padding:10px !important;}
header .logo img {width: 300px;}
.introduce-sub{width:110%;}
.baby-face-sub{width:125%;}

@media screen and (max-width:1150px){
	header .div1 .logo{right:auto;}
}

@media screen and (max-width:991px){
	header{display:none;}
}