@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft Yahei",arial,helvetica,clean,sans-serif;} /*网站字体颜色*/
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;}
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:30px;}
h3 { font-size:30px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

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;}

#wrapper {
	PADDING-TOP:237px
}
#wrapper .body {
	MARGIN: auto; WIDTH: 100%
}
#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; z-index:9; }
/*#roll_top { background:url(../img/top.gif) no-repeat }*/
#fall { background:url(../img/top.gif) no-repeat 0 -80px }
#ct { background:url(../img/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)); z-index:9; }*/
#roll_top, #fall, #ct { position:relative; cursor:pointer; height:56px; width:56px }
#roll_top { background:url(../img/top.gif) no-repeat }
#fall { background:url(../img/top.gif) no-repeat 0 -80px }
#ct { background:url(../img/top.gif) no-repeat 0 -40px }
#roll { display:block; width:15px; margin-right:-500px; position:fixed; right:43%; top:80%; _margin-right:-505px; _position:absolute; _margin-top:300px; _top:expression(eval(document.documentElement.scrollTop)); z-index:9; }
/*im.css*/
.ImTable * { padding:0px; margin:0px }
.ImTable { border-collapse:collapse; border:none; background:url(../img/bg.gif) }
.ImTable h2 { font-size:14px; font-weight:bold; margin-top:5px }
.ImHeader { height:165px; background:url(../img/im_01.gif) }
.ImRow0 { background:url(../img/ico_item1.gif) no-repeat; margin:10px 10px 0; height:28px; padding-left:4px; padding-top:4px; }
.ImRow1 { background:url(../img/ico_item1.gif) no-repeat; margin:10px 10px 0; height:28px; padding-left:4px; padding-top:4px; }
a.im, a:hover.im { text-decoration:none; height:28px; line-height:22px; color:#fff; font-size:12px; }
.ImFooter { height:90px; background:url(../img/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:#023793; text-align:center; margin:15px 0 0; font-family:'微软雅黑'; }
.ImFooter p { font-size:20px; font-weight:bold; color:#023793; text-align:center; margin:10px 0; font-family:Arial; }

/* -- 页面整体布局 -- */
.header, .content,.footer { width:1000px; margin:0 auto; }
.content1 {width:1020px;margin:0 auto;}
.left, .leftr { width:235px; float:left; overflow:hidden; }
.leftr { float:left; }
.left2 { width:700px; float:left; overflow:hidden; margin-top:15px; }
.left3 { width:754px; float:left; overflow:hidden; color:#666; }
.lefttop { height:0px; font-size:0; overflow:hidden; margin-top:10px; }
.leftbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }
.right, .rightl { width:760px; float:right; display:inline; overflow:hidden; }
.rightl { float:right; }
.right2 { width:275px; float:right; overflow:hidden; margin-top:15px; }
.right3 { width:201px; float:right; overflow:hidden; color:#666; }
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }
.right_main { width:754px; overflow:hidden;  }
.right2_main { width:273px; overflow:hidden; }
.left2_main { width:700px; overflow:hidden; }
.h_nav li a:-webkit-any-link{ display:block;}

 .pr_cent dt:hover img {
    filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;
}
 .pf_txt li a:hover img {
    filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;
}


/*头部开始*/
#head1 {
	Z-INDEX:999;POSITION: absolute; WIDTH: 100%; TOP: 0px; background-color:#FFFFFF;
}
.headd{background:url(../image/headd.jpg) no-repeat;height:180px;}
.h_top{ background:url(../image/h_bj.png) repeat-x center top; height:237px; overflow:hidden;}
.h_ht{ height:30px; font:12px/30px "Microsoft YaHei"; color:#666;}
.h_ht span{ float:right; padding-top:4px;}
.h_ht span a{  line-height:18px;color:#666; margin:0 6px}
.h_ht img{ width:22px; height:18px; vertical-align:middle; margin-right:4px;}
.h_txt{ height:150px; overflow:hidden;}
.h_txt h2{ width:366px; height:42px; margin:20px 0 0 0;}
.h_txt h2 img{width:120px; height:120px; }
.h_txt h3{color:#fff;padding-left:140px; font-weight:bold;}
.h_con{ width:240px; }
.h_con p{height:54px; padding-left:44px; margin-top:50px; font:12px/12px "Microsoft YaHei"; color:#FA3103;  background:url(../image/h_pho.gif) no-repeat left top;}
.h_con p span{ font:24px/24px Impact; color:#FA3103; display:block;}
.h_con h4 span{ margin:0 20px;}
.h_nav{ height:58px; overflow:hidden;}
.h_nav li{height:58px; float:left; font:16px/58px "Microsoft YaHei"; color:#fff; text-align:center; background:url(../image/h_tt.gif) no-repeat right center;}
.h_nav .cle_c{ background:none;}
.h_nav li a{ color:#fff;  display:inline-block; padding: 0 39px 0 39px;}
.h_nav li a:hover, .h_nav .cur{ /*background:#132646;*/}
/*头部结束*/

/*search*/
.search{ background:#e6e6e6; height:50px; overflow:hidden;}
.search p{ width:560px; height:50px; font:12px/50px  "Microsoft YaHei"; color:#444;}
.search p a{ display:inline-block;color:#444; margin:0 6px; }
.search .se_inp{ width:338px; height:36px; margin-top:6px;}
.search .se_inp input{ border:0;float:left; outline:none;}
.search .tint{ width:288px; height:36px; padding-left:10px; font:14px/36px "Microsoft YaHei"; color:#999999;} 
.search .bint{ width:40px; height:36px; cursor:pointer; background:url(../img/ser_b1.jpg) no-repeat left top;}

/*底部开始*/
.f_foot{ height:330px; background:url(../image/f_bj.gif) repeat-x left top; overflow:hidden; font-size:0;}
.f_nav{height:50px; font:14px/50px "Microsoft YaHei";color:#fff; text-align:center; overflow:hidden;}
.f_nav a{ color:#fff; display:inline-block;  padding:0 40px; background:url(../image/h_tt.gif) no-repeat right center;}
.f_nav .cle_c{ background:none;}


.f_add{ width:464px; background:url(../image/f_x.jpg) no-repeat right 22px; margin:50px 52px 0 0;}
.f_add h2 img{  width:130px; height:120px;}
.f_add p{ font:12px/24px "Microsoft YaHei"; color:#555;}
.ddd{width:960px;margin:0 auto;}
.ppp{ width:320px;padding-left:14px;float:left;}
.ppp p{font:12px/24px "Microsoft YaHei"; color:#555;}
.f_add em{ margin:0 15px;}
.link{ width:230px;height:200px;background:url(../image/f_x.jpg) no-repeat right 22px; margin:50px 0 0 0;}
.link h3{ font:18px/35px "Microsoft YaHei"; color:#555; height:} 
.link h3 a{ color:#555}
.link p{ font:12px/24px "Microsoft YaHei"; color:#555; width:240px;}
.link p a{ color:#555; display:inline-block; margin:0 12px 5px 0;}
.link em{ font:12px/24px "Microsoft YaHei"; color:#555; width:240px;}
.link em a{ color:#555; display:inline-block; margin:0 12px 5px 0;}


.f_ewm{ width:172px; padding-top:48px;}  
.f_ewm img{ width:172px; height:172px;}
.f_ewm span{ display:block; font:12px/34px "Microsoft YaHei"; color:#555; text-align:center;} 
/*底部结束*/
.info{ font:18px/34px "Microsoft YaHei"; color:#0E7CE3; font-weight:bolder; border-bottom: 1px dashed #bbbbbb; border-top:1px solid #0D8DE7; }
.gbook{width:754px;height:auto;border:1px solid #eaeaea;}
.gbook p{font:18px/34px "Microsoft YaHei"; color:#0E7CE3; font-weight:bolder; text-indent:25px;}

/*产品详情页优势*/
.ys{ height:1150px; background:#dfe5f2; overflow:hidden;}
.ys_info{ width:756;}
.ys h3{ height:136px; font:32px/36px "Microsoft YaHei"; font-weight:bold; color:#0D8DE7; text-align:center; padding-top:28px;}
.ys h3 span{ display:block; height:62px; font:28px/62px "Microsoft YaHei"; color:#666; background:url(../img/ys_tx.gif) no-repeat center center;}
.ys dl{ position:absolute; width:756px;}
.ys dt, .ys dd{ float:left;}
.ys dd h4{ height:66px; font:20px/30px "Microsoft YaHei"; font-weight:bold; color:#4b4b4b; padding-left:40px; margin-bottom:18px;}
.ys dd h4 span{ display:block; font:14px/10px Arial; color:#999; text-transform:uppercase;}
.ys dd h4 em{ color:#330066;}
.ys dd p{ font:14px/22px "Microsoft YaHei"; color:#242424; padding-left:20px; background:url(../img/ys_d.jpg) no-repeat left 4px; margin-bottom: 10px;
margin-top: 20px;}
.ys_con{ position:relative;}
.ys1{ height:250px; top:-20px; left:0;}
.ys1 dt{ width:310px; height:322px;}
.ys1 dt img{  width:310px; height:322px;}
.ys1 dd{ width:444px; }
.ys1 h4{ background:url(../img/ys_s1_1.jpg) no-repeat left top;}

.ys2{ height:230px; top:213px; left:0;}
.ys2 dt{ width:356px; height:229px;}
.ys2 dt img{ width:356px; height:229px;}
.ys2 dd{ width:398px; float:right; padding-top:95px;}
.ys2 h4{ background:url(../img/ys_s2_1.jpg) no-repeat left top;}

.ys3{ height:284px; top:448px; left:0;}
.ys3 dt{ width:363px; height:218px;}
.ys3 dt img{ width:363px;height:218px;}
.ys3 dd{ width:391px; padding-top:30px;}
.ys3 h4{ background:url(../img/ys_s3_1.jpg) no-repeat left top;}

.ys4{ height:319px; top:680px; left:0;}
.ys4 dt{ width:318px; height:276px;}
.ys4 dt img{ width:318px; height:276px;}
.ys .ys4 dd{ width:436px; float:right; padding-top:54px;}
.ys4 h4{ background:url(../img/ys_s4_1.jpg) no-repeat left top;}