@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 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; font-family: Arial;}
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%;}
/*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;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none; font-family: Arial;}  /*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;}
p{ word-spacing:-1.5px; font-family: Arial;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em { font-style:normal; font-family: Arial;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.left{ width:265px; float:left; overflow:hidden;}
.left2 { width:880px; 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{width:935px;float:left;}
.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:920px; overflow:hidden; }
.right2_main { width:273px;overflow:hidden;}
.left2_main { width:880px;overflow:hidden;}

.h_nav ul li a:hover,.h_nav ul .cur a {  background:#2aacff; color:#fff; 
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-ms-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;}

.h_nav li a:-webkit-any-link{ display:block;}

/*头部开始*/
.t_bg {  height:154px; position:relative;}

.h_top { height:34px; padding-top:30px; overflow:hidden; margin-right:28px;}
.h_top span { display:block; float:left; font-family:Arial; color:#666; font-weight:bold; padding:5px 48px 0 0;}
.h_top span img { float:left; padding-right:4px;} 
.h_top i { float:left;}
.h_top p { float: right; color:#272727;}
.h_top p a { color:#fff; background:#2aacff; width:48px; height:19px; line-height:19px; text-align:center; display:inline-block}
.h_top p .en {background:#fdd100;}

.h_con h1 { padding:39px 0 0; float:left;}
.h_bt {  font-size:12px; color:#666; padding:80px 0 0 17px; text-transform:uppercase; font-weight:bold; line-height:22px; letter-spacing:1px; width:250px;}

.h_nav { height:90px; width:729px; padding-left:6px;}
.h_nav ul li { float:left; border-right:solid 1px #ebebeb; display:inline; position:relative;}
.h_nav ul .nobor01 { border:none;}
.h_nav ul li a { display:inline-block; color:#666; font-weight:bold; font-size:16px; padding:0 20px; height:90px; line-height:90px; text-transform:uppercase;}
.h_nav ul li a:hover,.h_nav ul .cur a {  background:#2aacff; color:#fff; 
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-ms-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;}


.h_nav li .erj{ padding-top:7px; position:absolute; top:84px;  width:192px; z-index:999; display:none; left:-1px;}
.h_nav li .erj li{ height:32px; border:none;}
.h_nav li .erj li a{ width:182px; padding:0 0 0 15px; display:block;height:32px; -webkit-transition:all 0.5s;  transition:all 0.5s; background:url(../images/erji_pb.png) repeat; font:13px/32px "Microsoft Yahei"; color:#fff; text-align:left;transition:all 1s}
.h_nav li .erj li a:hover{ text-indent:12px; }
/*头部结束*/

/*底部开始*/
.f_bg { background:url(../images/f_bg.gif) repeat-x center top; height:205px;}

.f_con { padding:35px 0 0; height:132px;}
.f_con i { display:block; float:right; padding-top:11px;}
.f_con i img { margin-left:46px;}
.f_con p { height:30px; color:#fff;}
.f_con p a { font-size:14px; color:#fff; padding:0 15px;}
.f_con .f_p02 { height:26px;}
.f_con .f_p02 a { padding:0 20px 0 15px;}
.f_con span { font-size:14px; color:#fff; line-height:30px; padding-left:15px; display:block;}

.f_bot { line-height:38px; color:#fff;}
.f_bot em { padding:0 30px;}

/*底部结束*/

/* -- 弹出窗口 -- */
#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(../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)); z-index:9; }*/
#roll_top, #fall, #ct { position:relative; cursor:pointer; height:72px; width:30px }
#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:-537px; 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(../images/bg.gif) }
.ImTable h2 { font-size:14px; font-weight:bold; margin-top:5px }
.ImHeader { height:55px; background:url(../images/im_01.gif) }
.ImRow0 { background:url(../images/ico_item1.gif) no-repeat; margin:10px 10px 0; height:28px; padding-left:4px; padding-top:4px; }
.ImRow1 { background:url(../images/ico_item1.gif) no-repeat; margin:10px 10px 0; height:28px; padding-left:0px; padding-top:4px; }
.ImFooter { height:18px; background:url(../images/im_04.gif) no-repeat; display:inline-block; width:18px; 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:20px; font-weight:bold; color:#fff; text-align:center; margin:10px 0; font-family:Arial; }

.se { width:70px; height:205px; background:#32afff; border:solid 1px #fff; position:relative;}
.se i { display:block; position:absolute; top:195px; left:27px;}
.se span { display:block; text-align:center; line-height:32px;}
.se span a { color:#fff; font-size:14px; text-transform:uppercase; font-family:Arial}
.se p { padding:0 0 0 6px;}
.se p a { display:block; background: url(../images/se_libg.gif) no-repeat; width:34px; height:34px; line-height:34px; color:#32afff; text-transform:uppercase; padding-left:23px; font-family:Arial; margin-bottom:8px;}

.icon_wrapper{position:fixed; right:0%; top:7%; _margin-right:-505px; _position:absolute; _margin-top:300px; _top:expression(eval(document.documentElement.scrollTop)); z-index:9; }

.icon_wrapper a { display:block; background:#37c0f3; margin-top:3px;
color: white !important;
text-align: center !important;
line-height: 51px !important;
width: 48px !important;
height: 48px !important;
font-size: 2em !important;
border-radius:50% !important;
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}
.icon_wrapper a i { display:block; text-align:center; padding-top:10px;}				
.icon_wrapper a:hover {   
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(deg);
-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}					

.icon_wrapper .wra_ico02 { background:#6f83b6}
.icon_wrapper .wra_ico03 { background:#55acee}
.icon_wrapper .wra_ico04 { background:#3794c5}
.icon_wrapper .wra_ico05 { background:#999}

.icon_wrapper em { display:block; position:absolute; top:28px; left:27px; z-index:999}