/* 
    Document   : layout
    Created on : 2012-3-14, 13:50:37
    Author     : 8290615@qq.com
    Description:
        Purpose of the stylesheet follows.
*/
/*reset css*/
* {
    margin: 0;
    padding: 0;
}
fieldset, img {
    border: 0;
}

:focus {
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
.mt15 {margin-top:15px;}
.ml10 {margin-left:10px;}

input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
}
option {padding-left:15px;}
input, button, textarea, select {
    *font-size: 100%;
}

body {
    line-height: 1.5;
	background-color: #f1f1f1;
	cursor:default;
	color:#333;
}
.nav li,.subNav li,.sub-nav li,.admin-type-list li,.product-list-ul li,.itmeList li,.product-type-list li,.sub-menu li{
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}

:link, :visited , ins {
    text-decoration: none;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

.clear {
	clear:both;
	height:0;
	overflow:hidden
}
.hide {
	display:none
}
a {
	-o-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer;
}
.mt10 {margin-top:10px;}
.pd20 {padding:20px;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block;}
.left {float:left;display: inline;}
.right {float:right;display:inline;}
.clearb {clear:both;}
.white {color:#FFFFFF;}
.hidd_text {display:block;font-size:0;overflow:hidden;text-indent: -999em;}
.border-radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.shadow {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.shadow1 {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
/*main*/
.headerWrapper {
	background: #0054a7 url(../images/header.png) repeat-x;height:62px;width: 100%;
}
.headerWrapper .header {
	width:980px;margin:0 auto;height:62px;
}
.headerWrapper .header .logo {
	display: block;width:155px;height:62px;background: url(../images/header-nav.png) no-repeat;
}

.headerWrapper .nav li {
	width:154px;height:62px;float:left;background: url(../images/header-nav.png) no-repeat;font-size: 16px;text-align: center;color:#FFFFFF;text-indent: -999em;cursor:pointer;
}
.headerWrapper .nav li.products {
	background-position:  -155px 0;
}
.headerWrapper .nav li.products:hover {
	background-position:  -155px -62px;
}
.headerWrapper .nav li.contact {
	background-position:  -309px 0;
}
.headerWrapper .nav li.contact:hover {
	background-position:  -309px -62px;
}
.headerWrapper .nav li.about {
	background-position:  -463px 0;width:155px;
}
.headerWrapper .nav li.about:hover {
	background-position:  -463px -62px;
}
.headerWrapper .nav li a {display: block;height: 62px;}
.slideMenu {width:980px;background-color: #1f68b0;position: absolute;top:0;left:0;z-index: 1000;display: none;height: 435px;}
.container {
	width:980px;
	margin:0 auto;
	position: relative;
	padding-top:22px;
}
.container div.breadcrumbs {padding:0;font-size: 16px;color:#0054a7;height: 54px;padding:12px 0 0;}
.container1 {
	width:980px;
	margin:0 auto;
	position: relative;
	background: #FFFFFF none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.container1 #content {padding:0;}
.container1 .line {margin: 30px auto;width:900px;background-color: #b2b2b2;height: 2px; list-style:none;overflow: hidden;}
.slideMenu .subNav {}
.slideMenu .subNav .subNavlist {float:left;width:196px;padding-top:22px;padding-bottom:20px;height:393px;text-align: center;}
.slideMenu .subNav .subNavlist:hover {background-color: #16538f;}
.slideMenu .subNav li a {font-size: 12px;display: block;color:#FFFFFF;text-align: center;line-height: 1.5;}
.slideMenu .subNav li ul li a:hover {background: url(../images/nav_hover.png) no-repeat;width:186px;height:31px;margin:0 auto;}
.slideMenu .subNav li img {width:70px;height:70px;}
.slideMenu .subNav li ul li {float:none;padding-top:5px;padding-bottom:0px;}
.slideMenu .subNav li ul li a {height:31px;line-height: 30px;}
.itmeList li {float:left;width:238px;height:158px;margin-right:9px;}
.itmeList li a {display: block;}
.itmeList li img {
	display: block;width:238px;height:158px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.product-banner {width:980px;}
.product-banner img {width:980px}
.show-btn-block {height:55px;padding:15px 0 0 14px;}
.show-btn-block1 {padding:15px 0 15px 15px}
.product-list {padding:40px;width:900px;}
.product-list li {list-style: none;}
.left-block {width:700px;overflow: hidden;}
.left-block ul,.left-block ol {padding-left:10px;;}
.right-block {width:200px;}
.left-block .product-name {font-size: 28px;height: 90px; font-family:Arial;}
.left-block .info {
	word-wrap:break-word; 
}
.left-block .info p {word-wrap:break-word;word-break : break-all;text-align: left;}
.right-block .pic-block {width:180px;float:right; }
.right-block .pic-block img {width:180px;display: block;}
.right-block .pic-block .label {width:180px;text-align:center; padding:5px 0 10px;}
.show-btn {background: url(../images/btn.png) no-repeat;width:152px;height:40px;line-height: 40px;font-size: 18px;color:#2980d6;text-align: center;
		  display: block;
}
.sub-nav-top {width:980px;}
.sub-nav-bottom {width:980px;}
.sub-nav {background: #0077c2 none;padding:25px 0 23px 35px;width:945px;min-height: 197px;height: auto !important;overflow:visible;height: 197px;}
.sub-nav li {float:left;padding-right:28px;}
.sub-nav li a {display: block;width:90px;height:146px;color:#fff;overflow: hidden;padding-bottom:15px;}
.sub-nav li img {
	display: block;width:70px;height:70px;
}
.sub-nav li p {width:90px;word-wrap:break-word; padding:5px 0 0;height: 36px;overflow: hidden;word-break:break-all;}
.sub-menu {background: none #0077C2;padding:13px 0 0 13px;}
.sub-menu li {margin-right:1px;margin-bottom:2px;display:inline;float:left;background: url(../images/sub_nav.png) no-repeat -191px 0;width:190px;height:42px;}
.sub-menu li.active {background-position: 0 0;}
.sub-menu li.active a {color:#ffffff;}
.sub-menu li a {color:#ffffff;font-size: 12px;font-weight: bold;width:190px;height: 42px;line-height: 42px;display: block;text-align: center;}

.sub-nav li .image-border {
	background-color: #fff;
	width:70px;height:70px;
	padding:3px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.footer {
	height:30px;line-height: 30px;border:1px solid #d4d4d4;font-size: 10px;color:#808080;font-family: Arial;margin-top:42px;text-align: center;
}
/*幻灯片*/
.js {
	position: relative; width: 980px; height: 490px;
	margin-bottom:22px;
}
.js img {
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.trigger {background: url(../images/js-nav.png) no-repeat -25px 0;}
.prevBtn {
	BACKGROUND: url(../images/jsNav.png) no-repeat
}
.nextBtn {
	BACKGROUND: url(../images/jsNav.png) no-repeat
}
.imgSelected {
	background: url(../images/js-nav.png) no-repeat;
}
.jsNav {
	POSITION: absolute; bottom: 30px;height: 25px; right: 30px;
}
.jsNav a {
	text-align: center; width: 25px; height:25px;line-height: 25px;text-indent: -9999px;overflow: hidden;font-size: 0;float: left;display: inline; VERTICAL-ALIGN: middle;margin-right: 14px;
}
.prevBtn {
	DISPLAY: block; BACKGROUND-POSITION: 0px -30px; HEIGHT: 30px
}
.nextBtn {
	DISPLAY: block; BACKGROUND-POSITION: -100px -30px; HEIGHT: 30px
}


/*SWFUpload*/
.progressWrapper {
	background: none repeat scroll 0 0 #E4E4E4;
	overflow: hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#555555;
	margin:10px 0;
	position: relative;
	padding:10px;
	top:0;
}

.progressContainer {
	
}

.progressImage {
	width:100px;
	height:100px;
	margin:0 10px 0 0;
	display: block;
	float:left;
}

.progressImage img {
	border:1px solid #a3a3a3;
	width:98px;
	height:98px;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}

/* Complete */

.progressName {
	color: #555;
	float:left;
	text-align: left;
	white-space: nowrap;
	width: 230px;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	margin-top: 2px;
	float:right;
}

.progressBarComplete {
	width:250px;
	height:14px;
}

.progressBarError {
	color:red;
}

.progressTextarea {
	resize:none;
	width:162px;
	height:30px;
	padding:3px;
	box-shadow:1px 1px 1px #D3D3D3;
	line-height: 30px;
	border:1px solid #ababab;
	float:left;
	margin-bottom:8px;
}
.progressBarStatus {
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
}


a.progressCancel {
	font-size: 0;
	display: block;
	height: 16px;
	width: 16px;
	background: url(../images/p-drag.png) no-repeat;
	float: right;
}

a.progressCancel:hover {
}

/*progressbar*/
.progress-bar {
background-color: #555;
height: 25px;
padding: 5px;
width: 150px;
float:right;
position: relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
-webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
}

.progress-bar p {
	width:150px;
	line-height: 26px;
	text-align: center;
	font-size: 16px;
	position: absolute;
	color:#FFF;
}

.progress-bar span {
display: inline-block;
height: 25px;
width: 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-transition: width .4s ease-in-out;
-moz-transition: width .4s ease-in-out;
-ms-transition: width .4s ease-in-out;
-o-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;
}

.loading-blue span {
background-color: #34c2e3;
}

.stripes span {
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
background-image: -webkit-gradient(linear, left top, right bottom,
color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);

-webkit-animation: animate-stripes 3s linear infinite;
-moz-animation: animate-stripes 3s linear infinite;
}

@-webkit-keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

@-moz-keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

/*后台*/
.admin-header-wrap {height: 72px;background-color: #656565;}
.admin-header {width:980px;margin:0 auto;}
.admin-header a {display: block;line-height: 72px;font-size: 32px;font-weight: bold;color:#FFF;}
.admin-container {width:980px;margin:0 auto;}
.admin-type {width:232px;height:815px;border:1px solid #ababab;}
.admin-type .type-title {height:54px;line-height: 54px;padding-left:17px;background-color: #ebebeb;}
.admin-type .type-title span {font-size: 18px;color:#000;font-weight: bold;}
.admin-type-info {margin:0 0 100px 19px;width:727px;}
.product-type-image {height:150px;}
.product-type-image img {width:300px;height:128px;border:1px solid #ababab;}
.admin-type-list li {}
.admin-type-list li a {font-size: 18px;color:#1e1e1e;padding:10px 0 10px 17px;display: block;}
.admin-type-list li.active a {color:#FFF;background-color: #208de9;}
.admin-type-list li ul {list-style:none; padding-left:20px;}
.admin-type-list li.active ul a {color:#1e1e1e;background-color: transparent;padding:5px 0 5px 17px;}
.admin-type-list li ul a.active {color:#FFF;background-color: #208de9;}
.product-type-name {font-size: 24px;color:#1e1e1e;height: 60px;line-height: 58px;}
.create-product-btn,.cancel-btn {float:left;display: inline-block;width:160px;height:44px;line-height: 44px;color:#FFF;font-size: 20px;text-align: center;border:none;cursor:pointer;}
.create-product-btn {background: #208de9 none;}
.cancel-btn {background: #a5a5a5 none;margin-left:15px;}
.productinfo-path {font-size: 24px;padding:20px 0;}
.productinfo-left {border:1px solid #d3d3d3;width:530px;padding:20px 30px;}
.productinfo-right {border-style: solid;border-width: 1px 1px 1px 0;border-color:#d3d3d3; width:366px;background: #ededed none;height: 720px;padding:20px 10px 0;}
.productinfo-left label,.login-block .row label {font-size: 14px;padding-bottom:5px;}
.productinfo-left select {font-size: 18px;border:1px solid #ababab;padding:8px;width:200px;}
.row input {font-size: 18px;border:1px solid #ababab;height: 42px;padding:0 12px;}
.row input:focus {border:1px solid #1995ff;}
.productinfo-buttons {margin-top:40px;height:100px;}
.login-block div.form div.error label {color:#000;}
.login-block div.form div.error input {background: none;border:1px solid #ABABAB;}
.login-block div.form div.success input {background: none;border:1px solid #ABABAB;}
.add-sub-type .row label {float:left;line-height: 42px;font-size: 18px;}
.sub-type-list {padding-left:20px;}
.sub-type-list li {list-style:square;font-size: 16px;}
.sub-type-list li a {font-size: 12px;color:#333;}
.product-type-list li {font-size: 16px;}
.upload-btn {margin-left:10px;margin-top:85px;}
.product-list-ul li {font-size: 18px;border:1px solid #a3a3a3;padding:15px;cursor:move;}
.product-list-ul li .buttons {border:1px solid #a3a3a3;padding:3px 15px;color:#2980c9;font-size: 16px;margin-left:10px;}

table.excel-table {
	width:100%; line-height:1.8;
}
table.excel-table .excelHeader {
}
table.excel-table .excelHeader td {
    border-bottom: 2px solid #0075C2;
    border-top: 2px solid #0075C2;
    color: #222222;
    font-size: 12px;
    font-weight:bold;
	word-break:break-word;
	padding: 8px 5px;
}
table.excel-table .excelContent {
}
table.excel-table .excelContent td {
	border-bottom: thin solid #CCCCCC;
	font-size: 12px;
	word-break:break-word;
	padding: 5px 5px;
}

a#goTopBtn {
	display:none;
	background:url(../images/backtotop.png);
	width:41px; height:41px;
	position:absolute; right:3px; top:0;
}
.download-pdf li a {padding-left:10px;}