/* 
    Created on : 2018-4-8, 11:14:23
    Author     : Cubbon
    Webname    : 长治市霍家工业有限公司
*/
@charset "utf-8";
/*public*/
body div,
body li{transition:0.2s all;}
img{max-width: 100%}
a{color:#333;}
a:hover, a:focus{color: #666}
body{font-size: 1.4rem;animation:bodyop 2s;}
@keyframes bodyop{
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes bodyop{
    from {opacity:0;}
    to {opacity:1;}
}
.am-g-fixed{max-width: 1200px;}
.btn-hj{color: #333;background-color: #fff;border: 1px solid #333;}
.btn-hj:hover,
.btn-hj:focus{color: #fff;background: #0067b4;border-color: #fff}

.btn-hj2{color: #fff;background-color: #0067b4;border: 1px solid #0067b4;border-radius: 6px;}
.btn-hj2:hover,
.btn-hj2:focus{color: #fff;background: #044d85;border-color: #044d85;}

.line-clamp2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line-clamp3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line-clamp4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.line-clamp5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
::-webkit-scrollbar {width:5px;height:5px;}
.am-article-bd img{display:inline}
/* Track */
::-webkit-scrollbar-track { -webkit-border-radius: 5px;border-radius: 5px;}
/* Handle */
::-webkit-scrollbar-thumb {-webkit-border-radius: 5px;border-radius: 5px;background:#0067b4;}

.am-article-title{font-size: 2.4rem;margin-top: 2rem}
.am-article{margin: 0 1rem 2rem 1rem;}
#allmap1,
#allmap2{height:300px;margin-bottom:1rem;}

/*header*/
.header_top{background: #0067b4;color: #fff;line-height: 2}
.header_top a{color: #fff;margin: 0 1rem;}
.header_top a i{margin-right:.5rem}
.nav{background: #333}
.am-nav-pills>li+li{}
.am-topbar{margin-bottom: 0}
.am-topbar .am-text-ir{display: block;width: 342px;height: 44px;background: url(../img/logo.png) no-repeat left center;background-size: 342px 44px;-webkit-background-size:342px 44px}
.topbar-hj{background-color: #333;border-color: #333;color: #fff;}
.topbar-hj a {color: #fff}
.topbar-hj .am-topbar-brand a {color: #fff}
.topbar-hj .am-topbar-brand a:focus,
.topbar-hj .am-topbar-brand a:hover {color: #fff;background-color: transparent}
.topbar-hj .am-topbar-nav>li>a {color: #eee}
.topbar-hj .am-topbar-nav>li>a:focus,
.topbar-hj .am-topbar-nav>li>a:hover {color: #fff;background-color: rgba(0,0,0,.05)}
.topbar-hj .am-topbar-nav>li>a:focus:after,
.topbar-hj .am-topbar-nav>li>a:hover:after {border-bottom-color: #0b6fa2}
.topbar-hj .am-topbar-nav>li>a:after {bottom:100px;}
.topbar-hj .am-topbar-nav>li.am-active>a,
.topbar-hj .am-topbar-nav>li.am-active>a:focus,
.topbar-hj .am-topbar-nav>li.am-active>a:hover {color: #0067b4;background-color: #191919}
.topbar-hj .am-topbar-nav>li.am-active>a:after,
.topbar-hj .am-topbar-nav>li.am-active>a:focus:after,
.topbar-hj .am-topbar-nav>li.am-active>a:hover:after {border-bottom-color: #fff}
.topbar-hj .am-topbar-nav>li .disabled>a,
.topbar-hj .am-topbar-nav>li .disabled>a:focus,
.topbar-hj .am-topbar-nav>li .disabled>a:hover {color: #444;background-color: transparent}
.topbar-hj .am-dropdown-content{background-color: rgba(0, 0, 0, .71);top: 92%;}
.topbar-hj .am-dropdown-content a{color: #fff}
.topbar-hj .am-dropdown-content a:hover,
.topbar-hj .am-dropdown-content a:focus{color: #fff;background-color: rgba(0, 103, 180, .71)}
.topbar-hj .am-dropdown-content:after{border-color: transparent;top:  0;left: 0;width: 100%;}
.topbar-hj .am-dropdown-content:before{border-color: #0067b4;left: 0;top: -4px;width: 60%;border-width: 0 0 2px;}
.topbar-hj .am-dropdown-content li:first-child{border-top: none;}
.topbar-hj .am-dropdown-content li{border-top: 1px solid #000;}

/*home*/
.about_w{border: 1px solid #bfbfbf;position: relative;margin-top: 80px;padding-bottom: 1.5rem;transition: all .5s;}
.about_w .logo{position: absolute;width: 80px;height: 80px;border: 1px solid #bfbfbf;border-radius: 100%;background: #fff;left: 50%;margin-left: -40px;top: -40px;overflow:  hidden;}
.about_w h1{text-align: center;margin-bottom: 0}
.about_w .con{padding: 1rem}
.about_w .con .line-clamp4{text-indent:2em;height:86px;}
.about_w:hover,
.about_w:focus{color: #fff;background-color: #0067b4;border-color: #0067b4}
.about_w:hover .logo,
.about_w:focus .logo{border-color: #0067b4}

.funfacts{background: #838480;padding: 100px 0}
.funfacts .funfact{font-family: "Oswald";text-align: center;color: #fff}
.funfacts .funfact .st-funfact-counter{font-size: 3rem;}
.funfacts .funfact .st-ff-count{font-size: 5rem;font-family: 'Impact';vertical-align: middle;}
.funfacts .funfact:after {content: '';display: block;width: 35px;height: 2px;background-color: #0067b4;margin: 0 auto;}
.funfacts .funfact-title{font-size: 1.8rem;font-weight: 500}

.wuge{background: #f3f3f3;padding-bottom: 5rem}
.w_list{position: relative}
.w_list .k{display: block;border: 1px solid #dcdcdc;padding: 1rem;background: #fff;}
.w_list .k h1{font-weight: 500;font-size: 1.8rem;margin-bottom: 0;line-height: 3.5;background-repeat: no-repeat;background-position: 0 0;background-size: 60px 60px;}
.w_list .k .desc{color: #999;margin-bottom: 1rem;height:42px;}
.w_list .k span{color: #2a2d30;font-size: 1.6rem;}
.w_list .k span i{margin-left:.5rem;}
.w_list .swiper-pagination{width: calc(100% - 4rem)}
.w_list .swiper-pagination-bullet{margin: 0 5px;}

.h_tit{margin: 0 auto;margin-top: 3rem;max-width:  1200px;}
.h_tit h1{font-size: 3.6rem;margin-bottom: 0;}
.h_tit .sub_tit{font-size: 1.6rem;color: #666;margin-bottom: 1.5rem;}
.h_tit .cate{margin-bottom:1.5rem;}

.h_pros{position: relative}
.h_pros a{display: block;position: relative;overflow: hidden}
.h_pros img{width: 100%}
.h_pros a .con{position: absolute;background: rgba(7,8,8,.85);opacity: 0;top: 100%;left: 0;width:100%;height: 100%;transition: all .5s;}
.h_pros a .con h3{color: #0067b4;font-size: 2.4rem;position: relative;display:  inline-block;}
.h_pros a .con h3:after{content: '';position: absolute;bottom: -4px;width: 0;border-bottom: 2px solid #0067b4;left: 50%;transition: all .5s .5s}
.h_pros a .con .desc{margin: 0 15%;color: #fff}
.h_pros a:hover .con{opacity: 1;top: 0;}
.h_pros a:hover .con h3:after{width: 80%;left: 10%}
.h_pros .swiper-pagination{width: 100%}
.h_pros .swiper-pagination-bullet{width: 56px;height: 4px;border-radius: unset;margin: 0 10px;background: #4ecdc4;opacity: 1;}
.h_pros .swiper-pagination-bullet-active{background:#008ed6}

.h_news{background: #f3f3f3;padding-bottom: 2rem;}
.h_news .h_list a{display: block;margin: 0 .5rem}
.h_news .h_list img{width: 100%}
.h_news .h_list .tit{font-size: 1.6rem;color: #333}
.h_news .h_list .img{margin-bottom:1rem}
.h_news .h_list .sub_tit,
.h_news .h_list .desc{color: #999}
.bot{background-color: #f7f7f7;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;line-height: 2;font-size: 1.8rem;}
.bot span{margin-right: .5rem;color: #0067b4;font-size: 2rem}
.bot_list{background-color: #121212;padding: 2rem 0}
.bot_list h3{color:#ccc;font-size:1.8rem;margin-bottom:.5rem;margin-top: .5rem;text-transform: uppercase;position: relative;font-weight: 500;max-width: 90%}
.bot_list a{color: #ccc}
.bot_sub{}
.bot_list h3:after{-webkit-transition: all .15s;transition: all .15s;font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: rotate(0);content: "\f054";position: absolute;right: 0;color: #fff;top: 50%;margin-top: -8px;  }

/*pros*/
.pros{margin-bottom: 4rem;}
.pros a{display: block;position: relative;overflow: hidden}
.pros img{width: 100%}
.pros li{margin-bottom: .5rem}
.pros a .con{position: absolute;background: rgba(7,8,8,.85);opacity: 0;top: 100%;left: 0;width:100%;height: 100%;transition: all .5s;}
.pros a .con h3{color: #0067b4;font-size: 2.4rem;position: relative;display:  inline-block;}
.pros a .con .am-vertical-align-middle{width: 100%}
.pros a .con h3:after{content: '';position: absolute;bottom: -4px;width: 0;border-bottom: 2px solid #0067b4;left: 50%;transition: all .5s .5s}
.pros a .con .desc{margin: 0 auto;color: #fff;width: 80%}
.pros a:hover .con{opacity: 1;top: 0;}
.pros a:hover .con h3:after{width: 80%;left: 10%}

.news{padding-bottom: 2rem;}
.news .h_list a{display: block;margin: 0 .5rem}
.news .h_list li{margin-bottom: 1.5rem}
.news .h_list img{width: 100%}
.news .h_list .tit{font-size: 1.6rem;color: #333}
.news .h_list .img{margin-bottom:1rem}
.news .h_list .sub_tit,
.news .h_list .desc{color: #999}

.tt{background-color: #f3f3f3;margin-top:  .5rem;margin-bottom: 2.5rem;}
.tt h1{margin: .5rem 0;}
.tt h1 img{margin-right: 1rem}
.tt .cate{margin: 0;padding: 0;margin-top: 1rem;text-align: right}
.tt .cate li{display: inline-block;line-height: 3;position: relative;margin: 0 8px;}
.tt .cate li:after{content:'/';position: absolute;right: -12px;}
.tt .cate li:last-child:after{color:transparent}
.tt .cate li a{color: #666}
.tt .cate li.action{border-bottom: 1px solid #0067b4;}
.tt .cate li.action a{color: #0067b4}

.h_pro_cate .cate{text-align:center;margin:0;padding:0;list-style:none;margin-bottom: 3rem;}
.h_pro_cate .cate li{display:inline-block;border:1px solid #0067b4;border-radius: 5px;padding: 2px 16px;margin-bottom:.5rem}
.h_pro_cate .cate li:hover,
.h_pro_cate .cate li.action{background-color:#0067b4}
.h_pro_cate .cate li:hover a,
.h_pro_cate .cate li.action a{color:#fff;}

.show{}
.show .texing{margin-bottom: 1.5rem}
.show .texing span{background: #0067b4;color: #fff;font-size: 2.4rem;padding: .5rem 5rem .5rem 1rem;}

.qywh{background: #fafafa;padding: 1rem 0;margin-bottom: 3rem;}
.qywh h1{color: #666;margin: 0;line-height: 1.2;font-weight: 500;}
.qywh h1 small{color: #ccc;display: block;font-weight: 200;}

.qywh_con{margin-bottom: 5rem}
.qywh_con .san{}
.qywh_con .san h3{font-size: 1.8rem;margin: 1rem 0}
.qywh_con .san .desc{color: #666}
.qywh_con .shuzi{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 1.5rem 0;margin: 3rem 0}
.qywh_con .shuzi li{font-size: 6rem;color: #999;font-weight: 500;line-height: 1.2;background: url(../img/shuzi_bg.png) no-repeat right}
.qywh_con .shuzi li:last-child{background: none;}
.qywh_con .shuzi strong{display: block;color: #ccc;font-size: 2.4rem;font-weight: 100;}
.qywh_con .jingshen{font-size: 1.6rem;color: #ccc;line-height: 2}
.qywh_con .jingshen .tit{font-size: 1.8rem;color: #333;font-weight: 600}

.chanye{background: #f3f3f3;margin-top: 2rem}
.chanye .con{padding: 2.5rem;}
.chanye h2{font-size: 2.4rem;color: #666;margin-top: 1rem;padding-bottom: .5rem;margin-bottom: 1rem;border-bottom: 1px solid #d2d2d2;font-weight: 500;}
.chanye .desc{text-indent: 2em;color: #999;line-height: 1.8;}

.xiashu{}
.xiashu a{display:block;background-color:#fbfbfb;margin:1rem;padding-bottom: 1rem;}
.xiashu a hr{border-color:#999}
.xiashu a .tit{font-size:  1.8rem;padding:.5rem 1rem}
.xiashu a .desc{font-size:1.4rem;color:#999;padding-left:1rem;height: 42px;}
.xiashu a .more{color:#999;border:1px solid #dcdcdc;padding: 3px 12px;margin-left: 1rem;background-color:#fff;}
.xiashu a:hover{color:#fff;background-color:#1d84ed}
.xiashu a:hover .tit,
.xiashu a:hover .desc{color:#fff}
.xiashu a:hover hr{border-color:#fff;}

.tab{margin: 5rem 0 .5rem 0;padding: 0;list-style: none;text-align: center;}
.tab li{display: inline-block;width: 30rem;}
.tab li a{font-size: 2.4rem;color: #999;font-weight: 600;}
.tab li.am-active a{color: #0067b4;}
.am-tabs-bd{border-color: transparent;}

.page{margin-bottom: 2rem;text-align: right}
.page a{border: 1px solid #ccc;color: #999;padding: 3px 8px;margin: 0 3px;}

.shangxia{margin-bottom: 4rem;font-size: 1.6rem;}
.shangxia a{font-size: 1.8rem;color: #0067b4}

.am-gotop-fixed{width: 60px;height: 60px;}
.am-gotop-fixed .am-gotop-icon-custom{max-width: 60px;}

footer{background: #f3f3f3;padding: 1.5rem 0;color: #333}
footer a{color: #333}
footer p{margin: 0}


/*招聘*/
.am-accordion-gapped{margin: 0 0 2rem 0;}
.am-accordion-gapped .am-accordion-item.am-active .job_tit{color: #0067b4}
.am-accordion-gapped .am-accordion-item.am-active .job_tit .down{display: block;}
.job_tit{list-style:none;padding:0;margin:0}
.job_tit li{float:  left;line-height: 1;}
.job_tit .tit{width: 130px;}
.job_tit .desc{}
.job_tit .num{padding-left: 2rem;}
/*招聘 end*/
@media only screen and (min-width: 1025px){
  .nav{padding: .5rem 0}
  .bot_list h3:after{display: none;}
  .am-with-fixed-navbar{padding-bottom: 0}
  .am-gotop-fixed{right: 15%}
}

@media only screen and (min-width: 641px){
   .am-topbar-nav>li>a:after{}
}
@media only screen and (max-width: 1024px){
  .bot_sub{opacity:0;max-height: 0;transition: all 1s;border-left: 1px solid transparent;overflow: hidden}
  .bot_list li.action .bot_sub{opacity: 1;max-height: 100vh;border-left: 5px solid #fff;padding-left: 1em;}
  .bot_list li.action h3:after{transform: rotate(90deg);}
  .am-navbar-default .am-navbar-nav{background-color: #0067b4}
  .am-navbar-nav a:focus,
  .am-navbar-nav a:hover{color: #ccc}
  .page{text-align: center}
  .tt .cate{text-align: center}
  .tt h1{border-bottom: 4px solid #0067b4;}
  .tt h1 img{margin-bottom: -5px;}
  .news .h_list .desc{height: 86px;overflow: hidden;}
  .tab li{width:13rem;}
}

@media only screen and (max-width: 640px){
  .topbar-hj .am-dropdown-content{border-color: transparent;margin-top: 5px;}
  .topbar-hj .am-dropdown-content:before{width: 100%}
  .am-topbar .am-text-ir{width: 248px;background-size: 248px auto;}
  .qywh_con .shuzi li{background: none;margin-bottom: 1rem}
  .nav .am-btn-success{background-color: #0067b4;color: #fff;border-color: #0067b4;}
}