@charset "utf-8";
body { color:#666; font-size:12px; font-family: "宋体";} /*网站字体颜色*/
a { color:#666; text-decoration:none;}  /*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;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:960px; margin:0 auto; overflow:hidden; }
.left_pro{ width:287px;overflow: hidden; float:left;}
.right_pro { width:668px; float:left; display:inline; margin-left:5px; overflow:hidden;}

.left { width:201px; float:left; overflow:hidden;}
.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:754px; float:left; 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 { width:752px; min-height:458px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.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 { background:url(../images/t_bg.jpg) no-repeat center top; height:682px;}
.h_top { height:30px; line-height:30px; text-align:right;}
.h_top a { padding:0 5px;}

.h_con { height:105px;}
.h_con h1 { float:left; padding:8px 0 0;}
.h_con h1 img { float:left;}
.h_con h1 span { float:left; display:block; padding:55px 0 0 18px;}

.h_pho { font-family:""; font-size:16px; color:#444; background:url(../images/h_pho.gif) no-repeat left 8px; padding-left:70px; margin-top:30px;}
.h_pho span { display:block; font-family:Arial; font-size:18px; color:#ef0104;}

.h_nav { background:url(../images/h_nav.gif) no-repeat; height:46px; line-height:46px; padding:0 15px;}
.h_nav ul li { float:left; background:url(../images/n_bor.gif) no-repeat right bottom; padding:0 12px;}
.h_nav ul .nobor01 { background:none;}
.h_nav ul li a { font-size:15px; font-family:""; color:#FFF; padding-left:6px; display:block;}
.h_nav ul li span { padding-right:6px;}
.h_nav ul li a:hover, .h_nav ul .cur a { background:url(../images/n_libg01.gif) no-repeat left; display:block; color:#fff; text-decoration:none;}
.h_nav ul li a:hover span, .h_nav ul .cur a span { background:url(../images/n_libg02.gif) no-repeat right; display:block}

.h_ser { height:50px;}
.h_ser p b{ font-weight:bold;}
.s_inp { margin-top:9px; width:210px;}
.inp01 { background:url(../images/s_inp.gif) no-repeat; width:156px; height:26px; line-height:26px; border:none; padding:0 0 0 14px;}
.h_ser p { float:left; padding-top:10px; height:25px; line-height:25px; overflow:hidden; width:720px;}
.h_ser p a { padding:0 6px;}
.h_ser p b { color:#1c1b1b;}

.xx_bt { background:url(../images/xx_ico.gif) no-repeat left 2px; height:60px; line-height:66px; padding-left:60px; font-weight:bold; color:#de0102; width:70px;}

.xx_con { width:818px; padding:27px 0 0 10px;} 
.xx_con ul li { float:left; width:360px; padding-right:49px;}
.xx_con ul li span { float:right;}
/*头部结束*

/*底部开始*/
.f_bg { height:220px; background:#140000;}

.f_nav { height:30px; line-height:30px; text-align:center; margin:30px 0; color:#fff;}
.f_nav a { padding: 0 5px; color:#fff;} 

.f_img { float:left; padding:15px 10px 0 148px;}
.f_img img { padding-left:10px;}
.f_p { color:#888; line-height:30px; float:right; width:57%;}
.f_p p a { color:#888;}
/*底部结束*/



.f_bottom{width: 213px; bottom: 5px; top: auto;right: 5px; position: fixed; display: block; height: 241px; font-size: 12px; z-index: 2147483640; background:url(../images/m_b_2.gif) no-repeat left top;}
.f_bottom .txt{ position:relative; width:100%; height:40px;}
.f_bottom .txt h2{ position:absolute;left: 15px; top: 12px; width: 146px; height: 24px; font-weight: bold; color: #000; font-size:12px;}
.f_bottom .txt .f_close{right: 15px; top: 10px; width: 19px; height: 19px; cursor: pointer; position:absolute; display:block;}
.f_bottom .txt .f_close img{ display:block; width:100%; height:auto; max-width:100%;}
.f_bottom .txt .f_open{ display:none;}
.f_bottom .nr{ padding:8px 15px;  width:calc((100% - 30px)/1);}
.f_bottom .nr textarea{border: 1px solid #ddd; background-color: #EEE;height: 50px;  width: 185px; font-size: 12px; color: #848484;}
.f_bottom .nr .input{ border: 1px solid #ddd; background-color: #EEE; font-size: 12px; margin-top:2px;}
.f_bottom .nr .input span{margin-left: 5px; padding-left: 20px;}
.f_bottom .nr .input input{width: 100px; height: 20px; line-height: 20px;border: 0; background: transparent;}
.f_bottom .nr .input1 span{background:url(../images/m_icon_name.gif) no-repeat left center;}
.f_bottom .nr .input2 span{background:url(../images/m_icon_phone.gif) no-repeat left center;}
.f_bottom .nr .input3 span{background:url(../images/m_icon_email.gif) no-repeat left center;}
.f_bottom .nr .input4 span{background:url(../images/m_icon_qq.gif) no-repeat left center;}
.f_bottom .anniu{ padding:8px 15px;  width:calc((100% - 30px)/1);}
.f_bottom .anniu .a1{ top: 206px; height: 32px;line-height: 32px; color: #000; text-align: center;  font-size: 12px; cursor: pointer;left: 15px;width: 63px; position:absolute; background:url(../images/m_btn_2.gif) no-repeat center center; text-decoration:none;}
.f_bottom .anniu .a2{ top: 206px; height: 32px;line-height: 32px; color: #000; text-align: center; font-size: 12px;cursor: pointer;right: 10px; width: 92px; padding-left: 10px; display: block; position:absolute; background:url(../images/m_p_2.gif) no-repeat center center;text-decoration:none;}

.f_bottom .txt .f_open.f_openon{right: 15px; top: 10px; width: 19px; height: 19px; cursor: pointer; position:absolute; display:block !important;}
.f_bottom .txt .f_open.f_openon img{ display:block; width:100%; height:auto; max-width:100%;}
.f_bottom .txt .f_close.f_closeon{right: 15px; top: 10px; width: 19px; height: 19px; cursor: pointer; position:absolute; display:block !important;}