@charset "utf-8";
/*全局定义*/
body,h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,kbd,table,ul,li,marquee,hr,blockquote,ol,pre,fieldset,legend,button,input,textarea,th,td{font-size:14px; margin:0; padding:0; font-family:Arial, "微软雅黑", Tahoma, Verdana,  Helvetica, sans-serif;}
address,cite,dfn,em,var{font-style:normal;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
small{font-size:12px;}
ul,ol,li{list-style:none;}
img{border:0;}
ul{list-style:none;}
.clear{ clear:both;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
a{text-decoration: none; color: #333; }
a:hover{ color:#333; text-decoration:none}
.left{ float:left;}
.right{ float:right}
a:focus,input:focus,button:focus,select:focus,textarea:focus{outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/

/*****去掉iPhone手机input的默认样式*****/
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"]{-webkit-appearance:none;}
textarea{-webkit-appearance:none;}
input[type=button],input[type=submit]{ cursor:pointer}

/*****公用部分*****/
.warp{margin:0 auto; overflow:hidden; max-width:1200px; width:100%;}
.mt20{margin-top:20px}.mt10{margin-top:10px}.mr25{margin-right:25px}.ml25{margin-left:25px;}
.p10{padding:10px}
/*字体引用*/
@font-face{font-family:imp; src:url(../font/impact.ttf)}

/*****top*****/
.top{padding:25px 0}
/*logo*/
.logo{width:25%; float:left; padding-left:25px;}
.logo img{max-width:100%; height:auto;}
/*search*/
.search_box1{display:none}
.search_box{font:14px/22px "微软雅黑"; color:#c7c7c7;width:425px; margin:0 auto; display:block}
.search_box a,.search_box1 a{color:#c7c7c7; margin-right:8px;}
.search_box a:hover,.search_box1 a:hover{color:#da251c;}
.search{width:100%; margin:0 auto 5px; border:1px solid #c8c8c8; height:34px;}
.search .inp{width:83%; border:0; font:14px/34px "微软雅黑"; color:#999999; padding-left:10px; float:left}
.search .btn{background:#252525 url(../images/fdj.gif) no-repeat center center; width:60px; text-align:center; border:0; float:right; height:34px}
/*tel*/
.tel{background:url(../images/tel.gif) no-repeat left center; float:right; font:16px/25px "微软雅黑"; color:#555555; text-align:right; height:64px; padding:0 25px;}
.tel span{display:block; font:30px/30px imp; color:#da251c}

/*****nav*****/
.nav_bg{background:#000000}
.nav{margin:0 auto; padding:0 6%; overflow:hidden; width:100%; max-width:1200px; box-sizing:border-box}
.nav li{float:left; text-align:center; width:16.66%; font:16px/50px "微软雅黑"; height:50px; overflow:hidden}
.nav li a{display:block; color:#fff; position:relative; text-align:center}
.nav li a span{display:block; position:absolute; top:0; width:100%; transition:all 0.5s;}
.nav li a:hover span,.nav li a.hover span{top:-50px}
.nav li a em{text-transform:uppercase; display:block; width:100%; position:absolute; top:50px; background:#da251c; transition:all 0.5s; font-size:14px}
.nav li a:hover em,.nav li a.hover em{top:0}

/*****产品分类菜单*****/
.menu dl{width:25%; float:left; text-align:center; margin:75px 0; box-sizing:border-box; padding:0 10px}
.menu dl+dl{border-left:1px dotted #d1d1d1}
.menu dt{margin:10px 0}
.menu dl:hover dt em{display:block}/*span为灰色，em为彩色*/
.menu dt em,.menu dl:hover dt span{display:none}
.menu dt img{max-width:100%}
.menu dd{font:14px/22px "微软雅黑"; color:#999999; text-transform:uppercase}
.menu dd .more{width:93px; color:#888888; background:#e1e1e1; border-radius:3px; margin:8px auto; text-transform:none; line-height:25px; padding:0 5px; box-sizing:border-box}
.menu dl:hover .more{background:#da251c; color:#fff}

/*标题*/
.gy_title{text-align:center; font:16px/35px "微软雅黑"; text-transform:uppercase; margin-bottom:25px; height:35px; overflow:hidden}
.title_white{color:#fff; background:url(../images/gy_title_bg.gif) no-repeat center bottom;}
.title_black{color:#555555; background:url(../images/gy_title_bg1.gif) no-repeat center bottom;}
/*更多按钮*/
.gy_btn{width:240px; margin:30px auto; border-radius:15px; height:30px; background:url(../images/jt_white.png) no-repeat center center; border:1px solid #fff; transition:all 0.5s}
.gy_btn a{display:block}
.gy_btn:hover{background:#fff url(../images/jt_hui.png) no-repeat center center; border:1px solid #dcdcdc}
.gy_btn1{width:240px; margin:30px auto; border-radius:15px; height:30px; background:url(../images/jt_hui.png) no-repeat center center; border:1px solid #dcdcdc; transition:all 0.5s}
.gy_btn1 a{display:block}
.gy_btn1:hover{background:#da251c url(../images/jt_white.png) no-repeat center center; border:1px solid #da251c}

/*****品牌故事*****/
.ppgs_bg{background:#be1d15; padding:20px 0 40px; overflow:hidden; margin-bottom:40px}
.ppgs{text-align:center; padding:0 1%; box-sizing:border-box; font:14px/25px "微软雅黑"; color:#ffffff;}
.ppgs span{display:block}
.ppgs_pic{width:553px; margin:30px auto 0; overflow:hidden}
.ppgs_pic li{float:left;}
.ppgs_pic li+li{margin-left:95px;}

/*****新闻中心*****/
.news{overflow:hidden}
.news dl{width:50%; float:left; height:82px; overflow:hidden; padding:0 18px; box-sizing:border-box; margin:30px 0 15px}
.news dt{width:82px; height:82px; border:1px solid #c9c9c9; border-radius:50%; float:left; text-align:center; font:16px/25px "微软雅黑"; color:#737373; padding:15px 7px; box-sizing:border-box; margin-right:18px}
.news dt em{display:block; border-bottom:1px dotted #c9c9c9;}
.news dt span{display:block;}
.news dd{font:14px/20px "微软雅黑"; color:#999999}
.news dd span{display:block; font:16px/35px "微软雅黑"; color:#737373; height:40px; overflow:hidden}
.news dl:hover dd,.news dl:hover dd span,.news dl:hover dt{color:#be1d15}
.news dl:hover dt{border-color:#be1d15}

/*****产品展示*****/
.cpzs_bg{background:#000; padding:20px 0 40px; overflow:hidden; }
.show{display:none}
/* slider */
#slider{width:940px;height:300px;overflow:hidden;position:relative;margin:0 auto; display:block}
.scroll{width:728px;height:300px;margin:0 auto;overflow:hidden;position:relative;}
.scrollContainer{position: relative;width:1815px;left:0px;}
.scrollContainer .panel{width:186px;height:246px;float:left;margin-right:70px;display:inline;}/*两侧小图*/
.scrollContainer .panel img{ border:3px solid #dcdcdc}
.scrollContainer .current .inside{width:216px;height:286px;}/*中间大图*/
.scrollContainer .current .inside img{border:3px solid #da251c}
.panel .inside{display:block;position:relative; }
.inside img{height:100%;width:100%;}
.scroll li .inside span{width:196px;height:37px;font:14px/37px "微软雅黑";display:none;position:absolute;bottom:-17px;left:10px;background-color:#da251c;color:#FFF;text-align:center; overflow:hidden}/*文字区域*/
.scroll li.current .inside span{display:block;}
.btnMode a.btn{width:46px; height:46px;position:absolute;top:125px; }/*按钮*/
.btnMode a.prev{left:0; background:url(../images/left.png) no-repeat;}
.btnMode a.next{right:0; background:url(../images/right.png) no-repeat;}

/*****foot*****/
.foot_bg{background:#0e0e0e; font:14px/25px "微软雅黑"; color:#3c3b3b; padding:20px 0}
.foot_bg a{color:#3c3b3b}
.foot_bg span{display:block; float:right; color:#262525}
.foot_bg span a{color:#262525}

/**************************内页样式*****************************/
.ny_box{min-height:600px}
/*****左侧菜单*****/
.er_menu{width:20%; float:left}
.er_menu span{display:block; background:url(../images/menu_title.gif) no-repeat; text-transform:uppercase; font:20px/33px "微软雅黑"; color:#504e59; padding-left:45px; margin:15px 0}
.er_menu li{text-align:center; font:16px/35px "微软雅黑"; margin-bottom:10px}
.er_menu li a{display:block; color:#8c8c8c; transition:all 0.5s;}
.er_menu li a:hover,.er_menu li a.hover{background:#da251d; color:#fff;}

.right_box{width:80%; padding-left:30px; box-sizing:border-box; float:right; margin-top:20px; padding-bottom:20px}
/*当前位置*/
.dqwz{font:14px/35px "微软雅黑"; color:#555555; border-bottom:1px solid #d2d2d2; margin-bottom:20px; text-align:right}
.dqwz a{color:#555}

/*****关于我们*****/
.about{font:14px/30px "微软雅黑"; color:#555555}
.about .img{width:87%; margin:0 auto; text-align:center}
.about .img img{max-width:100%}

/*page*/
.page{border-top:1px dotted #949494; text-align:right; padding:10px 0}
.page a{font:14px/30px "微软雅黑"; color:#555; background:#e2e2e2; padding:5px; margin:0 2px}
.page a:hover,.page a.hover{background:#da251d; color:#fff}


/*****新闻内页*****/
.news_cont_title{font:16px/20px "微软雅黑"; color:#555; text-align:center; background:#ededed; margin-bottom:10px; padding:8px 0;}
.news_time{font:12px/24px "宋体"; color:#666; text-align:center}
.news_cont{font:14px/22px "微软雅黑"; color:#666; margin-top:30px}
.news_cont img{text-align:center}

/*****产品展示页*****/
.showlist{overflow:hidden}
.showlist dl{width:30%; margin:10px 1.5%; float:left; border:2px solid #be1d15; box-sizing:border-box; text-align:center}
.showlist dt img{max-width:100%}
.showlist dd{background:#be1d15; text-align:center; font:14px/37px "微软雅黑"; height:37px; overflow:hidden; padding:0 5px}
.showlist dd a{color:#fff}

/*****在线留言*****/
.feedback li{font:14px/28px "微软雅黑"; color:#666; margin-top:10px; overflow:hidden}
.li_a{width:25%; float:left; text-align:right}
.li_b{width:75%; float:left}
.feedback_inp{width:70%; border:1px solid #d8d8d8; line-height:26px; height:26px}
.feedback_inp1{width:100px; border:1px solid #d8d8d8; line-height:26px; height:26px}
.feedback_inp2{width:160px; border:1px solid #d8d8d8; line-height:26px; height:26px}
.feedback_inpa{width:30%; border:1px solid #d8d8d8; line-height:26px; height:26px; float:left; margin-right:5px}
.feedback_radio{margin-right:5px}
.feedback_text{width:80%; border:1px solid #d8d8d8; line-height:26px; height:90px}
.feedback_btn{width:23%; background:#da251c; text-align:center; color:#fff; line-height:26px; height:26px; cursor:pointer; margin-right:5px; border:0}
.feedback_btna{width:23%; background:#6a6a6a; text-align:center; color:#fff; line-height:26px; height:26px; cursor:pointer;  border:0}
.feedback_num{width:82px; height:26px; margin-top:1px}

/*****联系我们*****/
.contact{font:14px/30px "微软雅黑"; color:#333;}
.contact .map{margin-bottom:20px}
.contact .map img{max-width:100%}

/*****产品展示详细页*****/
.show_cont{font:14px/25px "微软雅黑"; color:#333;}
.show_cont_title{text-align:center; font:16px/35px "微软雅黑"; color:#555;}
.show_cont span{font-size:14px; background:#dcdcdc; display:block; margin:10px 0; padding-left:15px; font-weight:bold}
.show_cont .img{margin:20px auto; text-align:center}
.show_cont .img img{max-width:100%; padding:5px; border:1px solid #e5e5e5; }


@media (max-width:1000px) {	
/*logo*/
.logo{width:50%;}
/*search*/
.search_box{display:none}
.search_box1{width:96%; margin:0 2% 20px; display:block;font:14px/22px "微软雅黑"; color:#c7c7c7;}

/**************************内页样式*****************************/
.ny_box{padding:0 1%; box-sizing:border-box}
/*****左侧菜单*****/
.er_menu{width:100%; float:none; overflow:hidden}
.er_menu li{width:33.33%; float:left}

.right_box{width:100%; padding-left:0px; float:none;}
}

@media (max-width:768px) {	
/*****top*****/
/*logo*/
.logo{padding-left:5px; box-sizing:border-box}
/*search*/
.search .inp{width:60%;}
/*tel*/
.tel{height:auto;background:url(../images/tel.gif) no-repeat; background-position:88%; background-size:70%; width:50%; box-sizing:border-box; font:16px/20px "微软雅黑"; padding:0 10px}
.tel span{font:20px/30px imp;}

/*****nav*****/
.nav li{width:33.33%; font:14px/35px "微软雅黑"; height:35px; }
.nav li a:hover span,.nav li a.hover span{top:0px; color:#fff; background:#da251c;}
.nav li a em,.nav li a.hover em{display:none}

/*****产品分类菜单*****/
.menu dl{margin:25px 0; padding:0 5px;}
.menu dd .more{width:98%;}

/*更多按钮*/
.gy_btn:hover{background:#be1d15 url(../images/jt_white.png) no-repeat center center; border:1px solid #fff; background-color:transparent}
.gy_btn1:hover{background:#fff url(../images/jt_hui.png) no-repeat center center; border:1px solid #dcdcdc}

/*****品牌故事*****/
.ppgs_bg{padding:20px 0; margin-bottom:20px}
.ppgs_pic{width:100%;}
.ppgs_pic li{width:30%; margin:0 1.5%}
.ppgs_pic li img{max-width:100%}
.ppgs_pic li+li{margin-left:1.5%}

/*****新闻中心*****/
.news dl{width:98%; float:none; margin:30px 1% 15px; position:relative}
.news dd{font:14px/20px "微软雅黑"; color:#999999; position:absolute; top:0; left:115px;}
.news dl:hover dd,.news dl:hover dd span,.news dl:hover dt{color:#be1d15}
.news dl:hover dt{border-color:#be1d15}

/*****产品展示*****/
#slider{display:none}
.cpzs_bg{padding:20px 0}
.show{display:block; overflow:hidden}
.show dl{width:30%; margin:10px 1.5%; float:left; border:2px solid #be1d15; box-sizing:border-box; text-align:center}
.show dt img{max-width:100%}
.show dd{background:#be1d15; text-align:center; font:14px/37px "微软雅黑"; height:37px; overflow:hidden; padding:0 5px}
.show dd a{color:#fff}

}

@media (max-width:640px) {	
/*当前位置*/
.dqwz{text-align:left}

/*****产品展示*****/
.show dl,.showlist dl{width:46%; margin:10px 2%;}
/*****foot*****/
.foot_bg span{display:block; float:none;}
.foot_bg em{display:block}

/*page*/
.page{text-align:center;}
}

@media (max-width:320px) {	
/*****top*****/
.top{padding:13px 0}
/*tel*/
.tel{background-position:80%; font:14px/18px "微软雅黑";}
.tel span{font:16px/20px imp;}

/*****产品分类菜单*****/
.menu dd .more{ font-size:12px;}

/*****新闻中心*****/
.news dl{padding:0 10px;}
.news dt{margin-right:10px}
.news dd{left:100px;}
}