@charset "utf-8";
/* CSS Document */

html,body,img,ul,li,div,span,h1,h2,h3,h4,h5,iframe,p,strong,section,.row,title,header,.menubar,blockquote,dl,dt,article{ margin:0; padding:0}
html,body{ font:100%/150% "arial"; font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif; color: #333; background:#e6e4d4; overflow:hidden;}
img{ border:none; line-height:0; display:block; width:100%;}
.clear{ clear:both;line-height:0;height:0;}
.fl{ float:left;}
.row{ line-height:0; height:20px;}
ul,li{list-style:none;}
a,a:link,a:hover,a:visited{ text-decoration:none;}
a,a:link{ color:#fff;}
a:hover{ color:#cc051c;}
#content{ width:100%; position:absolute; top:45px; bottom:50px;}

/*首页*/
.indextop{ background:url(../images/topbg.jpg) repeat-x; height:22px; width:100%;}
.topbg2{ background:url(../images/topbg2.jpg) repeat-x; height:12px; width:100%;}
.indexdh{ background:#FFF; width:94%; margin:-16% auto 0 auto; position:relative; z-index:2;}
.indexdhbg{ width:96%; padding:2%; background:#FFF;}
.indexdhbg a{ background:rgba(25,25,25,0.3); display:block; height:35px; line-height:35px; width:100%;margin-top:-34px; position:relative;z-index:4}
.indexdhbg a span{ color:#FFF; float:left; font-size:18px; margin-left:2%;}
.icon_foot222{ height:18px; width:18px;
margin-top: 8px;
margin-left: 8px}
.indexul{ background:#FFF; width:94%; margin:0 auto;}
.indexul li a{ display:block; border-top:1px solid #ccc; color:#363636;}
.indexwz{ width: 71%;
font-size: 14px;
padding: 1.5% 2%;
line-height: 20px;}
.indextp{ width:21%; padding:2%;}
.indexsk{ width:94%; margin:0 auto;}
.indexsk li a{ width:28%; padding:2%; margin:1% 2% 1% 0; background:#ccc; color:#FFF; float:left; text-align:center;}
.indexpro{ width:94%; background:#FFF; margin:0 auto;}
.jdzp{ height:42px; color:#030303; border-bottom:1px solid #ccc; line-height:42px; text-indent:12px;}
.jdzp a,.jdzp a:link{ color:#030; margin-left:62%;}
/*首页图标*/
.indexicon{ background:url(icon.png) no-repeat; background-size:cover;}
.menu_icon{ height:25px; width:25px;}
.icon_about{ background-position:0 0;  margin-left:85px;}
.icon_mains{ background-position:-25px 0;  margin-left:120px;}
.icon_honors{ background-position:-50px 0;  margin-left:195px;}
.icon_newss{ background-position:-75px 0;  margin-left:160px;}
.icon_sharess{ background-position:-100px 0;  margin-left:125px;}
.icon_contactas{ background-position:-125px 0;  margin-left:95px;}
.indexbottom{ height:45px; line-height:45px; background:rgba(0,0,0,0.5); width:100%;bottom:0; z-index:2; color:#fff;}
.indexbottom a{ font-size:18px; margin-right:10px;}
  .indextel{ background:url(icon.png) no-repeat; background-size:cover; }
.indextel2{height:25px; width:25px;}
.indextel3{ background-position:-50px 0; margin: 10px 0 0 20px;}
/*底部图标*/
.icon{background:url(icon.png) no-repeat; background-size:cover;}
.icon_foot,.header-icon{height:18px;width:18px;}
.header-icon{ margin:13px;}
.icon_foot{margin:8px auto -1px auto;}
.icon_menu{background-position:0 0px;}
.return{ background-position:-90px 0;}
.icon_home{ background-position:-18px 0;}
.icon_sms{ background-position:-36px 0;}
.icon_share{ background-position:-54px 0;}
.icon_location{ background-position:-72px 0;}
.icon_mark{ background-position:-108px 0;}

/*菜单*/
#pagemenu{ position:absolute; width:46%; top:45px; bottom:0; z-index:11; background:#bd2726; color:#FFF;}
.menubar{ letter-spacing:3px;width:100%;padding-top:8px; text-align:center; padding-bottom:8px; background:rgba(0,0,0,0.1); border-bottom:rgba(0,0,0,0.2) 1px solid ; }
#pagemenu li{ padding:0.4em 0; border-bottom:rgba(0,0,0,0.2) 1px solid ; color:#FFF; border-top:rgba(255,255,255,0.2) 1px solid ;text-indent:1em;}
#pagemenu dt{ text-align:center;}
#pagemenu li a{ color:#FFF;}
#pagemenu blockquote{ border-bottom:rgba(0,0,0,0.2) 1px solid ; padding-bottom:0.4em; }
#pagemenu dl{ border-top:rgba(255,255,255,0.2) 1px solid ; padding-top:0.4em;}
#pagemenu dt{ line-height:40px;}


/*头部*/
.header{ height:45px; width:100%; background:#392f29;}
.header .title{font-size:20px; font-weight:bold; line-height:220%;color:#fff;letter-spacing:.1em; text-align:center; margin-left:20px;}
.header .left{position: absolute;top: 0;left: 0;}
.header .right{float:right;position: absolute;top:0;right:0;}

/*页脚*/
.footer{background: url(../images/bottom.png); height:48px; width:100%; background-size:100%; position:absolute; bottom:0;}
.footer li{font-size:70%;width:25%; float:left;}
.footer,.footer li,.footer li a{text-align:center;color:#fff;}
.footer li strong{font-weight:normal;}
.abc{ width:60%; margin:0 auto;}
.abc:hover{ width:60%; background:#18100d; border-radius:5px;}


/*新闻列表*/
.newslists{ width:98%; margin:0 auto}
.newslists li{ background:url(../images/arrow.png) no-repeat 98% 15px;text-indent:1em;height:49px;line-height:49px;border-bottom:1px #ccc solid; width:98%;background-size: 22px}
.newslists li a,.newslists li a:link{ color:#333;}
.newslists li a:hover{ color:#d00227;}
.newslists li a{ display:block;width:90%;word-break:keep-all;/* 不换行 */ 
white-space:nowrap;/* 不换行 */ 
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ 
text-overflow:ellipsis;
}
#more{ width: 98%;
margin: 2% auto;
padding: 3px 0;
font-size: 15px;
background: #392f29;
text-align: center;
color: #FFF;
cursor: pointer}

/*新闻详情页*/
.ct{ width:96%; margin:0 auto;}
.ct h3{
margin: 5px auto 0 auto;
letter-spacing: .1em;
line-height: 150%;
font-size: 20px;
font-weight:normal;
color: #d00227;}
.ct h4{ color: #999; font-weight:normal;
font-size: 14px;}
.ct hr{height: 1px;
background: #ccc;
border: none;}
.ct dd{;
padding: 5px;
margin: 10px auto; text-align:center; font-size:18px;}

/*产品中心*/
.indexpp2{ width:98%; margin:0 auto;}
.indexpp2 li{ float:left; width:30%; display:block; margin:1.5%;}
.indexpp2 img{ padding:2%; width:100%; height:60px;}
.indexpp2 span{ font-size:12px; text-align:center; color:#333; display:block;word-break:keep-all;/* 不换行 */ 
white-space:nowrap;/* 不换行 */ 
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ 
text-overflow:ellipsis;}
.index_three{ width:98%; margin:5px auto;}
.index_three li a{ width: 28.4%;
margin:1%;
padding:7px 5px;
text-align: center;
color: #FFF;
display: block;
float: left;
font-size: 16px;
background: #CCC;}

/*按钮
-----------------------------------------------------------------------------------------------------------*/
.Page{ text-align:center; margin:15px auto;}
.btn{padding:7px 10px 7px 10px;}
.btn-a,
.btn-a:link,
.btn-a:hover{color:#fff;border-radius:.4em;-webkit-border-radius:.4em; font-size:90%;}
.btn-a,.btn-a:link{
	background:#392f29;
}
.btn-a:hover{
  background:#18100d;
}

/*yy*/
.crm{border-bottom:1px solid #ccc;}
.crm input{border:none;}
.crm li{padding:6px;border-bottom:1px solid #ccc;}
.crm li .rese{border:none;background:none;color:#999;}
.crm li .rese1{border:none;background:#c2c2c2;color:#fff;}
.crm .rese2{background:#fff;overflow-x:hidden;overflow-y:hidden;color:#999;width:86%;height:100px;margin:0 10px;padding:10px;}
.crm .re-ban{text-align:center;color:#fff;padding:10px 0;width:95%;border:none;background:#ec6217;margin:10px auto;display:compact;}
.p_enter{ background:rgba(0,0,0,0.85); width:60%; padding:0.3em 0; color:#464646; text-align:center; margin: 10px 20%; border-radius:5px; border:rgba(255,255,255,0.2) 1px solid; position:absolute; bottom:70px; letter-spacing:0.2em;}
.p_enter2{background: #d00227;
width: 40%;
padding: 0.3em 0;
color: #fff;
text-align: center;
margin: 10px 30%;
display: inline-block;}

/*分享*/
.newslist{ background:#fff;padding:0 0 10px 0; margin:10px auto;}
.newslist li{text-indent:1em;height:49px;line-height:49px; border-bottom:1px #ccc solid;background: url(icon-08.png) 95% 15px no-repeat;background-size: 22px;}
.newslist a{ color:#383838;}
.newslist a:hover{ color:#d00227;}
.newslist blockquote{width:85%;}

.fx {text-indent: 90px;}
.icon1{background:url(fx.png) no-repeat;background-size:45px 229px;}
.icon_qq{background-position:30px 12px;}
.icon_sina{background-position:30px -38px;}
.icon_r{background-position:24px -90px;}
.icon_k{background-position:30px -140px;}
.icon_dou{background-position:30px -190px;}

/*文字-盒子-阴影*/
.box-shadow{box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
-webkit-box-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
-moz-box-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);}
.text-shadow,.ct h6 a:hover{text-shadow:1px 1px 0 #444;}
.text-shadow1{text-shadow:1px 1px 0 #fff;}
.box-shadow2{box-shadow:0px 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);}