@charset "utf-8";
body {
	background: #fff;
	color: #333;
	font: 14px/1.5 arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif
}
time {
	color: #ccc
}
.appRow .appPatch {
	margin: -20px 0 0 -20px
}
.latticePad {
	margin: 20px 0 0 20px
}
.boxBlock {
	margin-left: 20px
}
.rowPatch {
	margin-left: -20px
}
a {
	color: #666;
	text-decoration: none
}
a:hover {
	color: #333;
	text-decoration: none
}
mark {
	background: 0;
	color: #333
}
div, ul, li, dl, dt, dd, a, tr, td, th, hr, select {
	border-color: #ccc
}
.tableTitleBg {
	background: #efefef;
	line-height: 30px
}
.important, a.important, .important a {
	color: #333
}
.lesser, a.lesser, .lesser a {
	color: #333
}
.note, a.note, .note a {
	color: #999
}
h2 {
	font-size: 30px
}
h3 {
	font-size: 26px
}
h4 {
	font-size: 22px
}
h5 {
	font-size: 18px
}
h6 {
	font-size: 16px
}
.textMini {
	font-size: 12px
}
.textMedium {
	font-size: 18px
}
.textLarge {
	font-size: 24px
}
.formSelect {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 5px;
	padding: 5px;
	height: 35px;
	border-style: solid;
	border-width: 1px;
	background-image: none;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.42857143
}
.textInput {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 35px;
	border: 1px solid #ccc;
	border-radius: 0;
	background: #fff;
	color: #666;
	font-size: 12px;
	font-family: AppleGothic, Arial, 'Microsoft Yahei', 'Simsun';
	line-height: 35px;
	resize: none
}
textarea {
	overflow-y: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 5px;
	height: 70px;
	border: 1px solid #ccc;
	border-radius: 0;
	background: #fff;
	color: #666;
	font-size: 12px;
	font-family: AppleGothic, Arial, 'Microsoft Yahei', 'Simsun'
}
.textInput:hover, textarea:hover {
	border: 1px solid #333
}
.textInput.focus, textarea.focus {
	border: 1px solid #000
}
.textInput.error, textarea.error {
	border: 1px solid #f00
}
.textInput.success, textarea.success {
	border: 1px solid #333
}
.textInput.disabled, textarea.disabled {
	cursor: default
}
.textInput.mini {
	height: 20px;
	line-height: 20px
}
.textInput.medium {
	height: 26px;
	line-height: 26px
}
.textInput.large {
	height: 40px;
	line-height: 40px
}
.btn {
	display: inline-block;
	margin-right: 5px;
	padding: 0 20px;
	height: 35px;
	background: #e6e6e6;
	color: #666;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	line-height: 35px
}
.btn:hover {
	color: #666;
	text-decoration: none;
	opacity: .8
}
.btn.important {
	background: #333;
	color: #fff
}
.btn.lesser {
	background: #333;
	color: #fff
}
.btn.lesser:hover {
	color: #fff
}
.btn.disabled {
	opacity: .6;
	cursor: default
}
.btn.mini {
	padding: 0 10px;
	height: 20px;
	font-size: 12px;
	line-height: 20px
}
.btn.medium {
	padding: 0 15px;
	height: 26px;
	line-height: 26px
}
.btn.large {
	padding: 0 35px;
	height: 40px;
	line-height: 40px
}
.selectBtn {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin-right: 5px;
	padding: 1px 10px;
	height: 24px;
	border: 1px solid #ccc;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	line-height: 24px
}
.selectBtn i:after {
	position: absolute;
	right: -8px;
	bottom: -5px;
	z-index: 99;
	display: block;
	width: 6px;
	height: 2px;
	border-color: transparent transparent #fff #fff;
	border-style: solid;
	border-width: 2px;
	content: '';
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.selectBtn i {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	display: none;
	width: 0;
	height: 0;
	border-color: transparent #333 #333 transparent;
	border-style: solid;
	border-width: 8px
}
.selectBtn.active {
	padding: 0 9px;
	border: 2px solid #333
}
.selectBtn.active i {
	display: block
}
.selectBtn:hover {
	border-color: #333;
	text-decoration: none
}
.footerContainer, .mainContainer, .headerContainer {
	margin: 0 auto
}
.main {
	padding-bottom: 20px
}
.footer {
	padding: 20px 0;
	background: #f5f5f5
}
.header .appWrapper {
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
	background: 0;
	color: #999
}
.con_header {
	position: relative;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 0 0 1px 0
}
.con_header h2 {
	margin: 0;
	color: #333;
	font-size: 16px
}
.main .appWrapper {
	margin-top: 20px
}
.cartQuantity {
	display: inline-block;
	padding: 0 6px;
	height: 14px;
	border-radius: 10px;
	background: #f00;
	color: #fff;
	font-size: 12px;
	line-height: 14px
}
.navBar .con_body {
	background: #000
}
.nav_1 ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.nav_1 ul li {
	position: relative;
	z-index: 999;
	display: inline-block
}
.nav_1 ul li a {
	display: inline-block;
	padding: 0 15px;
	font-size: 14px;
	line-height: 35px
}
.navBar ul li a {
	color: #fff
}
.navBar ul li:hover, .navBar ul li.selected {
	background: #333
}
.navBar li:hover a, .navBar li.selected a {
	color: #fff;
	text-decoration: none
}
.nav_1 li ul.moreNav {
	position: absolute;
	top: 35px;
	right: 0;
	display: none
}
.nav_1 li.over ul.moreNav {
	display: block
}
.nav_1 li ul.moreNav li {
	width: 120px;
	background: #f5f5f5
}
.nav_1 li ul.moreNav li:hover {
	background: #333
}
.nav_1 li ul.moreNav li a {
	display: block;
	color: #666
}
.nav_1 li ul.moreNav li:hover a {
	color: #fff
}
.nav_1 li ul.moreNav li.selected {
	background: #333
}
.nav_1 li ul.moreNav li.selected a {
	color: #fff
}
.navHideContent {
	position: absolute;
	top: 150px;
	left: 115px;
	z-index: 99;
	padding: 10px;
	max-width: 767px;
	background: #f5f5f5;
	white-space: nowrap
}
.navHideContent {
	color: #666
}
.navHideContent a {
	color: #666
}
.navHideContent a:hover {
	color: #333
}
.menuListVertical ul {
	margin: 0;
	padding: 0
}
.menuListVertical li {
	position: relative
}
.menuListVertical li a {
	display: inline-block;
	color: #666;
	line-height: 35px
}
.menuListVertical li.selected, .menuListVertical li.selected:hover {
	background: #333
}
.menuListVertical li.selected a {
	color: #fff;
	text-decoration: none
}
.menuListVertical li:hover a {
	color: #333;
	text-decoration: none
}
#span_footer .copyright .appContent {
	margin: 0;
	padding: 20px 0;
	border: 0;
	background: 0;
	text-align: center
}
@media(max-width:767px) {
.con_header h2 {
	margin: 0;
	font-size: 16px
}
h2 {
	font-size: 24px
}
h3 {
	font-size: 20px
}
h4 {
	font-size: 18px
}
h5 {
	font-size: 16px
}
h6 {
	font-size: 12px
}
.textMini {
	font-size: 12px
}
.textMedium {
	font-size: 16px
}
.textLarge {
	font-size: 20px
}
.textInput {
	height: 35px;
	line-height: 35px
}
.textInput.mini {
	height: 20px;
	line-height: 20px
}
.textInput.medium {
	height: 26px;
	line-height: 26px
}
.textInput.large {
	height: 35px;
	line-height: 35px
}
.btn {
	display: inline-block;
	padding: 0 15px;
	height: 32px;
	line-height: 32px
}
.btn.mini {
	padding: 0 10px;
	height: 20px;
	line-height: 20px
}
.btn.medium {
	padding: 0 15px;
	height: 26px;
	line-height: 26px
}
.btn.large {
	padding: 0 25px;
	height: 35px;
	line-height: 35px
}
.logo {
	text-align: center
}

}
.crumbs {
	position: relative;
	top: -6px;
	display: inline-block;
	overflow: hidden
}
.crumbs span {
	position: relative;
	float: left;
	display: inline-block;
	padding: 0 12px 0 8px;
	height: 26px;
	min-width: 75px;
	background: #efefef;
	color: #666;
	text-align: right;
	font-size: 12px;
	line-height: 26px
}
.crumbs span i, .crumbs span b {
	position: absolute;
	top: -17px;
	right: -30px;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 30px 0 30px 30px
}
.crumbs span b {
	top: -12px;
	right: -21px;
	z-index: 2;
	border-color: transparent transparent transparent #efefef;
	border-width: 25px 0 25px 25px
}
.crumbs span.active {
	background: #333;
	color: #fff
}
.crumbs span.active b {
	border-color: transparent transparent transparent #333
}
.search {
	position: relative
}
.searchInput {
	position: relative;
	margin-right: 44px
}
.searchInput input {
	padding: 0;
	width: 100%;
	height: 26px;
	border: 0;
	border: 1px solid #ccc;
	background: #fff;
	color: #666;
	font: 14px/1.5 AppleGothic, Arial, 'Microsoft Yahei', 'Simsun';
	line-height: 26px
}
.searchBtn {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 45px;
	height: 26px;
	background: #333;
	color: #fff;
	text-align: center;
	line-height: 26px
}
.searchBtn:hover {
	color: #fff;
	text-decoration: none
}
.picList ul {
	margin: 0;
	margin-left: -20px;
	list-style: none
}
.picList li div {
	padding-left: 20px
}
.picList li {
	float: left;
	padding: 0 0 20px 0;
	width: 25%
}
.picList:after {
	clear: both;
	display: table;
	content: "";
	line-height: 0
}
@media(max-width:767px) {
.picList li {
	float: left;
	width: 50%
}
}
.list ul {
	margin: 0;
	list-style: none
}
.list li a {
	display: block;
	overflow: hidden;
	padding-left: 10px;
	background: url("../images/listStyle.png")/*tpa=http://cdn.tuweile.com/skin/baise1/images/listStyle.png*/ no-repeat 0 -19px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 28px
}
.list li a:hover {
	background: url("../images/listStyle.png")/*tpa=http://cdn.tuweile.com/skin/baise1/images/listStyle.png*/ no-repeat 0 12px
}
.list:after {
	clear: both;
	display: table;
	content: "";
	line-height: 0
}
.article {
	margin-top: 20px;
	padding: 20px 0 0 0;
	border-top-width: 1px
}
.formList>ul {
	margin: 0 0 25px 0;
	list-style: none
}
.formList li {
	float: left;
	line-height: 40px
}
.formList>ul:after {
	clear: both;
	display: table;
	content: "";
	line-height: 0
}
.formList li.left {
	display: inline-block;
	width: 100px
}
.formList li.right {
	float: none;
	margin-left: 100px
}
.formList li .textInput, .formList li textarea {
	width: 100%;
	max-width: 500px
}
.formListTips {
	display: inline-block;
	margin-left: 5px
}
@media(max-width:767px) {
.formList>ul {
	margin: 0 0 15px 0
}
.formList li {
	float: none;
	line-height: 25px
}
.formList li.left {
	display: inline-block;
	width: auto
}
.formList li.right {
	margin-left: 0
}
.formListTips {
	display: block;
	margin-left: 0
}
}
.infoList ul {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none
}
.infoList ul:after {
	clear: both;
	display: table;
	content: "";
	line-height: 0
}
.infoList ul li {
	float: left;
	line-height: 30px
}
.infoList ul li.left {
	display: inline-block;
	width: 100px
}
.infoList ul li.right {
	float: none;
	margin-left: 100px
}
.tabs {
	padding: 0 0 0 5px;
	border-style: solid;
	border-width: 0 0 1px 0
}
.tabs a {
	display: inline-block;
	margin-bottom: -1px;
	padding: 0 15px;
	height: 30px;
	font-size: 14px;
	line-height: 30px
}
.tabs a.active {
	border-style: solid;
	border-width: 1px 1px 0 1px;
	background: #fff
}
.empty {
	padding: 20px 0
}
.selectPageContainer {
	padding: 20px 0 10px;
	text-align: center
}
.selectPageContainer a.more {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center
}
.selectPage a {
	display: inline-block;
	margin: 0 3px;
	padding: 0 11px;
	height: 30px;
	background: #ddd;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
	font-size: 14px;
	line-height: 30px
}
.selectPage a:hover {
	background: #333;
	color: #fff;
	text-decoration: none
}
.selectPage a.active {
	background: #333;
	color: #fff
}
.tipsLoading, .tipsBox, .tipsSuccess, .tipsError {
	position: fixed;
	top: 10px;
	z-index: 1001;
	min-width: 180px;
	text-align: center
}
.tipsLoading {
	background: #fcdfa5;
	color: #333
}
.tipsBox {
	background: #ccc;
	color: #333
}
.tipsSuccess {
	background: #333;
	color: #fff
}
.tipsError {
	background: #f93;
	color: #fff
}
.loadingIco {
	display: inline-block;
	overflow: hidden;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background: url("../../../../1251132871.cdn.myqcloud.com/1251132871/static/images/loading.gif")/*tpa=http://1251132871.cdn.myqcloud.com/1251132871/static/images/loading.gif*/ no-repeat;
	vertical-align: middle
}
.whiteCorrectIco {
	display: inline-block;
	overflow: hidden;
	margin-right: 5px;
	width: 20px;
	height: 13px;
	background: url("../../../../1251132871.cdn.myqcloud.com/1251132871/static/images/icon.png")/*tpa=http://1251132871.cdn.myqcloud.com/1251132871/static/images/icon.png*/ no-repeat 0 -150px;
	vertical-align: middle
}
.whiteForkIco {
	display: inline-block;
	overflow: hidden;
	margin-right: 5px;
	width: 20px;
	height: 13px;
	background: url("../../../../1251132871.cdn.myqcloud.com/1251132871/static/images/icon.png")/*tpa=http://1251132871.cdn.myqcloud.com/1251132871/static/images/icon.png*/ no-repeat -26px -149px;
	vertical-align: middle
}
.contentLoading {
	display: inline-block;
	padding-left: 22px;
	height: 20px;
	background: url("../../../../1251132871.cdn.myqcloud.com/1251132871/images/c_loading.gif")/*tpa=http://1251132871.cdn.myqcloud.com/1251132871/images/c_loading.gif*/ no-repeat 0 center;
	color: #999
}
.no-boxshadow .loadingBox, .no-boxshadow .loadingBox, .no-boxshadow tipsAlert {
	border: 1px solid #ccc
}
.tipsAlert {
	position: absolute;
	z-index: 1001;
	background: #fff;
	box-shadow: 0 0 13px #999
}
.tipsAlertText {
	padding: 40px;
	color: #666
}
.tipsAlertFoot {
	padding: 30px 40px;
	text-align: right
}
.tipsArrow {
	position: absolute;
	width: 16px;
	height: 16px
}
.tipsPad {
	padding: 5px 15px;
	line-height: 20px
}
/*menu*/
@media (min-width: 913px) {
#menu {display:block;  width:100%; background:#333; height:34px;}
#nav {display:block;}
#nav .mainlevel {float:left; background:#333; text-align:center; display:block;}
#nav .mainlevel a {color:#fff; text-decoration:none; line-height:34px; height:34px; text-align:center; padding:0 20px; display:block; _width:48px;}
#nav .mainlevel a:hover {color:#fff; text-decoration:none; background:#ccc url(../images/slide-pannel_14.png) 0 0 repeat-x;}
#nav .mainlevel ul {position:absolute; display:none; *width:2000px;/*IE is great need, width>=li.length*/}
#nav .mainlevel li {float:left; background:#6E6E6E;}
#nav .mainlevel li a {padding:0 12px; line-height:24px; height:24px; display:block; _padding-bottom:6px;/*IE6 only*/}
#nav .mainlevel li a:hover {color:#fff; text-decoration:none; background:#000 url(../images/slide-pannel_14.png) 0 0 repeat-x;}
#nav li a em/*input an em tag as a space*/ {padding:0 3px;}
.note {color:#fff; border-right:1px solid #fff; background:#000 url(../images/slide-pannel_14.png) 0 0 repeat-x; display:block; line-height:34px; padding:0 3em;}
.Triangle_con {height:9px; background:url(../images/bird.png) 36px 0 no-repeat; display:block; _margin-bottom:-6px;/*IE6 only*/}
}

@media (max-width: 912px) {
　　#menu {display:block;  width:100%; background:#333; height:68px; overflow:hidden;}
#nav {display:block; max-height:68px; overflow:hidden;}
#nav .mainlevel {float:left; background:#333; text-align:center; display:block;}
#nav .mainlevel a {color:#fff; text-decoration:none; line-height:34px; height:34px; text-align:center; padding:0 20px; display:block; _width:48px;}
#nav .mainlevel a:hover {color:#fff; text-decoration:none; background:#ccc url(../images/slide-pannel_14.png) 0 0 repeat-x;}
#nav .mainlevel ul {position:absolute; display:none; *width:2000px;/*IE is great need, width>=li.length*/}
#nav .mainlevel li {float:left; background:#6E6E6E; display:none;}
#nav .mainlevel li a { line-height:24px; height:24px; display:block; _padding-bottom:6px;/*IE6 only*/}
#nav .mainlevel li a:hover {color:#fff; text-decoration:none; background:#000 url(../images/slide-pannel_14.png) 0 0 repeat-x;}
#nav li a em/*input an em tag as a space*/ {padding:0 3px;}
.note {color:#fff; border-right:1px solid #fff; background:#000 url(../images/slide-pannel_14.png) 0 0 repeat-x; display:block; line-height:34px; padding:0 3em;}
.Triangle_con {
	display:none;}
　　}

/* unit */
.unit .tid { height:60px; width:100%; max-width:1120px; overflow:hidden; margin-bottom:20px; }

.unit .more { float:right; width:78px; height:20px; background:url(../images/more.gif) 0 0 no-repeat; margin-top:20px; overflow:hidden; text-indent:-99em; }
.unit .sort { float:left; height:20px; margin-top:20px; font-size:14px; color:#48275b; margin-left:10px; display:inline; }
.unit .sort a { margin:0 10px; color:#48275b; }
.unit .tod { width:100%; overflow:hidden; }
/* ipro */
.ipro { width:1000px; margin:0 auto 40px;  }
.ipro .tid h2 { width:165px; }
.ipro .tod { position:relative; height:300px; }
.ipro ul { float:left; width:105%; }
.ipro li { width:199px; float:left; margin-right:2px; display:inline; }
.ipro li .u { width:100%; height:148px; background:#1b0c26; margin-bottom:2px; display:block; position:relative; transition:background 300ms ease; text-align:center; }
.ipro li .u:hover { background:#48275b; transition:background 300ms ease; text-decoration:none; }
.ipro li span { position:absolute; left:0; top:60px; color:#FFF; width:100%; height:20px; line-height:20px; display:block; overflow:hidden; }
.ipro li .g { display:block; margin-bottom:2px; }
.ipro li img { width:100%; height:148px; display:block; }
.ipro li.even span { background:url(../images/web/tip3_1.gif) center bottom no-repeat; padding-bottom:8px; }
.ipro li.odd span { background:url(../images/web/tip3_2.gif) center top no-repeat; padding-top:8px; }
/* iabout */
.iabout { width:230px; float:left; }
.iabout .tid h2 { width:165px; background-position:0 -50px; }
.iabout p { line-height:30px; text-align:justify; text-indent:2em; }
/* inews */
.inews { width:330px; float:left; margin-left:90px; display:inline; }
.inews .tid h2 { width:165px; background-position:0 -100px; }
.inews img { width:100%; height:70px; display:block; margin-bottom:10px; }
.inews dl { float:left; width:100%; }
.inews dd { float:left; width:100%; height:30px; line-height:30px; background:url(../images/web/tip1.gif) 0 center no-repeat; }
.inews dd span { float:right; }
.inews dd a { float:left; margin-left:15px; display:inline; }
/* icontact */
.icontact { width:250px; float:right; }
.icontact .tid h2 { width:180px; background-position:0 -150px; }
.icontact .tel { height:60px; overflow:hidden; line-height:15px; font-size:14px; color:#250c36; }
.icontact .tel font { display:block; line-height:30px; font-size:26px; color:#8453a0; font-family:"Georgia"; }
.icontact p { line-height:30px; }
/* icase */
@media (max-width: 1120px){
.icase { width:100%; margin:0 auto 10px; border-bottom:#ccc 1px solid;  }}
@media (min-width: 1121px){
.icase { width:1120px; margin:0 auto 10px; border-bottom:#ccc 1px solid;  }}
.icase .tid h2 { width:225px; background-position:0 -200px; }
.icase .tod { position:relative; }
.icase ul { float:left; width:105%; }
.icase ul li { float:left; width:254px; margin-bottom:20px; }
.icase ul a { display:block; width:230px; height:205px; background:url(../images/tip2.gif) right bottom no-repeat #919495; color:#FFF; transition:background 300ms ease; }
.icase ul img { width:220px; height:165px; display:block; margin-bottom:10px; padding:5px; }
.icase ul span { margin-left:30px;  color:#fff;}
.icase ul a:hover { background-color:#48275b; text-decoration:none; transition:background 300ms ease; }
/* ilink */
.ilink { background:#f2f2f2; padding:10px 0; }
.ilink .main { width:1000px; height:40px; line-height:40px; margin:0 auto; }
.ilink h2 { float:left; width:180px; height:40px; overflow:hidden; text-indent:-99em; background:url(../images/ico.gif) 0 -250px no-repeat; }
.ilink a { margin:0 15px; font-size:14px; }

.tid2 h2 { width:160px;
    float: left;
    height: 40px;
    overflow: hidden;
    text-indent: -99em;
    background: url(../images/ico.gif) 0 -50px no-repeat; }
	.tid3 h2 { width:160px;
    float: left;
    height: 40px;
    overflow: hidden;
    text-indent: -99em;
    background: url(../images/ico.gif) 0 -100px no-repeat; }
		.tid4 h2 { width:160px;
    float: left;
    height: 40px;
    overflow: hidden;
    text-indent: -99em;
    background: url(../images/ico.gif) 0 0 no-repeat; }
@media (min-width: 771px){	.tid4 .sort { float:left; height:20px; margin-top:20px; font-size:14px; color:#48275b; margin-left:10px; display:inline; }
.tid4 .sort a { margin:0 10px; color:#48275b; }
.tid4 .tod { width:100%; overflow:hidden; }
}
@media (max-width: 770px){
	.tid4 .sort{ display:none;}
}
			.tid5 h2 { width:160px;
    float: left;
    height: 40px;
    overflow: hidden;
    text-indent: -99em;
    background: url(../images/ico.gif) 0 -300px no-repeat; }
				.tid6 h2 { width:160px;
    float: left;
    height: 40px;
    overflow: hidden;
    text-indent: -99em;
    background: url(../images/ico.gif) 0 -346px no-repeat; }
	.tid7 h2 { width:160px;
    float: left;
    height: 40px;
    overflow: hidden;
    text-indent: -99em;
    background: url(../images/ico.gif) 0 -396px no-repeat; }
	.tid7 .more { float:right; width:78px; height:20px; background:url(../images/more.gif) 0 0 no-repeat; margin-top:20px; overflow:hidden; text-indent:-99em; }
	.tid4 .more { float:right; width:78px; height:20px; background:url(../images/more.gif) 0 0 no-repeat; margin-top:20px; overflow:hidden; text-indent:-99em; }
.unit h2 {
    float: left;
    height: 40px;
    overflow: hidden;
    text-indent: -99em;
    background: url(../images/ico.gif) 0 0 no-repeat;
}
/*首页中间*/
@media (min-width: 780px){
.commend{width:100%; margin:0 auto; padding:10px 0px 10px 0px;background:#fff;overflow:hidden; border-bottom:#ccc 1px solid;}}
@media (max-width: 779px){
.commend{
	display:none;}}
/*首页中间左侧*/
.in_left1{width:30%;float:left;display: inline;padding-right:18px;}
.in_left{width:30%;float:left;display: inline;padding-right:18px; height:650px}


.l_box{ margin-bottom:18px;}
/*左侧公司视频*/
.i_gssp{ padding:0px 8px 12px 8px; text-align:center; }

/*分类导航*/
.cpfl{ padding:15px 10px;}
.cpfl-l{ width:60%;  height:100%; float:left; }
.cpfl-l img { width:80%; height:73px; margin:0 0 4px 0px;border:1px #c9c9c9 solid; padding:1px;}
.cpfl-r{ width:35%; height:100%; margin:5px 0 0 8px;*margin:2px 0 0 5px; float:left;}
.cpfl-r span { width:80%; height:26px; display:block; margin-bottom:6px}
.cpfl-r span a { padding-left:5px; height:28px; border:1px solid #c9c9c9; display:block; line-height:26px}
.cpfl-r span a:hover { border:1px solid #FC0; background-color:#fbdeac; color:#F60; }
/*公司公告*/
.gsgg{padding:12px;  }
/*左侧联系我们*/
.i_lx{padding:12px; line-height:24px; }
.i_lx p{ line-height:24px;}

/*首页中间右侧*/
.in_right{float:right;width:66%; margin-right:15px;display: inline;}
.in_right img{ display:block}
.in_right h3 {height:32px;background:url(images/i_rdhbg.gif) no-repeat bottom right; font-size:12px;}
.in_right h3 span {width:30%; height:28px;display:block;background:url(images/i_r.gif) repeat-x bottom; color:#FFF; padding-left:40px; padding-top:4px}
.in_right h3 a{float:right; width:29%;padding-top:10px}

.gsjj{ padding:10px; line-height:25px;}
.gsjj p{ line-height:25px;}
.gsjj img{ float:right; margin-left:15px;}



/*现货资源*/
#xhzy { width:100%; height:275px; overflow:hidden; }
#tablebox th { background-color:#E5E5E5; text-align:center; font-weight:bold; height:20px;}
#tablebox td { background-color:#FFF; text-align:center;}

/*首页新闻文化*/
.i_r_x{width:49%;height:217px;overflow:hidden; float:left; }
.i_r_w{width:49%;height:217px;overflow:hidden; float:right; }
h4{background:#ccc; height:28px; line-height:28px; font-size:12px; color:#FFF;}
h4 span{height:28px;display:block;padding-left:45px;}
h4 a{ float:right; padding-top:8px; width:83px}
.i_qywh{padding:10px;line-height:23px;}
.i_qywh img{ margin-right:10px; float:left; }

.i_xw{padding:10px; color:#8a8a8a}
.i_xw .i_xwtj {display:block; height:85px; line-height:20px; overflow:hidden; width:315px; margin-bottom:10px;}
.i_xw .i_xwtj p{line-height:20px;}
.i_xw .i_xwtj img{ float:left; width:109px; height:81px; margin-right:10px;}
.i_xw .i_xwnr { margin-bottom:15px; padding-bottom:5px;}
.i_xw .i_xwnr a:link,.i_xw .i_xwnr a:visited{color:#000;text-decoration:none;}
.i_xw .i_xwnr a:hover,.i_xw .i_xwnr a:active{color:#ffb400;text-decoration:underline;}
.i_xw .i_xwnr span{ display:block; height:23px; line-height:25px;}

.bottom { width:1000px;margin:0 auto; height:80px;text-align:center;padding-top:20px; color:#FFF; background:#2b2b2b;}
.bottom a:link,.bottom a:visited{color:#FFFFF;text-decoration:none;}

/* listProduct */
.listProduct .tod { overflow:hidden; }
.listProduct ul.list { float:left; width:105%; }
.listProduct li.item { float:left; margin-right:25px; margin-bottom:10px; }
.listProduct li.item a { display:block; text-align:center; }
.listProduct li.item img { display:block; width:200px; height:150px; border:5px solid #f9eeff; margin-bottom:10px; transition:border-color 500ms ease; }
.listProduct li a:hover img { border-color:#48275b; transition:border-color 500ms ease; }
.con_body h1 { font-size:22px;}
/*-------------------------------------
	12.7	PAGINATION
-------------------------------------*/
.pagination {
	margin: 18px 0;
	text-align:center;
}

.pagination ul {
	display: inline-table;
	*display: inline;
	margin-bottom: 0;
	margin-left:-40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*zoom: 1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
	display: inline;
}

.pagination a,.pagination .active {
	float: left;
	padding: 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
}

.pagination a:hover,
.pagination .active {
	background-color: #eee;
}

.pagination .active span {
	color: #999999;
	cursor: default;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
	color: #999999;
	cursor: default;
	background-color: transparent;
}

.pagination li:first-child a {
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.pagination-centered {
	text-align: center;
}

.pagination-right {
	text-align: right;
}

 .sort {
float: left;
height: 20px;
margin-top: 20px;
font-size: 14px;
color: #48275b;
margin-left: 10px;
display: inline;
}