@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: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;}  /*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;}



/*--在线客服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: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:#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:#ff993b;text-align:center;margin:10px 0;}



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

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

/*--common start--*/



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

/*.header , .content , .footer { width:1200px; margin:0 auto;font-family: "Microsoft Yahei"; overflow: hidden;}*/
.header , .content , .footer { width:1200px; margin:0 auto;font-family: "Microsoft Yahei"; 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:735px; float:left; display:inline; margin-left:24px; 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:735px; padding-bottom:15px; overflow:hidden; }

.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}

.left2_main { width:668px;  padding-bottom:15px; overflow:hidden;}



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





/*头部开始*/

.topWrap{height:191px; overflow: hidden;}

.header {height: 191px; width: 1200px; overflow: hidden; position: relative;}

.header h1{ width:152px; margin-right: 72px; height:191px;overflow: hidden;} 

.header h1 img{ width:152px; height:191px;}

.header h3{ width:380px; height:79px; margin:38px 0 0 0; font-size: 20px; font-weight: bold; line-height: 40px; color: #333;}

.header h3 i{font-size: 18px; font-weight: normal; color: #333; display: block; line-height: 20px;}

.header p{ height:110px; overflow:hidden; margin-top:53px; padding-left: 60px; background:url(../images/h_tel.jpg) no-repeat left 6px;}

.header p em{float: right; color: #444;font:bold 30px/36px "Times New Roman", Times, serif;   display: block;}

.header p em a{color: #fff; display:block;}

.header p em a:hover{ text-decoration: none;}

.header p span{ font:14px/22px "Microsoft Yahei";  color:#333; display:block;}



.header ul{position: absolute; left:220px; bottom: 0px; height: 49px; overflow: hidden; width: 978px; }

.header ul li{float: left; height: 49px; overflow: hidden; background:url(../images/h_nav.gif) no-repeat right center;}

.header ul li a{float: left;padding-left: 48px; height: 49px; overflow: hidden; color: #333;font:14px/49px "Microsoft Yahei";}

.header ul li span{float: left; padding-right:49px; height: 49px; overflow: hidden; display: inline-block;}

.header ul .nones{background: none;}

.header ul .h_li1 em{padding-right: 12px; vertical-align: top; padding-top: 18px; display: block;float: left;}

.header ul li a:hover,.header ul .cur a{text-decoration: none; color: #fff; background:url(../images/h_nav1.png) no-repeat left top;}

.header ul li a:hover span,.header ul .cur a span{color: #fff; background:url(../images/h_nav2.png) no-repeat right top;}





/*头部结束*





/*底部开始*/



.footWrap{ height:247px; overflow:hidden; background:#2a2a2a;}

.footer{ height:247px; overflow: hidden;}

.footer h2{float: left; margin-top: 70px; height:140px; width:280px; overflow:hidden;}

.footer h2 i{float: left;margin-right: 20px; padding: 4px; background: #fafafa; overflow: hidden; width: 106px; height: 106px;}

.footer h2 i img{width: 106px; height: 106px;}

.footer h2 span{float: left;display: block; width: 145px; overflow: hidden; }

.footer h2 span img{width: 21px; height: 33px; display: block;}

.footer h2 span em{color: #7b7a7a; line-height: 25px; font-size: 14px;}

.footer h2 span em b{font-size: 16px; color: #fff; display: block; margin-top: 8px;}





.f_wz{float: right; position: relative; width:895px;margin:64px 0 0 0; font:14px/26px "Microsoft Yahei"; color:#7b7a7a; }

.f_wz li{float: left;}

.f_wz li a{ color:#7b7a7a;}

.f_wz li i{color: #7b7a7a; display: block; font-weight: bold;}

.f_wz .f_li2,.f_wz .f_li1{float: none; }

.f_wz .f_li2{margin-bottom: 40px;}



.f_wz .f_li3{padding-left: 27px; margin-right: 110px;}

.f_wz .f_li5{background:url(../images/f_ic1.gif) no-repeat left 7px;}

.f_wz .f_li6{background:url(../images/f_ic2.gif) no-repeat left 7px;}

.f_wz .f_li7{background:url(../images/f_ic3.gif) no-repeat left 7px;}

.f_wz .f_li8{margin-right: 0px; background:url(../images/f_ic4.gif) no-repeat left 7px;}

.f_wz .f_li9{position: absolute; left:492px; top:0px; width: 370px; margin-right: 0px; background:url(../images/f_ic5.gif) no-repeat left 7px;}



.f_code{float: right; display: inline; margin:34px 8px 0 0;  overflow:hidden; }

.f_code p{ margin-top: 3px; float: left;}

.f_code p  i{ padding: 5px; border: 2px solid #ebebeb; display:block; width:84px; background: #fff; height:84px; overflow: hidden;}

.f_code p i img{ width:84px; height:84px; }

.f_code span{ text-align:center; font:14px/26px "Microsoft Yahei"; color:#742700;  display:block;}



.f_code em{display: block; float: left; margin-right: 18px; width:73px; height: 108px; overflow: hidden;}

.f_code em img{width:73px; height: 108px;} 



.f_code p i img:hover{

	transition:All 0.4s ease-in-out;

	    -webkit-transition:All 0.4s ease-in-out;

	    -moz-tr15:17 2016/9/6ansition:All 0.4s ease-in-out;

	    -o-transition:All 0.4s ease-in-out;

	

	    transform:scale(1.2);

	    -webkit-transform:scale(1.2);

	    -moz-transform:scale(1.2);

	    -o-transform:scale(1.2);

	    -ms-transform:scale(1.2);

}



/*底部结束*/



.fh{position: fixed; right: 0%;bottom:10%; width:80px;height:80px;display: none;z-index: 1000; }

.fh img{width:80px;height:80px;}