@charset "utf-8";
/* CSS Document */
html { font-family:"Arial", Gadget, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; padding:0;height: 100%;font-family: "Arial", "Helvetica", sans-serif;font-size: 12px;background: #FFF;line-height: 20px;color: #5c5c5c; text-align:center;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0 none;}
input{ margin:0; padding:1px;}
ul,ol{ list-style:none outside none;}
ul{ padding:0;}
h2 {display: block;font-weight: bold;font-size:14px;}
.fl{float:left; display:inline}
.fr{float:right; display:inline}
.fn{float:none;}
.cb{clear:both; line-height:0;}
.mt10{margin-top:10px;}
.dboh{display:block; overflow:hidden;}
.dn{display:none;}
.abs-9999{position:absolute; top:-9999px;}
.fix{*zoom:1;}
.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}

a{color:#555;text-decoration:none;}

.container { width:100%; margin:0 auto; min-width:990px;}
.bj { background:url(../images/bj.jpg) repeat-x;}
.banner{ background:url(../images/banner.jpg) repeat-x;}
.header{width:990px;position:relative;margin:0 auto; }
.top{height:96px; position: relative;}
.top a.logo { float:left; height:50px; width:623px; background:url(../images/logo.png) no-repeat; margin-left:5px; margin-top:20px; overflow:hidden;}
.daohang{height:52px; position: relative;}


#nav{height:52px;}
#nav dl{float: left;position:relative;width:133px;}
#nav dl dd{position:absolute;top:90px;height:52px;width:200px;background-color: #fff;border:1px solid #ddd;border-top:none;display: none;}
#nav dt a{float: left;display: block;width:133px;font: normal 15px/52px "Microsoft YaHei", "Arial","宋体"; color:#FFF; font-weight:bold; }
#nav dt a:hover{color:#FF0;}
#nav dt a.current{color:#ff0000;}

#languege{position: absolute;top:0;right:0;width:100px;height:25px; background:url(../images/zybj.png) no-repeat; color:#FFF;}
#languege .la{ width:44px; height:25px; float:left; display:block; color:#fff; line-height:24px;}
#languege .lb{width:54px; height:25px; float:left; display:block;color:#fff;line-height:24px;}
#languege .la:hover{ color:#FF0000; float:left; display:block;}
#languege .lb:hover{ color:#FF0000; float:left; display:block;}
#xsrx{position: absolute; margin-top:42px;right:0;width:175px;height:20px; background:url(../images/phone.png) no-repeat; color:#FF0000; float:right; padding-left:26px; line-height:16px;}
.ys1{ color:#999;}


*{ margin:0; padding:0; list-style:none;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:100%; height:480px; margin:0 auto; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:9999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left; }
#playBox .pre{ cursor:pointer; width:45px; height:45px; background: url(../images/l.png) no-repeat; position:absolute; top:190px; left:20%; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background: url(../images/r.png) no-repeat; position:absolute; top:190px; right:20%; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#006dc8;}

.main {width:990px;position:relative;margin:0 auto;}
.stgd{height:245px; margin-top:15px; background:#f9f9f9; border: 1px solid #e2e2e2; }
.stgd h2 a{display: block;height:42px;text-align:left; color:#ffffff;}
.bannebj{padding-left:10px;font: normal 15px/38px "Microsoft YaHei","Arial", "宋体"; line-height:38px; background:url(../images/bt.png) no-repeat;}
.mlmore{ margin-left:375px;}
.stgd h2 a:hover{color: #ffffff;}
#about { width:265px;}
#about p em a{font-style:normal;color: #b00;}
#about p em a:hover{text-decoration: none;}
.ziti {font-size:12px;float:left; margin:5px 8px; text-indent:25px; text-align:left; line-height:21px;}
.shangxia{ margin-top:10px; margin-bottom:5px;}
.tpmb{ border: 1px solid #CDEDFB; padding: 4px;}
.gsmc{ font-size:14px; font-weight:bold; color:#F30;}
.dianhua{ background:url(../images/cz.png) no-repeat; text-align:left; width:180px;margin-top:8px; margin-bottom:5px; padding-left:20px; line-height:16px; margin-left:5px;}
.ditu{ background:url(../images/dt.png) no-repeat; text-align:left; width:180px;margin-top:8px; margin-bottom:5px; padding-left:20px;line-height:16px;margin-left:5px;}
/* main > 新品推荐 ———————————————————————————————————————— */
#product-box{width:505px;overflow: hidden;z-index: 800;}
#product{position:relative;width:413px;padding:25px 25px 0 25px;}
#product .prev, #product .next{position:absolute;display: block;top:70px;width:12px;height:29px;font-size:0;line-height:0;background:url(images/product_bt.png) no-repeat;}
#product .prev{	left:11px;}
#product .prev:hover{ background-position:0 -29px;}
#product .next{	right:11px; background-position:-12px 0;}
#product .next:hover{ background-position:-12px -29px;}
#product .img-scroll{position:relative;width:413px;overflow: hidden;}
#product ul{width:900px;height:150px;}
#product ul li{	position:relative;width:118px;margin: 0 7px;float: left;}
#product ul li a{display: block;position:relative;}
#product ul li img{position:absolute;left:0;top:0;width:110px;height:110px;padding:4px;border:#ddd solid 1px;}
#product ul li span{display: block;height:30px;line-height:30px;padding-top:118px;}

<!--演示内容开始-->
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/* marqueeleft */
#xptj-box { width:505px;}
.marqueeleft{height:180px;width:490px;overflow:hidden;z-index: 800; margin:0 auto; margin-top:10px;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:157px;height:180px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:150px;height:125px;padding:2px;overflow:hidden;}
.marqueeleft li .pic:hover{border:#006dc8 1px solid;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:18px;margin-top:8px; color:#999; font-size:10px}
.marqueeleft li .txt:hover{ color:#006dc8;font-size:10px}
/* marqueetop */
.marqueetop{height:429px;width:148px;overflow:hidden;margin:40px auto;}
.marqueetop li{padding:5px 0;width:148px;height:133px;overflow:hidden;}
.marqueetop li .pic{display:block;border:#ccc 1px solid;width:135px;height:104px;padding:2px;overflow:hidden;}
.marqueetop li .txt{text-align:center;height:23px;line-height:23px; }
*{margin:0;padding:0;list-style-type:none;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
:focus{outline:0;}
label{cursor:pointer;}
img{vertical-align:middle;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
h1{font-size:16px;}h2,h3,h4{font-size:14px;}h5,h6{font-size:12px;}
abbr,acronym{border:0;font-variant:normal}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}
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%}
a,img{border:0;}
a,a:visited{color:#5e5e5e; text-decoration:none;}
a:hover{color:#4183C4;text-decoration: none;}
.clear{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
body{font:12px/180% Arial,Lucida,Verdana,"宋体",Helvetica,sans-serif;color:#333;background:#fff;}
/* shortcut */
.shortcut{position:fixed;top:0;left:0;z-index:9999;width:100%;}
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
*html .shortcut{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
.shortcut{height:28px;line-height:28px;font-size:12px;background:#EEEEEE;text-transform:uppercase;box-shadow:1px 0px 2px rgba(0,0,0,0.2);border-bottom:1px solid #DDDDDD;}
.shortcut h1{font-size:14px;font-family:"微软雅黑","Arial","宋体";}
.shortcut a,.shortcut h1{padding:0px 10px;letter-spacing:1px;color:#333;text-shadow:0px 1px 1px #fff;display:block;float:left;}
.shortcut a:hover{background:#fff;}
.shortcut span.right{float:right;}
.shortcut span.right a{float:left;display:block;color:#ff6600;font-weight:800;}
.headeline{height:40px;overflow:hidden;}
.adv960x90{width:960px;height:90px;overflow:hidden;border:solid 1px #E6E6E6;margin:0 auto;}
.adv728x90{width:728px;height:90px;overflow:hidden;border:solid 1px #E6E6E6;margin:0 auto;}

#news{width:247px;}
#news dl{position: relative;width:147px;height:65px;padding: 20px 12px 0 85px;text-align: left;}
#news dl dt{font: bold 14px/14px "Microsoft YaHei","Arial", "宋体"; }
#news dl dt  a:hover{color:#073f8a;}
#news dl dt a span{display: block;width:160px;height:14px;overflow: hidden;}
#news dl dt a img.newspic{position: absolute;left:10px;top:20px;display: block;width:58px;height:55px;padding: 3px;border:#ddd solid 1px;}
#news dl dd p {padding-top:5px;height:40px;line-height:20px;color:#888;}
#news dl dd p em a{font-style:normal;color: #b00;}
#news dl dd p em a:hover{text-decoration:underline;}

#service {width: 220px;}
#service ul{width:230px;	padding:18px 15px 0 14px;	}
#fuzc{ width:247px; border:0; text-align:center;}
.zhichi{width:190px; margin:0 auto;}
#service form {position: relative;width: 200px;padding: 17px 15px 0 14px;}
#service form .search_input{position:relative;width:206px;height:20px;line-height:20px;color:#999;border:1px solid #ddd;}
#service form .search_bt{position:absolute;width:22px;height:22px;font-size:0px;border:0;top:18px;_top:19px;right:17px;cursor:pointer;background:url(images/searchBt.png) no-repeat;}
#service form .search_bt:hover{background-position: 0 -21px;}
.bt1 {width: 90px;height: 90px;background: url(images/servicebt1.png) no-repeat;display: block;float: left;margin-top: 20px;}
.bt1:hover{ background:url(images/servicebt1.png) no-repeat; display:block; float:left; background-position:0 -90px;}
.bt2 {width: 90px;height: 90px;background: url(images/servicebt2.png) no-repeat;display: block;float: left;margin-top: 20px;}
.bt2:hover{ background:url(images/servicebt2.png) no-repeat; display:block; float:left; background-position:0 -90px;}

/* zymnr */
#banner { width:100%; background:#f2f2f2; margin-bottom:10px;}
.zjgd{ width:980px; margin:0 auto; background:url(images/zy_03.jpg) no-repeat; height:210px;}
.xwzx{ width:980px; margin:0 auto; background:url(images/zy_16.jpg) no-repeat; height:210px;}
.cpzx{ width:980px; margin:0 auto; background:url(images/zy_06.jpg) no-repeat; height:210px;}
.shfw{ width:980px; margin:0 auto; background:url(images/zy_08.jpg) no-repeat; height:210px;}
.gcal{ width:980px; margin:0 auto; background:url(images/zy_12.jpg) no-repeat; height:210px;}
.rlzy{ width:980px; margin:0 auto; background:url(images/zy_10.jpg) no-repeat; height:210px;}
.lxwm{ width:980px; margin:0 auto; background:url(images/zy_14.jpg) no-repeat; height:210px;}


.ny-top{ height:30px; background:url(images/kp.jpg) no-repeat;text-align: left;}
.ny-top h3 {width: 190px;width: 230px\9;padding-left: 30px;height: 30px;text-align: left;}
.ny-top h3 a {font: normal 15px/29px "Microsoft YaHei","Arial", "宋体"; color:#fff;}
.ny-top h3  a:hover {font-weight: bold;}
.ny-top p {color: #ffffff;width: 720px;padding-left: 20px;text-align: left;height: 30px;font: normal 12px/29px "Microsoft YaHei","Arial", "宋体";}
.ny-top p a {padding: 0 4px; color:#fff;text-decoration: none;}
.ny-top p a:hover {font-weight: bold;}
.ny-top p a.on {font-weight: bold;}

.ny-center {position: relative;background: url(images/st.jpg) repeat-y;z-index: 10;text-align: left; border-bottom:1px solid #dddddd; margin-bottom:20px; display:block;height:auto !important;min-height:500px; overflow:hidden }

.ny-center h3 {color: #08408A;padding: 15px 0 3px 0;font: bold 14px/20px "Microsoft YaHei","宋体";}
#inmenu {width: 219px;min-height: 500px;height: auto;_height: 500px;}
#menu, #link {position: relative;width: 200px;padding: 0 10px 20px 10px;}
#menu form {position: relative;width: 180px;padding: 15px 0 0 10px;}
#menu dl {float: left;width: 200px;height: 36px;border-bottom: #ddd dashed 1px;position: relative;}
#menu dt a {display: block;position: relative;width: 185px;height: 28px;padding: 4px 0 5px 15px;font: normal 14px/28px "Microsoft YaHei","Arial","宋体";text-align: left;z-index: 30;}
#menu dt a.on{width:220px;_width:220px;height:38px;line-height:38px;_position:absolute;top:-1px;left:-10px;padding: 0;color:#fff;background:url(images/hov3.jpg) no-repeat;text-indent:25px;}
#menu dt a:hover{width:220px;_width:220px;height:38px;line-height:38px;_position:absolute;top:-1px;left:-10px;padding:0;color:#fff;background:url(images/hov3.jpg) no-repeat;text-indent:25px;}
#menu dd{position:absolute;left:209px;top:-1px;width:200px;padding:4px;border:#ccc solid 1px;background:#fff;z-index: 20;display: none;}
#menu ul{}
#menu ul li{position: relative;padding:0;}
#menu ul li a{display:block;height:26px;line-height:26px;width:183px;padding-left:15px;font: normal 12px/28px "Microsoft YaHei","宋体"; text-align:left;border:#fff solid 1px;}
#menu ul li a:hover{color:#c00;font-weight:bold;border-color:#D4E7FF;background:#eef5fd url(images/hov3.jpg) 4px center no-repeat;}







.bdbj{ background:url(../images/bd.jpg) repeat-x;}
.bdh{ height:85px; margin-top:15px;}
.bdwz{ text-align:center; padding-top:18px; color:#999; line-height:24px;}





.footer{margin:0 auto;height:35px;border-top:#dadada solid 1px;background:#132965;}
.footer .copyright{width:980px;margin: 0 auto;text-align:center;height:50px;line-height:34px;color:#3279d7;}
.footer .copyright a{padding:0 10px;color: #ccc;font-size:12px;}
.footer .copyright a:hover{color:#fff;}


/*在线客服代码*/
.SonlineBox{ width:162px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#0176ba url(../images/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:158px; height:35px; line-height:35px; background:#038bdc url(../images/SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #0176ba;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox .contentBox{ width:158px; height:auto; border:2px solid #0176ba; background:#fff; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}

.mnli{ background: url(../images/menubg.jpg) ; width:224px; height:37px; float:left; color:#FFF; font-size:10px; padding-top:10px; margin-top:8px}
.mnli  a{ color:#FFF; font-size:10px}

.mnli  a:hover{ color:#FF0; font-size:10px}