@charset "gb2312";
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;}
img{border:none;}
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{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.w1{width:100%; margin:0 auto;}
.w2{width:1200px; margin:0 auto;}
.clearfix:after {visibility: hidden; display: block; font-size:0; content:" "; clear:both; height:0;}
.clearfix{zoom:1;}

#tou{ width:100%; float:left; height:45px; background:url(../images/top.jpg) repeat;}
#tou_k{ width:1200px; float:left; height:45px;}
#tou_l{ float:left; float:left; height:45px; line-height:45px; color:#fff;}
#tou_r{ float:right; position:relative; top:20px; z-index:999; right:80px;}
#top{ width:100%; float:left; height:105px; background:url(../images/top.jpg) repeat; position:relative; z-index:99;}
#zj{ width:1200px; margin:0px auto;}
#logo{ width:208px; float:left; height:57px; margin-top:24px;}
#tel{ width:224px; height:78px; float:right; margin-top:10px;}
#nav{ width:100%; float:left; height:50px; background:url(../images/top.jpg) repeat;}
#menu{ width:910px; float:right; height:32px; margin-top:37px;}
#menu ul{}
#menu li{ width:78px; float:left; height:32px; line-height:32px; margin-left:15px; margin-right:15px; text-align:center;}
#menu li a{ color:#bdbdbd; display:block;}
#menu li a:hover{ color:#fff; background:url(../images/menu.png) no-repeat center;}
#menu #bs a{ color:#fff; background:url(../images/menu.png) no-repeat center;}

#menu ul li ul li { float:none;}
#menu ul li ul li a { background:none;}
#menu ul li ul {}
#menu ul li ul li { float:none; width:120px; background:#f1f1f1; margin-left:0px; text-align:left; height:40px;font-weight:normal; text-indent:10px; line-height:40px; font-size:14px;}
#menu ul li ul li a { background:none; color:#333;}
#menu ul li ul li a:hover { background:#d81f25; 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:#1a3665;}

#banner{ width:100%; float:left; height:540px;}

#bj{ width:100%; float:left;}
#box{ width:100%; float:left; padding-top:40px; padding-bottom:40px;}
#box1{ width:100%; float:left; padding-top:40px; padding-bottom:40px; background:#f4f4f4;}
#box2{ width:100%; float:left; background:#23272b;}
#hezuo_t{ width:100%; float:left;}
#hezuo_tz{ width:100%; float:left; font-size:24px; color:#333; text-align:center;}
#hezuo_tn{ width:100%; float:left; margin-top:5px; font-size:20px; color:#999; background:url(../images/ge.png) no-repeat center; text-align:center;}

#hezuo_n{ width:100%; float:left; margin-top:30px;}

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

#hz{ width:250px; height:200px; float:left; border:1px #ccc solid; margin-left:24px; margin-right:24px; float:left; margin-bottom:20px;}
#hz a{ color:#333; width:250px; height:200px; display:block;}
#hz a:hover{ color:#fff; background:#dc0715;}
#hz_t{ width:250px; float:left; height:160px;}
#hz_n{ width:250px; float:left; height:40px; line-height:40px; font-size:16px; text-align:center;}

#product{ width:100%; float:left;}
#product_n{ width:100%; float:left; margin-top:20px;}
#pro{ width:230px; height:290px; background:#333;border:3px #ccc solid; float:left; margin-left:32px; margin-right:32px; margin-bottom:55px;}
#pro a{ display:block; width:230px; height:290px; color:#fff; display:block;}
#pro a:hover{ background:#dc0715; color:#fff;}
#pro_t{ width:230px; float:left; height:230px;}
#pro_k{ width:230px; float:left;}
#pro_kt{ width:230px; height:40px; line-height:40px; text-align:center; font-size:18px;}

#pro:hover #pro_kn{ background:#dc0715; color:#fff;}

#pro1{ width:230px; height:270px; border:3px #ccc solid; background:#333; float:left; margin-left:32px; margin-top:20px; margin-right:32px; margin-bottom:20px;}
#pro1 a{ display:block; width:230px; height:270px; color:#fff; display:block;}
#pro1 a:hover{ background:#dc0715; color:#fff;}

#pro1:hover #pro_kn{ background:#dc0715; color:#fff;}

#wenhua{ width:100%; float:left; height:554px;}
.Home-FengCai{width:1200px;margin:0px auto;overflow:hidden;position:relative;transform:translateY(350px);}
.Home-FengCai ul.About-img{overflow:hidden;width:3600px;position:relative;}
.Home-FengCai ul.About-img li{float:left;width:1200px;height:554px;}
.Home-FengCai ul.About-img li img{display:block;width:100%;height:100%;}
.Home-FengCai .About-txt{position:absolute;height:554px;width:360px;padding:0px 40px;background:rgba(33, 38, 42, 0.97); top:0px;right:-450px;z-index:5;filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
-moz-opacity:0.8; /*Firefox私有，透明度50%*/
opacity:0.8;/*其他，透明度50%*/}
.Home-FengCai .About-txt h3{margin-top:88px;text-align:right; font-size: 34px; font-weight:bold; color: #EC1208;line-height:48px;letter-spacing:5px;padding-bottom:5px;}
.Home-FengCai .About-txt span{display:block;color:white;text-align:right; font-size: 27px; font-weight: bold; border-bottom:#da251d 3px solid; line-height: 1.2; padding-bottom:10px; margin-bottom: 15px;letter-spacing:2px;}
.Home-FengCai .About-txt p{color:white;font-size:14px;line-height:26px;letter-spacing:1px;text-indent:2em;}
.Home-FengCai ul.About-click{width:175px;height:38px;position:absolute;bottom:90px;right:220px;background:url(../images/"arr2.png") 53px center no-repeat;z-index:8;}
.Home-FengCai ul.About-click li{float:left;width:38px;height:38px;line-height:38px;background:url(../images/"slide_p2.png") no-repeat center center;font-size:22px;font-family:italic;color:white;text-indent:12px;margin:0px 10px;overflow:hidden;cursor:pointer;}
.Home-FengCai ul.About-click li.On{background-image:url("../images/slide_p1.png");}

#youshi{ width:100%; float:left;}
#youshi_n{ width:100%; float:left; margin-top:40px;}

#youshi_k{ width:100%; float:left;}
#youshi_l{ width:545px; float:left;}
#youshi_l1{ width:545px; float:right;}
#youshi_lt{ width:545px; float:left; padding-bottom:8px; height:52px; background:url(../images/duan.jpg) repeat-x bottom;}
#youshi_ltl{ width:44px; height:44px; float:left;}
#youshi_lr{ width:490px; float:right;}
#youshi_lrt{ width:490px; float:left; font-size:16px; color:#ec1208; font-weight:bold;}
#youshi_lrn{ width:490px; float:left; color:#999; margin-top:3px; text-transform:uppercase;}

#youshi_ln{ width:545px; float:left; margin-top:10px; line-height:1.9; color:#666;}
#youshi_rr{ width:630px; height:305px; float:left;}

#news{ width:100%; float:left; margin-top:40px;}
#xinwen{ width:390px; float:left;}
#xinwen_t{ width:390px; float:left; height:35px; border-bottom:1px #ccc solid;}
#xinwen_k{ width:390px; float:left; margin-top:10px;}
#xinwen_s{ width:390px; float:left; height:90px; padding-bottom:5px; border-bottom:1px #ccc dashed;}
#xinwen_sl{ width:120px; float:left; height:90px;}
#xinwen_r{ width:260px; float:right;}
#xinwen_rt{ width:260px; float:left; font-size:16px; font-weight:bold;}
#xinwen_rt a{ color:#333;}
#xinwen_rt a:hover{ color:#f00;}
#xinwen_rn{ width:260px; float:left; line-height:1.6; margin-top:3px; color:#666;}
#xinwen_n{ width:390px; float:left; margin-top:5px;}
#xinwen_n ul{}
#xinwen_n li{ width:390px; float:left; height:35px; line-height:35px; border-bottom:1px #ccc dashed; text-align:right; color:#666;}
#xinwen_n li a{ color:#333; float:left;}
#xinwen_n li a:hover{ color:#f00;}

#caijing{ width:380px; float:right;}
#caijing_t{ width:380px; float:left; height:35px; border-bottom:1px #ccc solid;}
#zuozi{ float:left; font-size:18px; height:34px; line-height:34px; border-bottom:3px #ec1208 solid;}
#gd{ float:right; height:35px; line-height:35px;}
#gd a{ color:#666;}
#gd a:hover{ color:#f00;}

#link{ width:1200px; float:left; line-height:30px;}
#link a{ color:#333; margin-left:10px; margin-right:10px;}
#link a:hover{ color:#f00;}

#foot{ width:100%; float:left; padding-top:30px; background:#2f2f2f;}
#foot_l{ width:730px; float:left;}
#kslj{ width:130px; margin-right:15px; float:left;}
#kslj_t{ width:130px; height:30px; line-height:30px; font-size:18px; color:#fff;}
#kslj_n{ width:130px; float:left; border-right:1px #858585 solid; margin-top:10px;}
#kslj_n li{ width:130px; float:left; height:25px; line-height:25px; color:#858585; background:url(../images/biao.png) no-repeat left center; text-indent:15px;}
#kslj_n li a{ color:#858585;}
#kslj_n li a:hover{ color:#fff;}

#foot_r{ float:right; width:428px;}
#foot_rt{ float:right; height:21px; line-height:21px; background:url(../images/dian.png) no-repeat left center; text-indent:25px; color:#b7b9bb;}
#foot_rn{ float:right; margin-top:15px; font-size:28px; color:#fff;}
#dizhi{ float:right; margin-top:10px; color:#b7b9bb; font-size:14px; line-height:1.9;}

#foot_b{ width:100%; float:left; margin-top:10px;}
#foot_n{ width:1200px; margin:40px auto 0; border-top:1px #585353 solid; line-height:2; text-align:center; color:#585353;}

#left{ width:250px; float:left;}
#lanmu{ width:250px; float:left;}
#lanmu_t{ width:250px; float:left; height:55px; background:#c10100;}
#lanmu_tz{ float:left; height:55px; line-height:55px; font-size:22px; color:#fff; margin-left:20px;}
#lanmu_ty{ float:left; margin-left:5px; line-height:55px; font-size:20px; color:#e5e5e5;}
#lanmu_n{ width:230px; float:left; background:#fff; padding:10px;}
#lanmu_n li{ width:230px; text-indent:25px; line-height:40px; float:left; height:40px; float:left; border-bottom:1px #ccc dashed;}
#lanmu_n li a{ color:#333; display:block;}
#lanmu_n li a:hover{ color:#fff; background:#c10100;}

#contacter{ width:230px; float:left; background:#fff; margin-top:20px; padding:10px;}
#contacter_t{ width:230px; height:45px; border-bottom:1px #ccc solid;}
#contacter_tz{ float:left; height:45px; line-height:45px; font-size:18px; color:#333;}
#contacter_ty{ float:left; margin-left:5px; line-height:45px; font-size:20px; color:#999;}
#contacter_n{ width:230px; float:left; line-height:1.9; margin-top:10px;}

#right{ width:910px; float:right; background:#fff; padding:10px;}
#right_t{ width:910px; float:left; height:45px; line-height:45px; border-bottom:1px #ccc solid;}
#right_tz{ float:left; height:45px; line-height:45px; font-size:20px; font-weight:bold;}
#weizhi{ float:right; height:45px; line-height:45px; color:#888;}
#weizhi a{ color:#888;}
#weizhi a:hover{ color:#f00;}

#abouter{ width:910px; float:left; margin-top:10px;}
#biaoti{ width:100%; float:left; text-align:center; font-size:20px; font-weight:bold;}
#fabiao{ width:100%; float:left; margin-top:5px; padding-bottom:10px; text-align:center; color:#666; border-bottom:1px #ccc dashed;}
#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;}
#abouter_n{ width:910px; float:left; margin-top:10px; line-height:1.9;}

#fenpian{ width:100%; float:left; margin-top:20px;}
#l{ width:100%; height:25px; line-height:25px; float:left; color:#333;}
#l a{ color:#333;}
#l a:hover{ color:#f00;}

#producter{ width:910px; float:left;}
#pro2{ width:210px; float:left; height:208px; border:2px #ccc solid; margin-top:20px; margin-left:11px;}
#pro2 a{ width:210px; float:left; height:208px; display:block;}
#pro2 a:hover{}
#pro2 a dt{ width:210px; height:173px; float:left;}
#pro2 a dd{ width:210px; float:left; background:1px #ccc scroll; height:35px; line-height:35px; text-align:center; color:#333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
#pro:hover dd{ background:#c10100; color:#fff;}

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

#newser{ width:100%; float:left;}
#newser ul{}
#newser li{ width:910px; float:left; color:#666; border-bottom:1px #ccc dashed; height:35px; line-height:35px; text-align:right;}
#newser li a{ color:#333; float:left;}
#newser li a:hover{ color:#f00;}


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

#xgcp{ width:910px; float:left; margin-top:25px;}
#xgcp_t{ width:910px; float:left; height:40px; line-height:40px; border-bottom:1px #ccc solid;}
#xgcp_tz{ float:left; height:39px; line-height:39px; border-bottom:3px #c10100 solid; font-size:20px;}
#xgcp_n{ width:910px; float:left;}