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

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


#top{ width:100%; float:left; border-bottom:2px #d11111 solid;}
#top_t{ width:100%; float:left; height:40px; background:#303030;}
#top_tl{ float:left; height:40px; line-height:40px; color:#fff;}
#top_tr{ float:right; height:40px; line-height:40px; color:#fff; font-size:15px;}
#top_tr a{ color:#fff; margin:0px 10px;}
#top_tr a:hover{ color:#fff;}
#top_k{ width:100%; float:left; height:110px; }
#logo{ margin-top:33px; float:left;}
#tel{ float:right; margin-top:25px;}

#nav{ width:100%; float:left; background:#303030;}
#menu{ margin:0px auto; width:1200px; position:relative; z-index:9999;}
#menu ul{}
#menu li{ width:131px; float:left; height:60px; line-height:60px; font-size:16px; text-align:center;}
#menu li a{ color:#fff; display:block;}
#menu li a:hover{ color:#fff; background:#d11111;}
#menu span{ float:left; width:4px; color:#777; line-height:60px; font-size:16px;}
#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:131px; background:#d11111;height:55px; line-height:55px;font-weight:normal; font-size:14px;}
#menu ul li ul li a { background:none; color:#fff;}
#menu ul li ul li a:hover { color:#fff; background:#555;}
#menu ul li ul { display:none;}
#menu ul li:hover ul { display:block;}
#menu ul li.sfhover ul { display:block;}



#banner{ width:100%; float:left; height:500px; position:relative;}
#banner .bd { position:relative;}
#banner .bd a{ display:block; width:100%; height: 500px;}
#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:#0059b4;  }
#banner .hd ul .on a{  background:#0059b4;  }
#banner .bnt{ position:absolute;  top:50%; z-index:3; margin-top:-22px;}
#banner .bnt:hover{ }
#banner .prev{ position:absolute; left:0; }
#banner .next{ position:absolute; right:0; }
#banner:hover .prev{left:50px;  opacity:1; filter:alpha(opacity=100);}
#banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);}

#nbanner{ width:100%; float:left; height:230px; position:relative;}

#gonggao{ width:100%; float:left; height:45px; background:#e9e9e8;}
#gonggao_l{ float:left; height:45px; line-height:45px; width:90px;}
#gonggao_n{ float:right; heihgt:45px; width:1080px;}
#gonggao_n li{ float:left; margin-right:30px; line-height:45px; height:45px;}
#gonggao_n li a{}
#gonggao_n li a:hover{}
#demo { WIDTH: 780px; OVERFLOW: hidden }
#indemo { WIDTH: 800%; FLOAT: left }
#demo1 { FLOAT: left }
#demo2 { FLOAT: left }

#bj{ width:100%; float:left;}
#box{ width:100%; float:left; padding-top:40px; padding-bottom:40px;}
#zj{ width:1200px; margin:0px auto;}

#product{ width:1200px; float:left;}
#product_t{ width:1200px; float:left; text-align:center;}
#product_tz{ margin:0px auto; height:60px; line-height:60px; font-size:30px; background:url(xia.jpg) no-repeat center bottom;}
#product_k{ width:100%; float:left;}
#fenlei{ width:1216px; margin:30px auto 0;}
#fenlei li{ width:167px; height:45px; float:left; margin-left:1px; margin-right:1px; margin-top:5px; background:#d11111; line-height:45px; text-align:center; font-size:16px;}
#fenlei li a{ color:#fff; display:block;}
#fenlei li a:hover{ background:#464545; color:#fff;}
#fenlei li#bs a{ background:#464545; color:#fff;}

#product_n{ width:100%; float:left; margin-top:40px;}
#pro{ width:280px; height:298px; border:1px #eeeeee solid; float:left; margin:10px 7px;}
#pro a{ width:270px; height:288px; display:block; padding:5px;}
#pro a:hover{ background:#0b3385; color:#fff;}
#pro_t{ width:270px; height:225px; float:left;}
#pro_t img{ width:270px; height:225px;}
#pro_z{ width:270px; float:left; font-size:16px; margin-top:10px;}
#pro_y{ width:270px; float:left; color:#bbbbbb; margin-top:5px;}
#about{ width:100%; height:675px; float:left; margin-top:50px; background:#0f232c; padding-top:70px; background-size: cover;  padding-bottom:40px; background:url(../images/about_bg.jpg) no-repeat center top #163e59; background-attachment:fixed; width:100%; overflow:hidden; }
#about_tz{ margin:0px auto; height:50px; line-height:50px; font-size:30px; color:#fff; background:url(xia.jpg) no-repeat center bottom;}
#about_k{ width:100%; float:left; height:270px; margin-top:50px;}
#about_kl{ width:720px; float:left; background:#f1f1f1; height:270px;}
#about_kln{ width:640px; height:190px; float:left; padding:40px;}
#about_klt{ float:left; width:100%; line-height:1.9;}
#about_kltz{ float:left; width:100%; font-size:20px; color:#d11111; font-weight:bold;}
#about_kltb{ width:100%; float:left; color:#333; border-bottom:1px #999 dashed; color:#ef1413; padding-bottom:5px;}
#about_kltn{ width:100%; float:left; line-height:1.9; color:#333;}
#about_more{ float:right; margin-top:20px; background:#d11111;}
#about_more a{ color:#fff; display:block; padding:10px 20px;}
#about_more a:hover{ color:#fff; background:#464545}
#about_kr{ width:480px; height:270px; float:right;}

#youshi{ width:100%; float:left; margin-top:50px;}
#qiye{ width:272px; float:left; height:187px; margin:0 14px;}
#qiye_t{ width:260px; height:175px; border:1px #f1f1f1 solid; padding:5px;}
#qiye_z{ width:100%; float:left; margin-top:15px; color:#fff; text-align:center;}
#qiye_z a{ color:#fff;}
#qiye_z a:hover{ color:#fff;}

#news{ width:100%; float:left;}
#news_k{ width:100%; float:left; margin-top:50px;}


#news_z{ float:left; width:470px; margin-left:20px;}
#news_zt{ width:100%; float:left; border-bottom:1px #ccc solid; height:35px;}
#news_ztz{ float:left; height:35px; line-height:35px; font-size:16px; font-weight:bold;}
#news_ztr{ float:right; line-height:35px;}
#news_ztr a{ color:#666;}
#news_ztr a:hover{ color:#ff0000;}
#news_zk{ width:100%; float:left; margin-top:10px;}
#news_zkl{ width:130px; float:left; height:90px;}
#news_zkl img{ width:100%; height:90px;}
#news_zkr{ width:325px; float:right;}
#news_zkrt{ width:100%; float:left; font-weight:bold;}
#news_zkrn{ width:100%; float:left; margin-top:5px; line-height:1.9; color:#666; font-size:12px;}
#news_di{ width:100%; float:left; margin-top:5px;}
#news_di li{ width:100%; float:left; border-bottom:1px #ccc dashed; height:36px; line-height:36px; text-align:right; color:#666;}
#news_di li a{ color:#333; float:left;}
#news_di li a:hover{ color:#ff0000;}

#contact{ width:320px; float:right;}

#xialu{ position:absolute; bottom:0; height:40px; float:left; text-indent:20px; background:rgba(0,0,0,0.5); width:100%; line-height:40px;}
#news_l{ width:320px; float:left; height:290px; border:1px #e0e0e2 solid;}
#news_l a{ width:320px; height:290px; display:block; color:#333;}
#news_l a:hover{ background:#d11111; color:#fff;}
#news_lt{ width:320px; height:230px; float:left;}
#news_lt img{ width:320px; height:230px;}
#news_lz{ width:100%; float:left; height:58px; line-height:58px; font-size:16px; text-align:center;}

#wrapper{ width:370px;float:left;height:290px;position:relative;text-shadow:rgba(0,0,0,0.1) 2px 2px 0px; color:#fff;}
#slider-wrap{width:370px;height:290px;position:relative;overflow:hidden;}
#slider-wrap ul#slider{width:100%;height:100%;position:absolute;top:0;left:0;}
#slider-wrap ul#slider li{float:left;position:relative;width:370px;height:290px;}

#slider-wrap ul#slider li i{text-align:center;line-height:400px;display:block;width:100%;font-size:90px;}

/*btns*/
.btns{position:absolute;width:50px;height:60px;top:50%;margin-top:-25px;line-height:57px;text-align:center;cursor:pointer;background:rgba(0,0,0,0.1);z-index:100;-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-ms-transition: all 0.1s ease;transition: all 0.1s ease;}
.btns:hover{background:rgba(0,0,0,0.3);}

#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{top: 30px; right:35px; width:auto;position:absolute;}
#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}


/*bar*/
#pagination-wrap{min-width:20px;margin-top:260px;margin-left: auto; margin-right: auto;height:15px;position:relative;text-align:center;}
#pagination-wrap ul {width:100%;}
#pagination-wrap ul li{margin: 0 4px;display: inline-block;width:5px;height:5px;border-radius:50%;background:#fff;opacity:0.5;position:relative; top:0;}
#pagination-wrap ul li.active{ width:12px; height:12px; top:3px;opacity:1;box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	}
/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);	-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);	transition: all 0.3s cubic-bezier(1,.01,.32,1);}



#news_n{ width:650px; float:right;}
#news_n li{ margin-bottom:19px; float:left;}
#news_nl{ width:110px; height:107px; float:left; background:#d11111;}
#news_nlt{ width:110px; float:left; text-align:center; font-size:35px; margin-top:20px; color:#fff;}
#news_nlz{ width:110px; float:left; text-align:center; font-size:13px; color:#fff;}
#news_nr{ width:489px; float:right; border-top:1px #e0e0e2 solid; border-bottom:1px #e0e0e2 solid; border-right:1px #e0e0e2 solid; height:65px; padding:20px 25px;}
#news_nrt{ width:100%; float:left; font-size:14px;}
#news_nrt a{ color:#000;}
#news_nrt a:hover{ color:#ff0000;}
#news_nrn{ width:100%; float:left; margin-top:8px; font-size:13px; color:#afafb0;}

#news_r{ width:585px; float:right;}
#xin{ width:100%; float:left; margin-bottom:20px;}
#xin_l{ width:65px; float:left; height:90px;}
#xin_lt{ width:65px; float:left; font-size:22px; color:#626262; text-align:right;}
#xin_ln{ width:65px; float:left; font-size:18px; color:#626262; text-align:right;}
#xin_r{ width:480px; padding-left:20px; float:right; height:90px; border-bottom:1px #c0c0c0 solid; background:url(xinwen.jpg) no-repeat left top;}
#xin_rt{ width:100%; float:left;}
#xin_rt a{ color:#626262;}
#xin_rt a:hover{ color:#ff0000;}
#xin_rn{ width:100%; float:left; line-height:1.9; margin-top:10px; font-size:13px;}

#zuihou{ width:100%; float:left; padding:50px 0; background:#f5f5f5;}
#hezuo_n{ width:100%; float:left; margin-top:40px;}
#hzkh{ width:273px; height:227px; margin:0px 13px; float:left; border:1px #ccc solid;}
#hzkh img{ width:273px; height:227px;}

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

#link{ width:100%; float:left; border-top:1px #e5e5e5 solid; background:#f5f5f5;}
#link_n{ width:100%; float:left;}
#link_nl{ float:left; color:#333; height:60px; line-height:60px;}
#link_nr{ float:left; height:60px; line-height:60px;}
#link_nr li{ float:left;}
#link_nr a{ color:#626262; margin-left:10px; margin-right:10px;}
#link_nr a:hover{ color:#ff0000;}

#foot{ width:100%; float:left; height:45px; background:#2f2e2e;}
#foot_l{ text-align:center; line-height:45px; color:#e2e3e3;}
#foot_r{ float:right; line-height:45px; color:#e2e3e3;}
#foot_r a{ color:#e2e3e3;}

#left{ width:250px; float:left;}
#lanmu{ width:250px; float:left;}
#lanmu_t{ width:250px; float:left; background:#d11111; height:96px;}
#lanmu_z{ float:left; font-size:22px; margin-top:20px; color:#fff; text-indent:25px; font-weight:bold;}
#lanmu_y{ float:left; font-size:14px; margin-top:5px; color:#badeff;}
#lanmu_n{ width:250px; float:left; margin-top:5px;}
#lanmu_n li{ width:248px; float:left; height:40px; margin-bottom:5px; line-height:40px; border:1px #ccc solid; text-indent:25px; background:#f1f1f1;}
#lanmu_n li a{ color:#333; display:block;}
#lanmu_n li a:hover{ color:#fff; background:#d11111;}

#contacter{ width:250px; float:left;}
#contacter_t{ width:250px; float:left; height:45px; line-height:45px; border-bottom:1px #ccc solid;}
#contacter_z{ float:left; font-size:20px;}
#contacter_n{ width:250px; float:left; margin-top:10px; line-height:1.9;}

#right{ width:920px; float:right;}
#right_t{ width:100%; float:left; height:45px; border-bottom:1px #ccc solid;}
#right_z{ float:left; font-size:20px; line-height:45px;}
#right_n{ width:100%; float:left;}
#abouter{ width:100%; margin-top:10px;}
#biaoti{ width:100%; float:left; font-size:20px; text-align:center;}




#fabiao{ width:100%; float:left; color:#666; text-align:center; padding-bottom:5px; margin-top:5px; border-bottom:1px #ccc dashed;}
#abouter_n{ width:100%; float:left; margin-top:10px; 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:#ff0000;}

#newser{ width:100%; float:left;}
#xin1{ width:100%; float:left; margin-top:20px;}
#xin1_l{ width:65px; float:left; height:90px;}
#xin1_lt{ width:65px; float:left; font-size:22px; color:#626262; text-align:right;}
#xin1_ln{ width:65px; float:left; font-size:18px; color:#626262; text-align:right;}
#xin1_r{ width:810px; padding-left:20px; float:right; height:90px; border-bottom:1px #c0c0c0 solid; background:url(xinwen.jpg) no-repeat left top;}
#xin1_rt{ width:100%; float:left;}
#xin1_rt a{ color:#626262;}
#xin1_rt a:hover{ color:#ff0000;}
#xin1_rn{ width:100%; float:left; line-height:1.9; margin-top:10px; font-size:13px;}

#fenye{ width:100%; float:left; height:35px; line-height:35px; text-align:center; margin-top:30px;}
#fenye a{ padding:3px 10px; border:1px #ccc solid;}
#fenye a:hover{ color:#fff; background:#0054a3;}

#producter{ width:100%; float:left;}
#pro1{ width:286px; height:322px; border:1px #eeeeee solid; float:left; margin:10px 9px;}
#pro1 a{ width:276px; height:312px; display:block; padding:5px;}
#pro1 a:hover{ background:#d11111; color:#fff;}
#pro1_t{ width:276px; height:228px; float:left;}
#pro1_t img{ width:276px; height:228px;}
#pro1_z{ width:256px; float:left; font-size:16px; margin-top:10px;}
#pro1_y{ width:256px; float:left; color:#666; margin-top:5px;}




.j_photo{ width:100%;  position:relative; float:left; margin-top:10px;}
.j_photo .big_box{ width:500px; height:417px; position:relative;  overflow:hidden;}
.j_photo .big_box ul{ position:absolute; left:0; top:0;}
.j_photo .big_box ul li{ width:500px; height:417px;}
.j_photo .big_box ul li img{width:500px; height:417px;}
.j_photo .prev{ float:left; cursor:pointer;}
.j_photo .small_box { position:relative; height:100px; width:100%; margin-top:30px;}
.j_photo .min_pic{  width: 848px; margin:0 auto; position:relative;  height:104px;  overflow: hidden;}
.j_photo .min_pic ul{position:absolute; left:0; top:0; margin-right:-10px; }
.j_photo .min_pic ul li{width:129px; height:104px; position:relative;   margin-right:14px; display:inline-block; }
.j_photo .min_pic ul li img{ width:129px; height:97px; padding-top: 7px; }
.j_photo .small_box i{ display:none; height:104px; width:129px; position:absolute; bottom:0; left:0; z-index:9; background:url(../images/mark_j_photle.png) center bottom no-repeat;  }
.j_photo .min_pic ul li.on i{ display:block;}
.j_photo .min_prev{ position:absolute; top:0%; left:0px;   cursor:pointer; }
.j_photo .min_next{position:absolute; top:0%; right:0px;  cursor:pointer; }
.j_photo .small_box .tc_bnt{ height:100px; top:5px; width:20px; text-align:center; font-family: "SimSun"; display:block; background:#d2d2d2; font-size:24px; line-height:100px; color:#fff;}
.j_photo .small_box .tc_bnt:hover{ background:#0059b4;}
.j_photo .big_prev{  position:absolute; top:165px; left:-70px; width:28px; height:51px;z-index:9;cursor:pointer;}
.j_photo .big_next{ position:absolute; top:165px; right:-70px; width:28px; height:51px;z-index:9;cursor:pointer;}
.j_photo .big_box:hover .big_prev{ left:0px;}
.j_photo .big_box:hover .big_next{ right:8px;}

.n_product_show .up_box .content{ position:relative; background:#f2f4f8;  }
.n_product_show .up_box .title{ display:block; border-bottom:1px solid #efefef; padding-bottom:30px; text-align:center; font-size:24px; font-weight:bold; color:#333846;}
.n_product_show .up_box .text_box{ position:absolute; right:0; top:20px; padding:30px; width:340px; }
.n_product_show .up_box .text_box h1{ margin-bottom:15px; font-size:18px; color:#444444; display:block; font-weight:bold;}
.n_product_show .up_box .text_box .ar_article{ font-size:12px; height:148px; overflow:hidden; line-height:26px; color:#666; margin-bottom: 25px;}
.n_product_show .up_box .text_box .ar_article p{ font-size:15px; line-height:23px;  color:#666; margin-bottom: 0px;}
.n_product_show .up_box .un{ padding-top:25px; margin-top:5px; border-top:1px dotted #c6c7ca;}
.n_product_show .up_box .tel_box{ margin-bottom:15px; background:url(../images/icon_pro_tel.png) left 12px no-repeat; padding-left:15px;}
.n_product_show .up_box span{ font-size:13px; color:#4a4957;}
.n_product_show .up_box strong{ padding-left:10px; font-size:25px; color:#d11111;}
.n_product_show .up_box .link_box .box{ display:inline-block;  }

.ewm_box{ cursor:pointer; position:relative;}
.ewm_box .ewm{  position:absolute; right:-80px; top:0; opacity:0;filter:alpha(opacity=0); z-index:3;}
.ewm_box:hover .ewm{ opacity:1;filter:alpha(opacity=100); }

#contacter_nt{ width:100%; float:left; margin-top:30px; border-bottom:1px #ccc solid;}
#contacter_ntl{ width:100px; float:left; height:35px; line-height:35px; text-align:center; background:#d11111; color:#fff;}

.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}


.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixcont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixcont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixcont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixcont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

#dibu{ width:100%; float:left; padding:40px 0; background:url(../images/dibu.jpg) no-repeat center;}

#kslj{ width:160px; float:left;}
#kslj_t{ width:100%; float:left; font-size:16px; color:#fff;}
#kslj_n{ width:100%; float:left; margin-top:10px;}
#kslj_n li{ width:100%; float:left; line-height:25px;}
#kslj a{ color:#fff;}
#kslj a:hover{ color:#fff;}

#contact1{ width:380px; float:right;}
#contact1_t{ width:380px; float:left; font-size:16px; color:#fff;}
#contact1_n{ width:380px; float:left; line-height:1.9; color:#fff; margin-top:10px;}