@charset "utf-8";
/* CSS Document */
html{font-size:16px;}
body{ font-size:0.8125rem}
.Topnav{width:100%;height:34px; border-bottom:#eaeaea solid 1px; background:#f9f9f9;}
.Topmain,.headbox{width:100%;max-width:1500px; margin:auto;}
.Welcome {width:300px;line-height:34px; float:left; font-size:0.75rem}
.languang{ float:right}
.languang img{ margin-right:5px; margin-top:8px;}
.languang i{background-position:0px -58px; position:relative;  width:12px; height:12px; display:block;left:15px; top:-8px;}
.contact{ height:34px; line-height:34px; margin-right:20px; float:right}
.contact span{ font-size:1.25rem; font-weight:bold; color:#f00}
.icon-ok-circled:after {content: "";margin-right: 5px;background: url(../../Content/img/en-icon_productlist.png?v=1.1) no-repeat -89px 0px;display: inline-block;width: 20px;height: 20px;position: relative;top: 2px}
header{border-bottom:2px solid #29b5ce;height:auto;}
.headbox{padding:20px 0}
.logobox{ float:left;width:207px;height:50px;}
.logobox img{width:100%;height:100%}
.searchbox{ width:45%; margin:auto}
.tip3box{ float:right;padding-top:5px}
.sbox1{ height:42px; position:relative}
.search_text{border: #29b5ce solid 2px;
width:65%;
height:42px;
color: #888888;
padding-left: 8px;
box-sizing: border-box;
line-height: 42px;
float:left}
.search_btn{width:10%; height:42px; background:url(../Content/img/seachr.png) #29b5ce no-repeat center; border:none; cursor:pointer;font-size:0; float:left;}

.keywords{white-space:nowrap; overflow:hidden;text-overflow: ellipsis;padding-top:3px;}
.keywords a{font-size:0.75rem; color:#555;margin-right:10px;}
.keywords a:hover{ color:#ff7300}


.headbox a:link{ color:#333;}
.headbox a:visited { color: #333;}
.headbox a:hover{ color:#ff7300;}

.homeinquriy,.homemessage,.homepohto{display:block;width:40px;height:40px; background: url(../Content/img/HomeIcon.png) no-repeat -40px -206px; margin:auto}
.homemessage{background-position:0 -206px}
.homepohto{background-position:0 -166px; border-radius:20px; overflow:hidden}
.homepohto img{width:40px;height:40px;}

a.homepohto:link{ color:#888}
.homepohto{}
.homepohto img{width:100%;height:100%;border-radius:20px;}
.Myaccount,.MyMessage,.MyInquriy{width:auto; height:auto;position:relative;z-index:6; cursor:pointer; float:right;margin-left:40px; line-height:150%}
.Myaccount{}
.homehead{width:100%; text-align:center; font-size:12px;}
.homehead a{ display:block; color:#555}

.Myaccount:hover{background:#fff;}
.Myaccount1{border-bottom:1px solid #efefef;padding-bottom:10px;margin-bottom:10px;}
.Myaccount2{border-bottom:1px solid #efefef;padding-bottom:10px;margin-bottom:10px;word-break: break-all}
.messNumbertotal,.messagehomelist dl dd.messNumber{float:right;border-radius:20px;width:22px;height:22px; background:#f00; text-align:center;font-size:12px; display:block;position: absolute;right:0;top:25px;color: #fff;line-height: 18px;border:2px solid #fff;}
.messNumbertotal{top:-5px;right:0; font-style:normal;font-weight: 400;}
.homepohto .messNumbertotal{ right:18px}
.member{background-position:0px -164px; position:relative;  width:31px; height:36px; /*top:10px; */margin-right:10px;}
.inquiry2 p.Out{padding-top:10px; margin-top:10px; border-top:1px solid #efefef;}
 input.Btn_s,input.Btn_f{width:100%; height:30px; color:#FFF; background:#ff6a00; border:none; border-radius:5px; margin:5px 0; cursor:pointer}
 input.Btn_f{color:#ff6a00; background:#fff; border:1px solid #ff6a00;}
 input.Btn_s:hover{ background:#ff8a00}
.inquiry2 dl dt{font-weight:bold; line-height:30px;}
.inquiry2,.messagehomelist,.Inquriybutt{visibility:hidden;position: absolute;right:0px;width:260px; height:auto;padding:20px;background:#fff;z-index:2; box-shadow:1px 1px 10px #999;border-radius:5px;font-size:}
.Myaccount:hover .inquiry2{visibility: visible;cursor:default;}
.Myaccount .inquiry2:after, .messagehomelist:after, .Inquriybutt:after, .Structuraltext:after {
	content: "";
	width: 20px;
	height: 12px;
	background: url(../../Content/img/HomeIcon.png) no-repeat -91px -206px;
	display: block;
	position: absolute;
	top: -10px;
	right: 50px;
}
.Myaccount{margin-left:0}

.Myaccount b{color:#F00;margin-left:2px; font-weight:normal; margin-left:10px;}
.homemessageNull{width:100%;height:98px; margin:auto; background: url(../Content/img/Nomessage.jpg) no-repeat center center;border-bottom:1px solid #efefef;}
.messagehomelist{visibility:hidden;width:280px;cursor:default;}
.messagehomelist:after,.Inquriybutt:after{right:20px;}

.messagehomelist dl{padding:12px 0;border-bottom:1px solid #efefef;overflow:hidden; position:relative}
.messagehomelist dl dt img{width:40px;height:40px; border-radius:20px; float:left;margin-right:10px;}
.messagehomelist dl dd b{ display:block; color:#333;}
.messagehomelist dl dd{width:150px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis; color:#888;font-size:12px;}
.messagehomelist dl dd:hover,.messagehomelist dl dd b:hover{ color:#ff7300; cursor:pointer}
.messagehomelist a{ text-align:center; display:block; color:#29b5ce;padding:10px 0}
.messagehomelist a:visited{ color:#29b5ce;}
.messagehomelist dl dd.messNumber{width:16px;height:16px; line-height:16px;border-radius:5px;}
.messagenosignin b{ display:block;font-size:14px; font-family: Arial, Helvetica, sans-serif}
.MyMessage:hover .messagehomelist{ visibility:visible;cursor:default;}
.Inquriybutt{ visibility:hidden; width:220px;}
.MyInquriy:hover .Inquriybutt{ visibility:visible; width:220px;cursor:default;}
/*.Structural{width:40px;height:40px; position:absolute;top:2px;right:16%; background: url(../Content/img/HomeIcon.png) no-repeat -120px -206px; cursor:pointer}
.Structuraltext{ display:none; padding:10px;background:#fff;box-shadow:-1px -1px 10px #999;border-radius:5px; position:absolute;top:40px;right:-50%;width:140px; text-align:center;line-height:100%}*/

.Structural{width:24%;height:40px; line-height:40px; cursor:pointer; text-align:center; border:1px solid #dcdcdc; background-color:#f7f8fa; float:right;}
.Structural::before{     content: '';
    background: url(../../Content/img/HomeIcon.png) no-repeat -90px -159px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 180px;
    float: left;
    position: relative;
    left: 9px;}
	
.Structuraltext::after{right:30px}
.Structural:hover .Structuraltext{ display:block}
.messagehomelist dl dt .people_img{
	width:40px;
	height:40px;
	position:relative;
	float:left;
	border-radius:40px;
	background:url(../img/hw_icon.png) no-repeat -40px 0;
	margin-right:10px;
	text-transform:capitalize
}
.people_green,.people_pink,.people_red,.people_blue,.people_yellow,.people_purple{ text-align:center; line-height:40px; color:#fff;font-size:20px;background:#99cc99!important;
}
.people_pink{background:#ffcccc!important;}
.people_red{background:#fc7b7b!important;}
.people_blue{background:#99ccff!important;}
.people_yellow{background:#ffcc33!important;}
.people_purple{background:#cc99cc!important;}



@media (max-width:1350px){
.Structural::before{ display:none !important;}	
	}


@media (max-width:1500px){
.Topmain,.headbox{ width:96%; margin:auto;}
	}
@media (max-width:1024px){
	.Structural::before{}
.Topnav{ background:#fff;border:none}
.Welcome,.homehead a,.keywords,.Structural{ display:none}
.Myaccount .homehead a:nth-of-type(1){ display:block}
.headbox{ position:relative;}
.logobox{width:99px;height:24px; position:absolute;top:-24px; left:0}
.searchbox{width:65%; margin:0}
.Myaccount, .MyMessage, .MyInquriy{margin-left:25px}
.messNumbertotal,.homepohto .messNumbertotal{right:-10px}
.tip3box{padding-top:10px!important;}
header{border:none}

.wbox .logo{width:99px;height:24px; position:absolute;left:0;top:0}
.wbox .logo img{width:100%;height:100%}
.searbox{float:left;width:100%;height:auto;padding-bottom:5px}
.headbox{ height:auto;padding-top:5px}
.sea_but2{ display:none}
.searchbut{right:0}
.searchtext{font-size:1rem}
.textbox{padding:0}
.flagbox{padding-top:0}
.Topmain,.headbox{width:96%;max-width:1500px; margin:auto;}

	}
@media (max-width:600px){
.Topnav{ background:#fff;border:none}
.Welcome,.homehead a,.keywords,.Structural,.contact{ display:none}
.Myaccount .homehead a:nth-of-type(1){ display:block}
.headbox{ position:relative;}
.logobox{width:99px;height:24px; position:absolute;top:-24px; left:0}
.searchbox{width:65%; margin:0}
.search_text{width:75%}
.Myaccount, .MyMessage, .MyInquriy{margin-left:12px}
.messNumbertotal,.homepohto .messNumbertotal{right:-10px}
.tip3box{padding-top:10px!important;}
header{border:none}
	}