body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial,"微软雅黑";
    font-size: 16px;
}

a,a:link,a:visited,a:hover,a:active{
	/* 让链接不显示特殊效果 颜色及下划线 */
    /*color:#182153;*/
	color:#000000;
	text-decoration:none ; 
}

/* set for float */

* {
	/* 制定了高度和宽度的元素，数值包含了内边距和边框像素 */
    box-sizing: border-box;
}
[class*="col-"] {
    float: left;
}


.row::after {
    content: "";
    clear: both;
    display: block;
}

div.clear{
	clear:both;
}


/*设置块浮动的左右方向*/
.left{
	display:block;
	float:left;
}
.right{
	display:block;
	float:right;
}

/*设置文本内容对齐方向*/
.text_left{
	text-align:left;
}
.text_center{
	text-align:center;
}

/*设置文本内容对齐方向*/
.text_left{
	text-align:left;
}
.text_center{
	text-align:center;
}


/* set screen width */
/* For Respone layout design */
[class*="col-"] {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    
    /* For Phone and small tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
	
	div.headers,div.siteback{
		display:none;
	}
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	
	/*
	#about_content01,#about_content02{
		padding: 1em 8em;
	}
	*/
}

/* 具体页面设置*/

/*banner 固定栏*/
#banner{
	position:fixed;
	z-index:50;
	background-color:#f1f1f1;
	top:0;
	left:0;
	height:100px;
}

/*公司LOGO*/
#site_logo_img{
	position:fixed;
	display:inline-block;
	top:0;
	left:0;
	height:5em;
	margin:1em 0 1em 3em;
	z-index:25;
}


.headers{
	display:block;
	padding-top:20px;
	text-align:center;
}
.header_cn{
	font:normal bold normal 30px/40px "微软雅黑",Verdana, Arial;
}
.header_en{
	font:normal bold normal 22px/30px "微软雅黑",Verdana, Arial;
}

.siteback {
	display:block;
	position:fixed;
	right: 25px;
	top: 25px;
	padding:5px 10px;
}

.siteback:hover{
	background-color:#8ac007;
}

body{
	background-image:url(../images/junde_bg01.jpg);	
	background-repeat: repeat;
}
.container {
	margin:100px auto 0 auto;
	padding:1em;
	max-width:1024px;
	min-height:550px;
	line-height:150%;
	overflow-y: auto;
}


div.bi-menu{
	margin:5px;
}
div.bi-menu div{
	float:left;
	margin:4px 0 0 4px;
	padding:5px 20px; 
	min-width:100px;
	border:2px solid #a1a1a1;
	border-radius:25px;
	background-color:#f1f1f1;
	font-size:16px;
	text-align:center;
}

a.present div{
	color:white;
	background-color:orange;
	font-weight:bold;
}

span.menu_en{
	font-size:12px;
}

#BTN-reset{
	float:left;
	margin:4px 0 0 4px;
	padding:5px 20px; 
	min-width:100px;
	border:2px solid #a1a1a1;
	border-radius:25px;
	background-color:#f1f1f1;
	font-size:16px;
	text-align:center;
	color:blue;
}
div.unitarea {
	margin:0 auto;
}
div.unitcategory {
	float:left;
	margin:1em 5em 0 0;
	padding:15px 0;
	width:200px;
}
div.unitcategory p{
	text-align:left;
	padding:0 0 0 1em;
	margin:2px 0;
}

td.unitname {
	padding:2px 6px;
	font-size:16px;
	min-width:110px;
	text-align:right;
}
td.unitvalue {
	padding:6px;
}
.unitvalue input {
	font-size:22px;
	width:150px;
	text-align:right;
}

div.unitdesc{
	display:none;
	margin:10px auto;
	padding:10px;
	font-size:14px;
}
.footers {
	background-color:#f1f1f1;
	padding:20px;
	text-align:center;
	margin-top:20px;
}
.footers div {
	margin:10px;
}
.copyright {
	font:normal bold normal 22px/30px Times,"微软雅黑",Arial;
}
#copyrights::before{
	content:"©2015-2030\00A0\00A0";
}