@charset "utf-8";
/*reset.css*/
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;}
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%;}
.txtboxcs{ border:solid 1px #ccc; height:22px;}
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:5px;}
 
/*common.css*/
body { color:#666; font-size:12px; font-family: "Microsoft YaHei";} /*网站字体颜色*/
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.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:1200px; margin:0 auto; overflow:hidden; }
.header{width:1400px;}
.left { width:251px; 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 {  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:744px; float:right; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.right2top { 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 { margin: 0 auto;width:940px;padding-bottom: 15px;overflow: hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0;  padding-bottom:15px; overflow:hidden; margin-bottom:2px;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}

.list_content {
border: 1px solid #ccc;padding: 15px;
}

.h_nav li a:-webkit-any-link{ display:block;}
body{background:#fff;}
em{font-style:normal;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
/*头部开始*/
.top{max-width:100%;margin: 0 auto;background:url(../images/top_bg.gif) repeat-x 0 top;height:219px; position:relative;overflow: hidden; }
.h_top{color:#989898;line-height:24px;}
.h_top span{display:block; text-align:right;}
.h_top span a{display:inline-block; padding:0 10px 0 26px;}
.h_top span a.wb1{background:url('../images/wb1.gif') no-repeat 0 center;}
.h_top span a.wb2{background:url('../images/wb2.gif') no-repeat 0 center;}
.h_top span a.wb3{background:url('../images/wb3.gif') no-repeat 0 center; position:relative; cursor:pointer;}
.win{position: absolute;right:250px;top:50px;background:yellow;z-index:9999;display:none;height:120px;width:120px;}

.h_top span i{ display:none;}
.qcode{ position:absolute; top:15px; left:14px; display:none; width:120px; height:120px;}
.qcode img{width:120px; height:120px;}

.h_top p{text-align:right;margin-bottom: 18px;line-height: 30px;}
.h_top p a{padding:0 6px 0 8px;color:#989898;height:24px; display:inline-block;}
.h_top p a img{vertical-align:middle;}
.h_top p a.wb1{background:url('../images/wb1.gif') no-repeat 0 center; padding-left:23px;margin-left:8px;}
.h_top p a.wb2{background:url('../images/wb2.gif') no-repeat 0 center; padding-left:23px;margin-left:8px;}
.h_con{padding:0;height:108px; overflow: hidden;width:1200px;margin:auto;}
.h_con h1{float:left;}
.h_con h1 a{display:inline-block;}
.h_con h1 img{vertical-align:middle;}
.h_con .ewm{position:absolute; right:0;}
.h-logo{float: left; width:620px;}
.h-logo em{color:#a03c16;font-family:'Microsoft YaHei'; font-size:16px;display: block;float: left; padding:12px 0 0 10px; line-height:26px;}
.h-logo em span{display:block; color:#f3a233; font-size:22px;}
.h-pho{float:right;width:216px; color:#4c4c4c; font-family:'Microsoft YaHei'; padding:30px 0 0 50px; background:url('../images/pho.gif') no-repeat 0 30px;}
.h-pho span{font-size:12px; color:#6c6d6e;display:block; float: right;width:100%;}
.h-pho b{color:#f8c301;font-size:28px;line-height:34px; font-weight:normal;display:block;}
.h_nav{height: 63px;overflow: hidden;font-family:'Microsoft YaHei';width:1150px;margin:0 auto;}
.h_nav ul{font-size:0;}
.h_nav li{height: 63px;width: 159px;float: left;background: url(../images/h_tx.png) no-repeat right center;font: 16px "Microsoft YaHei";color: #fff;
line-height: 63px;text-align: center;margin-right: -25px;}
.h_nav li a:-webkit-any-link {
display: block;
}
.h_nav .active a {
z-index: 22;
}
.h_nav li a:hover, .h_nav .active a {
font-weight: bold;
background-position: center top;
display: inline-block;
position: relative;
z-index: 20;
text-decoration: none;
}
.h_nav li a {
color: #fff;
height: 63px;
width: 156px;
background: url(../images/h_tb.png) no-repeat center 63px;
display: inline-block;
}

.h_nav li.first{background:none;}

/*--- 搜索 ---*/
.h-ser{background:url('../images/h_ser.gif') repeat-x;height:42px; max-width: 1600px;margin: 0 auto;}
.ser-con{width:1200px; margin:0 auto;}
.h-ser p {float:left;width:820px;line-height:42px; }
.h-ser p b {color:#333; font-weight:normal;padding-left:28px; background:url('../images/ico.gif') no-repeat 0 center;}
.h-ser p a {padding:0 6px; color:#666;}
.s-inp {width:336px; position:relative; padding:7px 0 0;}
.inp01 {background:url(../images/s_inp.gif) no-repeat;width:240px; height:30px; line-height:30px; border:none; padding:0 0 0 31px;}
/*头部结束*/

/*底部开始*/
.f-wrap{background:url(../images/f_bg.gif) repeat center 0;height:170px;}
.footer-a{height:50px; line-height:50px; color:#fff; text-align:center;}
.footer .footer-a span{margin:0 2px; padding:0;}
.footer-a a{color:#fff;text-align:center; padding:0; display:inline-block; margin:0 5px;}
.footer-b{padding:37px 0 0;position:relative; }
.footer-b em{display:block; text-align:center;}
.footer-b p{color:#303030;text-align:center; }
.footer-b p img{margin:0 0 0 15px; display:inline-block; vertical-align:middle; }
.footer-b p span{display:block;line-height:14px;padding-bottom:10px;}
.footer-b p i{font-style:normal; display:inline-block; padding-left:25px;}
.f_pic01{position:absolute; right:80px; top:42px;}
.f_pic02{position:absolute; right:30px; top:42px;}
.footer-b p span a{ color:#141414;}
 /*temp.css*/
#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(../images/nodata.gif) no-repeat 20px 20px;}
/* -- 弹出窗口 -- */
#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}#roll_top{background:url(../images/top.gif) no-repeat}#fall{background:url(../images/top01.gif) no-repeat 0 -80px}#ct{background:url(../images/top01.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))}



.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:135px;background:url(../images/im_01.gif)}
.ImRow0{background:url(../images/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:5px;padding-top:4px; overflow:hidden; width:129px; }
.ImRow1{background:url(../images/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:5px;padding-top:4px; overflow:hidden; width:129px;}
a.im,a:hover.im{text-decoration:none;height:35px; font-size:12px; overflow:hidden; width:150px;}
.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:43px 0;}

.pro .gao{ height:560px; overflow:hidden;}
.pro{ height:800px; overflow:hidden;}
.pro .pr_fl{ width:230px; position:relative; height:781px; overflow:hidden; }
.pr_fl h3{ height:60px; font:24px "Microsoft YaHei"; font-weight:bold; color:#fff; line-height:60px; text-align:center; background:url(../images/pro_b1.jpg) no-repeat center top;margin-bottom: 30px; width:232px;}
.pr_fl h3 a{ color:#fff;}
.pr_fl { height:390px; background:url(../images/pro_bj1.jpg); }
.pr_fl ul li{ cursor: pointer; height:46px; width:140px; font:14px "Microsoft YaHei"; color:#303030; line-height:46px; padding-left:60px; background:url(../images/pro_b2.jpg) no-repeat center top; margin:0 auto 10px; cursor:pointer;}
.pr_fl ul li a{ color:#303030;}
.pr_fl p{ height:132px; position:absolute; left:8px; bottom:0; background:url(../images/pro_b6.jpg) no-repeat center top;}
.pr_fl span{ width:160px; height:74px; float:right; display:inline-block; float:right; background:url(../images/pro_b3.jpg) no-repeat 0 0; padding-left:55px; font:14px "Microsoft YaHei"; color:#fff; line-height:14px; margin-top:46px;}
.pr_fl span em{ font:20px Arial; font-weight:bold; color:#fff; line-height:34px;}


.pro .pr_in{ width:950px; height:780px; border-bottom:1px solid #c4c4c4; overflow:hidden;}
.pr_in h3{ height:52px; background:url(../images/pro_b8.jpg) no-repeat center top; }
.pr_in h3 span{ font:14px Arial; color:#999; line-height:52px; float:right; padding-right:22px; cursor:pointer;}  
.pr_in h3 strong{ display:inline-block; height:52px; background:url(../images/pro_b7.png) no-repeat left 16px; font:16px "Microsoft YaHei"; font-weight:bold; color:#303030; line-height:52px; padding-left:32px; margin-left:20px;}
.pr_in h3 strong a{color:#303030;}
.pr_in h3 strong em{ font:16px Arial; color:#c4c4c4; text-transform:uppercase;}
.pr_in ul{ width:948px; height:883px; border:1px solid #c4c4c4; border-top:0; padding-top:18px;}
.pr_in li{ float:left; width:215px; height:215px; overflow:hidden; display:inline; margin-left:20px; margin-bottom:24px;}
.pr_in li span{ display:inline-block;height:206px; width:202px;border:1px solid #c4c4c4; text-align:center; position:relative; margin-bottom:1px; overflow:hidden; padding:3px; cursor:pointer;}
.pr_in li img{ width:200px; height:202px; border:3px dashed #fff;}
.pr_in li span em{ width:202px; height:34px; display:inline-block; font:12px "Microsoft YaHei"; color:#505050; line-height:34px; background:#dedede; position:absolute; left:3px; top:175px;}
.pr_in li strong{ width:210px; height:34px; background:url(../images/pro_b5.jpg) no-repeat center top; display:inline-block; font:14px "Microsoft YaHei"; font-weight:bold; line-height:34px; text-align:center; }
.pr_in li strong a{ width:100px; height:34px; display:inline-block; color:#303030;}
.pr_in li strong em a{ color:#fff;}
.pr_in .cur span{ border:4px solid #0069d3;padding:0px;}
.pr_in .cur span em{ left:0; top:172px;}

.ys_tit p  strong{ width:108px; height:32px; display:inline-block; font:14px "Microsoft YaHei"; color:#303030; line-height:32px; text-align:center; background:url(../images/ys_b.gif) no-repeat center top;float:left}
.ys_tit p  strong a{ color:#303030;}

/**/
.dy{ height:427px; background:url(../images/dy_bj.jpg) repeat center top; padding-top:48px;}
.dy h3{ height:52px; font:16px "Microsoft YaHei"; font-weight:bold; color:#303030; line-height:50px;}
.dy h3 span{ font:12px Arial; color:#999; line-height:50px; float:right; padding-right:18px;}
.dy h3 strong{ display:inline-block; height:52px; background:url(../images/pro_b7.png) no-repeat left 16px; font:16px "Microsoft YaHei"; font-weight:bold; color:#303030; line-height:52px; padding-left:32px; margin-left:20px;}
.dy h3 a{color:#303030; }
.dy .faq{ width:280px; height:398px; overflow:hidden; margin-right:15px;}
.dy .faq h3{ background:url(../images/faq_tx.jpg) no-repeat center top;}
.faq .faq_txt{ width:305px; height:325px;border:1px solid #c4c4c4; border-top:0; background:#fff; padding:20px  0 0 0; overflow:hidden;}  
.faq dl{ height:138px; width:254px; background:url(../images/dy_x.jpg) repeat-x left bottom;margin: 0 auto 18px 15px;}
.faq_txt dt{ height:22px;font:12px "Microsoft YaHei"; font-weight:bold; color:#303030; line-height:22px; background:url(../images/faq_q.jpg) no-repeat left top; margin-bottom:15px; padding-left:28px; }
.faq_txt dt a{ color:#303030;}
.faq_txt dd{padding-left:28px; background:url(../images/faq_q-06.jpg) no-repeat 0 5px; font:12px "Microsoft YaHei"; color:#666666; line-height:24px; }
.faq_txt .cle_m{ background:none;}
.dy .news{ width:450px; height:398px;}
.dy .news h3{ background:url(../images/new_tx.jpg) no-repeat center top;}
.news dl{ width:448px; height:320px;border:1px solid #c4c4c4; border-top:0; background:#fff; padding-top:20px;}
.news dt ,.news dt img{ width:420px; height:150px; margin:0 auto;}
.news dt { margin-bottom:14px;}
.news dd{ width:420px; margin:0 auto;}
.news p{ height:34px; background:url(../images/dy_x.jpg) repeat-x left bottom; font:12px "Microsoft YaHei"; color:#666666; line-height:34px;}
.news p a{ color:#666;}
.news p span{ float:right; cursor:pointer;}

.link_con{ height:156px; background:url(../images/lin_bj.jpg) repeat center top; overflow:hidden;}

/**/

.h_pho {
width: 228px;
height: 62px;
padding-left: 84px;
margin-right:100px;
background: url(../images/h_pho.png) no-repeat left center;
margin-top: 20px;
}

.h_pho p span {
font: 30px Arial;
font-weight: bold;
color: #0069d3;
line-height: 42px;
}

.se_inp {
width: 334px;
height: 34px;
background: url(../images/ser_bt.jpg) no-repeat left top;
margin-top: 4px;
}

.tint {
width: 228px;
height: 32px;
padding-left: 10px;
font: 12px "Microsoft YaHei";
color: #999;
line-height: 32px;
padding-left: 16px;
}
.se_inp input {
border: 0;
background: none;
float: left;
}
.bint {
width: 88px;
height: 34px;
cursor: pointer;
}
.mobile{display:none;}
@media screen and (max-width:980px){
	.header{width:1200px;}
	.mobile{display:block;}

}


/*↓组图样式↓*/
.HS10, .HS15{overflow:hidden;clear:both;}
.HS10{height:10px;}
.HS15{height:15px;}
.Hidden{display:none;}
.Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;}
.FlLeft{float:left;}
.FlRight{float:right;}
/*幻灯片区域背景*/
.MainBg{width: 920px;margin:0 auto;}
/*大图展示区域*/
.OriginalPicBorder{padding: 0;}
#OriginalPic{width: 920px;overflow:hidden;position:relative;font-size:12px;}
#OriginalPic img{display:block;min-width: 100px;margin:0 auto;}
/*鼠标手势*/
.CursorL{position:absolute;z-index:999;width:50%;height: 100%;color:#FFF;left: 0;cursor:url(../images/CurL.cur), auto;}
.CursorR{position:absolute;z-index:999;width:50%;height: 100%;color:#FFF;right:0;cursor:url(../images/CurR.cur), auto;}
/*小图预览和滑动*/
.SliderPicBorder{width: 100%;overflow:hidden;}
.ThumbPicBorder {width: 920px;margin:0 auto;background: #eeeeee;overflow: hidden;position: relative;}
.ThumbPicBorder #btnPrev{width:45px;height:113px;cursor:pointer;position: absolute;left: 20px;top: 20px;}
.ThumbPicBorder #btnNext{width:45px;height:113px;cursor:pointer;position: absolute;right: 20px;top: 20px;}
.ThumbPicBorder .pic{width: 755px;overflow: hidden;position: relative;margin: 20px auto;}
#ThumbPic img{border: 3px solid #ddd;cursor:pointer;background-color: #ddd;margin: 0 5px;width: 135px;height: 108px;display:block;transition: all .5s;}
#ThumbPic img.active{border: 3px solid #c62221;}
/*↑组图样式↑*/

#maximg{ line-height:28px; font-size:14px;}
#maximg img{ max-width:100% !important; height:auto !important}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}