@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
th,td{ border:1px solid #ededed; padding:5px;}
body{  color:#555; font-family:"微软雅黑"; font-size:14px; margin:0 auto; overflow-x:hidden;/* padding-bottom:500px; */ }
img,a, u{border:0; text-decoration:none !important; outline:none}
ol, ul {list-style: none; } 
a{color:#555; text-decoration:none;}
a:hover{  text-decoration:none;}
*{ margin:0; padding:0;} 
.container{ width:100%;  margin:0 auto;  box-sizing:border-box; max-width:750px; padding:0 15px; }
.warp{ width:100%; max-width:750px; margin:0 auto ; }
.clears{ clear:both;} 
.posr{ position:relative}
input,textarea,select{ font-family:"微软雅黑"; outline:none; color:#555}
input[type=submit],input[type=button]{-webkit-appearance:none;appearance:none;-moz-appearance:none;}
.textcent{ text-align:center}
.textleft{ text-align:left}
.textright{ text-align:right}
.fr{ float:right !important}
.fl{ float:left !important; } 
.bg_f1{ background:#f1f1f1} 
.bg_fa{ background:#fafafa} 
.bg_ff{ background:#fff; overflow:hidden}
.maTop0{ margin-top:0 !important}
.maTop10{ margin-top:10px !important}
.padTop0{ padding-top:0 !important}
.pad-top5{ padding-top:5px !important;}
.maBtm15{ margin-bottom:15px !important}
.maBtm0{ margin-bottom:0px !important}
.table-border td{ border:1px solid #ededed !important}
.table-border th{ border:1px solid #ededed !important; padding:12px 5px !important}
.table-borderTd td{ border:1px solid #ededed !important}
.red{ color:#e3001b !important}
.color555{ color:#555 !important}

.images{ display:block; max-width:100%; margin:0 auto}
.perch55{ height:55px;}
/**/
.home-head{ background:#e3001b; padding:10px 15px ; position: fixed; left:0; top:0; width:100%; box-sizing:border-box; z-index:10}
.logo{ float:left; width:50%}
.logo img{ display:block; max-width:100%; height:35px;}

.search{ float:right; display:block; height:35px; width:35px; background:url(../images/search.png) center no-repeat; background-size:20px;}
.menu-btn{ display:block; float:right; width:40px; height:35px; background:url(../images/menu.png) right center no-repeat; background-size:25px;}

.menu-bg{ position:fixed; top:0; left:0; z-index:11; width:100%; height:100%; background:rgba(0,0,0,.5); display:none}

.menu{ background:#fff; position:fixed; top:0; right:0; z-index:12; width:200px; height:100%; overflow:hidden; overflow-y:auto; display:none}
.menu-logo{ background:#e3001b; padding:10px 15px; width:100%; box-sizing:border-box;}
.menu-logo img{ margin:0 auto; height:35px;}

.menu-one{ padding:0 15px;}
.menu-one dd{ border-bottom:1px solid #ededed; padding:3px 0}
.menu-one dd>a{ display:block; background:url(../images/menuDOWN.png) center right no-repeat; background-size:14px;line-height:40px; color:#333}
.two-menu{ line-height:30px; margin-bottom:10px; display:none}
.two-menu a{ color:#666; font-size:13px;}
.menu-one dd:hover>a{ background-image:url(../images/menuUP.png)}
.menu-one dd:hover .two-menu{ display:block}

.sort{ padding:15px 0 20px; width:90%; margin:0 auto}
.sort dd{ float:left; width:33.3%; text-align:center; margin-top:15px}
.sort dd img{ display:block; margin:0 auto; width:55%; max-width:90px}
.sort dd span{ display:block; color:#333; font-size:13px; padding:10px 0;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}

.home-best{ background:#e3001b; padding:15px 0 35px}
.best-title{ text-align:center; color:#fff; position:relative;}
.best-title span{ font-family:'Arial Black', Gadget, sans-serif; color:#fff; opacity:0.15; font-size:34px; text-transform:uppercase}
.best-title p{ position: absolute; top:27px; font-size:16px; width:100%; text-align:center; }
.best-title i{ display:block; background:#fff; width:30px; height:1px; margin:10px auto 0}
 
.home-best .bx-wrapper .bx-pager{ bottom:-13px;}

.home-best .bx-wrapper .bx-pager.bx-default-pager a { background:#f1808d}

.home-best .bx-wrapper .bx-pager.bx-default-pager a:hover,

.home-best .bx-wrapper .bx-pager.bx-default-pager a.active { background:#fff}
.home-best .best-title{  margin-bottom:15px}

.home-boom{ background:#000000; padding:15px 15px 20px}

.boom-list ,.hot-news { margin-top:25px;}
.boom-list li{ width:48%; float:left; background:#222222; padding-bottom:20px; margin-bottom:15px}
.boom-list li:nth-child(2n),.hot-news li:nth-child(2n){ float:right}
.boom-list img{ display:block; max-width:100%; margin:0 auto}
.boom-list a{ color:#fff; line-height:1.6; font-size:13px; text-align:center;}
.boom-list span{ font-size:15px; display:block; padding:5px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.boom-list p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; padding:0 5px; font-size:12px}

a.home-more{ border:1px solid #5E5E5E; background:url(../images/more.png) center no-repeat; background-size:22px; width:120px; margin:10px auto; display:block; height:28px; border-radius:50px;}

.home-new{ padding:15px 15px 20px}
.home-new .best-title{ color:#333333}
.home-new .best-title span{ color:#f8f8f8; opacity:1}
.home-new .best-title i{ background:#333}
.home-new a.home-more{ background-image:url(../images/more2.png); border:1px solid #ddd}

.hot-news li{  width:48%; float:left;  margin-bottom:15px}
.hot-news li img{ display:block; max-width:100%}
.hot-news li .time{ margin-bottom:5px; position:relative;}
.hot-news li .time span{ display:block; color:#fff; font-size:13px; padding:7px; text-align:right; position:absolute; width:100%; box-sizing:border-box; bottom:0; right:0; background:rgba(0,0,0,.5)}
.hot-news li .title{ display:block; padding:5px 0;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; color:#333; font-size:15px;}
.hot-news li p{ line-height:1.7; font-size:13px; color:#777;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

.home-map{ border:5px solid #c90018; height:160px}

.map-word{ color:#fff; line-height:1.8; padding:20px 8px 0}
.map-word li{ padding:5px 0 5px 28px; background: url(../images/us1.png) left center no-repeat; background-size:20px; font-size:13px}
.map-word li:nth-child(2){ background-image:url(../images/us2.png)}
.map-word li:nth-child(3){ background-image:url(../images/us3.png)}
.map-word li:nth-child(4){ background-image:url(../images/us4.png)}

.foot{ position:fixed; left:0; bottom:0; background:#f5f5f5; width:100%}
.foot-btn{ padding:0 10px }
.foot-btn li{ float:left; width:25%; text-align:center; position:relative}
.foot-btn li>a{ display:block; padding:10px 0; font-size:13px}
.foot-btn li i{ display:block; margin:0 auto 3px; width:28px; height:28px; background:url(../images/home1.png) center right no-repeat; background-size:cover}
.foot-btn li i.about{ background-image: url(../images/home2.png)}
.foot-btn li i.tool{ background-image: url(../images/home3.png)}
.foot-btn li i.skill{ background-image: url(../images/home4.png)}
.perch68{ height:68px;}

.foot-btn li.active i{ background-position:center left !important}
.foot-btn li.active a{ color:#e3001b}

.foot-menu{ position:absolute; bottom:88px; left:0; width:100%; background:#fafafa; border:1px solid #d2d2d2; border-radius:5px; padding:0 10px ; box-sizing:border-box; display:none;}
.foot-menu em{ display:block; margin:0 auto; background:url(../images/menu2.png) center top no-repeat; background-size:15px; height:10px ; position:absolute; left:0; bottom:-10px; width:100%}
.foot-menu dd{ line-height:38px; border-bottom:1px solid #d2d2d2}
.foot-menu dd a{ color:#4b4b4b; border-bottom:1px solid #fff; display:block; font-size:12px}
.foot-menu dd:last-child{ border: none}
.foot-menu dd:last-child a{ border: none}

.foot-btn li:hover .foot-menu { display:block}

/*搜索*/
.search-head{ position: relative; padding:10px 15px 10px 40px; background:#e3001b; width:100%; box-sizing:border-box; height:50px}
.return{ position:absolute; left:15px; top:0; height:100%; width:25px; background:url(../images/return.png) center left no-repeat; background-size:11px;}
.search-text{ float:left; width:85%; background:#fff url(../images/search2.png) 8px center no-repeat; background-size:16px; height:30px; border:none; border-radius:3px; padding-left:35px; box-sizing:border-box;}
.search-head .btn{ float:left; display:block; width:15%; background:none; border:none; color:#fff; text-align:center; height:30px;}

.search-cont{ padding:20px 0}
.search-cont h2{ font-weight:normal; font-size:15px; color:#e3001b; padding-bottom:15px; display:block}
.search-cont ul{ overflow:hidden}
.search-cont li{ float:left; background:#f4f4f4; padding:7px 13px; border-radius:3px; margin-right:10px; margin-bottom:12px; color:#888888; font-size:13px;}
/*企业简介*/
.head{position: relative; z-index:10;  background:#e3001b; width:100%; box-sizing:border-box; height:45px; line-height:45px; text-align: center; color:#fff; font-size:16px; position:fixed; top:0; left:0; width:100%;}
.perch45{ height:45px;}
.about-cont,.new-cont { margin:15px auto 30px}
.about-cont .red,.new-cont .red{ display:block; padding:25px 0 10px; font-size:15px;}
.about-cont p,
.new-cont p{ line-height:2; color:#555; font-size:13px;}

/*新闻*/
.new-first{ padding:15px 0}
.new-first h2,
.new-list li h2{ font-weight:normal; font-size:15px; color:#333; line-height:1.7;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.new-first .time,
.new-list li span ,
.new-cont .time{ color:#aaa; padding:5px 0 15px; font-size:13px;}
.new-first img{ display:block; margin:0 auto; max-width:100%}

.new-list a{ display:block; padding:13px 110px 13px 0; position:relative}
.new-list li{ border-top:1px solid #ededed; position:relative; min-height:95px}
.new-list li img{ height:75px; width:105px; border:1px solid #ededed; position:absolute; top:13px; right:0} 

.new-list li span{ padding:0; margin-top:10px; display:block}

.new-cont{ margin:15px auto 30px}
.new-cont h2{font-weight:normal; font-size:15px; color:#333; line-height:1.7;}
.new-cont img{ display:block; max-width:100%; margin:0 auto 10px}
.new-cont .red{ padding:0; font-size:14px;}
.new-cont p{ margin-bottom:15px}

/**/
.contact{ color:#555; padding-top:0;}
.contact li{ background-image:url(../images/co1.png)}
.contact li:nth-child(2){ background-image:url(../images/co2.png)}
.contact li:nth-child(3){ background-image:url(../images/co3.png)}
.contact li:nth-child(4){ background-image:url(../images/co4.png)}

.contact-title{ text-align:center; font-weight:normal; padding:25px 0 10px; color:#e3001b; font-size:16px;}
.contact-map{ width:100%; height:200px; margin-top:20px}

/**/
.porduct-list li{ background:#fff}
.porduct-list span{ color:#e3001b}
.porduct-list p{ color:#666}

.pro-bg{ position:fixed; top:0; left:0; z-index:20; width:100%; height:100%; background:rgba(0,0,0,.5); display:none}

.pro-cont{ background:#fff; width:90%; box-sizing:border-box; padding:15px; border-radius:10px; position:fixed; left:5%;height:650px; top:50%; margin-top:-325px;}
.pro-info {height:570px; overflow:auto;font-size:13px}
.pro-info img{ display:block; margin:0 auto; max-width:100%; }
.pro-info p{ line-height:1.8; padding-bottom:10px; }
.pro-cont .cloes{ display:block; margin:0 auto; width:27px; margin-top:10px;}

.employ{ padding-bottom:20px}
.employ dd{ margin-top:15px; position:relative}
.employ dd img{ display:block; margin:0 auto; max-width:100%;}
.employ dd span{ position:absolute; bottom:0; left:0; background:rgba(0,0,0,.5) url(../images/enter.png) center right no-repeat ; background-size:23px; padding:12px 30px 12px 15px; box-sizing:border-box; width:100%; color:#fff;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap}

.employ-cont{ margin-top:0}
.employ-cont p{ margin-bottom:15px;}

.video{ width:100%; height:250px; background:#000}

.safety{ margin-top:0}
.safety .title{ display:block; color:#111; font-size:14px}

@media screen and (max-width: 1024px){
.warp,.container{ max-width:100%}

}
@media screen and (max-width: 640px){

}
@media screen and (max-width: 320px){
.sort dd span{ font-size:12px}
.boom-list span{ font-size:13px}
.boom-list a{ font-size:12px}
.best-title span{ font-size:32px}
.map-word{ padding:20px 0 0; font-size:13px}
.foot-btn,.foot-menu{ padding:0}
}
@media screen and (max-height: 700px){
.pro-cont{ height:550px; top:50%; margin-top:-275px;}
.pro-info { height:470px}
}
@media screen and (max-height: 600px){
.pro-cont{ height:450px; top:50%; margin-top:-225px; padding:10px}
.pro-info { height:385px;font-size:12px}
}

@media screen and (max-height: 450px){

.pro-cont{ height:300px; top:50%; margin-top:-150px; padding:10px}
.pro-info { height:230px;font-size:12px}
}