/* CSS Document */
/*top*/
.top{ height:110px; overflow:hidden;}
.menu{}
.menu ul{ clear:both; margin-left:2px;}
.menu ul li{ float:left; margin-left:2px; font-family:"微软雅黑";}
.menu ul li a{ display:block; color:#333; font-size:14px; height:110px; line-height:110px; padding:0px 30px;}
.menu ul li a.active,.menu ul li a:hover{ background:#231a15; color:#fff;}

/*banner*/
.banner{ background:url(../images/banner.jpg) no-repeat top center; height:600px;}

/*products*/
.products{ margin:20px auto 30px auto;}
.products ul { clear:both; margin-left:-20px;}
.products ul li{ float:left; margin-left:20px; width:385px; position:relative; height:295px;}
.products ul li img{ width:383px; height:293px; border:1px solid #ddd;}
.products ul li .pro_bg{ display:none; position:absolute; top:0px; left:0px; width:385px; height:295px; background:rgba(0,0,0,0.5); z-index:1;}
.products ul li .text_pro{ display:none;  position:absolute; top:0px; left:0px; width:385px; height:195px; padding-top:100px; text-align:center; z-index:2;}
.products ul li .text_pro p.p1{ background:url(../images/pro_bg_line.png) no-repeat bottom center; min-width:186px; line-height:45px; font-size:24px; color:#fff;}
.products ul li .text_pro p.p2{ color:#fff; text-decoration:underline; font-size:12px; margin-top:15px;}

.products ul li:hover .pro_bg{ display:block; }
.products ul li:hover .text_pro{ display:block;}

.products ul li a{ color:#fff;}

/*about*/
.about { margin-bottom:30px; overflow:hidden;}
.about dl{ clear:both; width:940px; margin:0px auto;}
.about dl dt{ float:left; width:475px; height:306px;}
.about dl dt img{ width:473px; height:304px; border:1px solid #ddd;}
.about dl dd{ float:right; width:450px; font-size:14px; line-height:28px; margin-bottom:20px;}
.about dl dd a{ display:block; width:118px; height:29px; line-height:29px; text-align:center; color:#fff; background:#231a15;}

/*news*/
.news{ margin-bottom:50px; overflow:hidden;}
.news_left{width:475px;}
.news_left dl{}
.news_left dl dt{ width:475px; height:271px;}
.news_left dl dt img{ width:473px; height:269px; border:1px solid #ddd;}
.news_left dl dd{ background:#e5e5e5; height:91px; width:445px; padding:15px;}
.news_left dl dd h3{ font-size:16px; color:#333; margin-top:20px;}
.news_left dl dd h3 a{ font-weight:normal; float:right; font-size:12px; text-decoration:underline;}
.news_left dl dd p{ line-height:24px; margin-top:15px; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.news_right{ width:690px;}
.news_right dl{ clear:both; border:1px solid #fff; padding:2px;}
.news_right dl:hover{ border:1px solid #ff5100;}
.news_right dl dt{ float:left; width:153px; height:121px;}
.news_right dl dt img{width:151px; height:119px; border:1px solid #ddd;}
.news_right dl dd{ float:right; width:480px; padding:20px; height:81px; background:#e5e5e5;}
.news_right dl dd h3{ font-size:14px; color:#333; margin-top:15px;}
.news_right dl dd p{ line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px; font-size:12px;}
.news_right dl.margin_bottom{ margin-bottom:8px; overflow:hidden;}

/*footer*/
.footer{ min-height:440px; background:#1f1611;}
.footer_left{ width:680px; margin-top:60px;}
	.footer_left ul{ clear:both; margin-left:-80px; overflow:hidden;}
	.footer_left ul li{ float:left; margin-left:80px; padding-right:80px; background:url(../images/footer_line.jpg) right center no-repeat; min-height:118px;}
	.footer_left ul li dl dt{ font-family:"微软雅黑"; font-size:14px; color:#fff;}
	.footer_left ul li dl dd a{ color:#878483; font-size:12px; line-height:30px;}
	.footnav{ width:630px;  margin-top:20px; border-bottom:2px solid #5d5753; padding-bottom:20px; margin-bottom:20px;}
	.m_margin{margin-left:-80px;}
	.footnav .m_margin a{ font-size:14px; font-family:"微软雅黑"; color:#fff;margin-left:80px; padding-right:80px; }
	.footadd{ width:550px;}
	.footadd dl dt{ font-size:14px; margin-bottom:10px;}
	.footadd dl dd{ font-size:12px; line-height:24px;}

.footer_right{ width:520px; height:440px;background:url(../images/map.png) no-repeat center; position:relative;}
.diandian{ width:15px; height:15px; position:absolute; top:320px; left:335px; z-index:1111;}
/*文字悬停提示框*/
.tooltip { display: inline;}
/* Trigger text */
.tooltip-item {cursor: pointer; display: inline-block;background:url(../images/dian.png) no-repeat center; width:15px; height:15px; text-indent:-10000px;}
/* Gap filler */
.tooltip-content { position: absolute; z-index: 9999; width: 360px; left: 50%; margin: 0 0 10px -180px; bottom: 100%; text-align: left; font-size:12px; line-height:30px; box-shadow: -5px -5px 15px rgba(48,54,61,0.2); background: #fff; border:2px solid #ddd; border-radius:7px; opacity: 0; cursor: default; pointer-events: none;}
.tooltip-effect-1 .tooltip-content { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }
.tooltip:hover .tooltip-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); }
.tooltip.tooltip-effect-2:hover .tooltip-content { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); }
/* Arrow */
.tooltip-content::after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #ddd; border-width: 10px; margin-left: -10px; }
/* Tooltip content*/
.tooltip-content img { position: relative; height: 170px; display: block; float: left; margin-right: 1em; }
.tooltip-text { padding:15px 0px; font-size:14px; display: block; color: #867367; font-weight:normal; text-align:center;}
.tooltip-text p.p1{ font-family:Arial; font-size:24px; font-weight:bold;}
.tooltip-effect-5 .tooltip-text {}


/*--------------------------------------------------------------------首页样式完--------------------------------毕*/
.sub_banner{ height:350px; background:url(../images/banner.jpg) no-repeat center; line-height:350px; text-align:center; text-transform:uppercase; font-size:130px; color:rgba(255,255,255,0.5); font-family:Arial;}

.dangqian{ line-height:40px; height:40px; margin-top:-40px; font-size:16px; position:relative; margin-bottom:20px;}
.dangqian .bg{ background:rgba(31,22,17,0.5); position:absolute; top:0px; left:0px; width:100%; height:39px; border-top:1px solid rgba(255,255,255,0.5);}
.dangqian .d_text{ text-align:right; color:#fff; width:1200px; z-index:2; position:relative; font-size:13px;}
.dangqian a{ color:#fff;}
.dangqian a:hover{ color:#ff5100;}
.sub_nav{ border-bottom:1px solid #ddd; padding-bottom:10px; overflow:hidden; margin-bottom:20px; padding-top:20px;}
.sub_navtitle{ min-width:110px;font-family:"微软雅黑"; font-size:30px; text-transform:uppercase; color:#666666; padding-right:20px; }
.sub_navlist{ width:850px; }
.sub_navlist ul{ clear:both;}
.sub_navlist ul li{ float:left; margin-left:10px; margin-bottom:10px;}
.sub_navlist li a{ display:block; padding:0px 15px;height:39px; line-height:39px; font-size:12px; border:1px solid #ddd;}
.sub_navlist li a.hover,.sub_navlist li a:hover{ background:#231a15; color:#fff; border:1px solid #231a15;}
.sanji_nav{ clear:both; margin-bottom:25px;overflow: hidden;}
.sanji_nav a{ display:block; float:left; font-size:12px; margin-right:15px; height:39px; line-height:39px; padding:0px 15px; background:#ececec;color:#666;}
.sanji_nav a.hover,.sanji_nav a:hover{ background:#231a15;color:#fff;}

.box{ font-size:14px; line-height:20px; color:#666; padding-bottom:50px; overflow:hidden;}
.about_sub .biaoti{ font-size:24px; line-height:50px;}
table.about_table td img{ width:360px; height:280px; padding-right:10px;}

/*产品*/
.pro_list{}
.pro_list ul{  clear:both; overflow:hidden; margin-left:-43px;}
.pro_list ul li a{ width:264px; float:left; text-align:center; margin-left:43px; line-height:30px; margin-bottom:20px;}
.pro_list ul li img{ width:262px; height:198px; border:1px solid #ddd;}
.pro_list ul li a:hover img{box-shadow:0px 5px 15px rgba(35,26,21,0.5); transform:all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }
.pro_list ul li a:hover{ font-weight:bold;}
.fanye{ text-align:center; width:950px; margin:25px auto;clear:both;}
.fanye a{ padding:5px 10px; border:1px solid #ddd; color:#666; font-size:14px;}
.fanye a.active,.fanye a:hover{ border-color:#ff5100; background:#ff5100; color:#fff; text-decoration:none;}

/*产品详情*/

.neiye_right{ width:220px; padding-bottom:10px; box-shadow:3px 2px 10px rgba(0,0,0,0.2); -moz-box-shadow:3px 2px 10px rgba(0,0,0,0.2); -ms-box-shadow:3px 2px 10px rgba(0,0,0,0.2); -o-box-shadow:3px 2px 10px rgba(0,0,0,0.2); -webkit-box-shadow:3px 2px 10px rgba(0,0,0,0.2); overflow:hidden;}
.sub_menu{font-family:'impact'; font-size:35px; width:220px; height:100px; line-height:100px; background:#e4201e; text-align:center; color:#fff; text-transform:uppercase;}
.neiye_right ul li{ line-height:40px;}
.neiye_right ul li a{ display:block; padding-left:15px; color:#333; font-size:14px; text-transform:uppercase; border-bottom:1px solid #ddd;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.neiye_right ul li a.hover,.neiye_right ul li a:hover{ text-decoration:none; color:#e4201e; border-bottom:1px solid #e4201e;}
.neiye_right ul li ul.xiaji li{ padding:0px 15px;}
.neiye_right ul li ul.xiaji li a{ font-size:14px; padding-left:5px; border-bottom:1px dashed #ddd; text-transform:none;}
.neiye_right ul li ul.xiaji li a.active,.neiye_right ul li ul.xiaji li a:hover{ border-bottom:1px dashed #e4201e;}


.neiye_box{ width:930px;}
.litter_top{ border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; overflow:hidden;}
.litterpic{width:524px; height:396px;}
.litterpic img{width:524px; height:396px;}
.pro_xqtext{ width:380px;}
p.p_nane{ font-size:30px; color:#333; font-family:Arial; margin-bottom:10px; line-height:45px; overflow:hidden; font-family:"微软雅黑";}
.p_msh{ line-height:26px; font-size:14px; margin-bottom:20px;}
.p_msh strong.bold2{ margin-bottom:5px; color:#e4201e;}

p.shop{ width:200px; height:35px;}
p.shop a{ display:block;width:200px; height:35px; background:#e4201e; color:#fff; text-align:center; line-height:35px; font-size:18px;}

.litter_bottom{ border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; overflow:hidden; min-height:400px;}
.xiaobiati{ color:#e4201e; font-weight:bold; font-size:16px; margin-bottom:20px;}

/*contact*/
ul.footer_addlist{ clear:both; margin-left:-30px;}
ul.footer_addlist li{ float:left; border-right:1px dotted #fff; width:280px; margin-left:30px; padding-right:30px; min-height:135px;}
ul.footer_addlist li dl{ margin-bottom:10px;}
ul.footer_addlist li dl dt{ font-family:'Arial'; font-size:16px; font-weight:bold;}
ul.footer_addlist li dl dd{ font-family:Arial; font-size:12px; line-height:16px;}
.contact_pic{ width:410px;}
.contact_pic img{ width:410px;}
.contact_txte{ width:760px;}
.contact_txte p.c1{ font-size:18px; color:#333; margin-bottom:10px;}
.contact_txte p.c2{ line-height:26px;}

/*faq*/
.faq{}
.faq dl{ border-bottom:1px dashed #ddd; padding-bottom:20px; margin-bottom:20px;}
.faq dl dt{ font-size:16px; color:#231a15; font-weight:bold; }
.faq dl dd{ margin-top:20px;}
.faq dl dd a{ display:block; width:120px; height:25px; text-align:center; line-height:25px; background:#231a15; color:#fff;}
.faq dl dd a:hover{ background:#ff5100;}
/*翻篇*/
.fanpian{padding-top:20px; margin-bottom:20px; padding:0px 20px; margin-top:30px;}
.fanpian a{ text-decoration:underline; color:#666; line-height:45px;}
.fanpian a.current,.fanpian a:hover{ color:#ff3100;}

.faq_xq{}
.faq_xq dl dt{ font-size:30px; color:#231a15; text-align:center; line-height:45px; overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:20px; margin-bottom:20px; font-family:"微软雅黑";}
.faq_xq dl dt p{ line-height:24px; font-size:12px; color:#999;}
.faq_xq dl dd{ line-height:26px;}

/*人才招聘*/
.job{}
.job dl dt{ font-family:"微软雅黑"; font-size:24px; line-height:60px; color:#333;}
.job dl dd{ line-height:24px;color:#666;}
.map{ width:700px;}
.contact_text{ width:450px;}
.contact_text dt{ font-family:"微软雅黑"; font-size:18px; color:#333; margin-bottom:10px;}
.contact_text dd{ line-height:30px;}


.pages { clear:left; margin-top:6px; margin: 0 auto; text-align:center; line-height:35px; }
.pages a, .pages font, .pages i { border: 1px solid #DDD; color: #333;  padding: 5px 10px; text-decoration: none; font-size:12px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; }
.pages b { border: 1px solid #ff5100;padding: 5px 10px; text-decoration: none; background: #ff5100; color:#FFF; font-size:12px; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.pages a:hover { border: 1px solid #ff5100;  padding: 5px 10px; text-decoration: none; background: #ff5100; color:#FFF; font-size:12px;}