body{font-family:"Microsoft Yahei",Tahoma,Helvetica,Arial,SimSun,sans-serif}
html{font-size:625%;font-size:100px}
@media screen and (min-width:240px){html{font-size:375%}
}
@media screen and (min-width:480px){html{font-size:375%}
}
@media screen and (min-width:640px){html{font-size:375%}
}
@media screen and (min-width:768px){html{font-size:625%}
}
@media screen and (min-width:980px){html{font-size:625%}
}
@media screen and (min-width:1000px){html{font-size:625%}
}
@media screen and (min-width:1200px){html{font-size:625%}
}
@media screen and (min-width:1920px){html{font-size:625%}
}
body{font-size:14px;font-size:.14rem;line-height:.24rem;font-family:"微软雅黑"}
.container{max-width:1000px;padding-right:0;padding-left:0}
.row{margin:0 0}
.logo{padding-right:6.43rem}
.logo-link{display:inline-block;width:205px;height:68px;;background-size:70% 90%;background-repeat:no-repeat;background-position:center;text-indent:-9999px}
.menu{list-style:none}
.menu li{width:auto;text-align:center;font-size:.18rem;color:#6a6a6a}
@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:0}
}
.navbar-default .navbar-nav>li>a{color:#6a6a6a}
.menu li:hover{color:#25b7aa;cursor:pointer}
.navbar-default{background-color:#fff}
.navbar-default .navbar-nav>li>a:hover{color:#f9c900;border-top:2px solid #f9c900}
.active-m{color:#f9c900!important;border-top:2px solid #f9c900!important}
.menu li a{display:inline-block;padding-top:.23rem}
.navbar-toggle{margin-top:18px;margin-right:30px}
@media (min-width:1000px){.menu li{padding-left:20px;padding-right:20px}
}
.navbar-nav>li>a{line-height:.2rem}
#main{padding-top:67px}
.wrapper{width:1002px;margin:0 auto;position:relative}
#banner{width:100%;height:352px;background:#000;overflow:hidden;position:relative}
#banner_img{display:block;position:relative}
#banner_img li{position:absolute;top:0;left:0;width:100%;height:352px;background-position:center;background-size:cover;display:none}
#banner_img li.item1{display:block}
#banner_img li.item2{}
#banner_img .ad_img{position:absolute;right:10px;top:60px;text-align:left}
#banner_img .ad_txt{position:absolute;left:120px;top:170px;color:#fff;text-shadow:1px 1px rgba(51,51,51,.3);text-align:left}
#banner_img .ad_txt h2{font:bold 36px/60px Microsoft YaHei}
#banner_img .ad_txt a{display:block;width:100px;height:25px;line-height:25px;text-align:center;margin-top:10px;background:#fff;color:#666;text-decoration:none;text-shadow:none}
#banner_ctr{position:absolute;width:80px;height:30px;left:50%;bottom:10px;z-index:1}
#banner_ctr ul{width:80px;height:30px;position:relative;padding-left:0}
#banner_ctr li{display:block;float:left;width:14px;height:14px;cursor:pointer;background:url(../img/circle.png) no-repeat;margin:0 5px}
#drag_ctr{position:absolute;top:0;left:5px;width:14px;height:14px;background:url(../img/circle.png) no-repeat -24px 0}
#banner_img .item2 .ad_txt{width:280px;left:50px}
#banner_img .item1 .ad_img{top:0}
#banner_img .item2 .ad_img{top:20px}
#banner_img .item3 .ad_img{top:0}
.photon_txt{background:rgba(0,130,204,.7);color:#fff;width:440px;padding:28px}
.photon_txt h2{font:bold 21px/30px "微软雅黑",sans-serif,serif;padding-bottom:15px}
.photon_txt .p_dot{background:url(../img/p_dot.jpg) no-repeat 0 8px;padding-left:15px;line-height:24px}
.photon_txt p a.btn_detail{background:url(../img/btn_detail.png) no-repeat;width:135px;height:33px;display:block;margin:10px 0 0 300px}
.ah_banner_bg{background:#010101;font:bold 24px/35px "微软雅黑",sans-serif,serif;color:#efefef;margin-bottom:5px;display:inline-block;padding:8px 30px}
.ah_banner_bg i{color:#f42435}
#banner-m .swiper-slide{height:auto}
#banner-m .swiper-pagination-main{text-align:center;position:absolute;z-index:10;bottom:0}
#banner-m .swiper-pagination-bullet{background-image:url(../img/circle.png);background-repeat:no-repeat;width:14px;height:14px;background-color:transparent;opacity:1}
#banner-m .swiper-pagination-bullet-active{background-color:transparent;background-color:#fff}
#company{background-color:#f5f5f5}
#company h2{text-align:center;font-size:.48rem;margin-top:.75rem}
#company h3{text-align:center;font-size:.2rem;color:#c7c7c7;margin-top:.2rem}
.slogan{margin-top:.36rem;margin-bottom:.7rem}
.slogan h4{line-height:1.81rem;background-image:url(../img/hexagon.png);background-position:center;background-repeat:no-repeat;font-size:.36rem;background-size:1.56rem 1.81rem;color:#fff;text-align:center;margin-bottom:.18rem}
.slogan p{text-align:center;font-size:.18rem;color:#2c2c2c;margin-bottom:.06rem}
#contact:before{content:"";background-image:url(../img/triangle.png);background-repeat:no-repeat;background-position:center;width:42px;height:15px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:-2px}
#contact h2{text-align:center;font-size:.48rem;margin-top:.75rem;color:#fff}
#contact h3{text-align:center;font-size:.2rem;color:rgba(255,255,255,.6);margin-top:.07rem;margin-bottom:.38rem}
#contact h4{font-size:.24rem}
.swiper-container-product{max-width:1000px;width:100%;height:514px}
#contact .swiper-pagination{bottom:.26rem}
#contact .swiper-pagination-bullet{background:#fff;opacity:1;width:6px;height:6px}
#contact .swiper-pagination-bullet-active{background:#045d55;opacity:1}
#contact .swiper-slide{text-align:center;font-size:.18rem;background:#fff;height:439px}
#contact.swiper-slide h4{font-size:.24rem;color:#443e39;margin-top:.28rem;margin-bottom:.16rem}
#contact .swiper-slide p{font-size:.12rem;color:#a0a0a0;margin-bottom:.06rem;}
#product:before{content:"";background-image:url(../img/triangle.png);background-repeat:no-repeat;background-position:center;width:42px;height:15px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:-2px}
#product h2{text-align:center;font-size:.48rem;margin-top:.75rem;color:#fff}
#product h3{text-align:center;font-size:.2rem;color:rgba(255,255,255,.6);margin-top:.07rem;margin-bottom:.38rem}
#product h4{font-size:.24rem}
.swiper-container-product{max-width:1000px;width:100%;height:514px}
#product .swiper-pagination{bottom:.26rem}
#product .swiper-pagination-bullet{background:#fff;opacity:1;width:6px;height:6px}
#product .swiper-pagination-bullet-active{background:#045d55;opacity:1}
#product .swiper-slide{text-align:center;font-size:.18rem;background:#fff;height:439px}
#product .swiper-slide h4{font-size:.24rem;color:#443e39;margin-top:.28rem;margin-bottom:.16rem}
#product .swiper-slide p{font-size:.12rem;color:#a0a0a0;margin-bottom:.06rem}
#product .slice-img{margin-top:1rem;float:left;margin-left:.5rem;width:1.7rem;height:1.7rem}
#product .slice-tit{display:inline-block;font-size:.35rem;color:#333;font-weight:600;position:absolute;top:.8rem;left:3rem}
#product .slice-cont{position:absolute;top:1.4rem;left:3rem;height:2.8rem;margin-right:.4rem;line-height:40px;text-align:left;color:#333!important;font-size:.22rem!important;overflow:hidden}
.slice-img{margin-top: .5rem;float:left;margin-left:.5rem;width:3.5rem;height:3.5rem;}
.slice-img>img{width:100%;height:100%}
.slice-tit{display:inline-block;font-size:.35rem;color:#333;font-weight:600;position:absolute;top:.8rem;left: 4.3rem;}
.slice-cont{position:absolute;top: .5rem;left: 4.3rem;color:#333!important;height:2.8rem;overflow:hidden;margin-right:.4rem;font-size: .21rem!important;line-height:40px;text-align:left;}
.btw{font-size:.14rem;color:#a0a0a0;border-radius:18px;display:inline-block;width:134px;line-height:32px;border:1px solid #ededed;margin-top:12px;margin-bottom:12px;text-decoration:none}
.btw:hover{color:#25b7aa;border-radius:18px;display:inline-block;width:134px;line-height:32px;border:1px solid #25b7aa;margin-top:12px;margin-bottom:12px;text-decoration:none}
.btd{font-size:.14rem;color:#25b7aa;border-radius:18px;padding:0;display:inline-block;width:134px;line-height:32px;margin-bottom:.12rem;text-decoration:none;border:1px solid #25b7aa}
.btd:hover{color:#fff;border-radius:18px;padding:0;display:inline-block;width:134px;line-height:32px;margin-bottom:.12rem;background-color:#25b7aa;text-decoration:none}
.sli-nav{position:relative}
.sl-left{background-image:url(../img/left.png);width:32px;height:155px;display:inline-block;position:absolute;left:-97px;top:152px;cursor:pointer}
.sl-right{background-image:url(../img/right.png);width:32px;height:155px;display:inline-block;position:absolute;right:-97px;top:152px;cursor:pointer}
.green{color:rgba(249,201,0,1)}
.green_bg{background-color:rgba(249,201,0,1)}
#story{background-color:#f5f5f5;position:relative;border-bottom:3px solid #e5e5e5}
#story:before{content:"";background-image:url(../img/gtri.png);background-repeat:no-repeat;background-position:center;width:42px;height:15px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:-2px}
#story h2{text-align:center;font-size:.48rem;margin-top:.75rem;color:#2c2c2c}
#story h3{text-align:center;font-size:.2rem;color:#c7c7c7;margin-top:.07rem;margin-bottom:.38rem}
#story ul{list-style:none;text-align:justify;font-size:.16rem;color:grey;padding-left:1.64rem;padding-top:.04rem}
#story ul li{padding-bottom:.05rem}
#story h4{font-size:.36rem;color:#2c2c2c;margin:0}
.event-tbl tr{vertical-align:top;height:148px}
.event-tbl .last-event{height:126px}
.event-tbl td{padding-top:.15rem}
.story-event{background:#fff;padding-top:.24rem;position:relative;border:1px solid #e5e5e5;border-radius:3px;margin-bottom:.45rem}
.year-gap{padding-left:1.5rem}
.year,.year-event{border-bottom:1px solid #eaeaea}
.last-dot{padding-top:5px}
.story-event:before{content:url(../img/year-p.png);position:absolute;top:50px;left:79px}
#story .story-event-m h4{text-align:center;margin-bottom:10px}
#story .story-event-m ul{padding-left:0}
#story .story-event-m-year{border-bottom:1px solid #eaeaea;background-color:#fff;padding-top:20px;padding-bottom:10px}
#staff{background-color:#fff}
#staff .swiper-container-horizontal>.swiper-pagination-bullets{bottom:25px}
#staff h2{text-align:center;font-size:.48rem;margin-top:.75rem;color:#3e3e3e}
#staff h3{text-align:center;font-size:.2rem;color:#b0b0b0;margin-top:.07rem;margin-bottom:.68rem}
#staff .swiper-pagination-bullet{background:#b0b0b0;opacity:1;width:6px;height:6px}
#staff .swiper-pagination-bullet-active{background:#045d55;opacity:1}
.slice-img-staff{height:221px;text-align:center}
.slide100{width:100%!important}
.slice-img-staff img{border-radius:10px}
.swiper-container-staff{height:309px}
.sl-left-staff{background-image:url(../img/left1.png);background-repeat:no-repeat;width:32px;height:155px;display:inline-block;position:absolute;left:-87px;top:40px;cursor:pointer}
.sl-right-staff{background-image:url(../img/right1.png);background-repeat:no-repeat;width:32px;height:155px;display:inline-block;position:absolute;right:-87px;top:40px;cursor:pointer}
#job{background-color:#f5f5f5;border-top:3px solid #e5e5e5;padding-bottom:.8rem}
#job h2{text-align:center;font-size:.48rem;margin-top:.75rem;color:#2c2c2c}
#job h3{text-align:center;font-size:.2rem;color:#c7c7c7;margin-top:.07rem;margin-bottom:.58rem}
#job .job-c{margin-top:.1rem}
.job-p{height:.88rem;background-color:rgba(249,201,0,1);border-top-left-radius:5px;border-top-right-radius:5px}
.job-p-1{background-image:url(../img/note.png);background-position:center;background-repeat:no-repeat;background-size:.53rem .49rem}
.job-p-2{background-image:url(../img/display.png);background-position:center;background-repeat:no-repeat;background-size:.53rem .49rem}
.job-p-3{background-image:url(../img/pen.png);background-position:center;background-repeat:no-repeat;background-size:.53rem .49rem}
.job-p-4{background-image:url(../img/ci.png);background-position:center;background-repeat:no-repeat;background-size:.53rem .49rem}
#job ul{list-style:none;text-align:center;padding-left:0;font-size:.2rem;color:#2c2c2c;padding-top:.27rem;padding-bottom:.2rem;background-color:#fff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-bottom-left-radius:5px;border-bottom-right-radius:5px;height:2.3rem}
#job ul li{padding-bottom:.14rem}
.modal-title{font-size:.24rem;border-left:3px solid #25b7aa;line-height:1;padding-left:2px}
.p-job{font-size:.16rem}
.p-req{font-size:.16rem;padding-top:.15rem}
.modal p{font-size:.16rem;margin-bottom:0}
.modal-header{padding-top:.7rem;border-bottom:none}
.modal-body{padding-top:.05rem}
.modal-content{padding-left:.3rem;padding-bottom:1rem}
@media (min-width:768px){.modal-dialog{width:760px;margin:30px auto}
}
.bx{;width:.5rem;height:.5rem;display:inline-block;cursor:pointer}
.close:focus,.close:hover{opacity:1}
.close{opacity:.8}
.logo-b{height:.69rem;;background-size:auto 100%;background-position:center;background-repeat:no-repeat;margin-top:.63rem;margin-bottom:.63rem}
.info{font-size:.16rem;color:#b7b7b7;margin-top:.78rem}
.info span{padding-right:.42rem}
#footer{background-color:#000;font-size:.12rem;color:#9f9f9f;text-align:center}
.copyright{margin-top:.1rem}
.copyright p a{color:#9f9f9f}
@media screen and (max-width:480px){
    #contact .swiper-slide{height:370px}
    .slice-tit{top:.9rem!important}
    .slice-cont{top:1.3rem}
    .swiper-container-product{height:410px}
    #contact h4{font-size:.3rem}
}
@media screen and (max-device-width:768px){.slice-tit{top:1.3rem!important}
    .slice-cont{top:2rem}
    .logo-b{margin-top:.23rem;margin-bottom:.23rem;background-size:auto 50%}
    .info{margin-top:.18rem}
    #job{padding-bottom:.01rem}
    #job h2{margin-top:.4rem}
    #job h3{margin-bottom:.08rem}
    #staff h2{margin-top:.4rem}
    #staff h3{margin-bottom:.08rem}
    .swiper-container-staff{height:270px}
    #story h2{margin-top:.4rem}
    #story h3{margin-bottom:.08rem}
    #contact h2{margin-top:.4rem}
    #contact h3{margin-bottom:.08rem}
    #company h2{margin-top:.4rem}
    #company h3{margin-bottom:.08rem}
    .slogan{margin-top:.16rem;margin-bottom:.2rem}
    #contact .swiper-slide p{font-size:.18rem}
    .job-b{padding-left:0;padding-right:0}
    #job ul{height:auto}
    .btd,.btw{font-size:.16rem}
    #contact:before{margin-top:-5px}
    #story:before{margin-top:-5px}
}
@media (max-width:767px){.logo-link-m{display:inline-block;width:169px;height:45px;background-size:60% 90%!important;background-repeat:no-repeat;background-position-x:60%;text-indent:-9999px;padding:0 0}
    .navbar-toggle-m{margin-top:6px;margin-bottom:0}
    .navbar-m{margin-bottom:0;min-height:45px}
    #main{padding-top:45px}
}