/*基础样式*/
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:14px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table,td{ empty-cells:show; border-collapse:collapse;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative;}

a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
/*基础样式结束*/

#tou{ width:100%; float:left; background:#333; height:40px;}
#top_t{ width:1200px; margin:0px auto; clear:both;}
#top_r{ margin-top:38px; float:right; width:966px;}
#top_rl{ float:left;}
#top_rr{ float:right; background:url(../images/tel.png) no-repeat left center; font-size:30px; color:#e72b0f; text-indent:23px;}
#top_tz{ float:left; height:40px; line-height:40px; color:#f1f1f1;}
#top_tr{ float:right; height:40px; line-height:40px; color:#f1f1f1;}
#top_tr a{ color:#f1f1f1; margin:0px 5px;}
#top_tr a:hover{ color:#f1f1f1;}

#top{ width:100%; float:left; height:163px;}
#zj{ width:1200px; margin:0px auto; clear:both;}
#logo{ height:65px; float:left; margin-top:84px;}
#tel{ width:235px; height:58px; float:right; margin-top:48px;}

#menu{ width:966px; height:40px; float:right; margin-top:10px; background:url(../images/nav.png) no-repeat;position:relative; z-index:19999;}
#menu ul{}
#menu li{ width:136px; float:left; height:40px; line-height:40px; text-align:center; font-size:16px;}
#menu li a{ color:#fff; display:block;}
#menu li a:hover{ color:#fff;}
#menu li#bs{ width:144px;}
#menu ul li ul li { float:none;}
#menu ul li ul li a { background:none;}
#menu ul li ul {}
#menu ul li ul li { margin-left:0px; text-align:center; height:35px; font-weight:normal;line-height:35px; font-size:14px; background:#f1f1f1;}
#menu ul li ul li a { background:none; color:#333; height:35px; line-height:35px; margin:0; padding:0;}
#menu ul li ul li a:hover { background:#db261f; color:#fff;}
#menu ul li ul { display:none;}
#menu ul li:hover ul { display:block;}
#menu ul li.sfhover ul { display:block;}
#menu li.bs a{ color:#fff; background:#005fbd;}
#menu li ul li #bz{ width:120px; float:left; background:#fff; text-align:left; text-indent:20px;}

#banner{ width:100%; float:left; height:495px;}
#sousuo{ width:100%; float:left; height:70px; background:#eeeeee;}
#sousuo_l{ float:left; color:#333; height:70px; line-height:70px;}
#sousuo_l a{ color:#333; margin:0px 10px;}

#sousuo_l a:hover{ color:#db261f;}
#sousuo_r{ float:right; widht:256px; height:30px; margin-top:20px;}

#box{ width:100%; float:left; padding:60px 0;}
#chanpin{ width:100%; float:left;}
#chanpin_t{ width:100%; float:left;}
#chanpin_tz{ width:100%; float:left; height:50px; line-height:50px; font-size:32px; text-align:center; background:url(../images/heng.png) no-repeat center; color:#333;}
#chanpin_tn{ width:100%; float:left; margin-top:5px; background:url(../images/ge.png) no-repeat top center; text-align:center; padding-top:15px; color:#666;}
#chanpin_n{ width:100%; float:left; margin-top:50px;}
#chanpin_l{ width:240px; float:left;}
#lanmu{ width:100%; float:left;}
#lanmu_t{ width:100%; float:left; height:75px; line-height:75px; color:#fff; text-align:center; font-size:24px; background:#dc2720;}
#lanmu_n{ width:100%; float:left; border-top:2px #dc2720 solid; margin-top:1px;}
#lanmu_n dl{ width:100%; float:left;}
#lanmu_n dt{ width:100%; float:left; height:45px; margin-bottom:1px; line-height:45px; font-size:16px; text-indent:38px; background:url(../images/jia.png) no-repeat 190px center #dc2720;}
#lanmu_n dt a{ color:#fff; display:block;}
#lanmu_n dt a:hover{ color:#fff;}
#lanmu_n dd{ width:100%; float:left; height:45px; line-height:45px; background:#ececec; margin-bottom:1px; font-size:16px; text-indent:48px;}
#lanmu_n dd a{ color:#333; display:block;}
#lanmu_n dd a:hover{ color:#fff; background:#7a7373;}

#lanmu_n1{ width:100%; float:left; border-top:2px #474747 solid; margin-top:1px;}
#lanmu_n1 dl{ width:100%; float:left;}
#lanmu_n1 dt{ width:100%; float:left; height:50px; margin-bottom:1px; line-height:50px; font-size:16px; text-indent:38px; background:url(../images/jia.png) no-repeat 190px center #f1f1f1;}
#lanmu_n1 dt a{ color:#333; display:block;}
#lanmu_n1 dt a:hover{ color:#fff; background:url(../images/jia.png) no-repeat 190px center #474747;}

#banner_n{ width:100%; float:left; height:270px;}

#chanpin_r{ width:940px; float:right;}
#pro{ width:299px; height:243px; float:left; border:1px #ccc solid; margin:10px 5px 0px;}
#pro a{ color:#333; display:block; width:299px; height:243px;}
#pro a:hover{ color:#fff; background:#dc2720;}
#pro_t{ width:100%; float:left; height:192px;}
#pro_t img{ width:100%; height:192px;}
#pro_z{ width:100%; float:left; height:51px; font-size:16px; color:#ff0000;}
#pro_zt{ width:100%; float:left; height:30px; line-height:30px; text-indent:20px; font-weight:bold; text-align:center;}
#pro_zn{ width:100%; float:left; height:15px; line-height:15px; text-indent:20px; font-size:12px; color:#888; text-align:center;}
#pro a:hover #pro_zt{ color:#fff;}
#pro a:hover #pro_zn{ color:#fff;}
#duan{ width:100%; float:left; height:224px;}

#guanyu{ width:100%; float:left; padding:60px 0; background:#f1f1f1;}
#guanyu_k{ width:100%; float:left; margin-top:50px;}
#guanyu_kl{ width:425px; float:left;}
#guanyu_kr{ width:730px; float:right;}
#guanyu_rt{ width:100%; float:left; font-size:24px; font-weight:bold;}
#guanyu_rn{ width:100%; height:164px; float:left; line-height:1.9; margin-top:20px;}
#gy{ width:100%; float:left;}
#gy a{ padding:10px 25px; background:#ccc; margin:0px 10px;}
#gy a:hover{ background:#c81622; color:#fff;}
#guanyu_b{ width:100%; float:left; margin-top:30px;}
#tuji{ float:left; margin:0px 20px;}

#youshi{ width:100%; float:left; padding:40px 0;}
#youshi_l{ width:350px; float:left;}
#youshi_lt{ width:100%; float:left; height:238px; background:#474747;}
#youshi_ltz{ width:100%; font-size:22px; color:#fff; font-weight:bold; float:left; margin-top:50px; text-indent:20px;}
#youshi_ltn{ width:100%; font-size:22px; color:#fff; font-weight:bold; margin-top:15px; float:left; text-indent:20px;}
#youshi_ltn span{ color:#db261f;}
#youshi_ltb{ float:left; font-size:12px; padding:5px 8px; border:1px #cccccc solid; color:#fff; margin-top:10px; margin-left:20px;}
#youshi_lg{ width:278px; float:left; height:166px; padding:36px; background:#f6f6f6;}
#youshi_lgt{ width:100%; float:left; font-size:22px; font-weight:bold;}
#youshi_lgb{ width:100%; font-size:14px; margin-top:15px; float:left; line-height:1.9;}
#youshi_b{ width:100%; height:238px; float:left;}

#youshi_z{ width:490px; float:left;}
#youshi_zg{ width:418px; float:left; height:166px; background:#f6f6f6; padding:36px;}
#youshi_zgt{ width:100%; float:left; font-size:22px; font-weight:bold;}
#youshi_zgb{ width:100%; font-size:14px; margin-top:15px; float:left; line-height:1.9;}
#youshi_g{ width:100%; height:238px; float:left;}

#youshi_r{ width:360px; float:right;}
#youshi_rg{ width:288px; float:left; height:166px; background:#f6f6f6; padding:36px;}
#youshi_rgt{ width:100%; float:left; font-size:22px; font-weight:bold;}
#youshi_rgb{ width:100%; font-size:14px; margin-top:15px; float:left; line-height:1.9;}

#xia{ width:100%; float:left; height:200px;}

#xinwen{ width:100%; padding:60px 0 60px 0; float:left; background:#f1f1f1;}
#xinwen_n{ width:100%; float:left; margin-top:50px;}
#xwdt{ width:380px; float:left;}
#xwdt1{ width:380px; float:left; margin-left:30px;}
#xwdt2{ width:380px; float:right;}
#xwdt_t{ width:360px; float:left; padding-bottom:5px; border-bottom:1px #ccc solid; background:url(../images/xw.jpg) no-repeat left center; height:59px; padding-left:20px;}
#xwdt_tz{ width:100%; float:left; font-size:27px; line-height:1; margin-top:3px;}
#xwdt_ty{ width:100%; float:left; font-size:17px; color:#929292; margin-top:3px;}
#xwdt_s{ width:100%; float:left; margin-top:5px;}
#xwdt_n{ width:100%; float:left; margin-top:5px;}
#xwdt_n li{ width:100%; float:left; height:36px; line-height:36px; background:url(../images/xwb.png) no-repeat left center; text-indent:15px; border-bottom:1px #ccc dashed;}
#xwdt_n li a{ color:#333;}
#xwdt_n li a:hover{ color:#ff0000;}

.inwen{ padding:10px; float:left;}			
.inwen li{ font-family:"Microsoft YaHei"; margin-bottom:10px; line-height:30px; border-bottom:dashed 1px #ccc;}
.wen {padding-left:30px; font-size:14px; background-image: url(../images/wen.jpg); background-repeat: no-repeat; background-position: left 7px;}			
.da{ padding-left:30px; background-image: url(../images/da.jpg); background-repeat: no-repeat; background-position: left 7px;;	}	

#hezuo{ width:100%; float:left; padding:60px 0;}
#hezuo_n{ width:100%; float:left; margin-top:30px;}
#hzkh{ width:230px; height:180px; float:left; margin:0px 5px;}
#hzkh a{ width:230px; height:180px; display:block;}
#hzkh a:hover{ background:#c71521; color:#fff;}
#hzkh_t{ width:230px; float:left; height:145px;}
#hzkh_t img{ width:230px; float:left; height:145px;}
#hzkh_n{ width:100%; float:left; height:35px; line-height:35px; text-align:center;}

#demo { WIDTH: 100%; OVERFLOW: hidden }
#indemo { WIDTH: 800%; FLOAT: left }
#demo1 { FLOAT: left }
#demo2 { FLOAT: left }

#demo12 { WIDTH: 100%; OVERFLOW: hidden }
#indemo12 { WIDTH: 800%; FLOAT: left }
#demo112 { FLOAT: left }
#demo212 { FLOAT: left }

#link{ width:100%; float:left; padding:30px 0; background:#f1f1f1;}
#link_l{ float:left; width:150px; color:#c81622; font-size:18px;}
#link_r{ float:right; width:1040px; line-height:28px;}
#link_r a{ color:#333; margin:0px 10px;}
#link_r a:hover{ color:#ff0000;}

#foot{ width:100%; float:left;}
#foot_t{ width:100%; float:left; background:#4a4a4a; padding:30px 0;}
#contact{ width:540px; float:left; height:264px; background:url(../images/di.jpg) no-repeat right;}
#contact_t{ width:100%; float:left; color:#fff; font-size:20px; font-weight:bold;}
#contact_t span{ font-weight:normal;}
#contact_n{ width:100%; float:left; color:#fff; line-height:2.2; margin-top:20px;}

#gywm{ width:160px; float:left; margin-left:40px; height:264px; background:url(../images/di.jpg) no-repeat right;}
#gywm_t{ width:100%; float:left; margin-top:20px; font-size:20px; color:#fff;}
#gywm_n{ width:100%; float:left; margin-top:10px;}
#gywm_n li{ width:100%; float:left; height:30px; line-height:30px;}
#gywm_n li a{ color:#fff;}
#gywm_n li a:hover{ color:#fff;}


#you{ width:220px; float:right;}
#ewm{ width:149px; height:146px; float:right;}
#you_t{ float:left; color:#fff; font-size:16px; margin-top:10px;}
#you_z{ float:left; color:#fff; font-size:16px; margin-top:10px; background:url(../images/dianhua.jpg) no-repeat 38px center; text-indent:80px;}

#foot_b{ width:100%; float:left; background:#2f2f2f; padding:20px 0;}
#foot_l{ float:left; line-height:1.9; color:#c9c9c9;}
#foot_l a{ color:#c9c9c9;}

#left{ width:240px; float:left;}
#lxwm{ width:100%; float:left; margin-top:30px;}
#lxwm_t{ width:100%; float:left; border-bottom:2px #ccc solid; height:40px; line-height:40px; font-size:20px;}
#lxwm_n{ width:100%; float:left; line-height:1.9;}

#abouter{ width:940px; float:right;}
#abouter_t{ width:100%; float:left; height:40px; border-bottom:1px #ccc solid; margin-bottom:10px;}
#abouter_tz{ float:left; height:39px; line-height:39px; border-bottom:3px #db261f solid; font-size:22px; font-weight:bold;}
#weizhi{ float:right; height:39px; line-height:39px; color:#999;}
#weizhi a{ color:#999;}
#weizhi a:hover{ color:#db261f;}
#abouter_k{ width:100%; float:left;}
#biaoti{ width:100%; float:left; margin-top:10px; font-size:24px; font-weight:bold; color:#db261f; text-align:center;}
#fabiao{ width:100%; float:left; margin-top:5px; padding-bottom:5px; border-bottom:1px #ccc dashed; text-align:center; color:#666;}
#abouter_n{ width:100%; float:left; margin-top:10px; font-size:16px; color:#333; line-height:1.9;}
#fenpian{ width:100%; float:left; margin-top:30px;}
#l{ width:100%; float:left; height:25px; line-height:25px; color:#333;}
#l a{ color:#333;}
#l a:hover{ color:#db261f;}

#producter{ width:100%; float:left;}

#fenye{ width:100%; float:left; height:30px; line-height:30px; text-align:center; margin-top:20px;}
#fenye a{ color:#333; margin:0px 5px; padding:5px 8px; border:1px #ccc solid;}
#fenye a:hover{ border:1px #db261f solid; background:#db261f; color:#fff;}

#newser{ width:100%; float:left; margin-top:10px;}
#newser li{ width:100%; float:left; height:40px; line-height:40px; border-bottom:1px #ccc dashed; color:#666; text-align:right;}
#newser li a{ margin-left:5px; color:#666; float:left; color:#333;}
#newser li a:hover{ color:#db261f;}

#tjcp{ width:100%; float:left; margin-top:50px;}
#tjcp_t{ width:100%; float:left; border-bottom:1px #ccc solid;}
#tjcp_tz{ float:left; height:50px; line-height:50px; font-size:20px;}

.zy_pro{}
.zy_pro li{float:left; overflow:hidden; width:299px; margin:0 7px 12px; border-bottom:2px solid #3d4a4f; padding-bottom:12px; text-align:left; position:relative;-webkit-transition: all 0.5s ease-in-out;}
.zy_pro li.r{margin-right:0px;}
.zy_pro li a{display:block; cursor:pointer;}
.zy_pro li p{font-size:14px; color:#999; padding-top:10px; padding-bottom:3px;-webkit-transition: all 0.5s ease-in-out;}
.zy_pro li span{font-size:12px; color:#616a76; display:block; background:url(../images/jt.jpg) no-repeat center right;}
.cover{width:299px; height:192px; background:url(../images/hover.png); position:absolute; top:0px; left:0px; text-align: center;
opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";}
.zy_pro li:hover{border-bottom:2px solid #d81f25;}
.zy_pro li:hover p{color:#d81f25;}

#cpcp{ width:225px; float:left; margin:10px 5px;}
#cpcp a{ width:225px; height:265px; display:block;}
#cpcp a:hover{ color:#fff;}
#cpcp_t{ width:223px; float:left; height:223px; border:1px #ccc solid;}
#cpcp_t img{ width:223px; height:223px;}
#cpcp_z{ width:100%; float:left; height:35px; line-height:35px; text-align:center; margin-top:5px; background:#ccc;}
#cpcp a:hover #cpcp_z{ background:#dc2720;}
#cpcp a:hover #cpcp_t{ border:1px #dc2720 solid;}

.left-pro{width:420px; padding:7px 0px;text-align:left;float:left; border:1px #CCC solid;}
.left-pro .t1{float:left;}
.left-pro .t2{width:400px;text-indent:0;float:left; margin-left:10px; border:1px #CCC solid;}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:68px;padding:1px;border:1px solid #ccc;height:68px;float:left; margin-left:15px; margin-right:12px;}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{margin:10px;overflow:hidden;}


.right_pro{ width:450px; float:right;}
.jjt{ width:420px; float:left; height:45px; line-height:45px; border-bottom:1px #ccc dashed; font-size:20px; font-weight:bold; overflow:hidden;}
.jjn{ width:420px; float:left; font-size:15px; line-height:2.2; margin-top:10px; color:#333; height:147px;}
.jjp{ width:420px; float:left; height:150px; margin-top:10px;}
.liuyan{ width:380px; float:left; height:38px; margin-top:30px;}
#abouter_tou{ width:910px; float:left; height:35px; line-height:35px; border-bottom:1px #ccc solid; margin-top:20px;}
#abouter_z{ float:left; height:35px; line-height:35px; color:#333; font-size:22px;}
