@import url(global.css);
#shadow-body{
	width:1077px;
	position:relative;
	/*background:url(../img/pagebg.png) repeat-y center 10px;*/
	margin:0 auto;
}
#footer{
	background:#dcdcdc;
	width:100%;
	color:#6f787d;
	text-align:right;
	padding:20px 0 10px 0;
}
/*#footer{
	width:1053px;
	position:relative;
	margin:0 auto;
	background:#dcdcdc url(../img/footerbg.png) no-repeat center 0;
	padding:60px 12px 5px 12px;
	text-align:right;
	color:#6f787d;	
}*/
.breadCrumb{
	color:#999;
	padding:0 0 3px 0;
}
.breadCrumb a{ color:#3466bb; text-decoration:underline;}
.breadCrumb a:hover{ color:#666;}
#middle{ width:1070px;
	display:table;
	padding-bottom:50px;
	margin:0 auto;
}

#sidebar{
	position:relative;
	top:15px;
	left:7px;
	width:215px;
	float:left;
	background: none;
}
#leftbar { width: 205px;}
#sidebar { position:relative;
	top:15px;
	left:7px;
	width:215px;
	float:left;
	/*background:#e1e1e1 url(../img/page_05.png) no-repeat center bottom;*/}
.leftbar { width: 205px;}
.product>#mainbar{
	position:relative;
	top:12px;
	right:8px;
	width:820px;
	float:right;
	min-height:520px;
}
.content-product{
	position:relative;
	top:0;
	left:0;
	float:left;
	width: 100%;
}
.content-product img{ max-width:100%;}
h2.lower_title {
	font-size: 24px;
	color: #0054A3;
	margin-bottom: 30px;
	padding-left:20px;
	padding-top:15px;
	padding-bottom:15px;
	position: relative;
	border-top: 1px solid #004094;
	line-height: 1.6;
}
h2.lower_title:before{
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0;
    left: 0;
   background: linear-gradient(180deg, #03a2da, #0054A3);
}
h4.index_product {
  color: #004094;
  font-size: 16px;
  border-bottom: 1px solid #004094;
  margin-top: 1em;
  padding-bottom: 5px;
}
#mainbar{
	position:relative;
	top:12px;
	right:8px;
	width:820px;
	float:right;
	min-height:520px;
}
.banner{
	margin-bottom:8px;
}
.content{
	position:relative;
	top:0;
	left:0;
	float:left;
	width: 590px;
}
.innerSidebar{
	position:relative;
	top:0;
	right:0;
	width:211px;
	float:right;
}
.contentRound-product{
	/*background:url(../img/page_17.png) repeat-y 0 0;*/
	margin-bottom:8px;
	border: 1px solid #ccc;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.contentRoundB-product .btn {
    margin-top: 20px;
    color: #fff;
    font-size: 12px;
    background: #0066cc;
    border-radius: 0;
    padding: 10px 20px;
}
.contentRound{
	/*background:url(../img/page_17.png) repeat-y 0 0;*/
	margin-bottom:8px;
	border: 1px solid #ccc;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.product .contentRoundB{background: none;}
.contentRoundB{
	/*background:url(../img/page_19.png) no-repeat 0 bottom;*/
	padding:10px 15px;
}
.sideRound{
	background:url(../img/page_13.png) repeat-y 0 0;
	margin-bottom:8px;
}
.sideRoundB{
	background:url(../img/page_15.png) no-repeat 0 bottom;
	padding:7px 10px;
}
.blockTitle{
	background:url(../images/h3-bg.gif) repeat-x 0 0;
	height:22px;
	line-height:22px;
	padding-left:10px;
	border:1px solid #ccc;
	border-left: 0;
    border-right: 0;
	color:#3466bb;
}
.sideRound .blockTitle{border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;}
#product { margin-top: 20px; margin-bottom: 80px;}
#sidebar dl { background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-bottom: 0; font-weight:bold;}
#sidebar dt { color: #fff;  border-bottom:1px solid #e0e0e0; }
#sidebar dt a{font-size:14px;color: #fff; display:block;padding: 5px 10px; background: #3466bb;}
#sidebar dt a:hover{ background:#a9a9aa;}
#sidebar dd { color: #333; border-bottom:  1px solid #ccc; padding: 0px 10px;}
#sidebar dd img { margin-right: 5px;}
#sidebar dd a { color: #333;}
#sidebar dd a:hover { color: #0066cc; text-decoration: none;}
#sidebar>dl>.active { color: #0066cc;}

.pro-list { width: 100%;}
.pro-list tr { background: #f2f2f2; margin: 0 18px 10px; padding: 10px 20px 0 10px;}
.pro-list img { padding: 10px; width: 150px; height: 150px; max-width:none;}
.pro-list h4 { color: #3366cc; font-size: 14px; margin-bottom: 10px;}
.pro-list h4:hover { color: #c0270d;}
.pro-list p { color: #333; font-size: 12px; line-height: 20px;}

.video-list { width: 100%;}
.video-list tr { background: #f2f2f2; margin: 0 18px 10px; padding: 10px 20px 0 10px;}
.video-list img { padding: 10px; width: 300px; height: 196px;}
.video-list h4 { color: #3366cc; font-size: 14px; margin-bottom: 10px;}
.video-list h4:hover { color: #c0270d;}
.video-list p { color: #333; font-size: 12px; line-height: 20px;}


.contentRoundB nav { margin: 38px 18px 80px;}
.pagination li { float: left; padding: 5px;}
.pagination li a { padding: 2px 8px;}
.pagination>li>.active, .pagination a:hover { background: #3366cc; color: #fff;}
.pagination>li>a, .pagination>li>span {
	border: none;
    color: #333;
    font-size: 14px;
}
/*.pagination>li>a:hover {color: #fff; background: #3366cc;}*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
	background: #3366cc;
}

.pagination .no-bg { font-weight: bold;}
.pagination .no-bg:hover {
    background: none;
}

.contentRoundB .btn { margin-top: 20px; color: #fff; font-size: 12px; background: #0066cc; border-radius: 0; padding: 10px 20px;}
.contentRoundB .btn img { margin-right: 10px; vertical-align: middle;}
.contentRoundB .btn:hover { background: #0073e6;}
ul.newsList{
	padding-bottom:8px;
}
ul.newsList li{
	padding:3px 0;
}
ul.newsList li a{
	background:url(../img/jia.gif) no-repeat 0 -16px;
	padding:0 0 0 10px;
}
ul.newsList li a:hover{
	background:url(../img/jia.gif) no-repeat 0 9px;
}
.proTable td{
	border-bottom:1px dashed #ccc;
	padding:15px 0;
}
.proTable img { padding: 10px; width: 150px; height: auto; max-width:none;}

ul.proCategory{
	padding:10px 0 0 0;
	border-bottom:1px solid #fff;
	margin-bottom:17px;
}
ul.proCategory li{
	padding:3px 0;
	text-indent:10px;
	border-top:1px solid #fff;
}
ul.proCategory li.common{
	padding:3px 0;
	text-indent:10px;
	border-top:1px solid #fff;
}
ul.proCategory li.hover{
	background:#d9d9d9;
}
ul.proCategory li.expand{
	padding:3px 0 0 0;
	background:#fff;
	font-weight:bold;
}


ul.proCategory li ul{
	background:#ebebeb;
	font-weight:normal;
	margin-top:3px;
}
ul.proCategory li ul li{
	text-indent:18px;
	border-top:1px solid #f4f4f4;
	padding:2px 0;
}
ul.proCategory ul li.over{
	background:#ddd;
}

.postTitle{
	text-align:center;
	margin:15px 0;
	font-size:24px;
}

dl.newsItem{
	border-bottom:1px dashed #ddd;
	width:100%;
	display:table;
	padding:5px 0;
}
dl.newsItem dt{
	width:350px;
	float:left;
	background:url(../img/arrow.gif) no-repeat 0 center;
	padding-left:15px;
}
dl.newsItem dt a{
	color:#414649;
}
dl.newsItem dd{
	width:120px;
	float:right;
	color:#999;
}
.fenye{ text-align:center; clear:both; padding:25px 0 0 0;}
.fenye a{ padding:2px 7px; margin:0 2px;}
.fenye a:hover{ background:#fff; color:#4a95b5;border:1px solid #10739e;}
.fenye span.currentPage{ color:#000; font-weight:bold;padding:2px 7px; margin:0 2px;}

.artview_info{
	text-algin:center;
	margin:0 5px;
	border-bottom:1px solid #ddd;
	padding:5px;
	color:#888;
}
#postContent{
	padding:10px 5px;
	line-height:200%;
}
#postContent p{
	padding:0 0 20px 0;
}
#postContent a{
	color:#0066cc;
}
#postContent a:hover{
	color:#fff;
	background:#fa8116;
}

.proList{ width:100%; display:table; padding-bottom:20px;}
.proList li{ width:280px; float:left; text-align:center; margin:0 0 15px 0; }
.proList li .proBox{ width:280px; height:110px; vertical-align:middle; text-align:center; margin:10px 0 5px 0;}
.proList li h4{ font-weight:normal;}
.proList li img{ max-height:110px;}


.productBox{
	float:left;
	position:relative;
	width:350px;
	margin:0 0 20px 0;
}

.prodata{
	float:right;
	position:relative;
	top:10px;
	right:10px;
	width:150px;
}


table.pro-table {
	width:100%;
	border: 1px solid #ccc;
	margin-bottom:10px;
	box-sizing:border-box;
}
table.pro-table  tr td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #ccc;
	font-size: 100%;
}
table.pro-table  th {
	font-weight: normal;
	background-color:#efefef;
	padding: 5px;
	border: 1px solid #ccc;
}
/* online order */

table.order td{ padding:5px;}

.m0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.mt0 {	margin-top: 0px !important;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px !important;}
.mt30 {	margin-top: 30px !important;}
.mt40 {	margin-top: 40px !important;}
.mt50 {	margin-top: 50px !important;}
.mb0 {	margin-bottom: 0px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb40 {	margin-bottom: 40px !important;}
.ml10 {	margin-left:10px;}
.ml20 {	margin-left:20px;}
.mr10 {	margin-right:10px;}	
.mr20 {	margin-right:20px;}	

ul.frelinkList li{
	float:left;
	background:url(../img/blueArrow.gif) no-repeat 0 center;
	padding:2px 0 2px 7px;
	margin-right:18px;
	display:inline;
}
ul.frelinkList li a{
	white-space:nowrap; 
}
a.more{
	background:url(../img/arrowblue.gif) no-repeat right center;
	padding-right:8px;
	color:#3466bb;
}

a.pdf_ys{ float:right; background:url(../img/pdfbg.png) no-repeat left center; line-height:40px; padding-left:37px; margin-right:20px;}
span.play-btn{background:#fff url(../images/play_alt.png) no-repeat 0 0; display:block; width:32px; height:32px; position:absolute; z-index:2; top:50%; left:50%; margin-left:-16px; margin-top:-16px;  border-radius:50%;}