/***** Header *****/
header{position: fixed;width:100%;height:1rem;line-height: 1rem;z-index:9;text-align:left;}
header.ons {background: rgb(0 0 0 / 50%);}
header.ons .max_width{border-bottom:none;}
.max_width{margin: 0 .75rem;position: relative;}
header .max_width{border-bottom: 1px solid rgb(255 255 255 / 50%);}
header .logo{float:left;}
header .nav{float: left;margin-left: .95rem;}
header .nav dl{float:left;padding: 0 .35rem;}
header .nav dl:first-child{padding-left:0}
header .nav dl dt a{font-size:.16rem;line-height:1rem;color:#fff;}
header .nav dl dd{position:absolute;left: 0;width: 100%;display: none;transition: none;}
header .nav dl dd a {display: inline-block;margin: .2rem .4rem .2rem 0;font-size: .14rem;color: #fff;padding-left: .1rem;position: relative;}
header .nav dl dd a::after{position:absolute;content:'';left:0;top:50%;width:.04rem;height:.04rem;background:#fff;border-radius:100%;margin-top:-.02rem}
header .right{float:right;line-height: 1rem;height: 1rem;position: relative;}
header .right .lang{display: inline-block;vertical-align: middle;}
header .right .lang dl{width: 100%;cursor: pointer;}
header .right .lang dt {font-size: .16rem;color: #fff;}
header .right .lang dt i{margin-left:.06rem}
header .right .lang dd{position:absolute;background:#beb69f;padding:.1rem .2rem;display:none;transition:none;top:1rem}
header .right .lang dd a{display:block;width:100%;color:#000;font-size:.14rem;line-height:2}
header .right .search{display:inline-block;vertical-align:middle;padding-left:.22rem;margin-left:.22rem;border-left:.02rem solid #fff}
header .right .search a{display:block;color:#fff;font-size:.16rem}
header.ons .nav dl dd{background: rgb(0 0 0 / 50%);}
/***** Header End *****/

.tem_banner{position:relative;width:100%;}
.tem_banner.index .txt{position:absolute;width:100%;height:100%;left:0;top:0;}
.tem_banner.index .txt .title{text-align:center;}
.tem_banner.index .txt .title>*{color:#fff;}
.tem_banner.index .txt .title h2{font-size:.44rem;color:#fff;display: block;margin-bottom: .15rem;opacity:0;transition:1s;transform: translateY(80px);}
.tem_banner.index .txt .title p{font-size:.3rem;letter-spacing:.2rem;opacity:0;transition:1s;transform: translateY(80px);}
.tem_banner.index .swiper-slide-active .txt .title h2{transform: none;transition: 1s;opacity: 1;transition-delay: .3s;}
.tem_banner.index .swiper-slide-active .txt .title p{transform: none;transition: 1s;opacity: 1;transition-delay: .6s;}
.tem_banner.index .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom: .8rem!important;left:0;text-align: center;font-size:0;width:100%;margin:0;}
.tem_banner.index .slide-pagination span{width:11px;height:11px;border-radius:100%;border:1px solid #fff;opacity:1;background:0 0;margin:0 5px;outline:0}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{background: #fff;border-color: #fff;}

.tem_banner.indise .flash{font-size:0}
.tem_banner.indise .flash img{width:100%;height:100%}
.tem_banner.indise .txt{position:absolute;bottom: 30%;left:0;width:100%;text-align: right;color: #fff;}
.tem_banner.indise .txt h2{font-size: .46rem;color: #fff;display:inline-block;margin-bottom: .2rem;font-weight: bold;}
.tem_banner.indise .txt p{font-size: .18rem;color: #fff;display: block;text-transform: uppercase;letter-spacing: .01rem;font-family: 'DIN';}


.index_about{width:100%;padding: .5rem 0 .8rem;}
.index_about .title{text-align: center;margin-bottom:.35rem;}
.index_about .title h2{font-size:.3rem;color:#313233;display:block;margin-bottom:.1rem;}
.index_about .title h2 i{color:#bfb69f;}
.index_about .title p{font-size:.16rem;color:#3d3d3d}
.index_about .list{width:100%;background: #f8f8f8;position: relative;/* margin-bottom: .55rem; */overflow: hidden;}
.index_about .list>div{float:left;}
.index_about .list .left{width: 49%;}
.index_about .list .right{width: 51%;padding-top: 0.8rem;}
.index_about .list .right .txt{background:#fff;position:relative;left:-.8rem;padding: .65rem .3rem;}
.index_about .list .right .txt .name{font-size:.2rem;color:#282828;margin-bottom:.15rem;}
.index_about .list .right .txt .desc{font-size:.16rem;color:#303030;line-height: 1.9;}
.index_about .list .right .txt .nav{position: absolute;right: 0;bottom: -.2rem;font-size:0;}
.index_about .list .right .txt .nav li{display:inline-block;margin-left:.1rem;}
.index_about .list .right .txt .nav li a{font-size:.15rem;color:#fff;background:#bfbfbf;padding:.1rem .2rem}
.index_about .list .right .txt .nav li a:hover,.index_about .list .right .txt .nav li:first-child a{background:#bfb69f;}
.index_about .bot{width:100%;display: none;}
.index_about .bot li{float: left;width: 25%;text-align: center;padding:0 .2rem;position: relative;}
.index_about .bot li::after{position:absolute;content:'';left:-.04rem;top:.3rem;width:.08rem;height:.08rem;border:1px solid #b38f48;border-radius:100%}
.index_about .bot li:first-child::after{display:none}
.index_about .bot li p {font-size:.24rem;}
.index_about .bot li p em{color:#bfb69f;font-size:.4rem;font-family: 'DIN';display: inline-block;margin-right: .03rem;}
.index_about .bot li h2{font-size:.16rem;color:#545454;display: block;margin-top: .05rem;}

.index_product{width: 100%;}
.index_product .title{width:100%;text-align: center;margin-bottom: .45rem;}

.index_product .title h2 {
    font-size: .3rem;
    color: #bfb69f;
    display: block;
    margin-bottom: .1rem;
}

.index_product .title p {
    font-size: .16rem;
    color: #3d3d3d;
}

.index_product>div{float:left;width:50%;position: relative;vertical-align: middle;}
.index_product .left .txt{position:absolute;left:50%;top:50%;width:3.1rem;height:3.1rem;margin-left:-1.55rem;margin-top:-1.55rem;background:url(../images/product_bj.png) no-repeat;background-size:100%;border-radius:100%;overflow:hidden;text-align:center;padding-top:.95rem}
.index_product .left .txt h2 {font-size:.23rem;color:#fff;}
.index_product .left .txt p{font-size:.18rem;color:#fff;display:block;margin:.2rem 0 .5rem;}
.index_product .left .txt a{font-size:.16rem;color:#fff;display: inline-block;}
.index_product .left .txt a:hover {color: #000;}
.index_product .right li{float:left;width:50%;padding-left:.2rem;padding-bottom:.2rem;}
.index_product .right li:first-child+li+li,.index_product .right li:last-child{padding-bottom:0}
.index_product .right li a{position:relative}

.index_product .right li a:hover img {
    transition: 1s;
    transform: scale(1.1);
}
.index_product .right li p{position:absolute;left:.33rem;bottom:.35rem;font-size:.2rem;color:#fff;transform: none;}

.index_product .right li a:hover p {
    transform: translateX(30px);
    text-shadow: 1px 1px 3px #000;
}

.index_spirit{padding: .7rem 0 1.3rem;background:url(../images/spirit_bj.jpg) no-repeat center;background-size:cover;}
.index_spirit .title{text-align:center;}
.index_spirit .title h2{font-size:.3rem;color:#202020;display:block;margin-bottom:.1rem;}
.index_spirit .title p{font-size:.16rem;color:#3d3d3d;}
.index_spirit .con{margin: .5rem 0;}
.index_spirit .list{width:100%}
.index_spirit .list li{padding:0 .2rem;}
.index_spirit .list li a{background:#fff;border:1px solid #e5e5e5;padding:.5rem .28rem}
.index_spirit .list li a:hover {background: #bfb69f;}
.index_spirit .list li a:hover>* {color: #fff;}
.index_spirit .list li h2{display:block;font-size:.24rem;color:#bfb69f;margin-bottom:.15rem;}
.index_spirit .list li p{font-size:.16rem;color:#5f5f5f;line-height:1.5}

.index_news{padding: .7rem 0 1.2rem;background: #e8f0f9;}
.index_news .title{text-align:center;font-size:.3rem;color:#202020;}
.index_news ol{text-align:center;font-size: 0;margin: .3rem 0 .5rem;}
.index_news ol li{display:inline-block;vertical-align:top;margin: 0 .06rem;}
.index_news ol li h2{display:block;padding:.1rem .25rem;background:#fff;border:1px solid #bfb69f;color:#bfb69f;font-size:.16rem;cursor:pointer}
.index_news ol li.flex-active h2{background:#bfb69f;color:#fff}
.index_news .list{width:100%}
.index_news .list li{padding:.1rem .2rem}
.index_news .list li a{position:relative;width:100%}
.index_news .list li a:hover{box-shadow:0 0 .1rem #555}
.index_news .list li a:hover img{transition:1s;transform:scale(1.2)}
.index_news .list li a .time{position:absolute;left:.2rem;top:.2rem;z-index:1}
.index_news .list li a .time>*{color:#fff}
.index_news .list li a .time h2{font-size:.14rem;display:inline-block;padding-bottom:.1rem;margin-bottom:.06rem;border-bottom:1px solid #fff}
.index_news .list li a .time p{font-size:.24rem}
.index_news .list li a .title{position:absolute;bottom:.2rem;left:0;width:100%;padding:0 .25rem;color:#fff;font-size:.18rem;line-height:1.8;text-align: left;}
.index_news .list .more{text-align:center;margin-top: .3rem;}
.index_news .list .more a{display:inline-block;padding:.1rem .3rem;border:1px solid #000;border-radius:.3rem;color:#000;}
.index_news .list .more a:hover{background:#bfb69f;color:#fff;border:1px solid #bfb69f;}

/*** page web ***/
.page_about{width:100%}
.page_profile{padding:.5rem 0 .9rem 0;background: #fafafa;}
.page_profile .title{text-align:center;}
.page_profile .title h2{font-size:.36rem;color:#454543;display:block;margin-bottom:.08rem}
.page_profile .title p{font-size:.18rem;color:#bfb69f;}
.page_profile .desc{color: #474747;font-size: .16rem;line-height: 2.2;margin: .4rem 0 .5rem;}
.page_profile .bot{width: 100%;}
.page_profile .bot>*{display: table-cell;vertical-align: middle;}
.page_profile .bot .txt{width:35%;padding-right:.9rem;color:#474747;font-size:.16rem;line-height:2.2}
.page_profile .bot .img{width:65%}

.page_history{padding-top: .6rem;background: url(../images/history_bj.jpg) no-repeat center;background-size: cover;}
.page_history .top{}
.page_history .top .title{margin-bottom: .6rem;float: left;}
.page_history .top .title>*{color:#fff;}
.page_history .top .title h2{font-size:.36rem;display: block;margin-bottom: .1rem;}
.page_history .top .title p{font-size:.2rem;text-transform:uppercase;font-family:'DIN-';}
.page_history .top .since{float:right;font-size: .72rem;color: rgb(238 238 238 / 24%);text-transform: uppercase;font-family: 'DIN';}
.page_history .bot{width:100%;position: relative;}
.page_history .bot .list{width: 69%;padding-right: .46rem;padding-left: .6rem;padding-bottom: .7rem;position: relative;}
.page_history .bot .list::after{position:absolute;content:'';left:0;bottom:0;height:100%;width:1px;background:#fff}
.page_history .bot .list::before{position:absolute;content:'';background:url(../images/sj.png) no-repeat;width:.23rem;background-size:100%;height:.2rem;left:0;top:-.03rem;margin-left:-.125rem}
.page_history .bot .list a{border-bottom:1px solid rgb(255 255 255 / 60%);display:block;padding:.45rem 0;font-size:0}
.page_history .bot .list a>* {display:inline-block;vertical-align: middle;color:#fff;}
.page_history .bot .list a h2{font-size:.2rem}
.page_history .bot .list a p{font-size:.16rem;padding-left: .44rem;position: relative;margin-left: .65rem;}
.page_history .bot .list a p::after{position:absolute;content:'';left:0;top:50%;width:.09rem;height:.09rem;background:#fff;border-radius:100%;margin-top:-.045rem}
.page_history .bot .list .swiper-container{height: 4.7rem;}
.page_history .bot .img{width: 31%;position: absolute;right: 0;top: 0;}

.page_honor{padding:1.16rem 0 .1rem}
.page_honor .title{text-align:center;margin-bottom:.7rem;}
.page_honor .title h2{font-size:.36rem;color:#454543;display: block;margin-bottom: .1rem;}
.page_honor .title p{font-size:.2rem;color:#595959;text-transform:uppercase;}
.page_honor .list{text-align:center;}
.page_honor .list a .box{display:inline-block;padding:0 .37rem .5rem;background:url(../images/honor_bj.png) no-repeat bottom center}
.page_honor .list a .box .img{border:1px solid #e3e3e3}
.page_honor .list p{text-align:left;display:block;border-bottom:1px dashed #bfbfbf;font-size:.16rem;color:#3a3a3a;padding:0 .05rem .2rem;position:relative}
.page_honor .list p i{position:absolute;background:url(../images/search1.png) no-repeat;width:.19rem;height:.19rem;right:0;top:.04rem;background-size:100%}
.page_honor .list .paginations{font-size:0;margin: .5rem 0;}
.page_honor .list .paginations span{width:.12rem;height:.12rem;background:#fff;border:1px solid #bfb69f;opacity:1;margin:0 .05rem}
.page_honor .list .paginations span.swiper-pagination-bullet-active{background:#bfb69f;}

.page_equipment{padding:.7rem 0;background:#eee}
.page_equipment .title{text-align:center;margin-bottom:.45rem;}
.page_equipment .title h2{color:#454543;font-size:.36rem;display:block;margin-bottom:.1rem;}
.page_equipment .title p{font-size:.2rem;color:#595959;text-transform:uppercase;}
.page_equipment .list .paginations{font-size:0;margin: .5rem 0;text-align:center;}
.page_equipment .list .paginations span{width:.12rem;height:.12rem;background:#eee;border:1px solid #bfb69f;opacity:1;margin:0 .05rem}
.page_equipment .list .paginations span.swiper-pagination-bullet-active{background:#bfb69f;}


.page_imgs{padding:.4rem 0 .7rem}
.page_imgs li{margin-top:.3rem}
.page_imgs li a{position:relative}
.page_imgs li a:hover img{transition:.36s;transform:scale(1.1)}
.page_imgs li a:hover h2{transform:translateY(-.2rem)}
.page_imgs li a::after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background:url(../images/case_bj.png);z-index:1}
.page_imgs li a h2{position:absolute;left:0;bottom:0;width:100%;color:#fff;padding:.2rem;font-size:.16rem;z-index:2}

.page_product{width: 100%;/* background:url(../images/product_bj.jpg) no-repeat; */background-size:cover;/* padding: .9rem 0 1.3rem; */}
.page_product .top{margin-bottom: .7rem;}
.page_product .top .max_width {border-bottom: 1px solid rgb(8 109 187 / 20%);padding-bottom: .5rem;}
.page_product .top li{float:left;width:20%}
.page_product .top li a{padding:.1rem}
.page_product .top li a .img{width:2.42rem;height: 2.42rem;margin: 0 auto;border-radius: 100%;}
.page_product .top li a:hover .img {box-shadow: 0 0 .1rem #000;}
.page_product .top li a h2{color:#3260a0;font-size:.16rem;text-align:center;display:block;margin-top:.25rem;position: relative;padding-bottom: .21rem;}
.page_product .top li.on a h2::after{position:absolute;content:'';left:50%;bottom:0;background:url(../images/product-sj.png) no-repeat;width:.13rem;height:.11rem;margin-left:-.065rem;background-size: .13rem;}
.page_product .bot{width:100%;text-align:center}
.page_product .bot .title{font-size:.24rem;color:#3260a0;margin-bottom:.3rem}
.page_product .bot .list li{padding: 0 .15rem;margin-bottom: .35rem;}
.page_product .bot .list li:hover .img{box-shadow:0 0 .1rem #898989}
.page_product .bot .list li:hover img{transition:1s;transform:scale(1.2)}
.page_product .bot .list li p {font-size: .16rem;color: #454545;padding: .2rem 0 .15rem;}
.page_product .bot .list li:hover p{color:#3260a0;}


#showproduct{padding: .6rem 0 .9rem;}
#showproduct .list{float:left;width: 44%;position: relative;border: 1px solid #eee;}
#showproduct .list .swiper-pagination{position:absolute;bottom:.06rem;left:0;width:100%}
#showproduct .list .swiper-pagination div{width:.42rem;height:.38rem;background: #6cbb48;color:#fff;line-height:.38rem;font-size:.24rem;position:absolute;bottom:0;}
#showproduct .list .swiper-pagination .swiper-button-disabled{background:#fff;color:#8c8c8c}
#showproduct .list .swiper-pagination .left{left:.06rem}
#showproduct .list .swiper-pagination .right{right:.06rem}
#showproduct .text{float:right;width: 56%;padding-left: .5rem;}
#showproduct .text h2{font-size:.3rem;color: #0370be;display:block;margin:.55rem 0 .2rem;}
#showproduct .text p{font-size:.16rem;color:#3a3a3a;line-height:2.3}
#showproduct .content{width:100%;margin-top:.7rem}
#showproduct .content .title{margin-bottom:.4rem;background:#ececec}
#showproduct .content .title h2{line-height:.8rem;text-align:center;background: #0370be;color:#fff;font-size:.24rem;display:inline-block;padding:0 .6rem;}
#showproduct table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
#showproduct table td{border:1px solid #ddd!important}
#showproduct table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding: .2rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd;}
#showproduct table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}

.page_position{position:relative;top:-1.4rem;}
.page_case{padding:.7rem 0}
.page_case .item{margin-bottom: .6rem;}
.page_case .item:last-child {margin-bottom: 0;}
.page_case .title{padding-left:.4rem;font-size:.24rem;color:#292828;background:url(../images/icon-3.png) no-repeat left center;background-size:.22rem;line-height: .35rem;}
.page_case .list{margin-top:.25rem;padding-top:.4rem;border-top:1px solid #e5e5e5;}
.page_case .list a:hover img {transition: 1s;transform: scale(1.1);}
.page_case .list a p {color: #4f4f4f;font-size: .16rem;display: block;margin: .2rem 0;}
.page_case .list a:hover p{color:#0370be}
.page_case .paginations{position:relative;text-align:center;font-size:0;margin: .3rem 0;}
.page_case .paginations span{width:.13rem;height:.13rem;border:1px solid #086dbb;background:#fff;opacity:1;margin:0 .1rem;outline:0}
.page_case .paginations span.swiper-pagination-bullet-active{background:#086dbb}

.page_news{width:100%;padding: .6rem 0 .3rem;background: #fff;}
.page_news .top{margin-bottom:.5rem}
.page_news .top li{padding:.1rem .2rem}
.page_news .top li a{position:relative;width:100%}
.page_news .top li a:hover{box-shadow:0 0 .1rem #555}
.page_news .top li a:hover img{transition:1s;transform:scale(1.2)}
.page_news .top li a .time{position:absolute;left:.2rem;top:.2rem;z-index:1}
.page_news .top li a .time>*{color:#fff}
.page_news .top li a .time h2{font-size:.14rem;display:inline-block;padding-bottom:.1rem;margin-bottom:.06rem;border-bottom:1px solid #fff}
.page_news .top li a .time p{font-size:.24rem}
.page_news .top li a .title{position:absolute;bottom:.2rem;left:0;width:100%;padding:0 .25rem;color:#fff;font-size:.18rem;line-height:1.8}
.page_news .bot{width:100%;padding: 0 .2rem;}
.page_news .bot li{margin-bottom: 1px;}
.page_news .bot li a{background: #f4f4f4;line-height: .98rem;padding: 0 .6rem 0 .45rem;}
.page_news .bot li a:hover{background:#dddddd;}
.page_news .bot li a h2 {float:left;line-height: inherit;color: #2c2c2c;font-size: .18rem;max-width: 85%;overflow: hidden;}
.page_news .bot li a p {float:right;font-size: .16rem;color: #808080;}


.show_news {padding: .7rem 0 .9rem;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}
.show_news .met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.show_news .met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.show_news .met_page li>* {display: inline-block;vertical-align: top;}
.show_news .met_page li a {font-size:.14rem;color:#333}

.page_download{padding:.7rem 0}
.page_download li{margin-bottom:.4rem;padding:0 .2rem;}
.page_download .pd{background:#f4f4f4;padding: .35rem .3rem;}
.page_download .pd h2{display:block;border-bottom:1px solid #e5e5e5;padding-bottom:.15rem;position:relative}
.page_download .title{font-size:.2rem;color:#292828;background:url(../images/icon-3.png) no-repeat left center;background-size:.22rem;line-height:.43rem;padding-left:.4rem}
.page_download .icon a{position:absolute;right:0;top:0;width: .43rem;height: .43rem;border: 1px solid #086dbb;border-radius: 3px;background: #f2f9ff url(../images/download.png) no-repeat center;background-size: .23rem;}
.page_tech{padding:.5rem 0 .7rem;}
.tech_support{width:100%;}
.tech_support .item{margin-bottom:.35rem;background:#f2f6f9;padding:.9rem 0 .8rem;position: relative;}
.tech_support .item .title{float:left;width: 22%;padding: 0 .2rem 0 .4rem;position: relative;}
.tech_support .item .title::after{width:.36rem;height:.03rem;background:#dfdfdf;position:absolute;content:'';left:.4rem;bottom:0}
.tech_support .item .title .tb{width:.72rem;height:.72rem}
.tech_support .item1 .title .tb{background:url(../images/tech_1.png) no-repeat left center;background-size:.61rem}
.tech_support .item2 .title .tb{background: url(../images/tech_2.png) no-repeat left center;background-size: .57rem;}
.tech_support .item3 .title .tb{background: url(../images/tech_3.png) no-repeat left center;background-size: .72rem;}
.tech_support .item4 .title .tb{background: url(../images/tech_4.png) no-repeat left center;background-size: .68rem;}
.tech_support .item5 .title .tb{background: url(../images/tech_5.png) no-repeat left center;background-size: .58rem;}
.tech_support .item .title h2{font-size:.24rem;color:#333333;display: block;margin: .22rem 0;}
.tech_support .item .con{float:left;width: 70%;font-size: .16rem;color: #555555;line-height: 1.7;padding-right: 0.8rem;}
.tech_support .item .num{position:absolute;top:0;right:0;background: #2697de;font-size: .7rem;color: #fff;font-weight: bold;text-align: center;padding: .2rem;}
.tech_video{width:100%}
.tech_video li{padding:0 .12rem;margin-bottom: .5rem;}
.tech_video li a{width:100%}
.tech_video li a:hover img {transition: 1s;transform: scale(1.1);}
.tech_video li a .img{position:relative}
.tech_video li a .img::after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background: rgb(0 0 0 / 0.50) url(../images/video.png) no-repeat center;}
.tech_video li a .txt{padding-top: .3rem;}
.tech_video li a .txt h2{font-size:.2rem;color:#373737;display:block;margin-bottom:.1rem;}
.tech_video li a .txt p{font-size:.14rem;color:#575757;}

.page_jobs{width:100%;padding: .7rem 0;background: #f6fbff;}
.page_jobs .title{text-align:center;margin-bottom:.5rem;}
.page_jobs .title h2{font-size:.4rem;color:#303030;display:inline-block;padding-bottom: .35rem;background: url(../images/factory_title.png) no-repeat bottom center;background-size: .87rem;}
.page_jobs .list{width:100%}
.page_jobs .list *{transition:none;}
.page_jobs .list .item{margin-bottom: .3rem;}
.page_jobs .list .item .top {background:  #fff;padding:0 .5rem;position:relative;line-height:.83rem;color:#2b2b2b;transition:.36s;}
.page_jobs .list .item .top>div{float:left;}
.page_jobs .list .item .top .name{font-size:.2rem;margin-right: 1.1rem;}
.page_jobs .list .item .top .info{font-size:.16rem;}
.page_jobs .list .item .top .more{position:absolute;right:  0;height:  100%;width:  .83rem;background:  url(../images/job_tb.png) no-repeat center;background-size:.23rem;}
.page_jobs .list .item .bot{background:#fff;padding:.2rem .5rem;display:  none;}
.page_jobs .list .item .bot .info{padding:  .25rem 0;border-bottom: 1px solid #e5e5e5;}
.page_jobs .list .item .bot .info>div{float:left;font-size:.16rem;color:#555555;margin-right:.5rem;}
.page_jobs .list .item .bot .con{padding: .3rem 0 .5rem;color: #555555;font-size:  .16rem;line-height: 1.8;}
.page_jobs .list .item.on .top{background: #0370be;color:#fff;transition:.36s;}
.page_jobs .list .item.on .top .more{background:  url(../images/job_tb1.png) no-repeat center;background-size:.23rem;}

.page_resources{padding:.7rem 0;background:#f7f7f7}
.page_resources .title{text-align:center;margin-bottom:.35rem}
.page_resources .title h2{font-size:.36rem;color:#333;display:block;margin-bottom:.1rem}
.page_resources .title p{font-size:.24rem;color:#959595;text-transform:capitalize}
.page_resources ol{width:100%;text-align:center;margin-bottom:.35rem}
.page_resources ol li{display:inline-block;margin:0 .3rem;cursor:pointer}
.page_resources ol li h2{padding:.2rem .4rem;background:#fff;border-radius:.15rem;font-size:.16rem;color:#333}
.page_resources ol li.flex-active h2{background:#17abe2;color:#fff}
.page_resources .list{font-size:.16rem;color:#666;line-height:1.7}

.page_contact{width:100%;padding:.6rem 0;}
.page_contact .contact {width: 100%;margin-bottom: .6rem;}
.page_contact .contact .left{float:left;height: 5.7rem;width: 59%;background: #f9f9f9;padding: .45rem .4rem 0;}
.page_contact .contact .left .title{margin-bottom: .55rem;}
.page_contact .contact .left .title h2{font-size:.36rem;color:#272727;display:block;margin-bottom:.1rem;}
.page_contact .contact .left .title p{font-size:.2rem;color:#3a66a2}
.page_contact .contact .left .list{
    width: 100%;
}

.page_contact .contact .left .list li {
    float: left;
    width: 50%;
    padding-right: .2rem;
    margin-bottom: .5rem;
}

.page_contact .contact .left .list li span {
    display: inline-block;
    width: .46rem;
    height: .46rem;
    margin-bottom: .05rem;
}

.page_contact .contact .left .list li p {
    font-size: .16rem;
    color: #272727;
}

.page_contact .contact .left .list li.addr span {background: url(../images/addr.png) no-repeat center;background-size: .36rem;}
.page_contact .contact .left .list li.mob span {background: url(../images/tel.png) no-repeat center;background-size: .36rem;}
.page_contact .contact .left .list li.fax span {background: url(../images/fax.png) no-repeat center;background-size: .36rem;}
.page_contact .contact .left .list li.email span {background: url(../images/email.png) no-repeat center;background-size: .36rem;}
.page_contact .contact .right{float:right;width: 40%;padding: .2rem;background: #f9f9f9;height: 5.7rem;}

.page_contact .message{width:100%;padding: .6rem;background: #f9f9f9;}
.page_contact .message h2{font-size: .36rem;color: #272727;display: block;margin-bottom: .1rem;}
.page_contact .message p{font-size: .2rem;color: #3a66a2;display: block;margin-bottom: .5rem;}

.page_contact .message input{float:left;width:30%;margin-right:5%;line-height:.75rem;border: 1px solid #dcdcdc;padding:0 .2rem;font-family:pingfang;font-size:.16rem;color:#222;background: #f6f6f6;border-radius: .05rem;}
.page_contact .message input:first-child+input+input{margin:0}
.page_contact .message textarea{float:left;width:100%;margin: .3rem 0;border: 1px solid #dcdcdc;padding:.15rem .2rem;font-family:pingfang;height:1.6rem;font-size:.16rem;color:#222;background: #f6f6f6;border-radius: .05rem;}
.page_contact .message .button{float:left;width:100%;text-align:center;font-size:0}
.page_contact .message .button button{display:inline-block;vertical-align:top;font-size:.16rem;padding:.18rem .55rem;background: #086dbb;color:#fff;border:none;border-radius:.03rem;}

footer{width:100%;padding:.35rem 0 .2rem}
footer .max_width{border-bottom:none;}
footer .email{font-size:.16rem;color:#505050;font-style:italic;padding: .25rem 0;border-bottom: 1px solid #808080;}
footer .nav{width: 100%;text-align: right;padding: .25rem 0 .45rem;font-size: 0;position: relative;}

footer .nav .qd {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    left: 0;
    top: .02rem;
}
footer .nav ul{display: inline-block;}
footer .nav ul li{display:inline-block;vertical-align:top}
footer .nav ul li:last-child a{padding-right:0;border-right:none}
footer .nav ul li a{font-size:.15rem;color:#151515;padding:0 .25rem;border-right:1px solid #151515}
footer .nav ul li a:hover{color:#bfb69f}
footer .copy{text-align:right;width:100%;}
.copy,.copy *{color:#5c5c5c;font-size:.15rem;display:inline-block;vertical-align:top;}
.copy a{margin-left:.2rem}
.copy a:hover{color:#bfb69f}
/**/
/********<=767 mobile nav style css********/
.m-header {background: #aa8829;box-shadow:0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #fff;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #aa8829;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color: #fff;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #f8cb4c;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #f9df97;}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #f8cb4c;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color: #1e1915;font-weight: bold;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	.tem_banner{padding-top: 60px;}
	.tem_banner.index .txt .title{font-size:.36rem;}
    .tem_banner.index .mould{max-width:40%}
	.tem_banner.index .txt .logo .img{width:1rem}
	.tem_banner.index .txt .title h2{font-size:.3rem}
	.tem_banner.index .txt .title p{font-size:.26rem;}
	.tem_banner.index .txt .title span{font-size:.16rem;}
	.tem_banner.index .slide-pagination{display:none;}
	.index_about .list .left{width:100%}
	.index_about .list .right{width:100%;padding: 0;}
	.index_about .list .right .txt{position:relative;left: 0;}
	.index_about .list .right .txt .nav{position:relative;}
	.index_about .list .right .txt .nav li{margin-right: .1rem;margin-left: 0;}
	.index_about .bot li{width:50%;margin-bottom:.2rem;}
	.index_about .bot li:first-child+li+li::after {display: none;}
	footer .copy{text-align:center;}
	
}

/********mobile*********/
@media(max-width:767px){
	.page_product .nav li.li2 .more{left: 40% !important;}
	.page_product .li2 .title{/* left:17% !important */}
	.page_product .nav .more{width:1.2rem !important;height:1.2rem !important}
	.page_product .title{left: 15% !important;top:20% !important;}
	.page_product .nav .more{top:38% !important;left: 32% !important;}
	.page_xinch .nav dl dd a{width:auto !important;padding-left: .1rem;}
	.page_xinch .nav dl dt .title h2{left:35% !important;top:40% !important}
	.page_xinch .nav dl{width: 100% !important;margin-bottom: .2rem;}
	.page_xinch .nav dl dd{top: 100%;z-index: 1;}
	.page_hengs .nav li.on a::after{width:.9rem !important}
	.page_hengs .nav .title{width:.9rem !important}
	.index_about .bot li:first-child+li+li::after {display: none;}
	.index_product>div{width:100%}
	.index_product .right li{padding:.1rem}
	.index_spirit .list li{margin-bottom:.2rem;}
	.max_width{margin: 0 .2rem;}
	footer .nav{text-align:left;}
	.page_profile .bot>*{display:block;width:100%!important;padding: 0!important;margin-bottom: .5rem;}
	.page_product .top li{width:33.33%}
	.page_product .top li a .img{width:100%}
	.page_contact .contact .left{width:100%}
	.page_contact .contact .right{width:100%}
	footer .nav .qd{position:relative;margin:.3rem auto 0;}
	
}

.page_product .nav {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
}

.page_product .nav .title h2 {
    font-size: .36rem;
    color: #ffffffe0;
    /* line-height: .8rem; */
}

.page_product .nav .title p {
    font-size: .16rem;
    color: #ffffffe8;
}

.page_product .nav li.li1 {
    display: inline-block;
    /* left: 25%; */
    width: 50%;
    height: 100%;
    position: absolute;
}
.page_product .nav li.li2 {
    display: inline-block;
    left: 50%;
    width: 50%;
    height: 100%;
    position: absolute;
}

li.li1 {}

.page_product .title {
    top: 33%;
    position: absolute;
    left: 40%;
    text-align: center;
}

.page_product .nav ul {
    height: 100%;
}
.page_product .li2 .title{
    left: 42%;
}


.page_product .nav p {
    font-size: .2rem;
    color: #ffffffdb;
    text-transform: uppercase;
    display: inline-block;
    padding-right: .1rem;
    margin-top: .35rem;
    text-align: center;
    padding-left: .1rem;
}

.page_product .nav .more {
    position: absolute;
    top: 48%;
    left: 45%;
    width: 1rem;
    height: 1rem;
    border: 1px solid #ffffffe3;
    border-radius: 100%;
}
.page_product .nav .more:hover{background-color:#a7bd82}
.page_product .nav .more i.fa.fa-angle-right {
    /* width: .15rem; */
    /* height: .15rem; */
    color: #fffffff2;
    font-size: .2rem;
    /* position: absolute; */
    display: inline-block;
}

.page_product .bj {}
.page_hengs .nav li:first-child{border:none;}
.page_hengs .nav li {
    display: inline-block;
    /* padding: 0 .3rem; */
    border-left: 1px solid #0f52af;
}
.page_hengs .nav li a{
	 font-size: .16rem;
	 color: #0f52af;
	 /* position: relative; */
	 }

.page_hengs .nav {
    padding-top: .3rem;
    margin-bottom: .3rem;
    /* border-bottom: 1px solid; */
    position: relative;
}

.page_hengs .nav li.on a::after{
    position:absolute;
    content:'';
    /* left:0; */
    /* top: 36.5%; */
    width: 1rem;
    height: .2rem;
    /* border-radius:100%; */
    /* margin-top: -.1rem; */
    background: url(../images/products_nav.png)no-repeat center;
    /* color: #ccc; */
}

.page_hengs .nav li.on {
    /* position: relative; */
}

.page_hengs .nav .title {
    position: relative;
    width: 1rem;
    text-align: center;
}

.page_hengs .main .title {
    text-align: center;
    margin-bottom: .3rem;
}

.page_hengs .main .title h2 {
    font-size: .24rem;
    color: #3260a0;
    position: relative;
    padding-top: .2rem;
}
.page_hengs .main .title h2::after{content:'';position:absolute;width: .3rem;height: .01rem;background: #3260a0;bottom: -30%;left: 49%;}

a.fancybox {}

.page_hengs .list li.col-sm-4.col-xs-6 {
    padding-bottom: .4rem;
}

.page_hengs .list ul li p {
    text-align: center;
    padding-top: .1rem;
    font-size: .16rem;
}

.page_xinch .nav dl {
    display: inline-block;
    vertical-align: top;
    width: 49.5%;
}

.page_xinch .nav {
    padding-top: .5rem;
    position: relative;
}

.page_xinch .nav dt {
    position: relative;
}

.page_xinch .main{padding-top: 1rem;}

.page_xinch .nav dl dt .title h2 {
    position: absolute;
    top: 55%;
    /* text-align: center; */
    left: 43%;
    font-size: .24rem;
    color: #fff;
}

.page_xinch .nav dl.act dd {
    /* display: none; */
}
.page_xinch .nav dd {
    display: none;
}

.page_xinch .nav dl.on dd {
    display: block;
    position:absolute;
    line-height: .5rem;
    width: 100%;
    left: 0;
    right: 0;
}
.page_xinch .nav dl dd a:first-child{border:none}
.page_xinch .nav dl dd a {
    display: inline-block;
    font-size: .16rem;
    color: #3260a0;
    border-left: 1px solid #3260a0;
    width:1.4rem;
    text-align:center;
    position: relative;
}

.page_xinch .main {
    margin-top: 1.2rem;
}

.page_xinch .main .title {
	font-size: .24rem;
    color: #3260a0;
    position: relative;
    text-align:center;
    margin-bottom:.3rem
}
.page_xinch .main .title h2::after{content:'';position:absolute;width: .4rem;height: .01rem;background: #3260a0;bottom: -30%;left: 49%;}
.page_xinch .list li.col-sm-4.col-xs-6 {
    padding-bottom: .4rem;
}

.page_xinch .list ul li p {
    text-align: center;
    padding-top: .1rem;
    font-size: .16rem;
}

.page_hengs {
    background: url(../images/product_bj.jpg);
}

.page_xinch {
    background: url(../images/product_bj.jpg);
}

.page_xinch .nav dd a.on::after{
    position:absolute;
    content:'';
    left:0;
    top: 100%;
    width: 1.4rem;
    height: .2rem;
    /* border-radius:100%; */
    /* margin-top: -.1rem; */
    background: url(../images/products_nav.png)no-repeat center;
    /* color: #ccc; */
}


.title {
}

.page_hengs .list {
    padding-top: .15rem;
}
.page_hengs .nav:after{content:'';position:absolute;width: 20rem;height: .01rem;background: #98b1d6;/* bottom: -30%; *//* left: 49%; */bottom: -60%;left: -20%;}

.page_hengs .main {
    margin-top: .5rem;
}
.page_xinch .nav:after{content:'';position:absolute;width: 20rem;height: .01rem;background: #98b1d6;/* bottom: -30%; *//* left: 49%; */bottom: -25%;left: -20%;}

.page_hengs .met_pager a.page-num-current, .met_pager a:hover {background:#3260a0}
.page_xinch .met_pager a.page-num-current, .met_pager a:hover {background:#3260a0}

.index_product .left {
    /* height: 9rem; */
}

.index_product .left .img img {
    height: 9.25rem;
}

.right {
}

.index_product .right li a .img img {
    height: 2.94rem;
}

.page_product .nav li.li2 .more {
    left: 48.8%;
}

.fixed_rlt{position:fixed;right:.1rem;top:50%;transform:translateY(-50%);background:#0a3e8c;border-radius:10px;padding:.15rem 0;width:.55rem;z-index:99}
.fixed_rlt ul {overflow: inherit;}
.fixed_rlt li {margin:0 0 .12rem;text-align:center;position:relative}
.fixed_rlt li:last-child{margin:0}
.fixed_rlt li a{font-size:.22rem;color:#FFF;display:block;line-height:.6rem;}
.fixed_rlt li .item {position:absolute;right:-1.2rem;top:0;opacity:0;visibility:hidden;font-size:.16rem;color:#FFF;background:#0a3e8c;padding:0 .15rem;width:2.6rem;line-height:.6rem;}
.fixed_rlt li .code {position:absolute;right:-1.3rem;top:0;opacity:0;visibility:hidden;background:#0a3e8c;padding:10px;border-radius:5px;width:1.3rem;}
.fixed_rlt li:hover .item {opacity:1;visibility:visible;right:.65rem;}
.fixed_rlt li:hover .code {opacity:1;visibility:visible;right:.65rem;}