@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { margin: 0; padding: 0; }
body { color: #444; font-size: 14px; font-family: Arial, Helvetica, sans-serif;  min-width:1200px;}
ul, ol { list-style: none; }
img, fieldset { vertical-align: top; border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
address, cite, code, em, th { font-weight: normal; font-style: normal; }
input, button, textarea, select { font: 100% Arial, ''; vertical-align: middle }
table, td, tr, th { font-size: 12px; }
.nodispaly { display: none }
.line { height: 20px; line-height: 20px; font-size: 0px; clear: both; overflow: hidden; display: block; }
.fK { color: #a91432; }
.clearfix { *zoom:1;
}
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0px; visibility: hidden; content: "."; }
a { color: #444; text-decoration: none; }
a:hover { color: #eb5300; text-decoration: none; }
.contain { width: 1200px; margin: 0 auto; height: auto; }
.w1200 { width: 1200px; height: auto; margin: 0 auto;}
.fl { float: left; }
.fr { float: right; }
.clear { clear: none; }
.f1{font-size:24px; color:#7ac222;}
/*头部*/
.top_bj{width:100%;}
.top{width:100%; background: rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:10; height:90px; z-index: 100;}
.top:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.logo { padding:15px 0; }
.logo img{height:60px;}
.nav {position:relative;z-index:999999;}
/*菜单*/
.mainbav{width:930px;}
.mainbav ul li{float: left;height:90px; position: relative;}
.mainbav ul li>a{line-height:90px;font-size:14px;padding: 0 20px;color:#fff;text-transform:uppercase;}
.mainbav ul li:hover, .mainbav .memu.active{color:#000;display:block;}
.mainbav ul li.active>a,.mainbav .memu:hover>a{color:#222;background:#e1e1e1;display:block;}
.mainbav ul li:hover .erji_dh{display:block;}
.mainbav ul li .erji_dh{width:180px;display:none;background:#fff;position: absolute;top:90px;left:0; z-index: 100;}
.mainbav ul li .erji_dh dl{overflow:hidden;}
.mainbav ul li .erji_dh dl dd a{color:#333;display:block; line-height: 40px; padding:0px 15px; border-bottom: 1px solid #ededed;}
.mainbav ul li .erji_dh dl dd a:hover{background: #222; color: #fff;}
/*菜单*/



/* 横幅 */
.banner { width: 100%; height: 760px; overflow: hidden; position: relative; font-size: 0 }
.b-img { height: 760px; position: absolute; left: 0; top: 0; }
.b-img a { display: block; height: 760px; float: left; }
.b-list { height: 50px; padding-top: 760px; position: relative; margin: 0 auto; z-index: 1; }
.b-list span { display: block; cursor: pointer; width: 14px; height: 14px; border-radius: 50%; border: 3px solid #fff; float: left; margin: 0 5px; _margin: 0 3px; }
.b-list .spcss { border: 3px solid #14ab04; }
.bar-left { position: absolute; z-index: 1; display: block; width: 100px; height: 100%; left: 0px; background: none; top: 0px; }
.bar-right { position: absolute; z-index: 1; display: block; width: 100px; height: 100%; right: 0px; background: none; top: 0px; }
.bar-left em { display: block; width: 50px; height: 100px; background: url(../images/arrow.png) 0px 0px no-repeat; margin: 0 auto; margin-top: 300px; }
.bar-right em { display: block; width: 50px; height: 100px; background: url(../images/arrow.png) -50px 0px no-repeat; margin: 0 auto; margin-top: 300px; }
.bar-left .emcss { background-position: 0px -100px; }
.bar-right .emcss { background-position: -50px -100px; }
/* 横幅 */

.mainpro{width: 100%; height: auto; background: url(../images/main_aboutbg.jpg) center no-repeat;
    box-sizing: border-box;}
.main{width:1200px; margin:0px auto; padding: 5px 0} 
.webxo{ width:100%; height:auto; overflow:hidden;}
.webxo ul li { width:33.333333%;height:180px;background-image: radial-gradient(circle at center top,#e2e3e5,#b8b9bc);float: left;box-sizing: border-box;line-height:18px;text-align: center;}
.webxo ul li a {height: 180px;display: block;border-right: 10px solid #212121;border-bottom: 10px solid #212121;box-sizing: border-box;}
.webxo ul li p{ color:#666; font-size:18px !important;  color: #000}
.webxo ul li span{ display:block; color:#666; padding:0 10%; font-size:12px !important;}
.thisimg {padding:20px 0 5px 0;}

/* footer */
.footer{padding:60px 0;background: #222222; overflow:hidden;}
.footer h3{line-height:30px;margin-bottom:20px;font-size:16px;text-transform:uppercase;color:#fff;}
.footer li{line-height:25px;margin-bottom:10px;}
.footer a{color:#d7d6d6;}
.footer a:hover{color:#fff;}
.footer .func-box{float:left;box-sizing:border-box;}
.footer .products{width:25%;}
.footer .products li{position:relative;padding-left:15px;transition:all .3s;}
.footer .products li:after{content:"";position:absolute;left:0;top:12px;width:8px;height:1px;background:#d7d6d6;transition:all .3s;}
.footer .products li:hover{padding-left:23px;}
.footer .products li:hover:after{width:16px;}
.footer .about{width:20%;}
.footer .about h3 a{color:#fff;}
.footer .about h3 a:hover{color:#fff;}
.footer .about li{position:relative;padding-left:15px;transition:all .3s;}
.footer .about li:after{content:"";position:absolute;left:0;top:12px;width:8px;height:1px;background:#d7d6d6;transition:all .3s;}
.footer .about li:hover{padding-left:23px;}
.footer .about li:hover:after{width:16px;}
.footer .contact{width:29%;padding-right:3%;}
.footer .contact ul{margin-bottom:30px;}
.footer .contact li{position:relative;padding-left:30px;}
.footer .contact li p{color:#d7d6d6;}
.footer .contact li i{position:absolute;left:0;top:0;width:25px;height:25px;background:url(../images/all-icon.png) no-repeat;}
.footer .contact li.tel i{background-position:-255px -5px;}
.footer .contact li.fax i{background-position:-280px -5px;}
.footer .contact li.mail i{background-position:-305px -5px;}
.footer .contact li.add i{background-position:-330px -5px;}
.footer .contact .sns{overflow:hidden;}
.footer .contact .sns a{display:block;float:left;width:30px;height:30px;margin-right:20px;background:url(../images/all-icon.png) no-repeat;}
.footer .contact .sns .faceboox{background-position:-5px -70px;}
.footer .contact .sns .google{background-position:-35px -70px;}
.footer .contact .sns .youtube{background-position:-65px -70px;}
.footer .contact .sns .mail{background-position:-95px -70px;}
.footer .contact .sns .faceboox:hover{background-position:-5px -100px;}
.footer .contact .sns .google:hover{background-position:-35px -100px;}
.footer .contact .sns .youtube:hover{background-position:-65px -100px;}
.footer .contact .sns .mail:hover{background-position:-95px -100px;}
.footer .message{width:25.2%;}
.footer .message input,.footer .message textarea{width:100%;height:37px;line-height:35px;margin-bottom:14px;padding:0 10px;border:1px solid #a8a8a8;box-sizing:border-box;background:none;color:#ccc;}
.footer .message textarea{height:70px;line-height:25px;padding:5px 10px;}
.footer .message .sub{width:140px;height:34px;line-height:34px;background-color:#999;color:#fff;border-radius:17px;cursor:pointer;font-size:14px;font-family:"CenturyGothic";}
.footer .message .sub:hover{background-color:#222;border-color:#222;}

.copy-right{line-height:30px;padding:20px 0;text-align:center;font-size:13px;font-family:"OpenSans-Light"; background: #000; color:#ccc;}

/* 内页banner样式 */
.banner_pic{ text-align:center; color:#FFF; font-size:36px; height:310px;}
.banner_pic img{width: 100%;}
/* 内页banner样式 */

/* 内页导航样式 */
.ernavn{width: 100%;overflow: hidden;height: 61px;border-bottom: 1px solid #333; background: #151515;}
.ernavn .gohome{line-height: 62px; width: 68px; height: 61px; text-align: center; border-left: 1px solid #333;}
.ernavn .gohome img{ vertical-align:middle; border: 0; }
.gohome a{line-height: 62px; }
.ernavn .btn_group1{font-size: 16px; line-height: 61px; box-sizing: border-box; height: 61px; text-align: left; color: #666; float: left; border-left: 1px solid #333;}
.ernavn .on a{background: #e1e1e1;color: #000!important;}
.ernavn .fr{font-size: 14px; line-height: 61px; height: 61px; color: #f8c70f;}
.ernavn .fr a{color: #e1e1e1;}
.ernavn .fr img{margin-top: 21px; margin-right: 5px; display: block; float: left;}
.ernavn .btn_group1 a{font-size: 16px; line-height: 61px; width: auto;display: block;padding: 0 30px; height: 61px; color: #999;}
/* 内页导航样式 */

.nyaboutbg{width: 100%; height: auto; background: #151515;}
.nyabout{width: 1200px;padding: 40px 0;margin: 0 auto;line-height: 30px;font-size: 15px;color: #999;}

/*内页荣誉认证*/
.honor_r_img{width:1200px; height: auto; overflow: hidden; padding:40px 0;  margin: 0 auto;}
.honor_r_img ul{margin-right:-2%;}
.honor_r_img ul li{width:23%; float:left; margin:0 2% 1% 0;}
.honor_r_img ul li span{width:100%;float:left; text-align:center;line-height:22px; font-size:13px; padding-top:10px;min-height:30px; color: #999;}
.honor_r_img ul li img{width:99%;height:405px;float:left; padding:1px; box-sizing:border-box; border:1px solid #ccc;}
.honor_r_img ul li img:hover{padding:1px;background:#cc0508;border:1px solid #ccc;}
/*内页工厂参观*/

/*内页工厂参观*/
.workshop_r_img{width:1200px; height: auto; overflow: hidden; padding:40px 0;  margin: 0 auto;}
.workshop_r_img ul{margin-right:-2%;}
.workshop_r_img ul li{width:23%; float:left; margin:0 2% 1% 0;}
.workshop_r_img ul li span{width:100%;float:left; text-align:center;line-height:22px; font-size:13px; padding-top:10px;min-height:30px; color: #999;min-height: 54px;}
.workshop_r_img ul li img{width:99%;height:auto;float:left; padding:1px; box-sizing:border-box; border:1px solid #ccc;}
.workshop_r_img ul li img:hover{padding:1px;background:#cc0508;border:1px solid #ccc;}
/*内页工厂参观*/

.ernavn2{width: 100%;overflow: hidden;height: auto;border-bottom: 1px solid #333; background: #151515;}
.ernavn2 .btn_group12{font-size: 16px; line-height: 61px; box-sizing: border-box; height: 61px; text-align: left; color: #666; float: left;width:170px;padding-left:20px;border-left: 1px solid #333;}
.ernavn2 .on a{color: #000!important;}
.ernavn2 .on span{color: #000!important;}
.ernavn2 .on{background: #e1e1e1;color: #000!important;}
.ernavn2 .btn_group12 a{font-size: 15px; line-height: 61px; width: auto;display: block; height: 61px; color: #f5f5f5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ernavn2 .btn_group12 a span{font-size:20px;color:#f8c80f;padding-right:7px;}

/*内页产品展示*/
.pro_r_img{width:1200px; height: auto; overflow: hidden; padding:40px 0;  margin: 0 auto;}
.pro_r_img ul{margin-right:-2%;}
.pro_r_img ul li{width:23%; float:left; margin:0 2% 1% 0;}
.pro_r_img ul li span{width:100%;float:left; text-align:center;line-height:22px; font-size:13px; padding-top:10px;min-height:30px; color: #999;}
.pro_r_img ul li img{width:99%;height:auto;float:left; padding:1px; box-sizing:border-box; border:1px solid #ccc;}
.pro_r_img ul li img:hover{padding:1px;background:#cc0508;border:1px solid #ccc;}
/*内页产品展示*/


/*内页新闻中心*/
.news_main{zoom: 1; padding:40px 0; overflow: hidden; width: 100%; height: auto; background: #151515;}
.inf_lc{clear: both;padding: 5px 0 0;}
.inf_lc li{padding: 15px 20px 0 0; border: 1px solid white; border-radius: 8px; height: 120px; overflow: hidden; margin: 0 0 30px; background: #f9f9f9;}
.inf_lc li:hover{border-color: #333;border-radius: 4px;}
.inf_lc li.bg{background: #f5f5f5;}
.inf_lc li .bt{padding: 22px 5px 0 15px;text-align: center;float: left;width: 64px;overflow: hidden;}
.inf_lc li .bt b{font-weight: 100;display: block;line-height: 36px;height: 36px;overflow: hidden;font-size: 36px;font-family: Arial;text-transform: uppercase;}
.inf_lc li .bt span{font-weight: 100;display: block;line-height: 16px;height: 16px;overflow: hidden;font-size: 12px;font-family: Arial;text-transform: uppercase;color: #343434;}
.inf_lc li .nyzi{padding: 0 0 0 14px;line-height: 26px;width: 940px;font-size: 14px;float: left;color: #999;}
.inf_lc li .nyzi b{display: block;font-weight: 100;color: #333;line-height: 30px;height: 30px;margin: 5px 0;font-size: 15px;}
.inf_lc li .nyzi b a, .inf_lc li .nyzi b a:hover{color: #333;font-weight: bold;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 560px;}
.inf_lc li .nyzi b a:hover{color: #333;}
.inf_lc li .fr{margin: 50px 0 0;width: 70px;height: 25px;line-height: 25px;text-align: center;color: #ffffff;background-color: #ff9900;}
.inf_lc li .fr:hover{background: #ff9900;}
/*内页新闻中心*/

/*内页新闻详情*/
.newsxq{overflow: hidden;}
.newsmore_list{width:100%;float:left; margin-top:40px;}
.newsmore_list_tit{height:45px; color:#fff; padding:0 20px; line-height:45px;font-size:16px; border:1px solid #333;}
.newsmore_list_text{width:100%;float:left; border-top:none; padding:10px 0px 20px 0px; box-sizing:border-box;}
.newsmore_list_text ul li{background:url(../images/news_tb.jpg) left no-repeat; padding-left:15px; line-height:35px; float:left; width:48%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;display:inline; border-bottom:1px dashed #333; margin-right:4%; font-size:12px; box-sizing:border-box; color: #999;}
.newsmore_list_text ul li a{color: #999;}
.newsmore_list_text ul li:nth-child(2n){margin-right:0;}
.newsmore_list_text ul li span{float:right; color:#aaa;}
.new-view-title{text-align:center; border-bottom:1px solid #333; line-height:30px; padding:10px 0 16px 0; font-size:14px;}
.new-view-title p{color:#999;}
.new-view-title .lines{padding:0 10px; color:#999;}
.color-blue{color:#999;}
.new-view-title .xqbt{padding:8px; line-height:32px; font-size:20px; font-weight:bold; color:#999;}

.newsmore_text{width:100%; float:left; margin-top:30px; line-height:30px; font-size:14px; color: #999;}
.newsmore_text img{display: block; clear: both; margin: auto;}

.view-page{width:100%; float:left; position:relative; margin:40px 0; border-top:1px solid #e6e6e6; padding-top:30px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:138px; height:38px; border:solid 1px #e6e6e6; line-height:38px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a,.view-page .next a{text-align:center;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px;}
.view-page .back a{background:#333; color:#fff; text-align:center;}
.view-page .back a:hover{background:#e0791d; color:#fff;}
.view-page .next{right:0;}
.view-page .prev:hover a{color:#fff; background:#333;}
.view-page .next:hover a{color:#fff; background:#333;}
/*内页新闻详情*/

/**客户留言代码 **/
.t1{width:49%;float:left;} .t2{width:49%;float:right;}
.t3{width:49%;float:left;} .t4{width:49%;float:right;}
.contact-form{ padding:40px 0;}
.contact-form input.text{background:#fff;border:1px #e6e6e6 solid;color:#999;width:100%; padding:3% 2%; margin-bottom:20px; box-sizing:border-box;}
.contact-form textarea.textarea{background:#fff;border:1px #e6e6e6 solid;color:#999;width:100%; height:300px; padding:3% 1%; margin-bottom:20px; box-sizing:border-box;}
.contact-form input.btn, a.btn{background:#fff;padding:1% 0;color:#000; font-size:14px;border:1px solid #e6e6e6; width:100%;}
.contact-form input.btn:hover, a.btn:hover{background:#1f4fa1; color:#fff;}

/**客户留言代码**/