body{ 
/*  
background-image: url('/images/bg.jpg');
background-repeat: repeat;
 */
margin:0;padding:0; text-align:center;font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif;
/* IE6 fixed 滚动bug修复 */
_background-attachment:fixed;
}

img{ border:none;}
a{ text-decoration:none; font-size:12px; color:#333;}
ul,li{ margin:0;padding:0; list-style:none; font-size:12px;}
h1{ margin:2;padding:2; font-size:24px;}
 
.clear {clear:both}

/*------Normal Menu Item PC样式------*/
.menuit{
	width:90%;
	display:inline-block;
	background-color:#ffffff;font-weight:400;font-size:13px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-decoration:none;margin-top:1px;margin-bottom:1px;
	border:1px solid var(--main-color);
	border-radius:2px;
	white-space:nowrap;
}
a.menus,a.menus:link,a.menus:visited{color:#000000;}
a.menus:hover{ color:blue; }

/*--------------------End------------------------*/

/*--------------------Head Begin------------------------*/

#header {width:100%;}
.tophead{ 
	color:#fff; 
	width:980px; 
	height:88px; 
	margin:0 auto;
	background: var(--theme-color); 
	position:relative;
	/* IE6 层级兼容 */
	zoom:1;
}
.logo{ float:left;}
.topszone{ float:right; width:310px;}

/* 汉堡按钮：不使用flex，纯定位兼容IE6/7/8 */
#mnavh {
	display:none;
	position:absolute;
	top:10px;
	right:15px;
	width:40px;
	height:40px;
	z-index:999999;
	cursor:pointer;
	margin:0;
	padding:0;
	zoom:1;
}
.navicon {
	position:absolute;
	top:17px;
	left:5px;
	width:30px;
	height:5px;
	background: var(--menu-color);
	-webkit-transition:0.3s;
	transition:0.3s;
}
.navicon:before,.navicon:after {
	content:"";
	position:absolute;
	left:0;
	width:30px;
	height:5px;
	background: var(--menu-color);
	-webkit-transition:0.3s;
	transition:0.3s;
}
.navicon:before {top:-10px;}
.navicon:after {top:10px;}
/* OPEN -> X */
#mnavh.open .navicon {background:transparent;}
#mnavh.open .navicon:before {
	top:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#mnavh.open .navicon:after {
	top:0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/* 悬浮遮罩菜单 fixed 兼容IE6 */
#starlist {
	position:fixed;
	top:0;left:0;
	width:100%;height:100%;
	background:rgba(0,0,0,0.4);
	z-index:99999;
	display:none;
	zoom:1;
}
/* IE6 fixed 模拟修复 */
* html #starlist {
	position:absolute;
	top:expression(eval(document.documentElement.scrollTop));
}
#starlist.show {display:block;}

.subNavBox{
	width:70%;max-width:300px;height:100%;
	background:#fff;
	padding-top:80px;
	box-sizing:border-box;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
	-webkit-transition:-webkit-transform 0.3s ease;
	transition:transform 0.3s ease;
}
#starlist.show .subNavBox {
	-webkit-transform:translateX(0);
	transform:translateX(0);
}
/* IE6/7/8 无过渡动画降级：直接不位移 */
@media \0screen\,screen\9 {
	.subNavBox {transform:none;-webkit-transform:none;}
}

.subNav{
	border-bottom:1px solid #e5e3da;
	padding:12px 10px;
	text-align:left;
	font-weight:bold;
	font-size:18px;
	color:#999;
}
.subNav a{
	display:block;
	line-height:40px;
	font-size:18px;
	color:#333;
}
.subNav:hover{color:#277fc2;}
.currentDd{color:#277fc2}

/*--------------------Head End------------------------*/

#wrapper{
width: 980px;
margin: 0px auto;
padding: 0px;
text-align:left;
line-height:20px;
background: #fff;
}

/* PC端侧边栏 竖排 */
.topzone-left{
color: #000; width:250px; margin:0 auto;
text-align: left;
position:absolute;
padding: 0;
float:left;
margin: 0;
background: #fff;
overflow:hidden;
}

.topzone {
width: 700px; 
float: right;
z-index: 1;
overflow:hidden;
text-align: center;
clear: both;
min-height: 100%
}

.topview-area{ color: #000; width:100%; height:88px; margin:0 auto;                     text-align: left;}
.topview-img{ float:left;width:50%;}
.topview-img img{width:90%;}
.topview-infor{ float:right; width:50%;}

#main {
width: 100%; 
float: right;
z-index: 1;
padding: 5px 0 5px 0;
overflow:hidden;
clear: both;
min-height: 100%;
text-align: center;
}


 /*Home Photo zone*/

.tagszone{
		background-color: #fff;
		overflow: hidden;
		width: 100%;
}

.home-zone{
		background-color: #fff;
		overflow: hidden;
		width: 100%;
}

.zone-title{width: 100%;text-align: left; height:38px; background:url(/images/bg_r.png) repeat-x; line-height:38px; font-size:14px; font-weight:bold; padding-left:18px;}
.zone-title p{background:url(/images/oa_ico.png) no-repeat 0 14px; padding-left:30px;}
 .photozone{
    width:99%;
    background-color:#ffffff;margin: 0 auto;border:5px;
}

.photozone .photo {
  width: 188px;
  height:230px;
  margin-bottom: 30px;
 text-align: center;
 background-color:#ffffff;
 margin-left:5px;
 float:left;
}
 

/*
.zone-left-title{float:left;width: 38%;text-align: left; height:38px; background:url(/images/bg_r.png) repeat-x; line-height:10px; font-size:14px; font-weight:bold; padding-left:18px;}
.zone-left-title p{background:url(/images/ob_ico.png) no-repeat 0 14px; padding-left:30px;}

.zone-right-title{float:right;width: 58%;text-align: left; height:38px; background:url(/images/bg_r.png) repeat-x; line-height:10px; font-size:14px; font-weight:bold; padding-left:18px;}
.zone-right-title p{background:url(/images/on_ico.png) no-repeat 0 14px; padding-left:30px;}

*/

.bzone-left{
	float:left;width: 40%;  
}
.bzone-right{
       background-color: #fff;
	float:right;
	width: 59%;
	text-align:left;
	font-size:14px;
 	overflow: hidden;
}

.bzone-right ul{ width:95%; margin:5 auto; padding:2px;}
.bzone-right li{ list-style-type:circle;width:95%; float:left; font-size:14px;display:list-item;margin-bottom:4px;}
.bzone-right li a{ float:left; text-align:left; font-size:14px;}

a.mtxtbtn,a.mtxtbtn:link,a.mtxtbtn:visited{display:inline-block;color:#ffffff;background-color:#99CC33;font-weight:600 !important;font-size:12px;text-align:center;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;text-decoration:none;margin-left:3px;margin-top:0;margin-bottom:2px;border:1px solid var(--theme-color);border-radius:5px;white-space:nowrap}
a.txtbtn,a.txtbtn:link,a.txtbtn:visited{display:inline-block;color:#000000;background-color:#ffffff;font-weight:500;font-size:12px;text-align:center;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;text-decoration:none;margin-left:3px;margin-top:0;margin-bottom:2px;border:1px solid var(--theme-color);border-radius:5px;white-space:nowrap}
a.page,a.page:link,a.page:visited{display:inline-block;background-color:#ffffff;font-size:13px;text-align:center;padding-left:2px;padding-right:2px;padding-top:0px;padding-bottom:0px;text-decoration:none;margin-left:1px;margin-top:0;margin-bottom:0px;border:1px solid var(--theme-color);border-radius:0px;white-space:nowrap}

.PageBottom{
text-align: center;
padding: 5px 0px 5px 0px;
}
/*--------------------Doc List Begin------------------------*/

.BmainBar{
	float:left;
        min-width:160px;
        flex:1;
        max-width:25%;

}
.Bmain{
       background-color: #fff;
	float:right;
	width: 75%;
	text-align:center;
	font-size:14px;
 	overflow: hidden;
}

.DmainBar{
	float:right;
        min-width:160px;

        max-width:25%;
	text-align:left;
}
.Dmain{
       background-color: #fff;
	float:left;
        flex:1;
	width: 74%;
	text-align:left;
	font-size:14px;
 	overflow: hidden;
}
.itemline{
width:100%; 
text-align: left;
}
.netList{
color: #000; 
width:100%; 
text-align: left;
 
float:right;
 
background: #fff;
font-size:12px;
font-weight:500;
}
.netList .a{ text-decoration:none; font-size:16px; color:red;}

.Mobileview{
display:none;
width:100%; 
}

.menuitem{
	width:99%;
	height:25px;
	display:inline-block;
	background-color:var(--bk-color);font-weight:500;font-size:14px;padding-left:0px;padding-right:0px;padding-top:1px;padding-bottom:1px;text-decoration:none;margin-top:1px;margin-bottom:1px;
	border:1px solid var(--main-color);
	border-radius:1px;
	white-space:nowrap;
}
a.mitem,a.mitem:link,a.mitem:visited{color:#000000;}
a.mitem:hover{ color:#ffffff; }
a.mitem:active{color:var(--main-color); }

a.doctag,a.doctag:link,a.doctag:visited{display:inline-block;color:#000000;background-color:#FFF0FE;text-align:center;font-weight: 500 !important;padding-left:4px;padding-right:4px; text-decoration:none;white-space:nowrap}
a.product-item,a.product-item:link,a.product-item:visited{display:inline-block;color:#000000;background-color:#E8E8FF;font-weight:500;font-size:14px;text-align:center;padding-left:8px;padding-right:8px;padding-top:1px;padding-bottom:1px;text-decoration:none;margin-left:3px;margin-top:0;margin-bottom:3px;border:1px solid #F0FFF5;border-radius:1px;white-space:nowrap}
a.product-items,a.product-items:link,a.product-items:visited{display:inline-block;color:var(--theme-color);background-color:#E8E8FF;font-weight:500;font-size:14px;text-align:center;padding-left:8px;padding-right:8px;padding-top:1px;padding-bottom:1px;text-decoration:none;margin-left:3px;margin-top:0;margin-bottom:3px;border:1px solid #F0FFF5;border-radius:1px;white-space:nowrap}

.image-41{max-height:16px;max-width:16px;opacity:.5}
.image-42{width:24px;height:24px;opacity:.5;align-self:center}

/*--------------------Doc List End------------------------*/


.PLeft{
	float:left;
        min-width:200px;
        flex:1;
        max-width:25%;

}
.Pmain{
       background-color: #fff;
	float:right;
	width: 73%;
	text-align:left;
	font-size:14px;
 	overflow: hidden;
}

.pagemenu {
color: #000; width:100%; margin:0 auto;
text-align: left;
position:absolute;
padding: 0;
float:left;
margin: 0;
background: #fff;
overflow:hidden;
}

.tagbox{
display:none;
}

.picbox{
width:100%;
text-align: center;
float:center;
}

.pagemenu .hot-keywords-list {
	padding: 0px 5px 15px 10px;
}
.pagemenu .hot-keywords .boxHd {
	padding: 10px 0px 6px; line-height: 18px;
}
.pagemenu .tag-item {
	margin: 6px 3px;
}

.tag-item {
	background-image: url("/images/tag.png"); background-repeat: no-repeat;
}
.tag-item span {
	background-image: url("/images/tag.png"); background-repeat: no-repeat;
}
.tag-item span em {
	background-image: url("/images/tag.png"); background-repeat: no-repeat;
}
.tag-item {
	background-position: 0px -24px; height: 23px; line-height: 23px; padding-left: 10px; display: inline-block; cursor: pointer;
}
.tag-item span {
	background-position: right 0px; height: 23px; padding-right: 10px; display: inline-block; cursor: pointer;
}
.tag-item span em {
	background-position: 0px -48px; height: 23px; font-style: normal; display: inline-block; white-space: nowrap; cursor: pointer; background-repeat: repeat-x;
}
.tag-item span em b {
	font-weight: 300;
}
.tag-item:hover {
	background-position: 0px -120px; color: rgb(51, 51, 51);
}
.tag-item:hover span {
	background-position: right -96px;
}
.tag-item:hover span em {
	background-position: 0px -72px;
}
.tag-item-selected {
	background-position: 0px -192px;
}
.tag-item-selected:hover {
	background-position: 0px -192px;
}
.tag-item-selected span {
	background-position: right -168px;
}
.tag-item-selected:hover span {
	background-position: right -168px;
}
.tag-item-selected span em {
	background-position: 0px -144px; color: rgb(255, 255, 255);
}
.tag-item-selected:hover span em {
	background-position: 0px -144px; color: rgb(255, 255, 255);
}

/*social*/

#social {
padding: 8px;
width: 30px
float: right;
}
.socialButtons a, 
.socialButtons div {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-repeat:no-repeat;
	background-size: 30px auto !important;
  	-moz-background-size: 30px  auto !important;
	background-position: 0 0;
	background: url(/images/social_icons.png);
}
.facebook { background-position: 0 0 !important; }
.twitter { background-position:  0 -30px !important; }
.googleplus { background-position: 0 -60px !important; }
.stumble { background-position: 0 -90px !important; }
.socialButtons a:hover, 
.socialButtons div:hover { opacity: .63; cursor: pointer; }



/*--------------------Contact Zone Begin------------------------*/


/*contact  zone*/
.contactzone{
width:980px;
clear: both;
margin:0 auto;
border: 1px solid var(--theme-color);

}


.contact-left{
color: #000; width:250px; margin:0 auto;
text-align: left;
position:absolute;
padding: 0;
float:left;
margin: 0;
background: #fff;
overflow:hidden;
}

.contact-right {
width: 700px; 
float: right;
z-index: 1;
overflow:hidden;
text-align: center;
clear: both;
min-height: 100%
}

.contactbox {
		width: 80%;
		padding: 10px 10px 10px 0;
		margin: 0px auto;
		overflow: hidden;
		clear: both;
		line-height: 40px;
}

.contactbox  textarea {
		height: 100px;
		/* width: 700px;  */
                    	width: 100%;
		/* 
                    float: left;      
                    color: #ff0000; 
                    */
		border: 1px solid var(--box-color);
		line-height: 30px;

}

.TextBoxw{
	width: 100%;
	height: 25px;
	border: 1px solid var(--box-color);
	line-height: 30px;
}




.contactbox .submit {
                    	width: 50%;
		height: 40px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 500 !important;
  font-size: 14px;
  cursor: pointer;
  border: 0;
  min-width: 140px;
  -webkit-appearance: none;
 /*  background-color: #276fdb; */
  background-color: var(--tnbtcolor);
  border-radius: 20px;
  border:1px solid #000000;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

/*--------------------Contact Zone End------------------------*/


/*--------------------Foot Begin------------------------*/
#footer {
clear: both;
margin: 0;
padding: 10px 16px;
text-align: center;
 font-size: 90%;
}

#footer-inner{
background: #f2f2f2;
height: 55px;
}

#footer p{
margin:0;
padding:10px 0;
}

#footer a{
font-weight: 100;
}

#footer-claim{
 font-size: 80%;
}
 
 #nono{
	display:none;
}

/*gotop*/
.gotop {
		display: inline-block;
		height: 40px;
		width: 40px;
		position: fixed;
		bottom: 40px;
		right: 10px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	/*	background: rgba(50,205,50) url(/images/top.png) no-repeat center;  */
	        background: var(--theme-color) url(/images/top.png) no-repeat center;  
 
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		z-index: 9999999
}
.gotop.gt-is-visible {
		visibility: visible;
		opacity: 1;
}

/*--------------------Foot End------------------------*/



/*===== 手机端 600px以下 核心修改：topzone-left横向自动换行 =====*/
@media screen and (max-width:600px){
	.tophead{width:100%;height:60px;}
	.logo img{max-height:60px;}
	.topszone{display:none !important;}
	#mnavh{display:block !important;}

        #wrapper{	width: 100%; padding:0 8px; box-sizing:border-box;}

     /* 侧边栏铺满整行，取消浮动定位 */
    .topzone-left{
        width:100%;
        float:none;
        position:static;
        padding:8px 0;
        /* 横向自动换行容器 */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        gap:6px;
    }
    /* 菜单按钮自适应宽度，一行多个，自动换行 */
    .menuit{
        width:auto;
        min-width:110px;
        flex:1;
        max-width:48%;
        white-space:normal;
        text-align:center;
    }
.contactzone{
width: 100%;
}
.PLeft{
display:none;
}
.Pmain{
width: 100%;
}
.contact-left{
display:none;
}
.contact-right{
 width: 100%;
}
.tagbox{
display:block;
float: center;
text-align: center;
padding:0 4px;
}
/*--------------------Doc List Begin------------------------*/

.BmainBar{
        display:none;
}
.Bmain{
	width: 100%;
}
.DmainBar{
        display:none;
}
.Dmain{
	width: 100%;
}
.Mobileview{
        display:block;
}

/*--------------------Doc List End------------------------*/





        .topzone{width: 100%;float: left;}

        .bzone-left{width: 100%;}
        .bzone-right{width: 100%;}
}
/* IE6-8 忽略媒体查询，保持PC布局 */
@media \0screen\,screen\9 {
	#mnavh {display:none !important;}
	.topszone {display:block !important;}
}