﻿@charset "utf-8";
html{color:#000;background:#FFF;}
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,strong,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;}
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%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}





@charset "utf-8";
body { font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px;} /*网站字体颜色*/
a { color:#4B4B4B; text-decoration:none;  blr:expression(this.onFocus=this.blur())}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
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:1200px; margin:0 auto;  }
.left { width:201px; float:left; overflow:hidden;}
.leftp { width:280px; float:left; overflow:hidden;}
.left2 { width:900px; 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:975px; float:right; display:inline; margin-left:24px; overflow:hidden;}
.rightp { width:896px; float:right; display:inline; margin-left:24px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop {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 {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:975px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:900px;  padding-bottom:15px; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}

em,i{ font-style:normal;}


.news-list { background:#f5f5f5; border:2px solid #eee; height:150px; padding:20px; margin-bottom:30px; overflow:hidden; *zoom:1; }
.news-list:hover, .news-list.cur { border:2px solid #ad1c79; }
.news-list .image { float:left; width:260px; height:150px; padding-right:20px; }
.news-list .image img{ width:260px; height:150px; }
.news-list .text h2 { font-weight:100; line-height:22px; height:40px; overflow:hidden; font-size:16px; }
.news-list .text h2 a { color:#ad1c79; }
.news-list .text p { text-indent:2em; line-height:24px; color:#958e95; font-size:14px; text-align:justify; height:72px; margin-bottom:10px; overflow:hidden; }
.news-list .text span.btn { }
.news-list .text span.btn a { padding:0 20px 0 0; }

/**头部**/
.top_bg{height:149px; min-width:1200px; overflow:hidden;}
.h_top{ height:33px; line-height:33px; overflow:hidden;color: #444;}
.h_top em{ float:left;display: block;width: 120px; padding:0 0 0 620px;}
.h_top em img{ padding:0 8px;width: 43px;height: 33px;}
.h_top span{ float:left; display:block; padding:0 0 0 10px;}
.h_top span a{ padding:0 10px; font-size: 14px;color: #444;text-transform: uppercase;}
.h_top b{display: block;float: right; padding:5px 0 0;}
.h_top b img{width: 22px;height: 22px; padding:0 3px;}
.h_con{ height:143px; overflow:hidden;}
.h_con h1{ float:left; padding:15px 0 0 0;}
.h_con h1 img{ width:325px; height:106px;}
.search{width: 244px;float: right; padding:44px 0 0;}
.search .ser_inp{ background:url(../images/s_inp.gif) no-repeat; width:193px; height:21px; border:none; padding:0 3px 0 15px; float:left; font-family:Arial, Helvetica, sans-serif;font-size: 14px; color:#a3a3a3; line-height:21px; outline:none;}
.search .ser_so{ float:left; width:33px; height:21px;}
.h_nav{ height:48px; line-height:48px;width: 850px;float: right;overflow: hidden;}
.h_nav li{ float:left;}
.h_nav li a{ font-size:18px; color:#000; font-weight:bold; padding:0 15px;display:block; float:left;text-transform: uppercase;}
.h_nav li.cur a,.h_nav li a:hover{color: #00BFF3;font-weight: bold; text-decoration:none;}

/*底部*/
.f_bg{ background:#00BFF3; min-width:1200px; height:150px; overflow:hidden; padding:13px 0 0;}
.f01{width: 400px; height: 108px;}
.f02{width: 200px; height: 108px;}
.f03{width: 600px; height: 108px;}
.f03 b{display: block;font-size: 16px;color: #444;height: 30px;}
.f03 span{display: block;font-size: 14px;color: #444;line-height: 25px;}
.f01 b{display: block;font-size: 16px;color: #444;height: 44px;}
.f01 p a{display: block;height: 28px;line-height: 28px;overflow: hidden;font-size: 14px;color: #444;}
.f01 p a:hover{color: #b70031;}
.f01 span{display: block;font-size: 14px;color: #444;line-height: 28px;}
.f_bg .nobor{ background:none;}
.f_bot{height: 50px; border-top:#fff solid 1px; line-height: 50px;overflow: hidden;}
.f_bot span{display: block;float: left;font-size: 12px;color: #444;}
.f_bot em{display: block;float: right;}
.f_bot em a{font-size: 12px;color: #444; padding:0 0 0 20px;}

.rele_search {border-top: 1px solid #DDDDDD;line-height: 160%;margin: 5px;}
.rele_search {line-height: 160%;}
.rele_search li {float: left;width: 150px;}


.menubg {width:260px; height:660px; padding:10px; background:#CCC;}
.menubg1 {width:260px; height:1000px; padding:10px; background:#CCC;}
.menuDiv{ padding:5px 0px;}
.menuDiv h3{font-size:14px;font-weight:bold;color:#000;padding:5px 5px 5px 15px;background:#fff url(../images/xx.png) right no-repeat;cursor:pointer;height:22px;line-height:22px;overflow:hidden;}
.menuDiv ul li{color:#333333;background:#EEEEEE;padding:5px 5px 5px 15px;font-size:12px;margin:2px 0 0 0;height:26px; line-height:26px;}
.menuDiv ul li a{color:#333333;background:#F4F4F4;display:block;padding:5px 5px 5px 15px;font-size:12px;margin:-5px -5px -5px -15px;text-decoration:none;height:26px; line-height:26px;}
.menuDiv ul li a:hover{color:#FFFFFF;background:#999;}


.news-list { background:#f5f5f5; border:2px solid #eee; height:150px; padding:20px; margin-bottom:30px; overflow:hidden; *zoom:1; }
.news-list:hover, .news-list.cur { border:2px solid #ad1c79; }
.news-list .image { float:left; width:260px; height:150px; padding-right:20px; }
.news-list .image img{ width:260px; height:150px; }
.news-list .text h2 { font-weight:100; line-height:22px; height:40px; overflow:hidden; font-size:16px; }
.news-list .text h2 a { color:#ad1c79; }
.news-list .text p { text-indent:2em; line-height:24px; color:#958e95; font-size:14px; text-align:justify; height:72px; margin-bottom:10px; overflow:hidden; }
.news-list .text span.btn { }
.news-list .text span.btn a { padding:0 20px 0 0; }

/*--客服--*/
.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:164px;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:#fff; 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:#8f9396;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#732225;text-align:center;margin:10px 0;}


/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:43px;width:44px}#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:40%;top:50%;_margin-right:-505px;_position:absolute;_margin-top:300px;_top:expression(eval(document.documentElement.scrollTop))}


/* -- 弹出窗口 -- */
#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;}


@charset "utf-8";
/* CSS Document */
/*arialbd*/
@font-face { font-family:"arialbd"; src:url(font/arialbd-webfont.eot)}
@font-face { font-family:"arialbd"; src:url(../fonts/arialbd-webfont.svg)}
@font-face { font-family:"arialbd"; src:url(../fonts/arialbd-webfont.ttf)}
@font-face { font-family:"arialbd"; src:url(../fonts/arialbd-webfont.woff)}
/*arialbi*/
@font-face { font-family:"arialbi"; src:url(../fonts/arialbi-webfont.eot)}
@font-face { font-family:"arialbi"; src:url(../fonts/arialbi-webfont.svg)}
@font-face { font-family:"arialbi"; src:url(../fonts/arialbi-webfont.ttf)}
@font-face { font-family:"arialbi"; src:url(../fonts/arialbi-webfont.woff)}
/*ariali*/
@font-face { font-family:"ariali"; src:url(../fonts/ariali-webfont.eot)}
@font-face { font-family:"ariali"; src:url(../fonts/ariali-webfont.svg)}
@font-face { font-family:"ariali"; src:url(../fonts/ariali-webfont.ttf)}
@font-face { font-family:"ariali"; src:url(../fonts/ariali-webfont.woff)}
/*arialn*/
@font-face { font-family:"arialn"; src:url(../fonts/arialn-webfont.eot)}
@font-face { font-family:"arialn"; src:url(../fonts/arialn-webfont.svg)}
@font-face { font-family:"arialn"; src:url(../fonts/arialn-webfont.ttf)}
@font-face { font-family:"arialn"; src:url(../fonts/arialn-webfont.woff)}
/*arialnb*/
@font-face { font-family:"arialnb"; src:url(../fonts/arialnb-webfont.eot)}
@font-face { font-family:"arialnb"; src:url(../fonts/arialnb-webfont.svg)}
@font-face { font-family:"arialnb"; src:url(../fonts/arialnb-webfont.ttf)}
@font-face { font-family:"arialnb"; src:url(../fonts/arialnb-webfont.woff)}
/*arialnbi*/
@font-face { font-family:"arialnbi"; src:url(../fonts/arialnbi-webfont.eot)}
@font-face { font-family:"arialnbi"; src:url(../fonts/arialnbi-webfont.svg)}
@font-face { font-family:"arialnbi"; src:url(../fonts/arialnbi-webfont.ttf)}
@font-face { font-family:"arialnbi"; src:url(../fonts/arialnbi-webfont.woff)}
/*arialni*/
@font-face { font-family:"arialni"; src:url(../fonts/arialni-webfont.eot)}
@font-face { font-family:"arialni"; src:url(../fonts/arialni-webfont.svg)}
@font-face { font-family:"arialni"; src:url(../fonts/arialni-webfont.ttf)}
@font-face { font-family:"arialni"; src:url(../fonts/arialni-webfont.woff)}
/*ariblk*/
@font-face { font-family:"ariblk"; src:url(../fonts/ariblk-webfont.eot)}
@font-face { font-family:"ariblk"; src:url(../fonts/ariblk-webfont.svg)}
@font-face { font-family:"ariblk"; src:url(../fonts/ariblk-webfont.ttf)}
@font-face { font-family:"ariblk"; src:url(../fonts/ariblk-webfont.woff)}
/*dutch*/
@font-face { font-family:"dutch"; src:url(../fonts/dutch-webfont.eot)}
@font-face { font-family:"dutch"; src:url(../fonts/dutch-webfont.svg)}
@font-face { font-family:"dutch"; src:url(../fonts/dutch-webfont.ttf)}
@font-face { font-family:"dutch"; src:url(../fonts/dutch-webfont.woff)}
/*dutchb*/
@font-face { font-family:"dutchb"; src:url(../fonts/dutchb-webfont.eot)}
@font-face { font-family:"dutchb"; src:url(../fonts/dutchb-webfont.svg)}
@font-face { font-family:"dutchb"; src:url(../fonts/dutchb-webfont.ttf)}
@font-face { font-family:"dutchb"; src:url(../fonts/dutchb-webfont.woff)}
/*dutchbi*/
@font-face { font-family:"dutchbi"; src:url(../fonts/dutchbi-webfont.eot)}
@font-face { font-family:"dutchbi"; src:url(../fonts/dutchbi-webfont.svg)}
@font-face { font-family:"dutchbi"; src:url(../fonts/dutchbi-webfont.ttf)}
@font-face { font-family:"dutchbi"; src:url(../fonts/dutchbi-webfont.woff)}
/*dutchi*/
@font-face { font-family:"dutchi"; src:url(../fonts/dutchi-webfont.eot)}
@font-face { font-family:"dutchi"; src:url(../fonts/dutchi-webfont.svg)}
@font-face { font-family:"dutchi"; src:url(../fonts/dutchi-webfont.ttf)}
@font-face { font-family:"dutchi"; src:url(../fonts/dutchi-webfont.woff)}
/*tahoma*/
@font-face { font-family:"tahoma"; src:url(../fonts/tahoma-webfont.eot)}
@font-face { font-family:"tahoma"; src:url(../fonts/tahoma-webfont.svg)}
@font-face { font-family:"tahoma"; src:url(../fonts/tahoma-webfont.ttf)}
@font-face { font-family:"tahoma"; src:url(../fonts/tahoma-webfont.woff)}
/*tahomabd*/
@font-face { font-family:"tahomabd"; src:url(../fonts/tahomabd-webfont.eot)}
@font-face { font-family:"tahomabd"; src:url(../fonts/tahomabd-webfont.svg)}
@font-face { font-family:"tahomabd"; src:url(../fonts/tahomabd-webfont.ttf)}
@font-face { font-family:"tahomabd"; src:url(../fonts/tahomabd-webfont.woff)}
/*arbli__*/
@font-face { font-family:"arbli__"; src:url(../fonts/arbli__.eot)}
@font-face { font-family:"arbli__"; src:url(../fonts/arbli__.svg)}
@font-face { font-family:"arbli__"; src:url(../fonts/arbli__.ttf)}
@font-face { font-family:"arbli__"; src:url(../fonts/arbli__.woff)}
/*arlrdbd*/
@font-face { font-family:"arlrdbd"; src:url(../fonts/arlrdbd.eot)}
@font-face { font-family:"arlrdbd"; src:url(../fonts/arlrdbd.svg)}
@font-face { font-family:"arlrdbd"; src:url(../fonts/arlrdbd.ttf)}
@font-face { font-family:"arlrdbd"; src:url(../fonts/arlrdbd.woff)}
/*didot*/
@font-face { font-family:"didot"; src:url(../fonts/didot.eot)}
@font-face { font-family:"didot"; src:url(../fonts/didot.svg)}
@font-face { font-family:"didot"; src:url(../fonts/didot.ttf)}
@font-face { font-family:"didot"; src:url(../fonts/didot.woff)}
/*didot-htf-b64-bold-ital*/
@font-face { font-family:"didot-htf-b64-bold-ital"; src:url(../fonts/didot-htf-b64-bold-ital.eot)}
@font-face { font-family:"didot-htf-b64-bold-ital"; src:url(../fonts/didot-htf-b64-bold-ital.svg)}
@font-face { font-family:"didot-htf-b64-bold-ital"; src:url(../fonts/didot-htf-b64-bold-ital.ttf)}
@font-face { font-family:"didot-htf-b64-bold-ital"; src:url(../fonts/didot-htf-b64-bold-ital.woff)}
/*didot-htf-l24-light-ital*/
@font-face { font-family:"didot-htf-l24-light-ital"; src:url(../fonts/didot-htf-l24-light-ital.eot)}
@font-face { font-family:"didot-htf-l24-light-ital"; src:url(../fonts/didot-htf-l24-light-ital.svg)}
@font-face { font-family:"didot-htf-l24-light-ital"; src:url(../fonts/didot-htf-l24-light-ital.ttf)}
@font-face { font-family:"didot-htf-l24-light-ital"; src:url(../fonts/didot-htf-l24-light-ital.woff)}
/*didot-htf-m96-medium-ital*/
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/didot-htf-m96-medium-ital.eot)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/didot-htf-m96-medium-ital.svg)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/didot-htf-m96-medium-ital.ttf)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/didot-htf-m96-medium-ital.woff)}


@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/brandontext-black-webfont.eot)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/brandontext-black-webfont.svg)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/brandontext-black-webfont.ttf)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/brandontext-black-webfont.woff)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/brandontext-black-webfont.woff2)}

@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/gothambook.eot)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/gothambook.svg)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/gothambook.ttf)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/gothambook.woff)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/gothambook.woff2)}

@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/gothammedium.eot)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/gothammedium.svg)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/gothammedium.ttf)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/gothammedium.woff)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/gothammedium.woff2)}

@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helveticabold.eot)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helveticabold.svg)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helveticabold.ttf)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helveticabold.woff)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helveticabold.woff2)}

@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helveticabold.eot)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helveticabold.svg)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helveticabold.ttf)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helveticabold.woff)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helveticabold.woff2)}

@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helvetica.eot)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helvetica.svg)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helvetica.ttf)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helvetica.woff)}
@font-face { font-family:"didot-htf-m96-medium-ital"; src:url(../fonts/helvetica.woff2)}






