.popuploginbox {
	display:flex;
	width:100%;
	height:auto;
	background-color: #fff;
	flex-wrap:no-wrap;
	flex-direction:column;
	padding:0 0 2rem;
}

.popuploginbox div input[type='text'],
.popuploginbox div input[type='password'] {
	height:40px;
	line-height:40px;
	color:#000;
	font-size:0.8rem;
	padding:0 0.5rem;
	border:1px solid #ccc;
	border-radius:5px;
	flex:1;
}

.popuploginbox div input::placeholder{
	color:#aaa
}

div.popuploginbox>div {
	heigth:60px !important;
	xborder:1px solid #f00;
	flex:0 0 60px;
	display:flex;
}

.popuploginbox div input.error {
	border:1px solid #f00;
}

.popuploginbox div a{
	border:1px solid #ddd;
	border-radius:6px;
	padding:0.3rem 0.5rem ;
	cursor:pointer;
	//margin-right:1rem;
}

.popuploginbox div a.centerlogin{
	border:1px solid #ddd;
	border-radius:6px;
	padding:0.3rem 0.5rem ;
	cursor:pointer;
	width:100%;
	text-align:center;
	margin-right:0px;
}

.popuploginbox div a.disabled{
	background-color:gray!important ;
	color:#bbb !important;
}

.popuploginbox div a:hover{
	background-color:#f60;
	color:#fff;
}

.popuploginbox div a.centerlogin:hover{
	background-color:#ccc;
	color:#fff;
}

.popuploginbox div.forgot a{
	border:0px solid #fff;
	text-decoration:underline;
}

.popuploginbox div.forgot a:hover{
	background-color:#fff;
	text-decoration:underline;
	color:#f00;
}



/*-------------------news-list 20210303 ------------------------*/
.news-home-item {
	border-bottom:1px dotted #ddd;
	min-height:25px;
	line-height:20px;
	padding:.5rem 0 .8rem 1rem;
	margin-bottom:0.5rem;
	flex:1 1 50%;
	min-width:300px;
	 height:141px;
	 overflow:hidden;
}

.news-home-item .img{
	flex:1 1 28%;
	max-width:156px;
	max-height:150px;
	margin-right:1rem;
	overflow:hidden;
}

.news-home-item .img img{
	width:100%;
	height:auto;
}

.news-home-item div.c {
	flex:1 1 150px;
	padding:0 .3rem;
	text-align:left;
	  overflow:hidden;
}

.news-home-item div.c p {
	padding:0;
	margin:0
}

.news-home-item div.c p.c {
	max-height:120px;
}

.news-home-item div.c p.a{
	color:#a9a9a9;
	text-align:left;
	font-size:.8rem;
	padding-top:.3rem
}

.news-home-item div.c a {
	font-size:1.2rem;
	color:#111;
}

div.newsbox {
	padding:0.5rem
}

@media only screen and (max-width:760px){
.news-home-item div.c p.c {
	max-height:80px;
	 overflow:hidden;
}

 div.newsbox {
	padding:0
}}



/*home categories*/
#home * {
	 word-wrap:break-word;
	word-break:break-word;
}

div.home_aboutus p {
	margin-block-start: 0;
	margin-block-end: .9rem;
	font-size:16px;
	word-wrap:break-word;
	word-break:break-word;
}

div.home_aboutus {
	background-image:url("/sys_pic/hkseals/aboutusbg2.jpg");
	padding:1rem 2rem;
	min-height:300px
}

#home div.box0 div.box1.quote-form div{
	text-align:left;
	padding-right:.6rem;
	color:#29497F
}

#home div.box0 div.box1.quote-form a.submitq{
	border: 1px solid #f00;
	padding: 0.2rem 1rem;
	border-radius: 5px;
	background-color: #f00;
	color: #fff;
	opacity:0.6;
}

#home div.box0 div.box1.quote-form a.submitq:hover{
	opacity:1;
}

#home div.box0 div.box1.quote-form div input {
	height:40px;
	line-height:40px;
	border:1px solid #ddd;
	min-width:100%;
}

#home div.box0 div.box1.quote-form div input::placeholder{
	opacity:0.5
}

#home div.box0 div.box1.quote-form div.i4{
	display:flex;
	flex:1 1 25%;
	max-width:25%;
	flex-direction: column;
}

 #home div.box0 div.box1.quote-form div.i1{
	display:flex;
	flex:1;
	flex-direction: column;
}

#home div.box0 div.box1.quote-form div.i75{
	display:flex;
	flex:1 1 75%;
	max-width:75%;
	flex-direction: column;
}

 #home div.homeprocate.box0 {
	_border-top:1px solid #F2F5F8;
	width:100%;
	padding:1rem 1rem;
}

#home div.homeprocate h1{
	color:#000;
	001A5C;
	font-size:1.5rem;
	display:block;
	width:100%;
	text-align:left;
	height:30px;
	line-height:30px;
	margin:0px;
	text-align:center;
	margin-top:10px;
}

#home div.homeprocate h3{
	color:#000;
	678;
	font-weight:400;
	font-size:14px;
	display:block;
	width:100%;
	text-align:left;
	_max-height:30px;
	margin:0px;
	text-align:center;
	margin-bottom:15px;
}

#home div.homeprocate div.box1{
	display:flex;
	flex:1 1 100%;
	height:100%;
	margin-top:5px;
	_border:0px solid #000;
}

#home div.homeprocate div.catebox{
	display:flex;
	flex:0 0 16.6%;
	height:193px;
	border:1px solid #f4f7fa;
	flex-direction: column;
	min-width:160px;
	margin-top:5px;
}

#home div.homeprocate div.catebox.empty{
	border-width:0px;
	height:0px;
}

#home div.homeprocate div.catebox div.productpic {
	flex: 0 0 70%;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	min-height: 100px;
}

#home div.homeprocate div.catebox div.productpic img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 150px;
}

#home div.homeprocate div.catebox a.productname {
	display:flex;
	width:100%;
	overflow:hidden;
	height:26px;
	line-height:26px;
	padding:0 0.5rem;
	text-align:left;
	color:#29497F
}

/*-*/
#homepagetabmenu ul.tab li {
	font-weight:700;
	color:green;
	font-size:1.3rem;
}

#home #contentwrap,
#home#wrapper {
	background-color:#fff;
}

#home #leftwrap{
	display:none;
	BACKGROUND:transparent;
}

#home #rightWrap {
	BACKGROUND:transparent;
}

#home #content{
	padding:0px;
	BACKGROUND:transparent;
}

#rightWrap #home {
	flex:1;
	width:0;
	padding:0px;
	//overflow:hidden;
	xborder:1px solid #000;
	white-space: normal;
	word-wrap: break-word;
	word-break:break-all;
	text-overflow: ellipsis;
	margin: 0 0 2rem 0;
	BACKGROUND:transparent;
}

#rightWrap #home xxxxxh1{
	margin: 0px;
	padding: 0px;
	font-size: 26px;
	font-weight: normal;
	color: rgb(25, 25, 25);
	font-stretch: normal;
	line-height: 46.8px;
	font-family: "Microsoft YaHei";
	text-align: center;
	white-space: normal;
	background-color: rgb(255, 255, 255);
}

/* start @ */
@media only screen and (min-width:1px){
#home #rightWrap #home {
	padding:0 0.6rem;
}}

@media only screen and (max-width:320px){
#home div.homeprocate div.catebox{
	min-width:140px;
}}

@media only screen and (max-width:425px){
#home div.box0 div.box1.quote-form div.i4{
	flex:1 1 50%;
	max-width:50%;
}}

@media only screen and (min-width:80.6875rem){
#home #rightWrap #home {
	padding:0 0.6rem;
}}


.upmovenewsbox, .gundongpicbox{
	flex:1 1 100%;
	width:100%;
	padding:.5rem 0;
}

.upmovenewsbox h2 {
	padding:.2rem;
	margin:0rem;
	width:100%;
	text-align:left;
}

.upmovenewsbox ul li{
	width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	text-align:left;
	padding:.2rem 1rem;
}

.upmovenewsbox ul li a {
	text-decoration:none;
	font-size:.9rem;
}

.upmovenewsbox .box2{
	width:100%;
	height:100px;
	margin:.5rem auto;
	overflow: hidden;
	border:1px solid #f00;
}

/* cases -------------------------------------------------------*/
.gundongpicbox h2 {
	padding:.2rem;
	margin:0rem;
	width:100%;
	text-align:left;
}

.gundongpicbox #case-box{
	height:165px;
	overflow:hidden;
	padding:0px;
	width:100%;
	flex-wrap:nowrap;
	position:relative;
	display:flex;
	border:1px solid #f00;
}

.gundongpicbox #case-box ul#case-con1 {
	position:absolute;
	top:0px;
	left:0px;
	width:auto;
	height:100%;
	flex-wrap:nowrap;
	padding:0px;
}

.gundongpicbox #case-box ul#case-con2 {
	position:absolute;
	top:0px;
	height:100%;
	flex-wrap:nowrap;
	padding:0px;
}

.gundongpicbox #case-box ul li{}

.gundongpicbox #case-box ul li a {
	display:flex;
	width:150px;
	height:150px;
	overflow:hidden;
	padding:2px;
	text-decoration:none;
	border:1px solid #fff ;
	d9d9d9 f90;
}

.gundongpicbox ul li a img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}


.index-show-1-box *{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.index-show-1-box {
	margin-bottom:2rem;
}

.index-show-1-box .item{
	flex:0 0 33.3%;
	xxxborder:1px solid #000;
	width:33.3%;
	padding:2rem 1rem 0 1rem;
	height:330px;
	overflow:hidden;
}

.index-show-1-box .item a{
	overflow:hidden;
}

.index-show-1-box .item a h3 {
	display:inline-block;
	width:100%;
	overflow:hidden;
}

.index-show-1-box .item a{
	text-decoration:none;
	 flex-direction:column;
}

.index-show-1-box .item a:hover{
	 opacity:0.7;
}

.index-show-1-box .item a p {
	width:100%;
	line-height:1.3em;
	margin:0 auto;
	word-break:break-word;
	word-wrap:break-word;
}

.indexline {
	position:relative;
	border-bottom:1px dotted #99CC33;
	height:20px;
	margin-bottom:2rem;
}

.indexline h1{
	color:#f00 ;
	position:absolute;
	left:0;
	right:0;
	top:5px;
	margin:auto;
	width:30%;
	text-align:center;
	background-color:#03A9F4;
	0099cc;
	color:#fff;
	padding:.5rem;
	word-wrap:break-word;
	word-break:break-word;
	border-radius:5px;
}

/*======@start=========*/
@media only screen and (max-width:760px){
.index-show-1-box .item{
	flex:0 0 50%;
}

.indexline h1{
	width:80%;
}

.index-show-1-box .item a img {
	 height:100%;
	auto;
	 width:auto;
	max-height:150px;
	 min-height:150px;
	 max-width:auto;
}

.index-show-1-box .item a h3 {
	  width:100%;
	text-align:left;
	padding:0 ;
	xxxborder:1px solid #f00;
	line-height:1.2em;
	height:auto;
	margin:.5rem 0 .5rem 0 ;
	word-break:break-word;
	word-wrap:break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis ;
	overflow:hidden;
}

.index-show-1-box .item a p{
	text-align:left;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis ;
	overflow:hidden;
	 word-break: keep-all;
}

.index-show-1-box .item{
	padding:2rem .5rem 0 .5rem;
	height:300px;
	overflow:hidden;
}}

@media only screen and (min-width:760px){
.index-show-1-box .item a img {
	max-height:150px;
	50%;
	 height:150px;
}

.index-show-1-box .item a h3 {
	display:inline-block;
	width:100%;
	text-overflow:ellipsis;
	margin:auto;
	white-space:nowrap;
	overflow:hidden;
	padding:0 2rem;
	word-break:break-word;
	word-wrap:break-word;
	margin:.5rem 0 .5rem 0 ;
}

.index-show-1-box .item a p{
	 display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis ;
	overflow:hidden;
	 max-height:64px;
	  white-space:wrap;
	 word-break: keep-all;
	overflow:hidden;
}}