@import url("/items/public/quick.css");
#zsBg{ width:980px;}
body{margin: 0 auto; padding: 0;}
div{margin: 0 auto; padding: 0;}
li{list-style-type: none;}
a{ text-decoration: none;}
a:hover{ text-decoration: underline;}
html{ font-size: 13px;color: #010101;font-family: "微软雅黑";}
img{ border: none;}
.linkbtn { float: right;margin-top: 25px;margin-right: 15px;color: #666; font-size: 15px;}
*{ margin:0; padding:0;}
/* login */
.top{ width: 100%; height: 30px; border-bottom: 1px solid #eaeaea;background-image: url(../../App_Themes/first/cn/image/topbg.jpg)}
.login{width: 1210px; line-height: 30px; text-align:left}
.login a{color: #e45190;}
.info { float: right; margin-right: 50px;}

/* logo */
.logo{width:1210px; height: 115px;}
.logo_box{ height:100px; width: 300px; float: left; margin-left:30px}
.logo_img { width: 129px; float: left; text-align: center; margin-left:20px}
.logo_img a { text-decoration: none;}
.logo img { padding-top: 10px; border: none;}
.logo_ad{ width: 134px; padding:40px 0 0 0px;height: 35px; float: left;}
.logo_ad img { width: 134px; height:50px;}

#search{ width:400px; float: left; margin-top: 30px;margin-left: 15px; position: relative;}
.search_query{ border: 3px solid #E4393C;width: 500px; height: 36px;}
.form{height: 36px;overflow: hidden; margin: 0;}
.txt {  padding: 5px; width: 400px; height: 22px; line-height: 35px; border: none; border: 3px solid #E4393C; float: left;outline:none;}
.button{ cursor: pointer;width: 75px;height: 38px;font-weight: bold;font-size: Medium;font-family: 微软雅黑;color: white;border-style: None;border-color: #DA324D;background-color: #DA324D; padding: 0; float: left;}
#hotwords{margin-top: 5px;float: left;}
#hotwords a { color: #999;}
#hotwords a:hover { color: #FFACBF;}

.bookmark{ float: left; margin-top: 10px; margin-left: 20px;
    width:180px;
}
.bookmark img{ height: 50px;}

/* nav */
#nav{ background-color: #DA324D;height: 40px; width: 100%;}
#nav li{ float: left;}
.nav_box { width: 1210px; height: 40px;background-color: #DA324D;}
#all{ background: #cb2943;height: 40px;color: #fff; width: 223px; font-size: 20px;line-height: 40px;padding-left: 20px;margin-left: -40px;}
.down { width: 0;height: 0;border-left: 7px dashed transparent;border-right: 7px dashed transparent;border-top: 6px solid #fff; margin-left: 50px; margin-top: 20px; position: absolute;}
.item{ float: left; width: 85px;font: 700 15px/40px "microsoft yahei"; text-align: center; height: 40px;}
.item:hover{ background: #b71d36;}
.item a { color: #fff;}
.item a:hover{ text-decoration: none;}

/* banner */
.banner{ width: 100%; height: 360px; position: relative;}
.tb { width: 1215px; margin: 0 auto; padding: 0; border: none; }
.muen_box { width: 240px; height: 360px; position: relative; left: 0;margin-top: -3px; margin-top: -360px;}
.muen { top: 0;height: 353px;background: #fff;border: 1px solid #e1e1e1;padding: 2px 0 0;width: 251px; }
.item_list {visibility: hidden;position: relative;top: 0;z-index: 4;width:400px;background: #FFF;box-shadow: 4px 5px 10px rgba(0,0,0,.2); left: 242px;}
.var { line-height: 30px; height: 35px;}
.var strong { width: 56px;}
.banner_items { padding-left: 0;margin: 0 20px;border-bottom: 1px solid #f0f0f0;}
.banner_items:hover *{color:#ffffff;}
.list a { color: #666;}

strong a { color: Black;}
em a{ color:#666;font-style: normal}

.var:hover,.banner_items:hover{ background: #da324d; border-bottom: #da324d;color:#ffffff;}
.var:hover .item_list {visibility: visible;}

.banner_img { width: 100%; position: absolute; top: 0; left: 0;}
#KinSlideshow { width: 100%; height: 362px;}

/* new */
.new { width: 1210px; height: 536px;}
.new_title{ border-bottom: 2px solid #101010; height: 40px;}
.new_box ul { padding: 0;}
.new_img { margin: 0;}
.left_img { width: 248px; float: left;border-left: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0; height: 484px;}
.right_img { float: right; border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
.show_img{ position: absolute; width: 726px; margin: 0; margin-left: 247px;}
.show_img li { float: left;border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0; height: 241px;}


/* focus */
#focus {width:241px; height:484px; overflow:hidden; position:relative;}
#focus ul {height:484px; position:absolute;
    top: 2px;
    left: 0px;
}
#focus ul li {float:left; width:241px; height:484px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:241px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:220px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}


/* pop */
.pop { width: 1210px; height: 536px; margin-top: 20px;}
.pop_title{ border-bottom: 2px solid #101010; height: 40px; margin-top: 20px; padding-bottom: 10px;}
.pop_box ul{ margin: 0; padding: 0;}
.pop_img li { float: left;}
.pop input { border-bottom: 1px solid #eaeaea;}

/* reco */
.reco { width: 1210px; height: 536px; margin-top: 20px;position: relative;}
.reco_title{ border-bottom: 2px solid #101010; height: 40px; margin-top: 20px; padding-bottom: 10px;}
.reco_box ul{ margin: 0; padding: 0; }
.big_img { width: 485px; height: 485px;left: 245px;position: absolute; border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
.reco_img li { float: left;}
.reco_img { width: 1300px;}
.reco_img img { width: 248px; height: 242px;}
.reco_img li { border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0; width: 247px; height: 242px; float: left; }
.fore1,.fore4 { margin-left: 484px;}

/* purchase */
.purchase { width: 1210px; height: 777px; margin-top: 20px;}
.purchase_title{ border-bottom: 2px solid #101010; height: 40px; margin-top: 20px; padding-bottom: 10px;}
.purchase_box li { width: 242px; height: 725px; float: left;}
.purchase_box ul { width: 1300px; margin: 0; padding: 0;}
.purchase_box li input { width: 241px;border-right: 1px solid #f0f0f0;border-bottom: 1px solid #eaeaea;}
.purchase_img { margin-top: -4px;}

/* footer */
.footer { width: 1210px; height: 200px;}
.footer_box {border-top: 1px solid #DDD;border-bottom: 1px solid #DDD; height: 140px; margin-top: 10px; padding-top: 30px;}
.foot { float: left; width: 200px; height: 55px;}

.f_title { color: #666; font-weight: bold; font-size: 15px;}
.img { width: 24px; height: 50px; float: left; margin-right: 3px;}
.img img { width: 21px;}
.footer a{color: #666; font-size: 14px;}
.footer a:hover{color: #da324d; text-decoration:  underline;}
.weixin { float: left;}
.weixin img { width: 100px; height: 100px; margin-left: 20px; margin-top: -10px;}
.link{ width:1210px; float: left; text-align: center; padding-top: 20px;color: #666;padding-bottom: 20px;}


/* 滚动图片 */

.index_bg01 {
	BACKGROUND: url(../../first/cn/p1/banner_bg01.gif) repeat-x 0px 0px
}
.index_bg02 {
	BACKGROUND: url(../../first/cn/p1/banner_bg02.gif) repeat-x 0px 0px
}
.index_bg03 {
	BACKGROUND: url(../../first/cn/p1/banner_bg03.gif) repeat-x 0px 0px
}
.index_bg04 {
	BACKGROUND: url(../../first/cn/p1/banner_bg04.gif) repeat-x 0px 0px
}
.index_bg05 {
	BACKGROUND: url(../../first/cn/p1/banner_bg05.gif) repeat-x 0px 0px
}

.default_bg01 
{
    BACKGROUND: url(../../first/cn/default/banner_bg01.gif) repeat-x 0px 0px
}
.default_bg02 {
	BACKGROUND: url(../../first/cn/default/banner_bg02.gif) repeat-x 0px 0px
}
.default_bg03 {
	BACKGROUND: url(../../first/cn/default/banner_bg03.gif) repeat-x 0px 0px
}
.default_bg04 {
	BACKGROUND: url(../../first/cn/default/banner_bg04.gif) repeat-x 0px 0px
}
.default_bg05 {
	BACKGROUND: url(../../first/cn/default/banner_bg05.gif) repeat-x 0px 0px
}

#warp {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 357px; PADDING-TOP: 0px;
}
.banner_1 {
	Z-INDEX: 99; MARGIN: 0px auto; WIDTH: 1210px; HEIGHT: 357px; _width: 973px
}
.banner_l {
	MARGIN-TOP: 147px; WIDTH: 23px; FLOAT: left
}
.banner_r {
	MARGIN-TOP: 147px; WIDTH: 23px; FLOAT: left
}
.bannerImg {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1210px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
.bannerImg .bannerPage {
	POSITION: absolute; TOP: 300px; LEFT: 550px
}
.bannerImg .bannerPage A {
	MARGIN-RIGHT: 2px
}
.bannerImg .bannerPage A IMG {
	VERTICAL-ALIGN: middle
}
.slides_container {
	POSITION: relative; WIDTH: 1210px; OVERFLOW: hidden
}
.pagination {
	MARGIN: 26px auto 0px
}
.pagination LI {
	MARGIN: 0px 1px; FLOAT: left
}
.pagination LI A {
	BACKGROUND-IMAGE: url(../../first/cn/p1/pagination.png); WIDTH: 15px; DISPLAY: block; BACKGROUND-POSITION: 0px -1px; FLOAT: left; HEIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 12px
}
.pagination LI.current A {
	BACKGROUND-POSITION: 0px -18px
}

/* default 页面引用,部分引用上面的样式，下面写的样式会覆盖上面的 */
/* top  css */
.login_page { height: 50px;}
/* nav css */
.nav {  width: 100%;background-color: #f3f5f5; position: absolute; top: 0;}
.login_nav_box {background-color: #f3f5f5; margin: 0 auto; height: 50px;background-color: #f3f5f5;}
.login_nav_box ul { margin: 0;}
 .login_nav_box li a {color: #666;}
 .nav_item {float: left; width: 85px;font: 700 15px/80px "microsoft yahei"; text-align: center; height: 80px;}
 .nav_item:hover{background: #ddd;}
 .nav_item a:hover{text-decoration: none;}
 .togo { width: 300px;float: left;font: 700 15px/80px "microsoft yahei"; height:60px;}
 .togo img { margin-left: 15px;}
 .togo_box { width: 300px; float: left; height:60px;}
 .togo_img { width: 100px; float: left;}
.togo_ad{ width: 134px; padding:10px 0 0 0px;height:50px; float: left;}
.togo_ad img { width: 134px; height:50px; margin-top:0px}
 .login_right { float: right;}

 /* 中间图片 css */
 .width_img { width: 100%; height:350px;}
 .width_img img{ width: 100%; }
 /* 按钮 css */
.display_warp { width: 100%; height: 220px;}
.show_button { width: 1210px; height: 220px; margin: 0 auto; padding: 18px 0;}
.login_button { float: left; width:185px; height:135px;margin: 0 10px 0 0;text-align: center;}
.login_button a { width:277px; height:185px; border: 1px solid #eaeaea; display: block; padding-top: 10px;background: #fff;}
.login_button a span { width: 215px; color: #666; float: left; font-size: 15px; font-weight: bold;}
.login_button img { height: 130px;}
.login_button a:hover { border: 3px solid #add5ed;}
.login_link{ width:1210px; text-align: center; padding-top: 20px;color: #666;padding-bottom: 20px; margin: 0 auto;border-top: 1px solid #DDD;}

/* login css */
.WBLogin { width: 100%; height: 795px; z-index: 9999; position: absolute; top: 0; left: 0;opacity: 0.3; background: #000; display: none;}
.loginPage { position: absolute; top: 200px; left: 466px; width: 450px; height: 370px; background: #fff; z-index: 10000; padding: 10px; border-radius: 8px; background: rgba(0,0,0,0.2); display: none;}
.loginPanel {border-radius: 6px; background: #fff; width: 446px; height: 370px;}
.close {position: absolute;overflow: hidden;line-height: 100px;top: 15px;right: 15px;}
/*.close:hover { background: url(../../../App_Themes/first/cn/image/closeOld.png) 0 -32px;}*/


/* 招商加盟 */

.top_index { width: 980px; font-size: 13px; line-height: 35px;}
.top_index a { color: #000; font-size: 13px; margin-left: 20px;}
/*通用样式*/
.content { width: 980px; background: #fff; margin-bottom:0px;}
.title_img img{ width: 980px; height: 120px;}
.content_img {padding: 10px; width: 960px;}

/* 第一个栏目css */
.cj_one { height:720px; background-color:#ffffff}
.tel { width: 980px; height: 110px; padding: 0;}
.index_img { width: 960px; padding: 10px;}
.index_img img { width: 960px; height: 486px;}
.cj_show_img { display: none;}
.index_img :first-child{ display: block;}

/* 第二个栏目 */
.cj_gsjj { height:500px; margin-top:0px}
.gsjj_left { width: 380px; float: left; padding: 20px 0 0 20px;}
.gsjj_content { width: 550px; float: left;}
.gsjj_content p{ text-indent: 2em; line-height: 30px; font-size: 13px;}

/* 第三个栏目 */
.cj_prod { height: 550px;}

/* 第四个栏目 */
.cj_show { height:410px;}
.moves { width: 420px; height: 300px; position: relative; margin: 0; left: 43px; float: left;}
.cj_show_content { width: 470px; float: left; margin: 0px 0 0 60px;}
.cj_show_content p { line-height: 30px; width: 205px; float: left; margin-top: 40px; padding-left: 5px;}
.cscp { width: 200px; margin-left: 50px;}

/* 第五个栏目 */
.cj_banner td { padding-left: 4px;}
.cj_banner img{ height: 410px;}
.cj_banner_img img{ height: 360px;}
.cj_banner_img td { padding-left: 4px;}

/* 第六个栏目 */
.cj_cj { height:950px;}
.cj_content { width: 550px; margin-left: 50px; float: left;}
.cj_content p { font-size: 12px;}
.cj_title { font-weight: bold; color: #9AA74F; font-size: 14px;}
.process { width: 300px; float: left; text-align: center; height: 450px; padding-top: 40px;}
.cj_where { width: 960px; font-size: 13px; color: #3b3b3b;}
.join_where { width: 350px; float: left; margin-left: 50px;}
.join_process { width: 350px; float: left; margin-left: 100px;}

/* 第七个栏目 */

/* 第八个栏目 */
.cj_contact { height:599px;}
.company { width:370px; margin: 30px 0 0 40px;float: left;}
.company img { width: 350px; height: 449px;}
.contact_txt { width:100%; float: left; line-height: 25px; margin-top:0px;}
.contact_txt a { color: #000;}

/* 第九个栏目 */
.erwei_link { width: 980px; text-align: center; color: #666;}
/* 第十个栏目 */
.cj_link { width: 880px; text-align: center; padding: 30px 50px 30px 50px; color: #666;}


#feedBackTable { width:96%;}
#feedBackTable Td{  color:#3b3b3b;}
#feedBackTable Td.Titletd{color:#3b3b3b;}
#comtop{ width:900px; height:auto; text-align:left; padding-top:2px; overflow:hidden}
#comtop h1{white-space:nowrap; float:left; text-align:left; line-height:21px; font-size:12px; margin:0px; padding-right:10px; font-weight:normal; height:21px; }
#comtop ul{ white-space:nowrap; float:left; padding-right:10px;}
#comtop.write *{ color:#fefefe;}
table{ margin:0 auto;}
#sendDiv{width:auto;}

#news ul li{ float:left; display:inline; width:332px; height:26px; margin-left:15px;  margin-right:15px; background:url(../images/blackico.png) no-repeat left 9px; padding-left:8px; overflow:hidden;}
#news ul li a{ width:262px; float:left; white-space:pre; text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden}
#news ul li a span{ float:none; color:#636363; overflow:hidden}
#news ul li span{ width:70px; float:right; color:#636363} 

#notice{ width:95%; height:37px; overflow:hidden; background:url(../images/noticeBg.png) no-repeat; padding:5px 0 0 10px;}
#notice.nobg{ background:none;}
.brname{ color:#de0404; font-weight:bold;}

#brfoot{ width:96%; height:auto; overflow:hidden; border-top:1px solid #dcdcdc;}
#brfoot.noline{ border:none;}
#brfoot ul{ width:100%; height:24px; overflow:hidden; margin:0 auto; text-align:center; margin-top:1px; padding-left:185px;}
#brfoot ul li{ float:left; display:inline; color:#858585;}
#brfoot dl{ width:100%; height:24px; overflow:hidden; text-align:center; margin-top:8px;}
#brfoot dl dt{ float:left; display:inline; margin-left:156px;}
#brfoot dl dd{ float:left; display:inline; margin-left:10px;}
#tempSubmit { width:88px;}
#tempSubmit2 { width:160px;}
#topPub {height:176px; background:url(../images/topBg.gif) repeat-x;}
#topHighest {width:888px; height:33px;}
#topHighest dl {height:33px; float:right;}
#topHighest dl dt {white-space:nowrap; height:33px; float:left;}
#topHighest dl dt a {color:#828282; line-height:33px;}
#topHighest dl dd {padding:0 6px; height:33px; color:#828282; line-height:33px; float:left;}
#topMenu {width:888px; height:29px; overflow:hidden;}
#topMenu dl {white-space:nowrap; height:29px; float:right;}
#topMenu dl dt {white-space:nowrap; height:25px; padding-top:4px; float:left;}
#topMenu dl dt a {color:#f2f2f2; line-height:25px;}
#topMenu dl dd {width:1px; height:29px; padding:0 20px; background:url(../images/topMenuBg.gif) center no-repeat; float:left;}
#topMenu ul {width:126px; height:39px; position:relative; top:-10px; float:left;}
#topTrade {background:#d8d8d8; margin-top:7px;}
#topTrade td {background:#fff; height:22px; text-align:center;}
.inp,.scroll { padding-left:3px; }
.scroll{padding-left:6px;overflow-y:auto;height:126px; font-size:12px; background:url(/items/images/txtbg.gif) #ffffff right bottom no-repeat; padding-top:5px;}
#relDes {width:230px; height:126px; margin-bottom:1px; padding:0; float:left;}
#relDes ul {width:230px; height:84px; padding:3px 0;}
#relDes ul li {width:230px; height:21px; padding:0; margin-top:2px; line-height:21px; cursor:pointer; line-height:21px;padding:0 0 0 18px;text-decoration:none; display:block;}
#relDes ul li.hover {background:url(../images/relDes.gif) 0 no-repeat; color:#ffa200;}

#relDes ul li.hover {background:url(/public/images/relDes.gif) 0 no-repeat; color:#ffa200;padding:0 0 0 18px; }

.inp {width:297px; height:20px; line-height:20px;  border:#5e5563 1px solid;}

.scroll {width:358px; line-height:17px; scrollbar-base-color:rgb (6,57,72);  border:#5e5563 1px solid;}

.sub {height:25px; padding:0 4px; line-height:21px;}

.imgTd { padding:12px; }

#feedBackTable { width:95%;}
#feedBackTable td{color:#000}
#feedBackTable strong{color:#000}
#relDes { border:#5e5563 1px solid;}
#relDes a{ color:#000}
#feedBackTable Td.Titletd{  color:#5b3b6d;}
.brSpan {  font-weight:bold; color:#c33571; }
#imgdiv { width:960px; background:#000; height:62px;}
td{ font-family:宋体; color:#000; line-height:28px; font-size:12px;}
.x{ font-family:宋体; color:#000; line-height:26px; font-size:14px;}
.x strong{ color:#F69C00;}
.x span{ color:#E60012; font-weight:bold;}
.x em{font-weight:bold; font-style: normal;}
#brfoot a{ color:#000}
#brfoot ul li{ color:#000}
#brfoot dl dt{ color:#000}
#brfoot dl dd div{ color:#000}

#notice{ color:#000}


#news ul li{ width:402px; margin-left:35px;  margin-right:5px;}
#news ul li a{ width:317px; color:#000; font-family:微软雅黑;}
#news ul li span{ width:85px; font-family:微软雅黑;}

.hsfont{ color:#ff5d00;}