/* CSS Document */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}

body{ color: #333; font: 12px/1.5 微软雅黑, Arial, sans-serif;}
a{text-decoration:none; color:#333;transition: all .5s ease;}
a:hover{color:#C7000B;text-decoration:none}

ul,li{list-style:none;}
.clear{clear:both;}
.blank10{height:10px;}
img{border:0;}
.blank{height: 20px;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.fl{float: left;}
.fr{float: right;}


/*页面宽度*/
.main{width:1006px; margin:0 auto;}
/* 背景 */
.red_bg { 
  background: -webkit-linear-gradient(left,#cc1615 0%,#951011 50%,#cc1615 100%);
  background: -o-linear-gradient(left,#cc1615 0%,#951011 50%,#cc1615 100%);
  background: -moz-linear-gradient(left,#cc1615 0%,#951011 50%,#cc1615 100%);
  background: -ms-linear-gradient(left,#cc1615 0%,#951011 50%,#cc1615 100%);
}

/* header  log*/
.header{background: #333;}
.header .red_bg{height: 70px;width: 100%;}
.logo{padding-top: 15px;}
.logo img{vertical-align: bottom; width: 294px;height: 47px;}
.clearfix{margin-right: 15px;}
.clearfix li{border-left: 1px solid #d10505; width: 100px; height: 70px;text-align: center; line-height: 70px;}
.clearfix li a,.clearfix li a:hover{background: url('../image/bg01.png') no-repeat left;padding-left: 10px; color:#fff; }
.clearfix li:nth-child(2){border-right: 1px solid #d10505;}
/* header nav */
.nav{height: 43px;}
.nav li{width: 90px; height: 40px; line-height: 40px;display: block;text-align: center;border-bottom:3px solid #333; float:left;}
.nav li a{font-weight: bold;display: block;overflow: hidden;z-index: 2;background: url('../image/nav_bg.png') no-repeat left; font-size:14px; color:#fff;}
.nav li a:hover{ color:#fff;}
.nav li:hover { border-color:#ffc000; }

/* header nav div */
.nav li:hover { border-color:#ffc000; }
.navs{position: relative;}
.navs .subNav { position:absolute; top:43px; left:-170px; width:800px; height:50px; padding:10px 0;  background:#fff; overflow:hidden; text-align:left; z-index:1; display:none; z-index:99999;display: none; padding: 10px 0 10px;margin: 0 auto; }
.navs .subNav .lt { float:left; width:288px; height:45px; padding-right:24px; padding-top:5px; border-right:1px dotted #dbdcde; line-height:20px; text-align:right; }
.navs .subNav .lt h3 { color:#144796; font-weight:normal; font-size:18px; text-transform:uppercase; }
.navs .subNav .lt h2 { font-size:15px; font-weight:normal; }
.navs .subNav .rt { display:block; overflow:hidden; zoom:1; padding-left:26px; padding-top:10px; line-height:26px; font-size:12px; }
.navs .subNav .rt a { display:inline; color:#666; margin-right:18px; white-space:nowrap; }
.navs .subNav .rt a:hover { color:#06C; }
.navs .subNav a { font-size:12px; font-weight:normal; background:none; }


/*焦点图*/
	#banner {max-width:1920px; margin:auto; position:relative; z-index:9;min-width:1000px; background: #333;}
	#banner .swiper-slide{text-align:center; overflow:hidden; height:409px;  position:relative;}
	#banner .swiper-slide img{width:1900px; height:409px; position:absolute; left:50%; margin-left:-950px;}
/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../image/ico_sliding.png) no-repeat;}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination-bullet{width: 8px;height: 8px; display: inline-block; border-radius: 50%; background:none; border:solid 2px #fff; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
	#banner .swiper-pagination-bullet-active{background:#fe9102; border:solid 2px #fe9102;opacity: 1.0;}
	#banner .swiper-pagination{bottom:15px;}
	

/* bArea */
.bArea{background: #f2f2f2;padding-top: 35px;padding-bottom: 20px;height: 317px;}
.bArea .hd{background: #c3221b;width: 150px;padding: 55px 0 115px 30px; color: #fff;}
.bArea .hd i{font-style: normal;font-size: 28px;text-transform: uppercase;}
.bArea .hd span{display: block;font-size: 20px;}
.bArea .hd a{display: block;font-size: 14px;width: 70px;height: 26px;text-align: center;line-height: 26px;border-radius: 5px;color:rgba(255,255,255,0.4);margin-top:40px;border: 1px solid rgba(255,255,255,0.4);}
.bArea .hd a:hover{color:rgba(255,255,255,0.9); border: 1px solid rgba(255,255,255,0.9);}
.bArea .bd{position: relative;margin: 7px 0 0 5px;background: #afafaf;width: 470px;height: 310px;}
.bArea .bd .bArea01{position: absolute;top: -7px;left: -4px;background: #5d5d5d;padding: 18px 13px 0 17px;width: 440px;}
.bArea .bd .bArea01 .hot_news{height:150px; overflow:hidden;}
.bArea .pic img{width: 205px;height: 150px;}
.bArea .txt{width: 220px;}
.bArea .txt h2{height: 50px;}
.bArea .txt h2 a{ color:#fff; font-size:17px;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/
}
.bArea .txt h2 a:hover{color: #c3221b;}
.bArea .txt p{color: #a0a0a0;margin-top: 10px;line-height: 25px;}

.bArea01 ul{margin-top: 12px;border-top: 1px solid #6f6f6f;height: 130px;color: #cbcbcb; padding-top:10px; box-sizing:border-box;}
.bArea01 ul li{line-height:36px; background:url(../image/dian.jpg) no-repeat left center;  padding:0 0 0 15px}
.bArea01 ul li span{float:right; margin-left:20px;}

.bArea01 ul li a{color: #cbcbcb;display: block;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* video */
.bArea02{width: 272px; background: #fff;padding: 20px;text-align: center;}
.bArea02 .bArea_hd{border-bottom: 1px solid #ebebeb;padding-bottom: 10px;height: 29px;}
.bArea02 .bArea_hd h2{font-size: 19px;font-weight: normal;color: #000;}
.bArea02 .bArea_hd a{display: block;}
.bArea02 .bArea_hd a img{vertical-align: bottom;}
.bArea02 .video_bd{margin-top: 27px;}
.bArea02 .video_bd video{width: 270px;height: 200px;object-fit: contain;}




/* 连续滚动 2*/
.eArea { margin-top:50px; padding-bottom:60px; }
.eArea .hd { text-align:center; font-size:24px; color:#505050; background:url(../image/eArea.jpg) no-repeat center; margin-bottom:25px;}
.eArea .hd i { font-style:normal; color:#ef0000; }

.eArea ul { margin:40px auto 0 auto; width:544px; }
.eArea ul li { width:84px; font-size:14px; float:left; margin-right:146px; cursor:pointer;  }
.eArea ul li span { display:block; text-align:center; width:84px; margin-top:18px; }
.eArea ul li:hover a { color:#ef0000; }

.e1 { position:relative; }
.e2 { position:absolute; top:-123px; left:0; *top:0; display:none; }
.eArea ul li:hover .e2 { display:block; }


.eArea .bd { margin-top:40px;text-align: center;margin-top: 20px }
.eArea p {  width: 25%;text-align: center;float: left;}
.eArea .p1 { position:relative;}
.eArea .p1 .new{position:absolute;bottom:-26px;left:115px;}



/* footer */
.footer{background: #850000;}
.footer .network{padding: 45px 0;height: 210px;}
.footer .network dl{width: 120px; border-right: 1px solid #ab3939;min-height: 210px;margin-left: 45px; float: left;}
.footer .network dt{margin-bottom: 20px;color: #fefdfd; font-size:14px;}
.footer .network dd{line-height: 25px;}
.footer .network dd a{color: #c29999;}

.footer .code li{margin-left: 5px;width: 80px;}
.footer .code img{width: 100%;border: 0;vertical-align: bottom;}
.footer .code span{display: block;font-size: 13px;color: #d2b5b5;margin-top: 5px;padding-top:8px ;text-align: center;}
.footer .code span p{font-style: normal;color: #fff;}

.footer .tail{background: #660400;height: 50px;line-height: 50px;color: #fff;}
.footer .tail select{width: 190px;color: #fff;outline: none; height: 30px;line-height: 30px;color: #d1b4b3;border: 1px solid #d1b4b3;margin-top: 10px; background:none;}
.footer .tail option{background: #660400;display: block;padding: 0 2px 1px ;}

.footer .tail .p1{margin-left: 30px;}
.footer .tail p a{padding: 0 10px; color:#fff;}

 .wan{width: 300px;margin: 0 auto;padding: 20px 0; }
 .wan a{display: inline-block;text-decoration: none;height: 20px;line-height: 20px;}
 .wan a img{vertical-align: bottom;}
 .wan a p{margin-left: 5px;color: #939393;}


/*--------二级页面开始------------*/


/* page_ban*/
.page_ban{width: 100%;overflow: hidden; background:#333;}
.page_ban .bd{position: relative;left: 50%;width: 1900px;margin: 0 0 0 -950px;}
.page_ban .bd img{ display:block;}

/*位置导航*/
.weizhi{height: 46px;margin-bottom: 30px;border-bottom: 1px solid #eaeaea;line-height: 46px;padding-top: 20px; width:760px;}
.weizhi a{display: inline-block;margin-right: 12px;padding-left: 12px;background: url('../image/o_ico_04.gif')no-repeat left center;vertical-align: top;}
.weizhi a:first-child{ background:none;}

/*主体*/
.main_box{font-size: 14px; width: 760px; min-height:500px; margin-bottom:50px;}


/* 侧边导航 */
.fix{position: relative;}
.side{width: 200px; margin-top: -85px;  position: absolute; top: 0px;right: 0px;}
.side h2{padding: 65px 0 53px 30px;background: url('../image/leftTitle.jpg')no-repeat #c71e1e;color: #fff;font-size: 26px;font-weight: normal;text-transform: uppercase;}
.side span{color: #eee;}
.side i{line-height: 28px;display: block;font-style: normal;}
.side .menu{margin-bottom: 40px;border-bottom:3px solid #ef0000;padding: 0 5px 0 25px;background: #fafafa;}
.side .menu dt{padding: 20px 0;border-bottom: 1px dotted #ccc;font-size: 14px;font-weight: bold;}
.side .menu  li{padding: 7px 0; list-style-type:disc}
.side .menu  li a{color: #000;}
.side .menu  li a:hover{color: #ef0000;}
.side .menu dt a{background: url('../image/o_ico_18.jpg')no-repeat left;padding-left: 15px;}
.side .menu dt a:hover{color: #ef0000;}
.side .menu .currclass{color: #ef0000 !important;}


/*推荐文章*/
.main_box .hotNews{margin-bottom: 20px;padding: 15px;background: #f8f8f8;overflow: hidden;box-sizing: border-box; }
.main_box .hotNews .pic{width: 285px;height: 204px;margin-right:25px;padding: 4px;border: 1px solid #e8e8e8;background: #fff;}
.main_box .hotNews .pic img{width: 100%;height: 100%;}
.main_box .hotNews dl{display: block;overflow: hidden;color: #888; padding-right:20px;}
.main_box .hotNews dl dt{font-size: 17px;font-weight: bold;line-height: 50px;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:1;   /*用来限制在一个块元素显示的文本的行数。*/

}
.main_box .hotNews dl dd{font-size:13px; line-height:25px; text-align:justify; margin-bottom:20px;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:3;   /*用来限制在一个块元素显示的文本的行数。*/
}
.main_box .hotNews dl dd a{display: block;background: #dfe0e2;vertical-align: text-top;text-align: center;font-size:18px;line-height: 54px;overflow: hidden;}
.main_box .hotNews dl dd a:hover{color: #fff;background: #ef0000;}


/*文章列表*/
.news_list dl{position: relative; display: block;overflow: hidden;height: 114px;padding: 20px 20px 20px 170px;color: #999;line-height: 22px;border-bottom: 1px solid #e3e3e3;}
.news_list dl:hover{background: #eaeaea;}
.news_list dl dt{font-size: 17px;font-weight: bold;line-height: 40px;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:1;   /*用来限制在一个块元素显示的文本的行数。*/

}
.news_list dl dt a{color: #000;}
.news_list dl dt a:hover{color: #ef0000;}
.news_list dl dd{padding-top: 5px;}
.news_list dl .d{position: absolute;top: 0;left: 0;width:150px;height: 114px;background: #ebebeb;color:#484848;font-size: 17px;line-height: 20px;text-align: center;margin-top: 20px;}
.news_list dl .d span{display: block;padding: 11px 0 0;color: #ef0000;font-size: 37px;line-height: 60px;}

/*图片列表*/
.pic_list{}
.pic_list li{width: 230px; margin: 0 25px 25px 0; text-align:center; float:left;}
.pic_list li:nth-child(3n){margin-right:0;}
.pic_list li img{width:100%; height:172px;}



/*内容*/
.ntitle{padding:10px 0px 20px 0px;border-bottom: 0px solid #ddd; text-align:center;}
.ntitle h2{font-size: 20px; color:#000;margin-bottom: 15px;}
.ntitle span{font-size: 12px; color: #888; margin:0px 5px;}

.neirong{ line-height:26px; text-align:justify;}
.neirong p{margin-bottom:14px;}
.neirong img{max-width: 100%;}


/* 人才招聘 */
.hr { position:relative; margin:0 5px 34px; }
.hr h3 { padding-left:3px; border-bottom:1px solid #999; color:#e61323; font:14px/34px "microsoft yahei"; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:7px; cursor:pointer; }
.hr h3 .off { background:url(http://www.huataigroup.com/mysite/images/hr-down.jpg) no-repeat center; }
.hr h3 .on { background:url(http://www.huataigroup.com/mysite/css/hr-up.jpg) no-repeat center; }
.jobh3 a { color:#e61323; }
.hrItem { margin-bottom:5px; }
.hrItem .title { color:#999; font-weight:bold; line-height:31px; }
.hrItem .title span { float:right; font-weight:100; }
.hrItem .title span a { color:#0187d0; }
.hrItem .con { margin-bottom:10px; padding:15px 20px; background:#efefef; color:#666; font-size:14px; line-height:24px; }
.hrItem .con .txtLeft { float:left; width:300px; }
.hrItem .con .txtRight { float:right; width:300px; }
.hrItem .con h4 { margin-bottom:5px; color:#e61323; font:14px/26px "microsoft yahei"; }
.apply { width:110px; height:26px; background:#e61323; color:#fff; font:12px/26px "microsoft yahei"; text-align:center; }
.apply a,.apply a:hover { color:#fff; }

/* 人才招聘 */
.hr { padding:0; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#777; font-weight:bold; font-size:18px; font-family:"microsoft yahei"; color:#e61323; line-height:20px; }
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { height:24px; line-height:24px; /*text-align:right;*/ }
/* 人才招聘 */
.hrbox { padding:0 0px 20px;}
.hrbox .hrt { padding:0 0 25px; line-height:24px;}
.hrbox .hrt p { font-weight:bold;}

.hrTable { margin:0;}
.hrTable .hrTableTh { height:36px; background:#666; }
.hrTable th { color:#fff; font-weight:100; }
.hrTable td { }
.hrTable .even { background:#EDEDED;}




/* 联系我们 */
.contact{background: url('../image/contact_bg.jpg')no-repeat center top #f5f5f5;padding: 105px 0 120px 0;}
.contact .g-in{width: 1200px;margin: 0 auto;}
.contact .g-in .contact1{background: url('../image/contact01.jpg') no-repeat ;width: 565px;padding: 95px 0 100px 30px;}
.contact .g-in .contact1 h2{color: #ef0000;font-size: 18px;}
.contact .g-in .contact1 p{line-height: 30px;font-size: 14px;}
.contact .g-in .contact1 p span{display: block;margin: 40px 0 45px;}
.contact .g-in .contact2{padding: 20px 0 10px 25px;width: 565px;background: #fff;}
.contact .g-in .contact2 .contact3{margin-top: 25px;padding-bottom: 45px;border-bottom: 1px solid #ccc;}
.contact .g-in .contact2 .contact4{margin-top: 25px;padding-bottom: 45px;}
.contact .g-in .contact2 .contact_t{font-size: 18px;}
.contact .g-in .contact2  img{margin-top: 25px;vertical-align: bottom;}
.contact .g-in .contact2 a{display: block;width: 95px;height: 34px;text-align: center;line-height: 34px;font-size: 14px;color: #727170;border: 1px solid #ccc;margin: 40px 0 0 20px;}

/* 联系方式 */
.article {line-height:2}
.article .con_tp{font-weight: bold;}
.article .con_t{
  font-size: 16px; color: #e53333;font-weight: bold; margin-top:25px;
}
.article .con_tt{line-height: 1.5;color: #e53333;font-weight: bold;}

/* 在线留言 */
.message{padding: 0 0 30px;}
.message dl{margin-bottom: 5px;padding: 5px 5px 15px;border-bottom: 1px dotted #ddd; font-size:12px;}
.message dl .msg_title{color: #0063be;font-size: 14px;font-weight: bold;line-height: 20px;}
.message dl .msg_title span{color: #01286f;font-weight: 100; font-size:12px;}
.message dl .m-info{padding: 5px 0;line-height: 24px;}
.message dl .r-title{line-height: 20px;}

/* 表单部分 */
.form-panel { margin-top:30px; }
.form-panel h4 {margin-bottom: 10px;padding: 0 20px;background: #ccc;color: #fff;line-height: 30px; font-size:12px; }
.form-panel .tips { padding:10px 0 10px 110px; font-weight:bold; font-size:13px; text-align:left; color:#F10A1C; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 103px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit { width:93px; height:29px; border:none; background:#D10000; color:#fff; cursor:pointer; }
.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#909090; color:#fff; cursor:pointer; }




/* 分页 */
.page {line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; font-size:12px;}
.page a:hover,.page .curr { border:1px solid #c71e1e; background:#c71e1e ; color:#fff; }


/*搜索分页*/
#fenye{ margin:10px;}
#fenye table{ margin:auto;}
#fenye .prev,#fenye .next{text-align:center;}
#fenye a.curr,#fenye a:hover{background:#0051B6;  color:#FFFFFF;}
#fenye a{background:#e8e8e8; padding:8px 15px; color:#333; font-size:14px; border-radius:3px;}