@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; height:auto; overflow-x:hidden; }

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

#top{ width:100%; float:left;}
#top_t{ width:100%; float:left; height:40px; background:#383838;}
#zj{ width:1200px; margin:0px auto; clear:both; overflow:hidden; padding:30px 0;}
#zj1{ width:1200px; margin:0px auto; clear:both;}
#top_tl{ float:left; height:40px; line-height:40px; color:#fff;}
#top_tr{ float:right; height:40px; line-height:40px; color:#fff;}
#top_k{ width:100%; float:left; height:120px; background:#fff;}
#logo{ float:left; margin-top:35px;}
#menu{ float:right; height:50px; margin-top:37px; position:relative; z-index:99999;}
#menu ul{}
#menu li{ width:95px; float:left; margin:0px 5px; height:50px; line-height:50px; text-align:center; font-size:16px;}
#menu li a{ color:#333; display:block;}
#menu li a:hover{ background:#ec6c00; color:#fff;}

#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:95px; background:#ec6c00; margin:0px; border-top:1px #ff963e solid; height:45px; line-height:45px; font-size:14px;}
#menu ul li ul li a { background:none; color:#fff;}
#menu ul li ul li a:hover { color:#fff; background:#ca620b;}
#menu ul li ul { display:none;}
#menu ul li:hover ul { display:block;}
#menu ul li.sfhover ul { display:block;}

#menu li#navk{ width:130px;}
#menu li a#navb{ width:130px; color:#fff; background:#ec6c00 url(../images/biao.png) no-repeat 100px center; text-align:left; text-indent:24px;}
#dalan{ width:330px; height:140px; float:left; margin:5px;}
#dalan_t{ width:100%; float:left; height:35px; line-height:35px; text-indent:10px; border-bottom:1px #cccccc dashed; text-align:left; font-size:18px; font-weight:bold;}


#dalan_n{ width:100%; float:left; color:#666;}
#dalan_n dd{ width:165px; float:left; height:27px; text-indent:10px; line-height:27px; background:none; overflow:hidden;}
#dalan_n dd a{ color:#666666; width:145px; height:27px; line-height:27px; background:none; font-size:13px; text-align:left;}
#dalan_n dd a:hover{ color:#ec6c00; background:none;}


#banner{ position:relative; height:550px; float:left;}
#banner .bd { position:relative;}
#banner .bd a{ display:block; width:100%; height: 550px;}
#banner .hd{  margin:0 auto; position:absolute; width:100%; bottom:20px;}
#banner .hd ul{   display:inherit;   position:relative; text-align:center;  }
#banner .hd ul li{ display:inline-block; }
#banner .hd ul li a{  border-radius:50%;  height:12px; width:12px; margin:0 3px; display:block; background:#fff;  }
#banner .hd ul li a:hover{ background:#ec6c00;  }
#banner .hd ul .on a{  background:#ec6c00;  }
#banner  .bnt{ position:absolute;  top:50%; z-index:3; margin-top:-22px;}
#banner  .bnt:hover{ }
#banner .prev{ position:absolute; left:-54px; }
#banner .next{ position:absolute; right:-54px; }
#banner:hover .prev{left:50px;  opacity:1; filter:alpha(opacity=100);}
#banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);}

#bj{ width:100%; float:left;}
#product{ width:100%; float:left; padding:60px 0;}
#product_t{ width:100%; float:left;}
#product_tz{ width:100%; float:left; text-align:center; font-size:34px; color:#ec6c00; text-transform:uppercase; background:url(../images/xian.jpg) no-repeat bottom center; padding-bottom:10px;}
#product_ty{ width:100%; float:left; margin-top:10px; font-size:24px; text-align:center;}

#product_n{ width:100%; float:left; margin-top:50px;}
#fenlei{ width:100%; float:left; border-top:1px #e4e4e4 solid; border-bottom:1px #e4e4e4 solid;}
#fenlei_k{ width:1200px; margin:0px auto; clear:both; text-align:center;}
#fenlei_k a{ padding:0px 25px; font-size:16px; margin:0px; height:50px; line-height:50px; border-left:1px #e4e4e4 solid; border-right:1px #e4e4e4 solid;}
#fenlei_k a:hover{ color:#ec6c00;}

#product_k{ width:100%; float:left; margin-top:40px; margin-bottom:25px;}

#pro{ width:285px; height:270px; float:left; background:#f1f1f1; margin:10px 7px;}
#pro a{ padding:10px; display:block; width:265px; height:250px; color:#333;}
#pro a:hover{ background:#ec6c00; color:#fff;}
#pro_t{ width:265px; height:215px; float:left;}
#pro_t img{ width:265px; height:215px;}
#pro_k{ width:100%; float:left; margin-top:10px;}
#pro_kt{ width:100%; float:left; background:url(../images/cp.png) no-repeat left center; text-indent:25px; font-size:18px;}
#pro_kn{ width:100%; float:left; margin-top:5px; line-height:1.9;}
#product_gd{ width:200px; margin:0px auto; clear:both; height:48px; line-height:48px; text-align:center; font-size:16px;}
#product_gd a{ color:#333; display:block; border:1px #999999 solid; border-radius:10px;}
#product_gd a:hover{ color:#fff; background:#ec6c00; border-radius:10px;}

#pro1{ width:285px; height:270px; float:left; background:#f1f1f1; margin:10px 10px;}
#pro1 a{ padding:10px; display:block; width:265px; height:250px; color:#333;}
#pro1 a:hover{ background:#ec6c00; color:#fff;}

.main{ width:1200px; height:auto; overflow:hidden; padding:30px 0; margin:0px auto;}
#ysbj{ background: url(../images/ysbj.jpg) no-repeat center top; width: 100%; height: 700px; float:left;}
.ysfontbj{ background: url(../images/ysfont_bj.png) no-repeat left top; width: 565px; height: 254px; float: left; margin: 11px 17px 0;}
.ysfontbj .left{ width: 60px; padding: 40px 56px 0; float:left;}
.ysfontbj .left .pic{ width: 60px; height: 68px; display: block; overflow: hidden;}
.ysfontbj .left .pic img{ width: 60px; height: 68px; display: block;}
.ysfontbj:hover .left .pic .box_img{position: relative; transition: 0.3s all 0s linear; display: block; margin-top: -68px;}
.ysfontbj .left .ysbt{ color: #fff; font-size: 30px; font-weight: bold; line-height: 33px; margin-top: 10px;}
.ysfontbj .right{ width: 320px; padding: 40px 35px 0; float:right;}
.ysfontbj .right .bt{ border-bottom: 3px solid #e5e5e5; color: #252525; font-size: 24px; line-height: 33px; padding-bottom: 10px;}
.ysfontbj .right .font{ color: #333; font-size: 16px; margin-top: 10px; font-weight:normal; line-height: 30px;}

#shijing{ width:100%; float:left; padding:70px 0;}
#shijing_n{ width:100%; float:left; margin-top:55px;}
#sj{ width:290px; height:200px; float:left; position:relative; margin:0px 5px;}
#sj_t{ width:290px; float:left; height:200px; overflow:hidden;}
#sj_t img {cursor: pointer;transition: all 0.6s; width:100%;}
#sj_t img:hover {transform: scale(1.2);}
#sj_n{ width:290px; float:left; height:35px; line-height:35px; text-align:center; position:absolute; bottom:0; background-color:rgba(0,0,0,0.6);}
#sj_n a{ color:#fff;}
#sj_n a:hover{}

#about{ width:100%; float:left; height:460px; background:url(../images/b4.jpg) no-repeat center; padding:70px 0px;}
#about_tz{ width:100%; float:left; text-align:center; font-size:34px; text-transform:uppercase; color:#fff; background:url(../images/xian.jpg) no-repeat bottom center; padding-bottom:10px;}
#about_ty{ width:100%; float:left; margin-top:10px; font-size:24px; text-align:center; color:#fff;}
#about_k{ width:100%; margin-top:30px; float:left;}
#about_l{ width:670px; float:left; line-height:2.1; font-size:16px; color:#fff;}
#about_gd{ width:130px; height:45px; line-height:45px; text-align:center; border:1px #f1f1f1 solid; margin-top:25px;}
#about_gd a{ color:#f1f1f1; display:block;}
#about_gd a:hover{ color:#fff; background:#ec6c00;}
#about_r{ width:363px; float:right;}

#news{ width:100%; float:left; padding:70px 0px;}
#news_k{ width:100%; float:left; margin-top:50px;}
#news_l{ width:280px; float:left;}
#news_l1{ width:280px; float:left; margin-left:30px;}
#news_lt{ width:280px; float:left; height:40px;}
#news_ltz{ width:100%; float:left; font-size:22px; color:#333;}
#news_lp{ width:100%; float:left; margin-top:10px; height:165px;}
#news_ln{ width:100%; float:left; margin-top:10px;}
#news_ln li{ width:100%; float:left; height:35px; line-height:35px; background:url(../images/yuan.jpg) no-repeat left center; text-indent:17px;}
#news_ln li a{ color:#333;}
#news_ln li a:hover{ color:#ec6c00;}

#wenti{ width:585px; float:right;}
#wenti_t{ width:585px; float:left; height:40px;}
#wenti_p{ width:100%; float:left; height:165px; margin-top:10px;}
#wenti_n{ width:100%; float:left; margin-top:10px;}
#wt{ width:100%; float:left; margin-bottom:10px; border-bottom:1px #ccc solid; padding-bottom:10px;}
#wt_t{ width:100%; float:left; height:27px; line-height:27px; background:url(../images/q.jpg) no-repeat left center; font-size:15px; text-indent:35px;}
#wt_t a{ color:#333;}
#wt_t a:hover{ color:#ec6c00;}
#wt_n{ width:550px; float:left; margin-top:10px; line-height:1.8; background:url(../images/d.jpg) no-repeat left top; color:#666; padding-left:35px;}

#foot{ width:100%; float:left; padding:50px 0 10px; background:url(../images/foot.jpg) repeat;}
#foot_k{ width:100%; float:left; border-bottom:1px #ccc dashed; padding-bottom:30px;}
#foot_l{ width:755px; float:left; border-right:1px #cccccc dashed;}
#kslj{ width:120px; float:left; margin-right:68px;}
#kslj_t{ width:100%; float:left; color:#f1f1f1; border-bottom:1px #cccccc solid; font-size:20px; line-height:40px;}
#kslj_n{ width:100%; float:left; margin-top:10px;}
#kslj_n li{ width:100%; float:left; height:30px; line-height:30px;}
#kslj_n li a{ color:#f1f1f1;}
#kslj_n li a:hover{ color:#fff;}

#foot_r{ float:right; width:370px;}
#contact{ float:left; line-height:1.9; font-size:15px; color:#f1f1f1;}
#foot_b{ width:100%; float:left; margin-top:20px;}
#foot_bl{ float:left;}

#foot_br{ float:right; color:#f1f1f1; line-height:1.9; width:500px; text-align:right;}

#n_banner{ width:100%; float:left; height:320px;}

.p50{ padding:50px 0;}
#left{ width:250px; float:left;}
#lanmu{ width:250px; float:left;}
#lanmu_t{ width:250px; float:left; height:132px; background:#ec6c00 url(../images/lanmu.png) no-repeat center;}
#lanmu_tz{ width:100%; float:left; font-size:24px; margin-top:35px; text-align:center; color:#fff;}
#lanmu_tn{ width:100%; float:left; font-size:18px; margin-top:5px; text-align:center; color:#fff; text-transform:uppercase;}
#lanmu_n{ width:220px; float:left; background:#f1f1f1; padding:15px;}
#lanmu_n li{ width:100%; float:left; height:60px; line-height:60px; font-size:16px; border-bottom:1px #ccc solid; text-indent:25px;}
#lanmu_n li a{ color:#666; display:block;}
#lanmu_n li a:hover{ background:#ec6c00; color:#fff;}

#contacter{ width:100%; float:left; margin-top:30px;}
#contacter_n{ width:220px; float:left; background:#f1f1f1; padding:15px; line-height:1.9;}

#right{ width:920px; float:right;}
#right_t{ width:100%; float:left; height:40px; border-bottom:1px #ccc solid;}
#right_z{ float:left; height:40px; line-height:40px; font-size:24px;}
#weizhi{ float:right; height:40px; line-height:40px; color:#666;}
#weizhi a{ color:#666;}
#weizhi a:hover{ color:#ec6c00;}

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

#abouter{ width:100%; margin-top:10px; float:left;}
#biaoti{ width:100%; float:left; text-align:center; font-size:22px;}
#fabiao{ width:100%; float:left; text-align:center; color:#666; padding-bottom:5px; border-bottom:1px #ccc dashed;}
#abouter_n{ width:100%; float:left; margin-top:10px; line-height:1.9; font-size:16px;}
#abouter_n table{ margin:0px auto; clear:both; border:1px #666 solid;}
#abouter_n table td{ border:1px #666 solid;}
#fenpian{ width:100%; float:left; margin-top:30px;}
#fen{ width:100%; float:left; height:25px; line-height:25px; color:#333;}
#fen a{ color:#333;}
#fen a:hover{ color:#ec6c00;}

#xingxiang{ width:290px; float:left; margin:7px; overflow:hidden;}
#xingxiang img {cursor: pointer;transition: all 0.6s;}
#xingxiang img:hover {transform: scale(1.2);}

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

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

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

.xman{ padding:0 20px; width:100%; box-sizing:border-box; padding-bottom:20px; float:left;}
.xman li{ padding:20px 0; border-bottom:2px solid #eeeeee; width:100%; float:left;}
.xman li a.img{ display:block; width:237px; height:157px; border:1px solid #d3d3d3; overflow: hidden;}
.xman li a.img img{ display:block; width:237px; height:auto;}
.xman li div{ width:582px;}
.xman li div a{font-size:18px; color:#666; line-height:20px; padding:16px 0 9px 0; display:block;}
.xman li div p{ font-size:14px; line-height:30px; color:#9f9f9f; text-indent:28px;}
.xman li div span{ text-align:right; display:block; font-size:14px; color:#b9b9b9;}
.xman li div:hover a{ color:#ec6c00;}


.lf{ float:left;}
.rf{ float:right;}