body, html { height: 100%; min-height: 550px;  min-width: 768px;  width: 100%;}
body{font: 14px/24px "microsoft yahei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif !important;}
 .mainbgcolor,.mbg{background-color:#0b318f}
 .shownocontent{color:red}
 .nouphidden-bottom{width:100%;height:1em}
 .toptopshow{position:fixed;background:;}
 .scrolltoshow{position:fixed;right:40px;bottom:30px}
 input.okinput{background:url(/uploads/image/images/accept.png) no-repeat center right #fff }
 input.errorinput{background:url(/uploads/image/images/error.png) no-repeat center right #fff }
 select.errorinput{background:url(/uploads/image/images/error.png) no-repeat center left}
body.main{background: repeat-y center;}
.pagehead,.container,.about,.footerinner,.headnavbar,.searchresult{
	width:1000px;margin:auto;}
 .contactuspanel a{color:#0b318f;padding:0 5px;line-height:2em;border-right:1px solid #0b318f}
 .memberlogin{position:fixed;
 	z-index:100;left:50%;
 	margin-top:50px;
 	margin-left:-200px;
 	width:400px;
 	padding-bottom:15px;
 	background: #eee
 	;border:2px solid #ccc;
 	border-radius:10px;
 	text-align:center;
 	line-height:1.8em}
 	.headright{float:right;margin:2px 6px;font-size:0.8em;text-align:right}
 	.headright a{color:blue}
 	.headright a:hover{color:#000}
 .imgbgcirclebox{border-radius:50%}
 .searchbox{float:right;margin:2px 5px;
 	background: no-repeat;
 	width:190px;height:27px}
 .searchbox .change{width:153px;border:0;font-size:12px;
 	background:none;color:black;padding:4px 0 4px 10px
 	}
 .searchbox .search{display:inline-block;background: no-repeat;width:16px;height:16px;vertical-align:middle}
 .searchresult{position:relative}
 .searchresult>div{position:absolute;padding:5px;border:2px solid #ddd;background:#eee;z-index:100;margin:auto}
 .memberpanel{line-height:16px;padding:2px 5px;display:inline-block;float:right}
 .servicepanel span{dipsplay:inline-block;padding:0px 5px;border-right:1px solid #ccc}
 .servicepanel span a{}
 .pagehead .grad1{
 	width:800px;position:relative;
 	margin-left:200px;font-size:14px;font-weight:bold;
 	margin-top:30px;
 	margin-bottom: 15px;line-height:30px;height:30px;
 	background: repeat-x 0 2px
 	}
 	.pagehead{height:95px;display:block;}
 .headnav1{float:left}
 .headnav1 a{
 	color:black;
 	display:block;
 	padding:1px 0.5em 0.6em;
 	position:relative;
 }
 li.headnav1{float:left;color:#000;margin:1px 2px;}
 li.headnav1 a:hover{background:#0b318f;color:white}
 li.headnav1.selected>a{color:#eaeaea;background:#0b318f}
 li.headnav1.hover>a{background: repeat-x 0 2px;background:#0b318f;color:white}
 li.headnav1.hover>ul{display:block;}
 .pagehead ul.grad2{
 	position:absolute;z-index:991;
 	line-height:3.5em;
 	margin-top:31px;
 	white-space:nowrap;
 	width:70%;padding:5px
 	}
 .secheadnavbg{
 	background:#303030;
position:absolute;
left:0;margin-top:-35px;
z-index:990;
width:100%}
 li.headnav2{float:left;min-width:12em;font-weight:normal;margin:5px;10px}
 li.headnav2 a{color:white;padding-bottom:3px;font-size:12px;line-height:22px}
 li.headnav2 a:hover{background:#00318f;}
 li.headnav2.hover>a{background:#00318f;}
 .pagehead ul.grad1:hover li.headnav1.hover ul.grad2{display:none}
 .pagehead ul.grad1:hover li.headnav1:hover>ul.grad2{display:block}
 .pagehead ul.grad2:hover{display:block}
 .pagehead ul.grad3{display:none;position:absolute;left:99%}
 .pagehead li.headnav2.hover ul.grad3{display:block}
 .headbar{height:30px;width:100%;background:#303030;color:white;}
 .headnavbar{text-align:left;text-indent:200px;line-height:30px;font-size:0.8em}
 .headnavbar a {display:inline-block;padding:0px 2px;color:#fff;text-indent:5px;font-weight:bold;
 	background: no-repeat 0 -332px;}
 .headnavbar a.productitem{background-position:-24px -55px }
 .pageleft{width:180px;line-height:25px;font-size:0.9em;white-space:nowrap}
 .pageleft li.leftnav1{position:relative;z-index:100;padding-left:1em;border:1px solid #f7f4f2}
 .pageleft ul.grad2{text-indent:1em}
 .pageleft ul.grad3 li{line-height:20px;font-size:0.9em}
 .footer{margin-top:5px;border-top:2px solid #e3e0f6}
 .about .aboutimg{text-align:center;overflow:visible}
 .aboutimg{min-width:1000px;width:100%;left:0;position:relative}
 .abouttitleh3{font-size:1.5em;
 	font-weight:bold;
 	padding-bottom:1em;
 	text-align:center;
/* 	background: no-repeat center bottom*/
 	}
 .content{font-size:18px;line-height:2em;padding:0 1em }
 .content p{text-align:left;text-indent:2em;}
 .content h3{text-indent:0;font-size:inherit;margin:0}
 .content.vimgs img{display:block;margin:auto;max-width:100%;}
 .imgbgcirclebox{width:133px;height:133px;background:center center no-repeat;background-size:cover}
.about-service {text-align:center;}
.about-service .serviceitem{display:inline-block;text-align:center;margin:20px 40px}
.about-history .showcontent{padding:10px 4em}
.about-history .imgbgcirclebox{width:45px;height:45px;font-size:14px;
background:#004f8e;color:white;
line-height:45px;margin:5px 10px;
text-align:center;cursor:pointer
}
.about-history .imgbgcirclebox.over,.imgbgcirclebox.hover{background-color:black}
.indexaboutus{padding:5px 5%;font-size:16px}
.pagenav{margin:5px 10px}
.pagenav a{padding:3px 6px;background:#ccc;color:#000;font-weight:bold}
.pagenav b{padding:3px 6px;background:#77f;color:#fff}
.newsrow{border-bottom:1px solid #ccc;margin:3px 10px 10px}
.newsrow h3 a{color:black}
.newsrow h3 a:hover{color:blue}
.newsrow .img {float:right;width:210px;height:113px;line-height:100px;text-align:center;border:#444 1px solid;background:#fff}
.newsrow .img img{max-width:100%;max-height:110px;vertical-align:middle}

.shownewsdetail{font-size:12px;color:#fff;background:#0b318f;padding:3px 8px;margin:10px 20px;float:right}
 .productdispnav{background:#eee;margin-top:0px;border-top:2px solid #ccc;width:100%}
 .productdispnav a{display:block;margin-left:6px;color:black}
 .productdispnav a:hover{background-color:#ffb}
 .productitem a.anchor{display:block;font-weight:bold;
 	  line-height:25px;
 	  background: repeat-x;}
 .productitem a.anchorp{display:block;height:30px}  
 .productitem img{max-width:100%} 
 .productitem .productinfo{min-width:300px;text-align:left;padding:10px;line-height:2em;font-size:0.9em}
 .productitem .titleimg img{margin-right:10px}
 .fadepicnav{position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8em;z-index:3;opacity:0.5}
 .fadepicnav span{display:inline-block;width:16px;height:16px;border-radius:50%;background:gray;margin:0 8px}
 .fadepicnav span:hover,.fadepicnav span.over{background:red}
 .centerimg{position:absolute;left:50%;right:auto;height:100%;}
 .centerimg div{position:absolute;left:0;right:auto;top:-0px;height:100%}
 .centerimg div img{vertical-align: middle;margin-left:-50%}