﻿@charset "utf-8";
/*reset.css*/
html { color: #000; background: #FFF; overflow-y: scroll; }
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%; }
#showstate p { line-height:3; text-align:justify; font-size:14px; }
.img > img {
    display: block;
    margin: 0 auto;
}
#showstate img { border: 1px solid #999; margin: -3px; padding: 2px; }
.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: 10px; }
/*common.css*/
body { color: #222; font-size: 16px; font-family: "Microsoft YaHei"; } /*网站字体颜色*/
a { color: #222; text-decoration: none; font-family: "Microsoft YaHei"; }  /*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; font-family: "Microsoft YaHei"; }
.tr { text-align: right; }
.tl { text-align: left; }
.fl { float: left; }
.fr { float: right; }
.pa { position: absolute; }
.pr { position: relative }
i { font-style: normal; }
em { font-style: normal; }
/* -- 购物车外部框架 -- */
.cart_header, .cart_content, .cart_footer { width: 760px; margin: 0 auto; }
.zx_con { border: 1px solid #e8e8e8; border-top: none; padding: 6px 0 0 6px; border-bottom: none;}
.zx_con h3 { background: #a71b1b;  width: 228px; height: 36px; line-height: 36px; text-align: center; clear: both; margin: 5px 0; behavior:url(../other/PIE.htc);border-radius:3px; }
.zx_con h3 a { font-size: 16px; color: #fff; }
.zx_con ul { padding-bottom: 3px; }
.zx_con ul li { height: 35px; line-height: 35px; background: url("../images/leftli.png") no-repeat center center; padding-left: 60px; border-bottom: dashed 1px #d8d8d8; text-align:left; }
 .zx_con ul li:hover {
	background: url(../images/leftlih.png) no-repeat center center;
}
.zx_con ul li a { font-size: 16px; color: #333; }
/* -- 页面整体布局 -- */
.content {
    margin-top: 15px;
}
.header, .content, .footer { width: 1300px; margin: 0 auto; overflow: hidden; font-family: "Microsoft YaHei"; }
.left { width: 240px; float: left; overflow: hidden; display: inline; }
.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: 1050px; 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; }
.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 {  border: solid 1px #d5d5d5; border-top:0; padding-bottom: 15px; overflow: hidden; border-radius:0 0 3px 3px; behavior:url(../other/PIE.htc); }
.right2_main { width: 273px; border: solid 1px #d5d5d5; border-top: 0; border-bottom: 0; padding-bottom: 15px; overflow: hidden; }
.left2_main { width: 668px; border: solid 1px #d5d5d5; border-top: 0; border-bottom: 0; padding-bottom: 15px; overflow: hidden; }
 .h_nav li a:-webkit-any-link {
display:block;
}
/*头部开始*/
.t_bg { width:100%; height:auto;}
.h_top { height: 37px; line-height: 37px; overflow: hidden; background:#cfcfcf; }
.h_top i { float: left; color: #333; }
.h_top p { float: right; color: #333;  }
.h_top p a { padding: 0 5px; color: #333; }
.h_con { height: 130px; overflow: hidden }
.h_con h1 { padding: 0px 0 0; float: left; }
.h_con h1 img { float: left; padding-right: 34px; }
.h_con h1 span { display: block; margin: 17px 0 0; padding-left: 33px; border-left: solid 1px #dce1e2; float: left }
.h_pho { padding: 15px 0px 20px 40px; text-align: center; width: 245px; }
.h_pho span { font-family: "Microsoft YaHei"; font-size: 18px; color: #9B0002; display: block; }
.h_pho q { background: url(../images/h_ico.gif) no-repeat; width: 225px; height: 16px; line-height: 16px; color: #666; font-size: 16px; display: block; font-family: "Microsoft YaHei"; text-align: center; margin: 10px auto; }
.h_pho p { font-family: Impact; font-size: 22px; color: #9B0002; }
.h_nav { height: 50px; line-height: 50px; background:#047add/*url(../images/nav_bg.jpg)*/; }
.h_nav ul li { float: left; background: url(../images/n_bor.gif) no-repeat right center; text-align: center; width: 122px; }
.h_nav ul li:last-of-type { background: none; }
.h_nav ul .nobor01 { background: none; }
.h_nav ul li a { display: block; color: #fff; font-size: 16px; font-family: "Microsoft YaHei";  }
.h_nav ul li a:hover, .h_nav ul .cur a { color: #fff; text-decoration: none; background:#ff4a00; }
.s_bg { background: url(../images/bg.png) repeat-x; height: 59px; line-height: 59px; }
.h_ser { width: 1100px; margin: 0 auto; }
.s_inp { margin-top: 16px; }
.inp01 { background: url(../images/s_inp.gif) no-repeat; width: 178px; height: 26px; line-height: 26px; border: none; padding: 0 3px 0 30px; float: left; font-size: 12px; color: #333 }
.h_ser p b { font-family: "Microsoft YaHei"; font-size: 13px; }
.h_ser p a { padding: 0 6px; font-family: "Microsoft YaHei"; font-size: 13px; color: #353535; }
/*头部结束*/
/*底部开始*/
.f_bg { background: url(../images/f_bg.gif) repeat-x center top; overflow:hidden; margin-top: 15px;margin-bottom:50px;}
.f_nav { text-align: center; color: #fff; height: 45px; line-height: 45px; font-size: 14px; font-weight: bold;  }
.f_nav a { color: #fff; padding: 0 20px; font-size: 14px; font-weight: bold; }
.f_img { float: left; padding: 25px 30px 0 47px; }
.f_p { color: #444; line-height: 30px; margin: 5px 0 0; background: url(../images/f_yy.gif) no-repeat 0 0; padding: 20px 0 20px 55px; width: 620px; }
.f_p p a { color: #444; }
.f_p p span { padding: 0 20px }
.f_p p img { padding: 0 0 0 10px; float: none; }
.f_p01 { margin-left: 30px; }
.f_p01 i { display: block; text-align: center; padding-top: 5px; }
/*底部结束*/
 
 /*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/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))
}
.ImTable * { padding: 0px; margin: 0px }
.ImTable { border-collapse: collapse; border: none; background: url(../images/bg.png) }
.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: #333; 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: #fff; text-align: center; margin: 15px 0 0; font-family: '宋体'; }
.ImFooter p { font-size: 18px; font-weight: bold; color: #fff; text-align: center; margin: 10px 0; }
.fenzhan { height: 36px; line-height: 36px; color: #333; font-size: 12px; }
.fenzhan a { color: #333; }
.fenzhanIn { margin: 0 auto; width: 960px; border-bottom: 2px red solid; }
.Bannerslider { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.Bannerslider ul { position: relative; width: 1000%; overflow: hidden; }
.Bannerslider ul li { width: 10%; float: left; display: block; background: center top no-repeat; }
.Bannerslider ul li img { display: block; visibility: hidden; }
.Bannerslider ol { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; }
.Bannerslider ol li { width: 16px; height: 16px; background: url(../images/dot.png) 0 -16px; cursor: pointer; display: inline-block; *display:inline;
*zoom:1;
}
.Bannerslider ol li.on { width: 16px; height: 16px; background: url(../images/dot.png) 0 0px; }
.Bannerslider .ScrollLeft { display: none; width: 60px; height: 90px; position: absolute; top: 50%; left: 0; opacity: 0.8; background: url(../images/ad_ctr.png) 0 0; cursor: pointer; z-index: 1; margin-top: -45px; }
.Bannerslider .ScrollRight { display: none; width: 60px; height: 90px; position: absolute; top: 50%; right: 0; opacity: 0.8; background: url(../images/ad_ctr.png) 0 -90px; cursor: pointer; z-index: 1; margin-top: -45px; }
.Bannerslider .ScrollLeft:hover, .Bannerslider .ScrollRight:hover { opacity: 1; }
.Bannerslider:hover .ScrollLeft, .Bannerslider:hover .ScrollRight { display: block; }
.xiaotu{ width:100%; background:url(../images/xt.jpg) center no-repeat; height:300px; }
.xiaotu a{ display:block; height:100%; }
.pro_img{ overflow:hidden; width:812px; margin:0 auto; }
.pro_img img{ border:1px #ccc solid; padding:3px; background:#fff; }
.pro_img li{ background:#000; height:300px; width:400px; float:left; margin:0 5px 5px 0; }
.Mt {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #ccc #ccc;
    border-image: none;
    border-radius: 0 0 3px 3px;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding: 8px 10px;
}
.Mt dl {
    float: left;
    height: 138px;
    overflow: hidden;
    padding: 15px 10px;
    width: 150px;
}
.Mt dl dt {
    height: 120px;
    overflow: hidden;
    width: 150px;
}
.Mt dl dt img {
    border: 1px solid #e5e5e5;
    height: 114px;
    padding: 2px;
    width: 142px;
}
.Mt dl dd {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 197px;
}
.Mt dl dd h3 {
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 150px;
}
.Mt dl dd h3 a {
    color: #565656;
    font-family: "宋体";
    font-size: 12px;
}
.Mt dl dd p {
    color: #989898;
    font-family: "宋体";
    font-size: 12px;
    height: 71px;
    line-height: 22px;
    overflow: hidden;
}
.Mt dl dd a.btn {
    color: #a50a00;
    font-family: "宋体";
    font-size: 12px;
}
.Mt ul {
    padding: 8px 10px 0 5px;
}
.Mt ul li {
    border-bottom: 1px dashed #d5d6d6;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Mt ul li a {
    color: #333;
    padding-left: 15px;
}
.productNav{width:238px;  float:left; border:1px solid #666; padding-bottom:20px;  }
.productNav ul{ width:240px;  margin:0 auto; overflow:hidden; }
.productNav h3{ text-align:center; width:220px; height:55px; line-height:46px; display:block; background:#047add; border:1px #ccc solid; margin:10px auto 0;}
.productNav h3 a{ color:#fff; font-size: 16px; }
.productNav  ul{  overflow:hidden; width:100%; }
.productNav ul li{ width:220px; height:37px; line-height:32px; text-align:center;margin:0px auto;background:#e3e3e3; border-bottom:1px dotted #fff}
.productNav ul li:hover{background:#ff4a00; color:#fff}
.productNav ul li a{ font-size:16px;}
.productNav ul li a:hover{background:#ff4a00; width:220px; height:39px; display:block; color:#fff }
.productHomeContent{ width:1030px; float:right;}
.productHomeContent ul{ overflow:hidden; }
.productHomeContent ul li{ width:325px; float:left; margin:5px;padding:3px; background:#047add  }
.productHomeContent ul li:hover{ background:#ff4a00}
.productHomeContent ul li a{ display:block; position:relative; z-index:2;text-decoration:none;}
.productHomeContent ul li .productPic{ width:100%; height:246px; overflow:hidden; position:relative; }
.productHomeContent ul li .productName{line-height:45px; text-align:center; color:#fff; font-size:16px; }
.productHomeContent ul li .productCon{ background:#F7F7F7; border:#ECECEC solid 1px; border-top:0; line-height:2; padding:1px 10px; font-size:13px}
.productHomeContent ul li .productCon span{ color:#e00029; }
.productHomeContent ul li img{ width:318px; height:270px; position:relative; top:-25px; transform: scale(1); transition:all 0.5s; }
.productHomeContent ul li:hover img{ top:-25px; transform: scale(1.2); }
#gong {
    overflow: hidden;
    padding-top: 5px;
    width: 1045px;
}
#gong h3 #beij {
    background: rgba(0, 0, 0, 0) url("../images/h3.jpg") repeat-x scroll left top;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 50px;
    padding-left: 15px;
}
#gong h3 {
    background: #047add none repeat scroll 0 0;
    font-family: "微软雅黑",Arial,Verdana,System;
    height: 50px;
    line-height: 50px;
    position: relative;
}


