@charset "utf-8";



/*reset.css*/









html { color: #000; background: #FFF; overflow-y: scroll; }



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }



table { border-collapse: collapse; border-spacing: 0; }



fieldset, img { border: 0; }



address, caption, cite, code, dfn, em, th, var, optgroup { font-style: inherit; font-weight: inherit; }



del, ins { text-decoration: none; }



li { list-style: none; }



caption, th { text-align: left; }



q:before, q:after { content: ''; }



abbr, acronym { border: 0; font-variant: normal; }



sup { vertical-align: baseline; }



sub { vertical-align: baseline; }



input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }



input, button, textarea, select { *font-size:100%;

}



input, select { vertical-align: middle; }



body { font: 12px/1.231 arial, helvetica, clean, sans-serif; }



select, input, button, textarea, button { font: 99% arial, helvetica, clean, sans-serif; }



table { font-size: inherit; font: 100%; border-collapse: collapse; }



pre, code, kbd, samp, tt { font-family: monospace; *font-size:108%;

line-height: 100%; }



#showstate p { line-height:3; text-align:justify; font-size:14px; }



.img > img {

    display: block;

    margin: 0 auto;

}



#showstate img { border: 1px solid #999; margin: 3px; padding: 2px; }



.txtboxcs { border: solid 1px #ccc; height: 22px; }



h1 { font-size: 32px; }



h2 { font-size: 26px; }



h3 { font-size: 20px; }



h4 { font-size: 14px; }



h5 { font-size: 12px; }



h6 { font-size: 10px; }



.mt10 { margin-top: 10px; }



/*common.css*/









body { color: #222; font-size: 16px; font-family: "Microsoft YaHei"; } /*网站字体颜色*/



a { color: #222; text-decoration: none; font-family: "Microsoft YaHei"; }  /*for ie f6n.net*/



a:focus { outline: 0; } /*for ff f6n.net*/



a:hover { text-decoration: underline; }



.vam { vertical-align: middle; }



.clear { clear: both; height: 0; line-height: 0; font-size: 0; }



p { word-spacing: -1.5px; font-family: "Microsoft YaHei"; }



.tr { text-align: right; }



.tl { text-align: left; }



.fl { float: left; }



.fr { float: right; }



.pa { position: absolute; }



.pr { position: relative }



i { font-style: normal; }



em { font-style: normal; }



/* -- 购物车外部框架 -- */









.cart_header, .cart_content, .cart_footer { width: 760px; margin: 0 auto; }



.zx_con { border: 1px solid #e8e8e8; border-top: none; padding: 6px 0 0 6px; border-bottom: none;}



.zx_con h3 { background: #e00029;  width: 187px; height: 36px; line-height: 36px; text-align: center; clear: both; margin: 5px 0; behavior:url(PIE.htc);border-radius:3px; }



.zx_con h3 a { font-size: 16px; color: #fff; }



.zx_con ul { padding-bottom: 3px; }



.zx_con ul li { height: 35px; line-height: 35px; background: url(../images/ico01.gif) no-repeat 5px 13px; padding-left: 18px; border-bottom: dashed 1px #d8d8d8; width: 160px; text-align:left; }



.zx_con ul li a { font-size: 16px; color: #333; }



/* -- 页面整体布局 -- */







.content {

    margin-top: 15px;

}



.header, .content, .footer { width: 1100px; margin: 0 auto; overflow: hidden; font-family: "Microsoft YaHei"; }



.left { width: 201px; float: left; overflow: hidden; display: inline; }



.left2 { width: 670px; float: left; overflow: hidden; }



.left3 { width: 754px; float: left; overflow: hidden; color: #666; }



.lefttop { background: url(../images/left_top_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; margin-top: 10px; }



.left2top { background: url(../images/left2_top_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; }



.leftbot {

	background: url(../images/left_bot_img.gif) no-repeat;

	height: 3px;

	font-size: 0;

	overflow: hidden;

	margin-bottom: 10px;

}



.left2bot { background: url(../images/right_bot2_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; margin-bottom: 10px; }



.right { width: 890px; float: right; display: inline; margin-left: 5px; overflow: hidden; }



.right2 { width: 275px; float: right; overflow: hidden; }



.right3 { width: 201px; float: right; overflow: hidden; color: #666; }



.righttop { background: url(../images/right_top_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; }



.right2top { background: url(../images/right2_top_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; }



.rightbot { background: url(../images/right_bot_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; margin-bottom: 10px; }



.right2bot { background: url(../images/left_bot2_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; margin-bottom: 10px; }



.right_main {  border: solid 1px #d5d5d5; border-top:0; padding-bottom: 15px; overflow: hidden; border-radius:0 0 3px 3px; behavior:url(PIE.htc); }



.right2_main { width: 273px; border: solid 1px #d5d5d5; border-top: 0; border-bottom: 0; padding-bottom: 15px; overflow: hidden; }



.left2_main { width: 668px; border: solid 1px #d5d5d5; border-top: 0; border-bottom: 0; padding-bottom: 15px; overflow: hidden; }

 .h_nav li a:-webkit-any-link {

display:block;

}



/*头部开始*/









.t_bg { width:100%; height:auto;}



.h_top { height: 37px; line-height: 37px; overflow: hidden; background:#cfcfcf; }



.h_top i { float: left; color: #333; }



.h_top p { float: right; color: #333;  }



.h_top p a { padding: 0 5px; color: #333; }



.h_con { height: 130px; overflow: hidden }



.h_con h1 { padding: 0px 0 0; float: left; }



.h_con h1 img { float: left; padding-right: 34px; }



.h_con h1 span { display: block; margin: 17px 0 0; padding-left: 33px; border-left: solid 1px #dce1e2; float: left }



.h_pho { padding: 15px 0px 20px 40px; text-align: center; width: 245px; }



.h_pho span { font-family: "Microsoft YaHei"; font-size: 18px; color: #9B0002; display: block; }



.h_pho q { background: url(../images/h_ico.gif) no-repeat; width: 225px; height: 16px; line-height: 16px; color: #666; font-size: 16px; display: block; font-family: "Microsoft YaHei"; text-align: center; margin: 10px auto; }



.h_pho p { font-family: Impact; font-size: 22px; color: #9B0002; }



.h_nav { height: 50px; line-height: 50px; background:#bb0102; }



.h_nav ul li { float: left; background: url(../images/n_bor.gif) no-repeat right center; text-align: center; width: 109px; }



.h_nav ul li:last-of-type { background: none; }



.h_nav ul .nobor01 { background: none; }



.h_nav ul li a { display: block; color: #fff; font-size: 16px; font-family: "Microsoft YaHei";  }



.h_nav ul li a:hover, .h_nav ul .cur a { color: #fff; text-decoration: none; background:#2e2e2e; }



.s_bg { background: url(../images/s_bg.gif) repeat-x; height: 59px; line-height: 59px; }



.h_ser { width: 1200px; margin: 0 auto; }



.s_inp { margin-top: 16px; }



.inp01 { background: url(../images/s_inp.gif) no-repeat; width: 178px; height: 26px; line-height: 26px; border: none; padding: 0 3px 0 30px; float: left; font-size: 12px; color: #333 }





.h_ser p b { font-family: "Microsoft YaHei"; font-size: 13px; }



.h_ser p a { padding: 0 6px; font-family: "Microsoft YaHei"; font-size: 13px; color: #353535; }



/*头部结束*/







/*底部开始*/









.f_bg { background: url(../images/f_bg.gif) repeat-x center top; height:385px; overflow:hidden; margin-top: 15px; }



.f_nav { text-align: center; color: #fff; height: 45px; line-height: 45px; font-size: 14px; font-weight: bold;  }



.f_nav a { color: #fff; padding: 0 25px; font-size: 14px; font-weight: bold; }



.f_img { float: left; padding: 25px 30px 0 47px; }



.f_p { color: #444; line-height: 30px; margin: 5px 0 0; background: url(../images/f_yy.gif) no-repeat 0 0; padding: 20px 0 20px 55px; width: 620px; }



.f_p p a { color: #444; }



.f_p p span { padding: 0 20px }



.f_p p img { padding: 0 0 0 10px; float: none; }



.f_p01 { margin-left: 30px; }



.f_p01 i { display: block; text-align: center; padding-top: 5px; }



/*底部结束*/



 



 /*temp.css*/









#nodata { padding: 80px; padding-left: 150px; border: solid 1px #eee; margin: 10px 0; background: url(../images/nodata.gif) no-repeat 20px 20px; }



/* -- 弹出窗口 -- */









#mesbook1_c, #mesbook1 { display: none; z-index: 1001; width: 398px; border: 1px solid #ccc; background: #fff; padding-bottom: 20px; }



#mesbook1_c div, #mesbook1 div { border: 1px solid #E4E3E3; background: #EBECEB; height: 18px; padding: 4px .5em 0; margin-bottom: 10px; }



#mesbook1_c dl.b1, #mesbook1 dl.b1 { width: 370px; margin: 0 auto; }



#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float: left; width: 105px; overflow: hidden; }



#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width: 265px; float: right; }



#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns { padding-bottom: 10px; }



#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input { margin-right: 20px; }



/*rollup.css*/









#roll_top, #fall, #ct { position: relative; cursor: pointer; height: 72px; width: 26px }



#roll_top { background: url(../images/top.gif) no-repeat }



#fall { background: url(../images/top.gif) no-repeat 0 -80px }



#ct { background: url(../images/top.gif) no-repeat 0 -40px }



#roll { display: block; width: 15px; margin-right: -500px; position: fixed; right: 50%; top: 50%; _margin-right: -505px; _position: absolute; _margin-top: 300px; _top:expression(eval(document.documentElement.scrollTop))

}



.ImTable * { padding: 0px; margin: 0px }



.ImTable { border-collapse: collapse; border: none; background: url(../images/bg.gif) }



.ImTable h2 { font-size: 14px; font-weight: bold; margin-top: 5px }



.ImHeader { height: 165px; background: url(../images/im_01.gif) }



.ImRow0 { background: url(../images/ico_item1.gif) no-repeat; margin: 10px 10px 0; height: 24px; padding-left: 10px; padding-top: 4px; }



.ImRow1 { background: url(../images/ico_item1.gif) no-repeat; margin: 10px 10px 0; height: 24px; padding-left: 10px; padding-top: 4px; }



a.im, a:hover.im { text-decoration: none; height: 35px; color: #333; font-size: 14px; }



.ImFooter { height: 90px; background: url(../images/im_04.gif) no-repeat; display: inline-block; width: 150px; font-family: Arial, Helvetica, sans-serif; }



.ImFooter h5 { font-size: 14px; font-weight: normal; color: #fff; text-align: center; margin: 15px 0 0; font-family: '宋体'; }



.ImFooter p { font-size: 18px; font-weight: bold; color: #fff; text-align: center; margin: 10px 0; }



.fenzhan { height: 36px; line-height: 36px; color: #333; font-size: 12px; }



.fenzhan a { color: #333; }



.fenzhanIn { margin: 0 auto; width: 960px; border-bottom: 2px red solid; }



.Bannerslider { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }



.Bannerslider ul { position: relative; width: 1000%; overflow: hidden; }



.Bannerslider ul li { width: 10%; float: left; display: block; background: center top no-repeat; }



.Bannerslider ul li img { display: block; visibility: hidden; }



.Bannerslider ol { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; }



.Bannerslider ol li { width: 16px; height: 16px; background: url(../images/dot.png) 0 -16px; cursor: pointer; display: inline-block; *display:inline;

*zoom:1;

}



.Bannerslider ol li.on { width: 16px; height: 16px; background: url(../images/dot.png) 0 0px; }



.Bannerslider .ScrollLeft { display: none; width: 60px; height: 90px; position: absolute; top: 50%; left: 0; opacity: 0.8; background: url(../images/ad_ctr.png) 0 0; cursor: pointer; z-index: 1; margin-top: -45px; }



.Bannerslider .ScrollRight { display: none; width: 60px; height: 90px; position: absolute; top: 50%; right: 0; opacity: 0.8; background: url(../images/ad_ctr.png) 0 -90px; cursor: pointer; z-index: 1; margin-top: -45px; }



.Bannerslider .ScrollLeft:hover, .Bannerslider .ScrollRight:hover { opacity: 1; }



.Bannerslider:hover .ScrollLeft, .Bannerslider:hover .ScrollRight { display: block; }



.xiaotu{ width:100%; background:url(../flash/xt.jpg) center no-repeat; height:300px; }



.xiaotu a{ display:block; height:100%; }



.pro_img{ overflow:hidden; width:812px; margin:0 auto; }



.pro_img img{ border:1px #ccc solid; padding:3px; background:#fff; }



.pro_img li{ background:#000; height:300px; width:400px; float:left; margin:0 5px 5px 0; }

.ewmBox {
	background: url("../images/xfbg.png") repeat;
	bottom: 0;
	height: 65px;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 999;
}
.ewmBoxIn {
	height: 65px;
	line-height: 65px;
	margin: 0 auto;
	position: relative;
	width: 1200px;
}
.ewmBox a {
	color: #fff;
	text-decoration: none;
}
.ewmBox .ico {
	background: url("../images/ico.png") no-repeat;
	float: left;
	height: 54px;
	width: 54px;
}
.ewmBox .font {
	color: #000;
	float: left;
	font-family: 微软雅黑;
	font-size: 22px;
	font-weight: bold;
	padding-left: 10px;
	width: 230px;
}
.ewmBox .font p {
	line-height: 30px;
	margin: 0;
}
.ewmBox .font p.num {
	text-indent: 2em;
}
.ewmBox .phoneNum {
	float: left;
	padding: 5px 0 0;
	width: 350px;
}
.ewmBox .phoneNum .ico {
	background-position: 0 0;
}
.ewmBox .QQ {
	float: left;
	padding: 5px 0 0;
	width: 350px;
}
.ewmBox .QQ .ico {
	background-position: -57px 0;
}
.ewmBox .weChat {
	float: left;
	padding: 5px 0 0;
	position: relative;
	width: 320px;
}
.ewmBox .weChat .ico {
	background-position: -113px 0;
}
.ewmBox .weChat .wx {
	bottom: 65px;
	display: none;
	left: 0;
	position: absolute;
}
.ewmBox .weChat:hover .wx {
	display: block;
}
.ewm2 {
	bottom: 0;
	height: 65px;
	position: absolute;
	right: 0;
	width: 65px;
	z-index: 999;
}
.ewm2 img.wxxt {
	height: 100%;
	width: 100%;
}
.ewm2 img.wxxt1 {
	bottom: 65px;
	display: none;
	left: -80px;
	position: absolute;
}
.ewm2:hover .wxxt1 {
	display: block;
}