@charset "utf-8";
/* CSS Document */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;  font-family:"微软雅黑"
 }
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a { color:#fff; text-decoration:none;outline:0 none;}
a:hover{ color: #da0000;}
li{ list-style:none;}
img{ max-width: 100%;}

/*头部*/
body { color:#fff; background: #252525; overflow-x: hidden; padding-bottom:95px!important;max-width: 640px; margin:0 auto;}
.w{margin: 0 auto;max-width: 640px; min-width: 300px; position: relative;}
.mbg{ background:#fff;}

/*页头*/
.topheader{ text-align:center; position:relative; background: #302f2d; z-index: 1000000; clear: both; overflow: hidden;}
.topheader .logo{ width: 63%; float: left; padding: 5px 3%;}
.topheader .logo h1 a{ display: block; line-height: 0;}
.topheader .logo h1 img{max-width:100%;}

.topheader .amenu{ position:absolute; width:80px; height:60px; right:2%; top:-15px; bottom: 0; margin: auto 0; cursor:pointer; display:list-item; list-style:none; z-index: 100000;}
.topheader .amenu i{ position:absolute; left:0; top:38px; color:#e61b1b; font-size:14px; font-style:normal; width: 80%; text-align: center;}
.topheader .amenu span{ display:block; width:50%; background:#ffbb19; height:2px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative; border-radius: 4px; float: right; margin-right: 20%;}
.topheader .amenu span:nth-child(1){animation: outfirst 0.5s; transform: translateY(18px) rotate(0); }
.topheader .amenu span:nth-child(2){animation: outlast 0.5s; transform: translateY(22px) rotate(0); }
.topheader .amenu span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0);}

.topheader .aon{transition: all 0.5s;}
.topheader .aon span{}
.topheader .aon span:nth-child(1){ animation: aspan1 0.5s; transform: translateY(24px) rotate(45deg); float: none;}
.topheader .aon span:nth-child(2){ animation: aspan2 0.5s; transform: translateX(0) rotate(0); display:none;}
.topheader .aon span:nth-child(3){ animation: aspan2 0.5s; transform: translateY(22px) rotate(-45deg); float: none;}

.header-min{ position: fixed; width: 100%; top: 0; left: 0; background: #302f2d;}

.nav{ background:#eb3f01; background-size:auto 100% ; position: relative; z-index: 1000; padding: 8px 0 0; height: 85px;}
.nav:after{ content: "";background:url(../img/bg_h.png) no-repeat center bottom; background-size:auto 100% ; display: block; position: absolute;  bottom: -30px; left: 0; right: 0; margin: 0 auto; height: 30px;}
.nav ul{ list-style:none;}
.nav ul li{width:42.5%; position:relative; text-align:center;}
.nav ul li a{ color:#fff; font-size:15px; line-height:35px; margin:0; text-transform:uppercase; display:inline-block; text-align:center; position:relative; z-index:2; background: url(../img/nav_dot.png) no-repeat 0 center; padding-left: 10px;}
.nav ul li i{ font-style:normal; display:block; color:#959595; font-size:14px; font-weight:normal;}
.nav ul li span{ color:#808080; font-size:12px; display:block; text-transform:uppercase;}
.nav ul li a:hover,.nav ul li.on a{ color:#342628;}

.nav ul li.li-1{ position:relative; z-index:10000000000; width:15%; line-height:0; height: 100%; float: left;}
.nav ul li.li-1 a{ height: 85px; display: block; text-align: center; padding: 0;}
.nav ul li.li-1 img{ animation: alogo 15s infinite linear; height: 85%; max-width: inherit; position: absolute; top: 5px; left: 0; right: 0; bottom: 0; margin: auto auto;}
@keyframes alogo{
	0%{ transform: rotate(0);}
	100%{transform: rotate(360deg);}
}


.menu{ position:fixed; width:100%; right: 0; top: 0; height: 100%; z-index: 100000; background:#30292b; right: -640px; transition: all 0.5s;}
.menu ul{ padding: 62px 0 0; background: #c10000; float: right; height: 90%; width:100%;}
.menu ul li{ position: relative;}
.menu ul li:before{ content: ""; width: 20px; height: 1px; border-top: 1px dotted #fff; position: absolute; left:-20px; top: 0; bottom: 0; margin:auto 0;}
.menu ul li a{ color:#e5e5e5; font-size:16px;line-height:32px; position:relative; padding:10px 0 10px 20px; display:block;}
.menu ul li a:before{ content: ">"; font-weight: bold; font-size: 19px; display: none; margin-right: 5px;}
.menu ul li:hover a:before,.nav ul li.on a:before,.nav ul li a:hover::before{ display:inline-block; transition-duration:0.6s; text-decoration:none;}
.menu ul li:hover a,.nav ul li.on a,.nav ul li a:hover{ text-decoration: none; font-weight: bold;transition: all 0.5s;}
.menu ul li:hover::before{ width: 60px; left: -60px; transition: all 0.5s;}
.menu ul li.none{ background:none;}

.menu ul li .smeu{ width:180px; top:8px; position:absolute; left:-180px; z-index:-1; display:none;}
.menu ul li .smeu a{ color:#fff; display:inline; height:40px; line-height:40px; font-size:16px; margin:0; padding: 0; font-weight: normal; display: block;}
.menu ul li .smeu a:before{ display: none;}

.show{ right: 0; transition: all 0.5s;}
.mnone{ right: -600px; transition: all 0.5s;}


.search{ padding:10px;}
.search .text{border:1px solid #da0000; background: #fff; border-radius:50px 0 0 50px;float: left;height:44px; line-height:44px;margin:0; padding:0 2% 0 6%;width:67%; color:#666; font-size:14px;}
.search .btn{background:#da0000;border:none; border-radius: 0 50px 50px 0; cursor: pointer;float:right;height:44px;margin:0;width:33%; padding:0; text-align: center; color:#fff; font-size: 16px; }
.search a{ color:#fff; margin:0 10px;}
.search a:hover{ color:#da0000;}

.banner{ padding:0;line-height:0;}
.widget-slides{position:relative;margin:0 auto;padding:0;max-width:750px}.widget-slides .widget-body{padding:0}.widget-slides .widget-footer{padding:0;margin:0;border:0;display:none}.widget-slides .list-item img{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.widget-slides .title{display:none}.widget-slides.widget-slides-dot .widget-footer{display:block;position:absolute;left:0;width:100%;bottom:0;height:20px;text-align:center;background:0 0}.widget-slides.widget-slides-dot .widget-footer .nav-list-item{display:inline-block;border-radius:50%;width:10px;height:10px;margin:3px;background:#fff}.widget-slides.widget-slides-dot .widget-footer .nav-list-item.on{background:#ffc845}.widget-slides.widget-slides-line .widget-footer{display:block;position:absolute;left:0;width:100%;bottom:0;height:10px}.widget-slides.widget-slides-line .nav-list{display:-webkit-flex;display:flex}.widget-slides.widget-slides-line .widget-footer .nav-list-item{flex:100% 1;-webkit-flex:100% 1;height:10px;background:rgba(0,0,0,.5)}.widget-slides.widget-slides-line .widget-footer .nav-list-item.on{background:rgba(0,0,0,.8)}.widget-slides.widget-slides-news .widget-footer{display:block;position:absolute;left:0;width:100%;bottom:0;height:30px;text-align:right;z-index:1}.widget-slides.widget-slides-news .widget-footer .nav-list-item{display:inline-block;border-radius:50%;width:5px;height:5px;margin:12px 5px;background:rgba(0,0,0,.5)}.widget-slides.widget-slides-news .widget-footer .nav-list-item.on{background:#fff}.widget-slides.widget-slides-news .list-item{position:relative}.widget-slides.widget-slides-news .title{box-sizing:border-box;display:block;position:absolute;left:0;width:100%;bottom:0;height:30px;line-height:30px;text-align:left;z-index:1;color:#fff;padding-left:1em;border-top:1px solid rgba(0,0,0,.5);box-shadow:inset 0 0 1px #fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.3)));background:-webkit-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.3) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,.3) 100%)}

.nbanner{ position: relative; line-height: 0;}
.nbanner span{ display: block; position: absolute; text-align: center; width: 100%; top: 0; bottom: 0; left: 0; margin: auto 0; font-size: 24px; font-weight: bold; color: #fff; height: 30px; line-height: 30px;}

.nbom{ position:fixed; bottom:0; height:94px; width:100%; left:0; z-index:100000000000; border-top: 2px solid #797575;}
.nbom .w{ position:relative;background:#313131; height:94px;}
.nbom .nav-bom{ height:94px;}
.nbom .nav-bom li{height:94px;float:left; width:20%; margin:0 2%;}
.nbom .nav-bom li a{ color:#fff; font-size:18px;line-height:23px; text-align:center; position:relative; padding:0; height:94px; display:block;}
.nbom .nav-bom li i{ display:block; width:28.37%; margin:12px auto 0;}
.nbom .nav-bom li i img{ width:100%;}
.nbom .nav-bom li a:hover{ color:#fff;transition-duration:0.6s; text-decoration:none;}
.nbom .nav-bom li.none a{ color: #eb3f01;}

.nbom .wx{ display:none; position:absolute; z-index:100000; bottom:65px; background: #000; right:0; width:100%; text-align: center;}
.nbom .wx img{ width:80%;}
.nbom .wshow{ display:block;}

.foot{ background: #313131; padding: 30px 0; text-align: center; color: #888686;}
.foot a{ color: #888686;}
.foot a.ftel{ color: #afadad; font-size: 30px;}

.catebd{margin: 10px 2%;}
.catebd ul li{ line-height: 45px; background: #c10000; margin: 2px 0;}
.catebd ul li a{ color: #fff; display: block; position: relative;padding: 0 4%;}
.catebd ul li a:after{ content: "►"; background: #fff; color: #c10000; width: 20px; height: 20px; line-height: 20px; text-align: center; display: block; border-radius: 25px; right: 2%; top: 0; bottom: 0; margin: auto 0; position: absolute; font-weight: bold;font-family: fantasy; font-size: 12px;}
.catebd ul li a:hover::after{ transform: rotateZ(90deg); transition: all 0.5s;}
.catebd .sub{ display: none; background: #fff;}
.catebd ul li .sub a{ text-align: center; border-top: 1px dashed #ddd; color: #403528;}
.catebd ul li .sub a:hover{ color: #c10000;}
.catebd ul li .sub a:after{ display: none;}
.catebd ul li.none a:after{ display: none;}


.module_cate{}
.module_cate .cate_tit{ line-height:45px; position:relative; background: #a90707; color: #fff; padding: 0 4% 0 6%; }
.module_cate .cate_tit span{ font-weight:normal; font-size: 20px; text-transform: uppercase; }
.module_cate .cate_tit i{font-size: 20px; vertical-align: sub; display: inline-block; float: right;}

.subCate{ list-style: none; text-align: center; clear: both; overflow: hidden; background: #efefef;}
.subCate{ display: none; text-align: left;}
.subCate a{ display: block; width: 100%; line-height: 3rem; margin-left: 0; text-indent: 30px; border-bottom: 1px solid #ccc;}

@media (max-width: 414px) {
.nbom{ height:55px;}
.nbom .nav-bom li a{ font-size:13px; line-height:16px;}
.nbom .ahome{ top:-20px}
.nbom .nav-bom li i{ width: 25%; margin: 7px auto 0;}

.ul-news li .fl{ padding: 10px 0 5px;}
.ul-news li span{ font-size: 22px;}
.ul-news li h3{ font-size: 16px;}



.pro-box div.bimg{height:100px;}

.bg-2{ background-size: 135% auto; padding: 135px 0 30px;}

.bk-pbg .gallery-thumbs .swiper-slide{ height: 55px;}
.bk-pbg .gallery-top { height: 230px;}

.bk-pbg a.ptel{ font-size: 16px;}

.m-form{ padding: 10px;}
}
@media (max-width: 320px) {
.nbom{ height:50px;}
.nbom .nav-bom li i{ margin-top:5px;}
.nbom .nav-bom li a{ font-size:14px; line-height:19px;}
}

.nav-height{ height:50px;}
@media (max-width: 414px) {
.nav-height{ height:20px;}

}

.txtW {
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.txtH {
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

  /*
   * 招聘
   */
  .section_njob{padding-top: 2em;padding-bottom: 4em}
  .section_njob .index_{padding-top: 1em;padding-bottom:1em}
  .section_njob .article{margin-bottom: 0}
  .section_njob .article .T h2{background: url(../img/section_njob_t.jpg) top center no-repeat;}
  .section_njob .seg{padding: 5px;border: 1px solid #d5d5d5;text-align: left;margin-bottom: 15px}
  .section_njob .seg .segin{padding: 5%;border: 1px solid #d5d5d5}
  .section_njob .seg .segin .C{height: 130px}
  .section_njob .seg h4{margin:15px 0}
  .section_njob .seg h4 strong{font-size: 1.2rem}
  .section_njob .help_info{padding: 20px 0;background-color: #f7f7f7;margin-bottom: 1em;text-align: center}
  .section_njob a.back{position: absolute;top: 28px;padding: 2px 15px;border:1px solid #ccc}
  /*
   * 招聘详细
   */
  .jobapply{border: 1px solid #cccccc;padding: 45px}
  .jobchild{font-size: 14px;border-right: 1px solid #cccccc}
  .jobchild p.job_label{padding:4px 0}
  .jobchild h3.job_name{color:#333333;line-height: 43px;font-size: 26px;margin-bottom: 15px;font-weight: 500;}
  .jobchild h4.job_name{font-size: 15px;margin-top: 25px;margin-bottom: 5px;}
  .jobchild p,.jobchild .job_label,.jobchild .job_cont{color:#7c7c7c;}


  .f-toe {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*产品展示内页*/
.article-image, .ugc img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.newsTit{ text-align: center; padding-top: 10px;}
.newsTit h2{ font-size: 20px; line-height: 28px; padding-bottom: 10px;}
.newsTit span{ margin: 0 5px;}

.newsDetailCur a{ color: #222;}

.txtW {
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.txtH {
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}


.mrg-t{margin:0 29px;}
.mrg-t-15{ margin-top:15px;}
.mrg-t-10{ margin-top:10px;}
.mrg-t-20{ margin-top:20px;}
.mrg-t-25{ margin-top:30px;}
.mrg-t-30{ margin-top:40px;}
.mrg-b-10{ margin-bottom:10px;}
.pad-t-20{ padding-top:40px;}