@charset "utf-8";
h1, .f1, h2 { font-family: "微软雅黑", "宋体", Arial; font-weight: bold; color: #444; }
h1 { font-size: 18px; text-align: center }
.f1, h2 { font-size: 14px; }
h1 { font-size: 20px; padding: 5px 0; }
.f2 { font-size: 14px; line-height: 160%; }
.f2 img { max-width: 100%; }
.f2 p.img { text-align: center; }
.inp { border: 1px solid #CCC; padding: 3px; border-top-color: #666; border-left-color: #666;
	background-color: #F6F6F6; line-height: 14px; }
.inp:hover { border: 1px solid #5EA2D9; background-color: #EDF3F8; }
.btnmini, .btnbig { border: 1px solid #1A5488; overflow: hidden; border-top: #149BDD; border-left: #149BDD;
	background-color: #1F66A8; font-weight: bold; color: #FFF; cursor: pointer }
.btnmini { padding: 0 10px; line-height: 17px; height: 24px; }
.btnbig { padding: 5px 10px; font-size: 14px; height: 30px; margin-top: 5px }
.none { display: none; }
.both { clear: both; width: 100%; }
/* PIE usage */
.PIE { behavior: url(lib/PIE/PIE.php); position: relative; }

/* #pt = position */
#pt { border-bottom: 1px solid #E4E4E4; line-height: 35px; color: #999;
	background: url(../images/image.gif) no-repeat -270px 12px; padding-left: 25px; }
	#pt span { float: right; border: 1px solid #06C; text-align: center; background-color: #3469CB;
		line-height: 12px; margin-top: 5px; }
		#pt span a { float: left; color: #FFF; padding: 5px 10px; }
	#pt p { float: right; }
		#pt p a { float: left; background: url(../images/btn.gif); height: 25px; line-height: 25px; color: #FFF;
			padding: 0 10px; margin-left: 10px; margin-top: 3px; }

/* .titval = tital value collection */
.titval { }
	.titval span { float: left; }
		.titval span.tit { clear: left; }
		.titval span.val { width: 120px; }

#winbox { position: absolute; border: 5px solid #9CC0E9; background-color: #F4F8FB; line-height: 180%; color: #476DD1; }
#winbox .t { font-weight: bold; padding: 5px; border-bottom: 1px solid #9CC0E9; }
#winbox .t span { float: right; padding: 0 5px; cursor: pointer; font-weight: normal }
#winbox .c { padding: 5px 15px; }
#winbox .g { margin: 15px; text-align: center; }
#winbox .g a { padding: 8px 20px; line-height: 30px; border: 1px solid #4672C4; border-top: #9CC0E9; border-left: #9CC0E9;
	background-color: #3D6AD3; color: #FFF; margin-right: 20px; }
#winbox .g a:hover { background-color: #5588D8; text-decoration: none; }
#winbox .z { padding-bottom: 15px; font-family: Verdana, Geneva, sans-serif; }
#winbox .z a { text-decoration: underline; }

.wpm { margin: 0 auto; width: 990px; clear: both; }
.wpa { width: auto; }

.head { height: 155px; background: url(../images/bg.jpg); }
.head dl { float: left; height: 99px; }
.head dl.a { width: 160px; background: url(../images/logo.jpg); }
.head dl.b { width: 550px; background: url(../images/top1.jpg); }
.head dl.c { width: 270px; background: url(../images/top2.jpg); color: #7AABD8 }
.head dl.c a { color: #7AABD8 }
.head dl.c p { float: left; }
.head dl.c p.i { width: 240px; padding: 20px 10px 0 20px; line-height: 20px; text-align: right; position: relative; }
.head dl.c p.i span.cart { margin-left: 15px; padding: 5px 10px; }
.head dl.c p.i span.cart_c { background-color: #139DDF; }
.head dl.c p.i span.cart_c a { color: #FFF; }
.head dl.c p.i a.m { float: right; text-align: left; margin-left: 15px; padding-left: 15px; height: 25px;
	background: url(../images/image.gif) no-repeat 0 -68px; }
.head dl.c p.s { width: 170px; height: 25px; padding-left: 100px; }
.head dl.c p.s span { float: left; }
.head dl p.s span.l { width: 80px; }
.head dl p.s span.ll { width: 53px; background: url(../images/image.gif) repeat -440px -120px; padding: 2px 0 0 2px; height: 23px; }
.head dl.c p.s span.l input { width: 70px; background: url(../images/bg.jpg) repeat 0 -430px; padding: 5px; height: 15px;
	margin: 0; border: 0; color: #FFF; margin-top: -1 px\9; }
.head dl.c p.s span.r { width: 25px; background: url(../images/image.gif) no-repeat 0 -30px; }
.head dl.c p.s span.r input { width: 25px; height: 25px; margin: 0; border: 0; background: none; cursor: pointer; }
.menu a { float: left; width: 122px; line-height: 55px; height: 55px; font-size: 14px; color: #444; text-align: center;
	background: url(../images/list.jpg); }
.menu a:hover, .menu a.c { color: #FFF; background: url(../images/list.jpg) -122px 0; }

.cartdb { position: absolute; top: 40px; right: 10px; width: 335px; border: 1px solid #139DDF; background-color: #FFF;
	text-align: left; padding: 5px; z-index: 999; }
.cartdb dl { width: 325px; line-height: 18px; color: #139DDF; height: 35px; padding: 5px; overflow: hidden; }
.cartdb dl:hover { background-color: #FFC }
.cartdb dl dt { float: left; width: 45px; }
.cartdb dl dt img { width: 35px; height: 35px; }
.cartdb dl dd { float: left; width: 200px; }
.cartdb dl dd.p { width: 80px; text-align: right; }
.cartdb dl dd.p strong { font-size: 13px; font-family: Verdana, Geneva, sans-serif; color: #C00; }
.cartdb dl.j { height: 14px; line-height: 14px; padding: 5px; text-align: center; background-color: #DFF0F9 }

.bannerb { width: 960px; height: 29px; background: url(../images/tel.jpg); clear: both; color: #FFF; line-height: 25px;
	padding: 5px 15px; font-family: Verdana, Geneva, sans-serif; }
.bannerb a { color: #FFF }
.mban { background-position: 0 -85px; height: 5px; }

.type { height: 38px; background: url(../images/bg.jpg) 0 -217px; overflow: hidden; }
.type p { height: 38px; float: left; }
.type p.l { width: 7px; background: url(../images/list.jpg) -281px 0; }
.type p.c { line-height: 35px; padding-left: 10px; padding-top: 3px; }
.type p.c span { font-size: 12px; font-family: Arial; padding-left: 10px; color: #247AB5 }
.type a { float: right; width: 45px; height: 19px; background: url(../images/list.jpg) -317px 0; margin-top: 11px; }
.type p.r { float: right; width: 7px; background: url(../images/list.jpg) -299px 0; }

.list { margin-top: 10px; }
.main { background: url(../images/tab.jpg) -2970px 0; }
.main .l { float: left; width: 200px; }
.main .r { float: right; width: 740px; padding: 5px 20px 20px 20px; overflow: hidden; }
.title-sd { height: 35px; line-height: 35px; padding-left: 25px; background : #FFF url(../images/image.gif) no-repeat -40px 13px; }
.nav-sd { padding: 5px 10px; line-height: 35px; border-top: 5px solid #1294D7; }
.nav-sd a { color: #FFF; font-size: 12px; float: left; width: 150px; background: url(../images/image.gif) no-repeat -430px -30px;
	padding-left: 30px; }
.nav-sd a:hover { background-position: -430px -65px; text-decoration: none; }

.ct-mn div.c, .comment div.c, .ct-mn ul.c, .comment ul.c { margin-top: 10px; clear: both }
.ct-mn .t, .comment .t { line-height: 30px; border: 1px solid #E7E7E7; font-family: Verdana, Geneva, sans-serif;
	border-left: 0; border-right: 0; background-color: #F3F3F3 }
.ct-mn .t { color: #999; text-align: center; }
.ct-mn .list li { line-height: 35px; border-bottom: 1px solid #EEE; padding-left: 15px;
	background: url(../images/image.gif) no-repeat 5px -155px; font-size: 14px; }
.ct-mn .list li span { float: right; font-size: 11px; color: #999; font-family: Verdana, Geneva, sans-serif }
.ct-mn .list li em { padding-left: 10px; color: #C00; font-size: 12px; font-style: normal; }
.ct-mn .list dl { float: left; width: 160px; height: 145px; padding: 5px; text-align: center; overflow: hidden;
	margin-right: 12px; margin-bottom: 12px; background: url(../images/image.gif) no-repeat -430px -270px; }
.ct-mn .list dl dt { height: 120px; }
.ct-mn .list dl dt img { width: 160px; height: 120px; }
.ct-mn .list dl dd { height: 30px; overflow: hidden; line-height: 30px; }
.ct-mn .list dl:hover { background-position: -430px -440px; }
.ct-mn .list dl:hover a { color: #FFF }
.ct-mn .prevnext { padding-top: 20px; }
.ct-mn .prevnext a { margin-right: 20px; color: #0C4D8D; }

.comment { margin-top: 10px; }
.comment .t { padding-left: 10px; font-weight: bold; }
.comment .i dl { margin-bottom: 10px; width: 740px; float: left; }
.comment .i dl dt { float: left; width: 80px; font-weight: bold; text-align: right; padding-right: 10px; line-height: 25px; }
.comment .i dl dd { float: left; padding-right: 10px; }
.comment .list { clear: both }
.comment .list dl { margin-bottom: 10px; line-height: 22px; border-top: 1px solid #E7E7E7; }
.comment .list dl dt { background-color: #F3F3F3; padding: 3px 10px; }
.comment .list dl dd { padding: 3px 10px; }


.about { height: 150px; overflow: hidden; }
.about .l { float: left; width: 190px; }
.about .r { float: left; width: 260px; line-height: 21px; }

.product { height: 150px; width: 980px; position: relative; margin: 15px 0; }
.product .wrapper { width: 915px; overflow: auto; height: 177px; margin: 0 35px; position: absolute; top: 0; }
.product .wrapper ul { width: 1820px; list-style : none outside none; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
.product ul li { display: block; float: left; padding-right: 10px; width: 175px; }
.product ul li p { text-align: center; height: 22px; padding-top: 5px; overflow: hidden; }
.product ul li p a { color: #FFF; }
.product ul li img { -webkit-transition: border-color 400ms; width: 160px; height: 125px; padding: 5px; background-color: #E8E8E8; }
.product ul li img:hover { background-color: #0C4D8D; }
.product ul li a img { display: block; }
.product .arrow { display: block; height: 62px; width: 30px; position: absolute; top: 45px; cursor: pointer; outline: 0; }
.product .arrow a { width: 30px; height: 62px; }
.product .forward { right: 0; background: url(../images/image.gif) -30px -209px; }
.product .back { left: 0; background: url(../images/image.gif) 0 -209px; }

.attribute strong { font-size: 14px; }
.attribute p { padding: 13px 0; border-bottom: 1px dashed #CCC; }
.attribute .price { font-size: 20px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #C00; }
.attribute .aprice span { padding: 5px 8px; margin: 0 5px 0 0; border: 1px solid #CCC; cursor: pointer; }
.attribute .aprice span.c { border: 1px solid #900; background-color: #C00; color: #FFF; }
.attribute .aprice span:hover { border-color: #900 }
.ins { height: 22px; line-height: 20px; text-align: center; border: 1px solid #E3E3E3; background-color: #F5F5F5;
	border-top-color: #999; border-left-color: #999; }

.ordertab { width: 100%; padding: 0; margin: 0; border-bottom: 0; border-right: 0; }
.ordertab, .ordertab td { border: 1px solid #CCC; line-height: 180% }
.ordertab td { border-top: 0; border-left: 0; padding: 8px; text-align: center; }
.ordertab tr { background-color: #FFF; color: #06C; }
.ordertab .trbg { font-weight: bold; color: #FFF; background-color: #F5F5F5; }
.ordertab .trbg td { padding: 0; line-height: 28px; background-color: #1294D7; }
.ordertab .left { text-align: left; }
.ordertab span { color: #666 }

.total { font-size: 14px; color: #C00; font-family: Verdana, Geneva, sans-serif }
#aggregate, .aggregate { font-size: 16px; font-weight: bold; color: #C00; font-family: Verdana, Geneva, sans-serif }

.buy { margin: 12px 0; }
.inbuy, .incart { margin: 0; padding: 0; border: 0; cursor: pointer; height: 37px; line-height: 90px; overflow: hidden; }
.inbuy { width: 127px; background-image: url(../images/buy.gif); margin-right: 5px; }
.incart { width: 132px; background-image: url(../images/cart.gif); }

.pinfo { padding-bottom: 10px; line-height: 180% }
.pinfo span { padding-right: 20px; }

#imgto { width: 300; height: 310px; }
#imgto .big { height: 260px; }
#imgto .big img { width: 300px;; height: 250px; }
#imgto .small { height: 55px; }
#imgto .small div { float: left; overflow: hidden; }
#imgto .small div.imgl, #imgto .small div.imgr { width: 13px;; height: 53px; border: 1px solid #CCC;
	background-color: #F6F6F6; text-align: center; line-height: 53px; font-weight: bold; color: #999; cursor: pointer; }
#imgto .small div.imgl:hover, #imgto .small div.imgr:hover { background-color: #E7E7E7; color: #666 }
#imgto .small div.imgc { width: 270px; position: relative;; height: 55px; }
#imgto .small div.imgc ul { position: absolute; width: 2200px; height: 55px; top: 0; left: 0; }
#imgto .small div.imgc ul li { float: left; width: 55px; padding-left: 10px; cursor: pointer; }
#imgto .small div.imgc ul li img { width: 53px; height: 53px; border: 1px solid #FFF }
#imgto .small div.imgc ul li.the img { border: 1px solid #C00 }

.case { height: 150px; overflow: hidden; }
.case li { float: left; padding: 8px; width: 166px; overflow: hidden; text-align: center; }
.case li img { width: 166px; height: 110px; }
.case li img:hover { background-color: #0C4D8D; }
.case li p { padding-top: 5px; line-height: 22px; }
.case li p a { font-weight: bold }

.contact { height: 150px; overflow: hidden; }
.contact .t { width: 200px; }
.contact .b { margin-top: 10px; }
.contact .b li { line-height: 21px; font-family: Verdana, Geneva, sans-serif; }
.contact .b li span { float: left; width: 50px; text-align: right; color: #247AB5; font-weight: bold }
.contact .b li p { float: left; padding-left: 10px; }

.ct-mn .labels { background-color: #F3F3F3; height: 35px; }
.ct-mn .labels span { float: left; padding: 0 15px; margin: 9px 0 0 10px; height: 25px; line-height: 25px;
	border: 1px solid #CCC; border-bottom: 0; background-color: #FFF; overflow: hidden; font-weight: bold; cursor: pointer; }
.ct-mn .labels .current { background: url(../images/btn.gif); color: #FFF; }

.ct-mn .record { }
.ct-mn .record li { height: 20px; line-height: 20px; padding: 5px 0; border-bottom: 1px dashed #CCC }
.ct-mn .record li span { float: right; text-align: right; }
.ct-mn .record li.m { border-bottom: 1px solid #CCC; font-weight: bold }
.ct-mn .record li span.time { width: 300px; }

.member_f { margin-top: 5px; }
.member_f dl { border-bottom: 1px solid #E8E8E8; padding: 5px 0; width: 100%; float: left; }
.member_f dl dt { float: left; width: 110px; text-align: right; line-height: 26px; font-weight: bold; }
.member_f dl dd { float: left; line-height: 26px; padding-left: 10px; }
.member_f dl dd textarea { width: 90%; height: 200px; }
.member_f dl dd.m span { color: #C00; }
.member_f dl dd.m span.ok { background-color: #000; width: 10px; height: 5px; }

.links { padding: 10px 0; line-height: 22px; color: #666; }
.links a { color: #333; padding: 5px 10px; color: #666 }

.bottom { background: url(../images/bg.jpg) 0 -287px; height: 50px; padding: 25px 0; }
.bottom .l { float: left; width: 800px; line-height: 25px; font-family: Verdana, Geneva, sans-serif; color: #828282 }
.bottom .r { float: right; width: 135px; height: 50px; background: url(../images/image.gif) 0 -104px; margin: 5px 20px 0 0; }

.pages { margin-top: 10px; }
.pages li { float: left; line-height: 20px; border: 1px solid #E1E1E1; margin-right: 10px; background-color: #FFF; }
.pages li.c { background-color: #588FD9; color: #FFF; padding: 0 8px; }
.pages li a { float: left; padding: 0 8px; height: 20px; }
.pages li a:hover { background-color: #588FD9; color: #FFF; text-decoration: none; }

.menu_pop { display: none; position: absolute; z-index: 100;text-indent: 9999999999px }
.nav li { float: left; }
.nav a { float: left; text-align: center; }

#search span { float: left; }
#search span * { float: left; margin: 0; outline: none; height: 27px; line-height: 27px; }
#search span.select select { border: 1px solid #888; }
#search span.text input { padding: 0 0 0 6px; border: none; width: 141px; background: none; }
#search span.submit input { padding: 0; width: 31px; border: none; cursor: pointer;
	background: #3184DD; }

/*============================================================*/
body { background: #fff }
.bg { background-color: #0173bf; }
.datime li { margin-left: 20px; float: left; }
.wp { width: 980px; padding: 0 10px; background-color: #f8fcff; box-shadow: 0 10px 10px; position: relative }
#tagline { height: 34px; line-height: 24px; padding:0 15px;margin: 0 -10px; background: url(../images/tbj.gif) repeat-x center top }
.b { width: 278px; height: 77px; background: url(../images/phone.gif);  }
.nav { text-align: center; background: url(../images/furen_14.gif) repeat-x center top; overflow: hidden; position: relative;margin: 0 -1px;padding-bottom: 1px;zoom: 1 }
#nav-main .cl {background: url(../images/furen_16.gif) no-repeat right top }
#nav-main .cl li { width: 108px;padding-left: 1px; height: 43px; line-height: 43px; display: block; background: url(../images/furen_16.gif) no-repeat left top }
#nav-main .cl li a { width: 109px; color: #fff; font-size: 14px }
#nav-main .cl li a:hover { text-decoration: none;  background: url(../images/furen_19.gif) no-repeat center bottom }
#nav-main .cl li.active a { background: url(../images/furen_19.gif) no-repeat center bottom }
.news{padding-top: 15px;}
.zuo{width: 225px}
.news .title{width:740px;height:38px;line-height:38px;background: url(../images/furen_44.gif);position: relative}
.news-c{width: 455px;line-height: 30px;border-bottom: dotted 1px #ccc}
.news .cont{width: 726px;padding:12px 0 12px 12px;background: #fff}
.new-c{margin:0 9px 0 0; line-height: 30px;border-bottom: dotted 1px #d9d9d9}
.cont-c dt{padding: 0 11px 0 5px; margin-right: 10px;line-height: 30px;border-bottom: dotted 1px #d9d9d9; text-indent: 11px;background: url(../images/furen_46.gif) no-repeat left}
.font{color: #fff;font-size: 16px;font-family: "微软雅黑", "Microsoft Yahei", Arial;text-indent: 20px;}
.title span{position: absolute;right:10px; }
.title span a{color:#0198ce;font-size: 12px;font-family: "宋体", Arial}
.ber{border: solid 1px #e1e0e0;border-top: none}
.zhuanti{padding-top: 15px;clear: both}
.zhuanti .title{width: 316px;height: 41px; line-height:38px;background: url(../images/furen_65.gif);position: relative}
.zhuanti .cont{width:305px;background: #fff;padding:12px 0 12px 9px}
.zhuanti-c{width: 290px;line-height: 30px;background: url(../images/furen_69.gif) no-repeat center bottom;}
.pic {position: relative; OVERFLOW: hidden; HEIGHT: 345px; WIDTH: 715px}
.pic UL {    TEXT-ALIGN: center;}
.pic LI {    HEIGHT: 175px; FLOAT: left; MARGIN: 2px 5px 10px 12px; DISPLAY: inline; WIDTH: 221px}
.pic LI IMG {    border: solid #ddd 1px; padding: 2px;}
.pic li a:hover img { border: solid blue 1px; }
.pic LI SPAN {    MARGIN-TOP: 3px;}
.pic li a{position: relative;float: left}
.pic li p{color:#fff;bottom: 0; width: 100%; z-index: 20; top: auto; DISPLAY: block;position: absolute; LINE-HEIGHT: 24px }
.pic li p{ background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#32000000', EndColorStr='#32000000');  overflow:hidden;WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis;}
:root .pic li p{
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000'); }
.pic li a:hover p{background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#14000000', EndColorStr='#14000000'); }
:root .pic li a:hover p {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000'); }



.link{ margin:0 -2px;background: url(../images/furen_61.gif) repeat-x center top}
.link a{border-left: solid 1px #666;padding:0 8px 0 12px}
#ft-contact{color:#fff; text-align:center;padding-top: 20px;background: url(../images/furen_69.gif) repeat-x center bottom;height: 90px;line-height:22px;margin: 0 -12px}
#footer .wp{padding-top: 15px}




#pagebanner{position: absolute;bottom:15px;left:48%;z-index: 20}
.ofhd{position: relative}
#pagebanner li{float: left;margin-right: 5px; width: 20px;height: 20px;text-align:center;display: block;color: #fff;cursor: pointer;
    background:rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#32146901', EndColorStr='#32146901');  overflow:hidden;WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis;}
:root #pagebanner li {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000');}
#pagebanner li:hover{background: rgba(52, 114, 141, 0.5);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#32146901', EndColorStr='#32146901');  overflow:hidden;WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis;}
:root #pagebanner li:hvoer {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000');}


#pagebanner li.active{background: rgba(52, 114, 141, 0.5);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#32146901', EndColorStr='#32146901');  overflow:hidden;WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis;}
:root #pagebanner li.active {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000');}